@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho+B1&display=swap");
/* ----------

Setting - variables
各種変数

---------- */
/* ----------

Setting - layouts
レイアウト設定

---------- */
/*** The new CSS reset - version 1.11.3 (last updated 25.8.2024) ***/
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

a, button {
  cursor: revert;
}

ol, ul, menu, summary {
  list-style: none;
}

ol {
  counter-reset: revert;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

:where(pre) {
  all: revert;
  box-sizing: border-box;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

::-webkit-details-marker {
  display: none;
}

html {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #243E30;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 750px) {
  html {
    font-size: 3.4666666667vw;
  }
}

a {
  color: #243E30;
}

small {
  font-size: 0.8em;
}

label {
  vertical-align: middle;
}

tr:empty {
  display: none;
}

/*
Whats: Main
How  : mainタグ（コンテンツボディ）
Included in：app.scss
*/
.main {
  margin-top: 64px;
  padding-bottom: 60px;
  background-color: #E3EAE0;
}
@media screen and (max-width: 750px) {
  .main {
    width: 100vw;
    margin-top: 15.7333333333vw;
    padding-bottom: 32vw;
  }
}

/*
Whats: ヘッダー
How  : ヘッダー（navが子として入る）
Included in：app.scss
*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  color: #243E30;
  z-index: 1000;
  text-align: center;
  border-radius: 0 0 10px 10px;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-inline: auto;
}
.header__logo > a {
  display: flex;
  align-items: center;
}
.header__logo > a > img {
  width: 217.57px;
  height: auto;
}
.header__btn-sp {
  display: none;
}
@media screen and (min-width: 750px) {
  .header__inner {
    min-width: 1240px;
    max-width: 1366px;
    height: 64px;
    padding: 11px 16px;
  }
  .header__gnav-button {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .header {
    border-radius: 0 0 2.6666666667vw 2.6666666667vw;
  }
  .header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1.0666666667vw;
    height: 15.7333333333vw;
    width: 100%;
    padding: 2.1333333333vw 2.1333333333vw 2.1333333333vw 3.2vw;
  }
  .header__logo {
    width: 41.5546666667vw;
    height: 7.0666666667vw;
  }
  .header__logo > a {
    width: 100%;
    height: auto;
  }
  .header__logo > a > img {
    width: 100%;
  }
  .header__btn-sp {
    display: block;
    margin-left: auto;
    margin-right: 0.8vw;
  }
  .header__btn-sp > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31.2vw;
    height: 11.4666666667vw;
    border-radius: 11.4666666667vw;
    background-color: #ED782F;
    color: #fff;
    font-weight: 600;
    transition: all 0.4s;
  }
  .header__btn-sp > a:hover {
    opacity: 0.6;
  }
  .header__gnav-button {
    width: 11.4666666667vw;
  }
}
.header.--fadein {
  opacity: 0;
  margin-top: -10px;
  animation: headerFadeIn 0.8s 3.3s ease-out forwards;
}

@keyframes headerFadeIn {
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
/*
Whats: header-nav
How  : ヘッダー内nav枠
Included in：app.scss
*/
.gnav {
  z-index: 2000;
}
.gnav__inner {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .gnav__inner {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .gnav__inner {
    width: 100%;
  }
}
.gnav__inner {
  display: flex;
  gap: 24px;
}
@media screen and (min-width: 750px) {
  .gnav {
    background-color: #fff;
  }
  .gnav__button {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .gnav {
    position: fixed;
    top: 0;
    left: 0;
    max-height: 100vh;
    margin-top: 15.7333333333vw;
    padding-bottom: 6.4vw;
    width: 100vw;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

/*
Whats: header-nav-list
How  : ヘッダーnav内のリスト
Included in：app.scss
*/
@media screen and (min-width: 750px) {
  .gnav-list {
    display: flex;
    gap: 64px;
    align-items: center;
  }
  .gnav-list > ul {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 64px;
    width: 100%;
    height: 55px;
  }
  .gnav-list > ul > li {
    position: relative;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #243E30;
    white-space: nowrap;
  }
  .gnav-list > ul > li a, .gnav-list > ul > li span {
    position: relative;
    display: inline-block;
    color: #243E30;
    padding-block: 4px;
    padding-bottom: 4px;
  }
  .gnav-list > ul > li a:after, .gnav-list > ul > li span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: solid 1px #243E30;
    scale: 0;
    translate: -50%;
  }
  .gnav-list > ul > li a:hover:after, .gnav-list > ul > li span:hover:after {
    translate: 0;
    scale: 1;
    transition: all 0.4s ease;
  }
  .gnav-list > ul > li a > span, .gnav-list > ul > li span > span {
    font-size: 10px;
    display: block;
    color: #243E30;
    letter-spacing: 0;
  }
  .gnav-list > ul > li > div {
    position: absolute;
    left: 50%;
    padding-top: 4px;
    opacity: 0;
    transform: translateX(-50%);
    transition: all 0.8s ease-out;
    pointer-events: none;
  }
  .gnav-list > ul > li > div > ul {
    display: block;
    background-color: #fff;
    padding: 24px;
    border-radius: 8px;
  }
  .gnav-list > ul > li > div > ul > li {
    text-align: left;
  }
  .gnav-list > ul > li > div > ul > li:not(:last-child) {
    margin-bottom: 1em;
  }
  .gnav-list > ul > li:hover > div {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
  .gnav-list > ul > li:hover > div > ul:hover {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
  .gnav-list > ul > li.--current > a > span {
    color: #ED782F;
  }
  .gnav-list > ul > li.--top {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .gnav-list {
    position: fixed;
    top: 0;
    display: grid;
    height: calc(100% - 15.7333333333vw);
    width: 100%;
    margin-top: 15.7333333333vw;
    padding-top: 6.4vw;
    overflow-y: scroll;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: all 0.7s;
    z-index: 500;
  }
  .gnav-list.--active {
    opacity: 1;
    pointer-events: auto;
  }
  .gnav-list-menu {
    order: 1;
    margin-bottom: 8.5333333333vw;
    padding-inline: 6.4vw;
  }
  .gnav-list-menu > li {
    display: block;
    border-bottom: 1px solid #243E30;
    line-height: 0;
  }
  .gnav-list-menu > li > a, .gnav-list-menu > li > span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 17.6vw;
    width: 100%;
    text-align: left;
    font-family: "Shippori Mincho B1", serif;
    font-size: 4.8vw;
    margin-bottom: 0;
  }
  .gnav-list-menu > li > span {
    height: 14.9333333333vw;
  }
  .gnav-list-menu > li > div > ul {
    padding-bottom: 2.6666666667vw;
  }
  .gnav-list-menu > li > div > ul > li {
    height: 10.4vw;
    text-align: left;
  }
  .gnav-list-menu > li > div > ul > li > a {
    position: relative;
    display: flex;
    align-items: center;
    height: 10.4vw;
    width: 100%;
  }
  .gnav-list-menu > li a:before, .gnav-list-menu > li a:after {
    position: absolute;
  }
  .gnav-list-menu > li a:before {
    display: block;
    content: "";
    right: 0;
    width: 8vw;
    height: 4.6666666667vw;
    border-radius: 4.6666666667vw;
    border: 1px solid #243E30;
  }
  .gnav-list-menu > li a:after {
    display: flex;
    justify-content: center;
    align-items: center;
    content: "";
    background-image: url("../img/common/link-arrow-primary.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    right: 2.5333333333vw;
    height: 2.5333333333vw;
    width: 2.5333333333vw;
  }
}

/*
Whats: header-nav-list
How  : ヘッダーnav内のサブリスト
Included in：app.scss
*/
.gnav-list-sub {
  display: flex;
  justify-content: flex-start;
  gap: 10.6666666667vw;
}
@media screen and (min-width: 750px) {
  .gnav-list-sub {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .gnav-list-sub {
    order: 3;
    display: flex;
    padding-block: 13.3333333333vw;
    padding-inline: 6.4vw;
    text-align: left;
    background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
    background-position: left bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  .gnav-list-sub {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .gnav-list-sub__list > li {
    font-size: 3.4666666667vw;
  }
  .gnav-list-sub__list > li:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}

/*
Whats: header-nav-list
How  : ヘッダーnav内のサブリスト
Included in：app.scss
*/
@media screen and (min-width: 750px) {
  .gnav-list-sns {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .gnav-list-sns {
    order: 4;
    padding-inline: 6.4vw;
  }
  .gnav-list-sns > ul {
    display: flex;
    justify-content: center;
    gap: 5.3333333333vw;
    padding-block: 7.4666666667vw;
  }
  .gnav-list-sns > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gnav-list-sns > ul > li > a {
    display: block;
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
  .gnav-list-sns > ul > li > a > img {
    width: 100%;
    height: auto;
  }
}

/*
Whats: header-nav-list
How  : ヘッダーnav内のリスト
Included in：app.scss
*/
@media screen and (min-width: 750px) {
  .gnav-list-btn__pc {
    display: flex;
    gap: 8px;
  }
  .gnav-list-btn__pc > li {
    text-align: center;
  }
  .gnav-list-btn__pc > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 125px;
    height: 42px;
    padding: 1em;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 600px;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s;
  }
  .gnav-list-btn__pc > li > a:hover {
    transition: all 0.3s;
  }
  .gnav-list-btn__pc > li > a.--inquiry {
    color: #243E30;
    background-color: #fff;
    border: 1px solid #DEDEDE;
  }
  .gnav-list-btn__pc > li > a.--inquiry:hover {
    border-color: #243E30;
  }
  .gnav-list-btn__pc > li > a.--member:hover, .gnav-list-btn__pc > li > a.--join:hover {
    opacity: 0.8;
  }
  .gnav-list-btn__pc > li > a.--member {
    background-color: #243E30;
  }
  .gnav-list-btn__pc > li > a.--join {
    background-color: #ED782F;
  }
  .gnav-list-btn__pc > li.--current > a > span {
    color: #ED782F;
  }
  .gnav-list-btn__sp {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .gnav-list-btn {
    order: 2;
    padding-inline: 6.4vw;
  }
  .gnav-list-btn__pc {
    display: none;
  }
  .gnav-list-btn__sp > li {
    display: block;
    max-width: none;
    width: 100%;
  }
  .gnav-list-btn__sp > li:not(:last-child) {
    margin-bottom: 3.2vw;
  }
  .gnav-list-btn__sp > li > a.--inquiry {
    display: none;
  }
  .gnav-list-btn__sp > li > a {
    display: block;
    width: 100%;
  }
}

/*
Whats: gnav-button
How  : グローバルナビボタン
Included in：app.scss
*/
.gnav-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.4666666667vw;
  height: 11.4666666667vw;
  padding: 0;
  margin: 0;
  border-radius: 2.1333333333vw;
  background-color: #243E30;
}
.gnav-button__icon {
  position: relative;
  display: block;
  width: 3.7333333333vw;
  margin-inline: auto;
}
.gnav-button__icon > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 4.2666666667vw;
  height: 2px;
  margin-bottom: 1.0666666667vw;
  background: #fff;
  transition: all 0.3s;
  transform-origin: center;
}
.gnav-button__icon > span:nth-child(1) {
  transform: translateY(-0.8vw);
}
.gnav-button__icon > span:nth-child(2) {
  transform: translateY(0.8vw);
}
.gnav-button.--active .gnav-button__icon > span:nth-child(1) {
  transform: rotate(45deg);
}
.gnav-button.--active .gnav-button__icon > span:nth-child(2) {
  transform: rotate(-45deg);
}

/*
Whats: section
How  : sectionタグ
Included in：app.scss
*/
.section {
  padding-block: 120px;
}
.section:not(.--bg_primary, .--bg_white) + .section:not(.--bg_primary, .--bg_white) {
  padding-top: 0;
}
.section__inner {
  padding-inline: 100px;
}
.section.--bg_white {
  background-color: #fff;
}
.section.--bg_primary {
  background-color: #243E30;
}
.section p {
  line-height: 2em;
}
@media screen and (max-width: 750px) {
  .section {
    width: 100%;
    padding-block: 6.4vw;
  }
  .section__inner {
    width: 100%;
    padding-inline: 6.4vw;
  }
}

/*
Whats: フッター
How  : フッター（footer-navが子として入る）
Included in：app.scss
*/
.footer {
  position: relative;
  height: 344px; /* フッターの高さ */
  background-color: #E3EAE0;
  text-align: left;
  border-top: 1px solid #AEAEA8;
  z-index: 300;
}
.footer__inner {
  height: 344px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0;
}
.footer-left {
  position: relative;
  width: 440px;
  padding: 40px;
}
.footer-left__logo {
  width: 347.76px;
  min-width: 200px;
  display: block;
  margin-bottom: 30px;
}
.footer-left__nav {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  align-items: flex-start;
  width: 100%;
}
.footer-left__nav > ul {
  flex: 1;
}
.footer-left__nav-support > ul {
  margin-bottom: 16px;
}
.footer-left__nav-support > ul > li {
  font-size: 14px;
  white-space: nowrap;
  letter-spacing: 0;
}
.footer-left__nav-support > ul > li:not(:last-child) {
  margin-bottom: 16px;
}
.footer-left__nav-sns {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 20px;
}
.footer-left__nav-sns > li {
  min-width: 24px;
  min-height: 24px;
}
.footer-left__nav-sns > li > a {
  line-height: 0;
  display: block;
  transition: all 0.4s;
}
.footer-left__nav-sns > li > a:hover {
  opacity: 0.6;
}
.footer-left__nav-sns > li > a > img {
  width: 24px;
  height: 24px;
}
.footer-left__copyright {
  position: absolute;
  bottom: 40px;
  font-size: 12px;
}
.footer-nav {
  width: 516px;
  min-width: 516px;
  padding: 60px 62px;
  border-left: 1px solid #AEAEA8;
  border-right: 1px solid #AEAEA8;
}
.footer-nav__nav {
  display: flex;
  width: 100%;
  margin-bottom: 42px;
}
.footer-nav__nav > ul {
  flex: 1;
}
.footer-nav__nav > ul > li {
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.footer-nav__nav > ul > li:not(:last-child) {
  margin-bottom: 20px;
}
.footer-nav__nav > ul > li > a {
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}
.footer-nav__nav > ul > li > a:after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #243E30;
  translate: -50%;
  scale: 0;
}
.footer-nav__nav > ul > li > a:hover:after {
  translate: 0;
  scale: 1;
  transition: all 0.4s ease;
}
.footer-nav__nav > ul > li.--sp {
  display: none;
}
.footer-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-width: 402px;
  padding: 70px 20px;
}
.footer-member > li {
  width: 100%;
}
.footer-member > li > a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 84px;
  padding-top: 3px;
  padding-left: 24px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
}
.footer-member > li > a > p {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.06em;
  font-weight: 500;
}
.footer-member > li > a > p > span {
  display: block;
  width: 100%;
  margin-top: 2px;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.5em;
}
.footer-member > li > a:before {
  content: "";
  position: absolute;
  right: 30px;
  width: 44px;
  height: 24px;
  background-color: #243E30;
  border-radius: 44px;
}
.footer-member > li > a:after {
  content: url("../img/common/link-arrow-white.svg");
  position: absolute;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 22px;
}
.footer-member > li > a:hover {
  transition: all 0.4s ease;
  border-color: #243E30;
}
.footer-member > li > a:hover:after {
  animation: slideIn 0.4s forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@media screen and (max-width: 750px) {
  .footer {
    width: 100vw;
    height: auto;
    overflow: hidden;
    border-top-width: 0.2666666667vw;
  }
  .footer__inner {
    max-height: none;
    height: auto;
    flex-direction: column-reverse;
  }
  .footer-left, .footer-nav, .footer-member {
    width: 100%;
    min-width: auto;
    height: auto;
    padding: 12.8vw 6.4vw;
    border-bottom: 0.2666666667vw solid #AEAEA8;
  }
  .footer-nav {
    width: 100%;
    padding-block: 10.6666666667vw;
    border-inline: none;
  }
  .footer-nav__nav {
    margin-bottom: 0;
  }
  .footer-nav__nav > ul > li:not(:last-child) {
    margin-bottom: 6.4vw;
  }
  .footer-nav__nav > ul > li > a {
    font-size: 3.4666666667vw;
    line-height: 1em;
  }
  .footer-nav__nav > ul > li.--sp {
    display: block;
  }
  .footer-nav__nav > ul > li.--pc {
    display: none;
  }
  .footer-left {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 4vw;
    padding-inline: 0;
    border-bottom: none;
  }
  .footer-left__logo {
    order: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30.9333333333vw;
    padding-inline: 6.4vw;
    margin-bottom: 0;
  }
  .footer-left__nav {
    align-items: flex-end;
    order: 2;
  }
  .footer-left__nav-support {
    display: flex;
  }
  .footer-left__nav-support > ul {
    padding-left: 6.4vw;
    margin-bottom: 0;
  }
  .footer-left__nav-support > ul > li {
    font-size: 3.2vw;
  }
  .footer-left__nav-support > ul > li:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
  .footer-left__nav-sns {
    padding-block: 8vw;
    justify-content: center;
  }
  .footer-left__nav-sns > li > a > img {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
  .footer-left__copyright {
    order: 3;
    position: relative;
    width: 100%;
    bottom: auto;
    text-align: center;
    font-size: 2.9333333333vw;
  }
  .footer-member {
    min-width: auto;
    width: 100%;
  }
  .footer-member > li > a {
    padding: 5.3333333333vw;
    height: 19.7333333333vw;
  }
  .footer-member > li > a > p {
    font-size: 4.2666666667vw;
    line-height: 6.9333333333vw;
  }
  .footer-member > li > a > p > span {
    font-size: 2.9333333333vw;
  }
  .footer-member > li > a:before, .footer-member > li > a:after {
    width: 8vw;
    height: 4.6666666667vw;
    right: 4vw;
  }
  .footer-member > li > a:after {
    content: "";
    width: 2.5vw;
    height: 2.5vw;
    background-image: url("../img/common/link-arrow-white.svg");
    background-size: cover;
    right: 6.6666666667vw;
  }
}

/*
@import 'objects/body';
@import 'objects/footer-nav';
@import 'objects/footer-profile';
*/
/*
Whats: box
How?:  汎用paddingを持つ箱
Included in：app.scss
*/
.box {
  margin-bottom: 0;
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .box {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .box {
    width: 100%;
  }
}
@media screen and (min-width: 750px) {
  .box {
    padding-inline: 50px;
  }
  .box:not(:last-child) {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 750px) {
  .box:not(:last-child) {
    margin-bottom: 16vw;
  }
}

/*
Whats: secondary-heading
How?:  セカンダリのヘッダー部
*/
.breadcrumbs {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .breadcrumbs {
    max-width: 1366px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .breadcrumbs {
    width: 100%;
  }
}
.breadcrumbs {
  padding-left: 50px;
  padding-top: 25px;
}
.breadcrumbs > ul {
  display: flex;
}
.breadcrumbs > ul > li {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.breadcrumbs > ul > li:not(:last-child) {
  margin-right: 10px;
}
.breadcrumbs > ul > li:not(:last-child):after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #243E30;
  border-bottom: 1px solid #243E30;
  transform: rotate(-45deg);
  margin-left: 8px;
}
@media screen and (max-width: 750px) {
  .breadcrumbs {
    display: none;
  }
}

/*
Whats: link
How?:  汎用リンクスタイル
*/
.external-link:after {
  display: inline-block;
  content: "";
  width: 0.85em;
  height: 0.85em;
  margin-left: 0.5em;
  background-image: url("../img/common/link-file-primary.svg");
}

/*
Whats: farmer-tags
How?:  農家検索タグ
*/
.farmer-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.farmer-tags > li {
  display: block;
  padding-inline: 10px;
  white-space: nowrap;
  border: 1px solid #DEDEDE;
  color: #808080;
  font-size: 14px;
  line-height: 28px;
  border-radius: 32px;
}
.farmer-tags > li:before {
  content: "#";
}
.farmer-tags.--detail > li {
  padding-inline: 16px;
  line-height: 32px;
}
@media screen and (max-width: 750px) {
  .farmer-tags {
    gap: 1.3333333333vw;
  }
  .farmer-tags > li {
    display: block;
    padding-inline: 2.1333333333vw;
    border: 0.2666666667vw solid #DEDEDE;
    height: 6.6666666667vw;
    font-size: 2.9333333333vw;
    border-radius: 6.6666666667vw;
    line-height: 6.6666666667vw;
  }
  .farmer-tags.--detail > li {
    padding-inline: 2.1333333333vw;
    line-height: 6.6666666667vw;
  }
}

/*
Whats: farmer-card
How?:  農家リスト用カード
*/
.farmer-card {
  position: relative;
  display: block;
  min-width: 372px;
  width: 372px;
  max-width: 372px;
  height: 100%;
  min-height: 546px;
  background-color: #fff;
  border-radius: 8px;
  padding: 8px 8px 40px;
}
.farmer-card:before {
  content: "";
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 44px;
  height: 24px;
  border: 1px solid #243E30;
  border-radius: 44px;
}
.farmer-card:after {
  content: "";
  background-image: url("../img/common/link-arrow-primary.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center center;
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 24px;
}
.farmer-card__img {
  width: 356px;
  height: 280px;
  overflow: hidden;
  border-radius: 6px;
}
.farmer-card__img > img {
  width: 356px;
  height: 280px;
  object-fit: cover;
  transition: 0.4s ease;
}
.farmer-card__box {
  position: relative;
  padding: 16px;
  min-height: 243px;
}
.farmer-card__box > h4 {
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}
.farmer-card__box > p {
  display: block;
  min-height: 78px;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 24px;
}
.farmer-card__box > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.farmer-card__box > ul > li {
  display: block;
  padding-inline: 10px;
  white-space: nowrap;
  border: 1px solid #DEDEDE;
  color: #808080;
  font-size: 14px;
  line-height: 28px;
  border-radius: 32px;
}
.farmer-card__box > ul > li:before {
  content: "#";
}
.farmer-card:hover > .farmer-card__img > img {
  transform: scale(1.05, 1.05);
}
.farmer-card:hover:after {
  animation: slideIn 0.4s forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(-20px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@media screen and (max-width: 750px) {
  .farmer-card {
    width: 87.2vw;
    min-width: 87.2vw;
    height: auto;
    min-height: 123.7333333333vw;
    padding: 3.2vw;
    margin: 0 auto;
    border-radius: 2.1333333333vw;
  }
  .farmer-card__img {
    width: 80.8vw;
    height: 63.4666666667vw;
  }
  .farmer-card__img > img {
    width: 80.8vw;
    height: 63.4666666667vw;
    border-radius: 0.8vw;
  }
  .farmer-card__box {
    width: 80.8vw;
    overflow: hidden;
    padding: 8vw 3.2vw;
    min-height: 47.4666666667vw;
  }
  .farmer-card__box > h4 {
    margin-bottom: 3.2vw;
    font-size: 4vw;
    line-height: 4.2666666667vw;
  }
  .farmer-card__box > p {
    width: 100%;
    font-size: 3.2vw;
    line-height: 5.8666666667vw;
    min-height: 17.6vw;
  }
  .farmer-card__box > ul {
    bottom: 5.3333333333vw;
    gap: 0.9333333333vw;
  }
  .farmer-card__box > ul > li {
    padding-inline: 0.5em;
    border: 0.2666666667vw solid #DEDEDE;
    font-size: 2.9333333333vw;
    line-height: 6.6666666667vw;
    border-radius: 4.2666666667vw;
  }
  .farmer-card:after {
    background-size: 2.5vw 2.5vw;
    bottom: 16px;
    right: 16px;
    width: 8vw;
    height: 4.6666666667vw;
  }
  .farmer-card:before {
    content: "";
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 8vw;
    height: 4.6666666667vw;
    border: 0.2666666667vw solid #243E30;
    border-radius: 44px;
  }
  .farmer-card.--slide {
    width: 74.4vw;
    min-width: 74.4vw;
    min-height: 116.5333333333vw;
    padding: 2.1333333333vw;
    border-radius: 2.1333333333vw;
  }
  .farmer-card.--slide .farmer-card__img {
    width: 70.1333333333vw;
    height: 55.2vw;
  }
  .farmer-card.--slide .farmer-card__img > img {
    width: 70.1333333333vw;
    height: 55.2vw;
    border-radius: 0.8vw;
  }
  .farmer-card.--slide .farmer-card__box {
    width: 61.6vw;
    overflow: hidden;
    padding: 8vw 3.2vw;
  }
}

/*
Whats: fadein
How?:  スクロール時アニメーション用スタイル
Included in：app.scss
*/
.fadein {
  opacity: 0;
  transition: all 0.8s ease-out;
  transform: translate(0, 10px);
}
.fadein.scrollin {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

/*
Whats: heading
How?:  見出し+見出し周りテキスト
Included in：app.scss
*/
.heading {
  margin-bottom: 100px;
}
.heading-h2 {
  display: flex;
  align-items: center;
  padding-top: 30px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1em;
  border-top: 1px solid #AEAEA8;
}
.heading-h2:before {
  content: "●";
  display: block;
  margin-right: 12px;
  font-size: 8px;
  line-height: 24px;
}
.heading-h2.--noborder {
  padding-top: 0;
  border-top: none;
}
.heading-h3 {
  margin-bottom: 40px;
  font-family: "Shippori Mincho B1", serif;
  font-size: 30px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 750px) {
  .heading {
    margin-top: 26.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
  .heading-h2 {
    padding-top: 4.8vw;
    font-size: 4.5333333333vw;
    line-height: 6.5333333333vw;
  }
  .heading-h3 {
    font-size: 6.4vw;
    margin-bottom: 6.9333333333vw;
    white-space: nowrap;
  }
  .heading > p {
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
  }
  .heading:before {
    margin-right: 1.3333333333vw;
    font-size: 0.8vw;
    line-height: 6.5333333333vw;
  }
}

/*
Whats: img-box
How?:  汎用画像box
Included in：app.scss
*/
.img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 64px;
}
.img-box > img {
  width: 513px;
  height: 340px;
  object-fit: cover;
}
.img-box > img.--wide {
  width: 100%;
}
@media screen and (max-width: 750px) {
  .img-box {
    width: 100%;
    margin-top: 8vw;
    gap: 3.2vw;
  }
  .img-box > img {
    flex: 1;
    width: 41.8666666667vw;
    height: 27.8666666667vw;
  }
  .img-box.--sp-block {
    display: block;
  }
  .img-box.--sp-block > img {
    width: 100%;
    height: 57.7333333333vw;
  }
  .img-box.--sp-block > img:not(.img-box.--sp-block > img:last-child) {
    margin-bottom: 4.2666666667vw;
  }
}

.inner {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .inner {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .inner {
    width: 100%;
  }
}

.kv-slider {
  position: relative;
  width: max-content;
  height: auto;
  display: flex;
  animation: scrollKV 60s 3.8s linear infinite;
}
.kv-slider__item {
  min-width: 500px;
  min-height: 476px;
  box-sizing: content-box;
  width: 500px;
  height: 476px;
  padding-right: 10px;
}
.kv-slider__item > img {
  width: 500px;
  height: 476px;
  object-fit: cover;
  border-radius: 8px;
}
@media screen and (max-width: 750px) {
  .kv-slider {
    animation: scrollKV 45s 3.5s linear infinite;
  }
  .kv-slider__item {
    min-width: 100.8vw;
    width: 100.8vw;
    max-width: 100.8vw;
    min-height: 100.8vw;
    height: 100.8vw;
    max-height: 100.8vw;
    padding-right: 2.6666666667vw;
  }
  .kv-slider__item > img {
    border-radius: 1.6vw;
    min-width: 100.8vw;
    width: 100.8vw;
    max-width: 100.8vw;
    min-height: 100.8vw;
    height: 100.8vw;
    max-height: 100.8vw;
  }
}

/* アニメーション */
@keyframes scrollKV {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* 複製分だけスクロール */
  }
}
/*
Whats: link
How?:  汎用リンクスタイル
*/
.link {
  color: #004EFF;
  text-decoration: underline;
}
.link-arrow, .link-file, .link-badge {
  position: relative;
  display: inline-block;
  color: #243E30;
  border-bottom: 1px solid #AEAEA8;
  text-decoration: unset;
}
.link-arrow > a, .link-file > a, .link-badge > a {
  position: relative;
  display: inline-block;
  min-height: 44px;
  padding-right: 60px;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  white-space: nowrap;
}
.link-arrow > a:before, .link-arrow > a:after, .link-file > a:before, .link-file > a:after, .link-badge > a:before, .link-badge > a:after {
  content: "";
  position: absolute;
  bottom: 24px;
  right: 0;
  width: 44px;
  height: 24px;
}
.link-arrow > a:before, .link-file > a:before, .link-badge > a:before {
  background-color: #243E30;
  border-radius: 44px;
}
.link-arrow > a:after, .link-file > a:after, .link-badge > a:after {
  background-image: url("../img/common/link-arrow-white.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center center;
}
.link-arrow > a:hover:after, .link-file > a:hover:after, .link-badge > a:hover:after {
  animation: slideIn 0.4s forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.link-arrow:after, .link-file:after, .link-badge:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #243E30;
}
@media screen and (min-width: 750px) {
  .link-arrow:after, .link-file:after, .link-badge:after {
    scale: 0;
    translate: -50% 0;
  }
}
.link-arrow:hover, .link-file:hover, .link-badge:hover {
  border-bottom-color: transparent;
}
.link-arrow:hover:after, .link-file:hover:after, .link-badge:hover:after {
  scale: 1;
  translate: 0 0;
  transition: all 0.4s ease;
}
.link-arrow.--small > a, .link-file.--small > a, .link-badge.--small > a {
  padding-bottom: 17px;
  font-size: 16px;
}
.link-arrow.--w420, .link-file.--w420, .link-badge.--w420 {
  width: 420px;
  max-width: 420px;
}
.link-arrow.--w420 > a, .link-file.--w420 > a, .link-badge.--w420 > a {
  width: 100%;
  max-width: none;
}
.link-arrow.--white > a, .link-file.--white > a, .link-badge.--white > a {
  color: #fff;
}
.link-arrow.--white > a:before, .link-file.--white > a:before, .link-badge.--white > a:before {
  background-color: #fff;
}
.link-arrow.--white > a:after, .link-file.--white > a:after, .link-badge.--white > a:after {
  background-image: url("../img/common/link-arrow-primary.svg");
}
.link-arrow.--white:after, .link-file.--white:after, .link-badge.--white:after {
  border-bottom-color: #fff;
}
.link-arrow.--simple > a, .link-file.--simple > a, .link-badge.--simple > a {
  width: 100%;
}
.link-arrow.--simple > a:before, .link-file.--simple > a:before, .link-badge.--simple > a:before {
  content: none;
}
.link-arrow.--simple > a:after, .link-file.--simple > a:after, .link-badge.--simple > a:after {
  background-image: url("../img/common/link-arrow-primary.svg");
}
.link-arrow.--top-about > a {
  width: 372px;
}
.link-arrow.--w372 > a {
  width: 372px;
}
.link-file > a:after {
  background-image: url("../img/common/link-file-white.svg");
}
.link-file.--furusato > a > img {
  width: 240px;
  height: auto;
  margin-bottom: -10px;
}
.link-badge {
  height: 84px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #AEAEA8;
  transition: all 0.2s ease;
}
.link-badge:hover {
  border: 1px solid #243E30;
}
.link-badge.--center {
  margin-inline: auto;
}
.link-badge:after {
  border-bottom: none;
}
.link-badge > a {
  display: flex;
  flex-wrap: wrap;
  max-width: none;
  height: 82px;
  align-items: center;
  padding-block: 16px;
  padding-left: 30px;
  padding-right: 100px;
  line-height: 1em;
  border-radius: 8px;
}
.link-badge > a > span {
  display: block;
  width: 100%;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 400;
}
.link-badge > a:before, .link-badge > a:after {
  top: auto;
  right: 30px;
}
.link-badge.--primary {
  background-color: #243E30;
  border-radius: 6px;
}
.link-badge.--primary > a {
  color: #fff;
}
.link-badge.--primary > a:before {
  background-color: #fff;
}
.link-badge.--primary > a:after {
  background-image: url("../img/common/link-file-primary.svg");
}
.link-badge.--primary.--arrow > a:after {
  background-image: url("../img/common/link-arrow-primary.svg");
}
.link-box {
  display: inline-grid;
  grid-template-columns: repeat(2, 291px);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}
@media screen and (max-width: 750px) {
  .link-arrow, .link-file, .link-badge {
    height: auto;
    border-bottom-width: 0.2666666667vw;
  }
  .link-arrow > a, .link-file > a, .link-badge > a {
    width: 100%;
    height: auto;
    min-height: 9.6vw;
    padding-right: 13.3333333333vw;
    padding-bottom: 4.8vw;
    font-size: 3.7333333333vw;
    line-height: 1.5em;
  }
  .link-arrow > a:before, .link-arrow > a:after, .link-file > a:before, .link-file > a:after, .link-badge > a:before, .link-badge > a:after {
    top: auto;
    bottom: 5.0666666667vw;
    width: 8vw;
    height: 4.6666666667vw;
  }
  .link-arrow > a:after, .link-file > a:after, .link-badge > a:after {
    background-size: 2.6666666667vw;
  }
  .link-arrow.--small > a, .link-file.--small > a, .link-badge.--small > a {
    padding-bottom: 5.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .link-arrow.--sp-full, .link-file.--sp-full, .link-badge.--sp-full {
    min-width: 100%;
    width: 100%;
  }
  .link-arrow.--sp-full > a, .link-file.--sp-full > a, .link-badge.--sp-full > a {
    min-width: 100%;
    width: 100%;
  }
  .link-arrow.--top-about > a {
    width: 63.0666666667vw;
  }
  .link-arrow.--w372 > a {
    width: 63.0666666667vw;
  }
  .link-file.--furusato > a > img {
    width: 58.6666666667vw;
    margin-bottom: -5.6vw;
  }
  .link-badge {
    height: 19.7333333333vw;
    width: 100%;
    max-width: none;
    border: 0.2666666667vw solid #AEAEA8;
  }
  .link-badge > a {
    display: flex;
    align-items: center;
    align-content: center;
    height: 19.7333333333vw;
    width: 100%;
    max-width: none;
    font-size: 4vw;
    padding-block: 0;
    padding-left: 4.2666666667vw;
    padding-right: 5.0666666667vw;
    border-radius: 1.6vw;
  }
  .link-badge > a > span {
    font-size: 2.9333333333vw;
    line-height: 4.2666666667vw;
    margin-top: 0.8vw;
  }
  .link-badge > a:before, .link-badge > a:after {
    width: 8vw;
    height: 4.6666666667vw;
    right: 5.0666666667vw;
    top: 50%;
    translate: 0 -50%;
  }
  .link-badge > a:after {
    content: "";
    right: 7.7333333333vw;
    width: 2.5vw;
    height: 2.5vw;
    background-image: url("../img/common/link-arrow-white.svg");
    background-size: cover;
  }
  .link-box {
    display: block;
    margin-top: 8vw;
    margin-bottom: 2.6666666667vw;
  }
  .link-box > li:not(:last-child) {
    margin-bottom: 6.4vw;
  }
}

/*
Whats: list
How?:  汎用リストスタイル
*/
.list {
  list-style: none;
}
.list.--disc {
  list-style: disc;
  list-style-position: outside;
  padding-left: 0.5em;
  margin-left: 1em;
}
.list > li:not(:last-child) {
  margin-bottom: 12px;
}
.list.--caution {
  padding-left: 1em;
  text-indent: -1em;
}
.list.--caution > li:before {
  content: "※";
}
.list.--caution > li:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  .list > li:not(:last-child) {
    margin-bottom: 0;
    line-height: 1.5em;
  }
}

/*
Whats: note
How?:  補足説明等の小字
Included in：app.scss
*/
.note {
  font-size: 12px;
  line-height: 22px;
}
@media screen and (max-width: 750px) {
  .note {
    font-size: 2.9333333333vw;
    line-height: 4.8vw;
  }
}

/*
Whats: paging
How?:  検索結果ページング
Included in：app.scss
*/
.paging {
  margin-top: 80px;
  text-align: center;
}
.paging > ul {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.paging > ul > li {
  font-weight: 600;
}
.paging > ul > li > a, .paging > ul > li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 36px;
  line-height: 36px;
  border-radius: 36px;
}
.paging > ul > li > a.--prev, .paging > ul > li > a.--next, .paging > ul > li > span.--prev, .paging > ul > li > span.--next {
  content: "";
  display: block;
  background-image: url("../img/common/link-arrow-primary.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.paging > ul > li > a.--prev:hover, .paging > ul > li > a.--next:hover, .paging > ul > li > span.--prev:hover, .paging > ul > li > span.--next:hover {
  border: 1px solid #243E30;
  background-color: transparent;
}
.paging > ul > li > a.--prev, .paging > ul > li > span.--prev {
  rotate: 180deg;
}
.paging > ul > li > a {
  transition: all 0.2s;
}
.paging > ul > li > a:hover {
  background-color: #fff;
  opacity: 0.8;
}
.paging > ul > li > span.--current {
  background-color: #243E30;
  color: #fff;
}
.paging > ul > li > span.--inactive {
  opacity: 0.3;
}
@media screen and (max-width: 750px) {
  .paging {
    margin-top: 13.3333333333vw;
  }
  .paging > ul {
    display: flex;
    width: 100%;
    padding: 0;
    gap: unset;
  }
  .paging > ul > li > a, .paging > ul > li > span {
    width: 11.7333333333vw;
    height: 6.4vw;
    line-height: 6.4vw;
  }
  .paging > ul > li > a.--prev, .paging > ul > li > a.--next, .paging > ul > li > span.--prev, .paging > ul > li > span.--next {
    border: 0.2666666667vw solid #243E30;
    background-size: 3.7333333333vw 3.7333333333vw;
  }
}

/*
Whats: search-list
How?:  農家さんリスト
*/
.search-list {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .search-list {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .search-list {
    width: 100%;
  }
}
.search-list__list {
  display: inline-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-inline: auto;
  gap: 25px;
}
@media screen and (max-width: 750px) {
  .search-list__list {
    display: flex;
    gap: 5.3333333333vw;
  }
  .search-list.--slide {
    position: relative;
    width: 100vw;
    margin-left: -6.4vw;
  }
  .search-list.--slide .search-list__list {
    display: block;
  }
  .search-list.--slide .search-list__btn-prev, .search-list.--slide .search-list__btn-next {
    position: absolute;
    bottom: 50%;
    width: 10.4vw;
    height: 10.4vw;
    border: 2px solid #243E30;
    border-radius: 10.4vw;
    backdrop-filter: blur(10px);
    background-image: url("../img/common/link-arrow-primary.svg");
    background-position: center center;
    background-repeat: no-repeat;
  }
  .search-list.--slide .search-list__btn-prev {
    left: 1.2vw;
    transform: rotate(180deg);
  }
  .search-list.--slide .search-list__btn-next {
    right: 1.2vw;
  }
  .search-list.--slide .search-list__dots {
    display: flex !important;
    justify-content: center;
    gap: 3.2vw;
    margin-top: 10.6666666667vw;
  }
  .search-list.--slide .search-list__dots li button {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-radius: 50%;
    background: #fff;
    border: 0.2666666667vw solid #243E30;
    font-size: 0;
    cursor: pointer;
  }
  .search-list.--slide .search-list__dots li.slick-active button {
    background: #243E30;
  }
}

/*
Whats: secondary-heading
How?:  セカンダリのヘッダー部
*/
.secondary-heading {
  background-color: #fff;
}
.secondary-heading__inner {
  display: block;
  margin-inline: auto;
}
.secondary-heading__title-box {
  width: 1166px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  height: 277px;
}
.secondary-heading__title {
  display: flex;
  align-items: center;
  font-family: "Shippori Mincho B1", serif;
  font-size: 64px;
  letter-spacing: 0.04em;
}
.secondary-heading__img-box {
  height: 440px;
  width: 100%;
  overflow: hidden;
  margin-inline: auto;
}
.secondary-heading__img-box > img {
  height: 440px;
  width: 100%;
  object-fit: cover;
}
.secondary-heading.--farmer-detail {
  margin-bottom: 40px;
}
.secondary-heading.--farmer-detail .secondary-heading__inner {
  position: relative;
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .secondary-heading.--farmer-detail .secondary-heading__inner {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .secondary-heading.--farmer-detail .secondary-heading__inner {
    width: 100%;
  }
}
.secondary-heading.--farmer-detail .secondary-heading__title {
  max-width: 450px;
  line-height: 1.2em;
  z-index: 10;
}
.secondary-heading.--farmer-detail .secondary-heading__title-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 540px;
  z-index: 10;
}
.secondary-heading.--farmer-detail .secondary-heading__title-sub {
  font-family: "Shippori Mincho B1", serif;
  font-size: 20px;
  margin-bottom: 32px;
}
.secondary-heading.--farmer-detail .secondary-heading__title-tag-box {
  margin-top: 56px;
  max-width: 400px;
}
.secondary-heading.--farmer-detail .secondary-heading__img-box {
  position: absolute;
  top: 60px;
  right: -100px;
  width: 740px;
  height: 582px;
  margin-inline: 0;
}
.secondary-heading.--farmer-detail .secondary-heading__img {
  width: 740px;
  height: 582px;
  object-fit: cover;
}
@media screen and (max-width: 750px) {
  .secondary-heading__inner {
    width: 100%;
  }
  .secondary-heading__title-box {
    width: 100%;
    height: 40.1333333333vw;
  }
  .secondary-heading__title {
    padding-left: 6.4vw;
    font-size: 9.3333333333vw;
  }
  .secondary-heading__img-box {
    height: 70.1333333333vw;
  }
  .secondary-heading__img-box > img {
    height: 70.1333333333vw;
    width: 100%;
    object-fit: cover;
  }
  .secondary-heading.--farmer-detail {
    margin-bottom: 37.3333333333vw;
  }
  .secondary-heading.--farmer-detail .secondary-heading__inner {
    height: auto;
    position: relative;
  }
  .secondary-heading.--farmer-detail .secondary-heading__title {
    max-width: none;
    z-index: 10;
  }
  .secondary-heading.--farmer-detail .secondary-heading__title-box {
    display: block;
    height: auto;
    padding-top: 16vw;
  }
  .secondary-heading.--farmer-detail .secondary-heading__title-sub {
    padding-left: 6.4vw;
    font-size: 4vw;
    margin-bottom: 5.3333333333vw;
  }
  .secondary-heading.--farmer-detail .secondary-heading__title-tag-box {
    padding-inline: 6.4vw;
    margin-top: 8.5333333333vw;
    max-width: none;
  }
  .secondary-heading.--farmer-detail .secondary-heading__img-box {
    position: relative;
    left: 0;
    width: 100%;
    padding-inline: 6.4vw;
    height: 68.5333333333vw;
    margin-inline: 0;
  }
  .secondary-heading.--farmer-detail .secondary-heading__img {
    width: 100%;
    height: 68.5333333333vw;
    object-fit: cover;
  }
  .secondary-heading + .section {
    padding-top: 0;
  }
}

/*
Whats: secondary-heading
How?:  セカンダリのヘッダー部
*/
.secondary-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.secondary-nav__item {
  display: block;
}
.secondary-nav__item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.secondary-nav__item-link:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 32px;
  margin-left: 16px;
  border: 1px solid #243E30;
  border-radius: 44px;
  background-image: url("../img/common/arrow-down.svg");
  background-size: 14px 14px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 750px) {
  .secondary-nav-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 128px;
  }
  .secondary-nav {
    height: 32px;
  }
  .secondary-nav__item {
    height: 32px;
  }
  .secondary-nav__item-link {
    height: 32px;
    padding-inline: 40px;
  }
  .secondary-nav__item:not(:last-child) {
    border-right: 1px solid #AEAEA8;
  }
}
@media screen and (max-width: 750px) {
  .secondary-nav-box {
    height: auto;
  }
  .secondary-nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: #fff;
  }
  .secondary-nav__item {
    display: block;
    height: 16.6666666667vw;
    position: relative;
    padding-inline: 1.3333333333vw;
  }
  .secondary-nav__item:nth-child(odd):before {
    position: absolute;
    top: 1.3333333333vw;
    right: 0;
    content: "";
    display: block;
    width: 0.2666666667vw;
    height: 14vw;
    background-color: #AEAEA8;
  }
  .secondary-nav__item:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 1.3333333333vw;
    display: block;
    height: 0.2666666667vw;
    width: 47.3333333333vw;
    background-color: #AEAEA8;
  }
  .secondary-nav__item:last-child:after, .secondary-nav__item:nth-last-child(2):nth-child(odd):after, .secondary-nav__item:last-child:nth-child(even):after {
    display: none;
  }
  .secondary-nav__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 16.6666666667vw;
    padding-inline: 5.0666666667vw;
    background-color: #fff;
  }
  .secondary-nav__item-link:after {
    width: 4.1333333333vw;
    height: 5.4666666667vw;
    background-size: 2.4vw;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */
:root {
  --swiper-theme-color:#007aff;
}

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
  .swiper-cube-shadow, .swiper-slide {
    transform-style: preserve-3d;
  }
}

.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper:before {
      height: var(--swiper-centered-offset-after);
      min-width: 1px;
      width: 100%;
    }
  }
}

.swiper-3d {
  .swiper-slide-shadow, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.1490196078);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  }
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible, .swiper:not(.swiper-watch-progress) {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
/*
Whats: table
How?:  テーブル

・spではth、tdが改行になるように処理

Included in：app.scss
*/
.table {
  width: 100%;
}
.table > tbody > tr {
  border-bottom: 1px solid #AEAEA8;
}
.table > tbody > tr > th, .table > tbody > tr > td {
  padding: 1em 0;
  vertical-align: middle;
}
.table > tbody > tr > th {
  white-space: nowrap;
  font-weight: 600;
  padding-right: 1em;
}
.table > tbody > tr > th {
  font-weight: 600;
}
.table.--bg_white {
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .table > tbody {
    display: contents;
  }
  .table > tbody > tr {
    display: block;
    border-bottom: none;
  }
  .table > tbody > tr:not(:last-child) {
    margin-bottom: 6.4vw;
  }
  .table > tbody > tr > th, .table > tbody > tr > td {
    display: block;
    padding: 0;
    padding: 1.6vw 3.2vw;
  }
  .table > tbody > tr > th {
    padding-right: 0;
    display: block;
    font-size: 4.2666666667vw;
    margin-bottom: 3.2vw;
    background-color: #DEDEDE;
  }
  .table > tbody > tr > td {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}

/*
Whats: text
How?:  記事テキスト
Included in：app.scss
*/
.text > p {
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.04em;
  text-align: justify;
}
.text > p:not(:last-child) {
  margin-bottom: 36px;
}
@media screen and (max-width: 750px) {
  .text > p {
    font-size: 3.4666666667vw;
    line-height: 6.9333333333vw;
  }
  .text > p:not(:last-child) {
    margin-bottom: 6.9333333333vw;
  }
}

/*
Whats: tertiary-heading
How?:  ターシャリのヘッダー部
*/
.tertiary-heading__inner {
  display: block;
}
.tertiary-heading__title-box {
  display: flex;
  align-items: center;
}
.tertiary-heading__title {
  font-family: "Shippori Mincho B1", serif;
  letter-spacing: 0.04em;
}
.tertiary-heading + .section {
  padding-top: 0;
}
@media screen and (min-width: 750px) {
  .tertiary-heading {
    margin-bottom: 100px;
  }
  .tertiary-heading__inner {
    width: 1366px;
    margin-inline: auto;
  }
  .tertiary-heading__title-box {
    width: 1166px;
    margin-inline: auto;
    padding-top: 80px;
    margin-bottom: 64px;
  }
  .tertiary-heading__title {
    font-size: 48px;
  }
  .tertiary-heading__text {
    line-height: 30px;
    letter-spacing: 0.04em;
    padding-inline: 100px;
  }
}
@media screen and (max-width: 750px) {
  .tertiary-heading {
    margin-bottom: 0;
    min-height: 45.6vw;
  }
  .tertiary-heading__inner {
    padding-inline: 6.4vw;
  }
  .tertiary-heading__title-box {
    width: 100%;
    padding-top: 16vw;
    margin-bottom: 0;
  }
  .tertiary-heading__title {
    font-size: 9.3333333333vw;
    line-height: 13.4666666667vw;
    white-space: nowrap;
    margin-bottom: 13.3333333333vw;
  }
  .tertiary-heading__text {
    line-height: 6.9333333333vw;
    letter-spacing: 0.04em;
    margin-top: 0;
    margin-bottom: 16vw;
    padding-inline: 0;
  }
  .tertiary-heading + .section {
    margin-top: 0;
    padding-top: 0;
  }
  .tertiary-heading + .section > .section__inner > .heading {
    margin-top: 0;
  }
}

/*
Whats: whatis
How?:  〇〇ってなに？用box
Included in：app.scss
*/
.whatis {
  margin-block: 74px;
  margin-bottom: 120px;
}
.whatis-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  padding: 64px 64px 64px 32px;
  background-color: #fff;
  border-radius: 8px;
}
.whatis-box__img {
  width: 288px;
  text-align: center;
}
.whatis-box__img > img.--pokemaru {
  width: 114px;
  height: auto;
}
.whatis-box__img > img.--anapay {
  width: 216px;
  height: auto;
}
.whatis-box__text {
  flex: 1;
}
.whatis-box__text > h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 24px;
}
.whatis-box__text > p {
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 26px;
  margin-bottom: 32px;
}
.whatis-box:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  .whatis {
    margin-block: 10.6666666667vw;
    margin-bottom: 0;
  }
  .whatis-box {
    display: block;
    gap: 4.2666666667vw;
    padding: 0 7.4666666667vw 7.4666666667vw;
    border-radius: 1.0666666667vw;
  }
  .whatis-box__img {
    display: flex;
    height: 45.8666666667vw;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .whatis-box__img > img {
    width: 52vw;
    height: auto;
  }
  .whatis-box__img > img.--pokemaru {
    width: 28.5333333333vw;
  }
  .whatis-box__img > img.--anapay {
    width: 54.3333333333vw;
  }
  .whatis-box__img > img.--wide {
    width: 100%;
  }
  .whatis-box__text {
    flex: 1;
  }
  .whatis-box__text > h4 {
    font-size: 4.5333333333vw;
    margin-bottom: 4.2666666667vw;
  }
  .whatis-box__text > p {
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
    margin-bottom: 8.5333333333vw;
  }
  .whatis-box:not(:last-child) {
    margin-bottom: 4.2666666667vw;
  }
}

/*
@import 'components/button-box';
@import 'components/fadein';
*/
/*
@import 'components/form';
@import 'components/title';
@import 'components/secondary-header';
*/
.top-kv {
  width: 100%;
  background-color: #fff;
  overflow-x: hidden;
}
.top-kv__visual {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 72px;
  color: #243E30;
}
.top-kv__btn {
  position: absolute;
  right: 40px;
  bottom: 0;
  display: block;
  width: 48px;
  height: 32px;
  border: 1px solid #243E30;
  border-radius: 32px;
  background-color: #fff;
  transition: all 0.4s;
}
.top-kv__btn:after {
  content: "";
  display: block;
  width: 46px;
  height: 30px;
  background-image: url("../img/common/icon-pouse.svg");
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.top-kv__btn.--stoped:after {
  background-image: url("../img/common/icon-play.svg");
}
.top-kv__btn:hover {
  background-color: #DDE8D8;
}
.top-kv__catch {
  display: block;
  max-width: 1366px;
  padding-top: 0;
  padding-left: 64px;
  padding-bottom: 40px;
  margin-top: -32px;
  margin-inline: auto;
  font-family: "Shippori Mincho B1", serif;
  font-size: 58px;
  font-weight: normal;
  transform: translateX(-10px);
  opacity: 0;
  animation: catchFadeIn 0.8s 2.6s ease-out forwards;
}
.top-kv__catch > span {
  letter-spacing: 0.1em;
}
.top-kv__catch > img {
  width: 327px;
  height: auto;
}
@media screen and (max-width: 750px) {
  .top-kv__visual {
    height: auto;
    padding-bottom: 10.5333333333vw;
  }
  .top-kv__btn {
    right: 6.4vw;
    width: 10.6666666667vw;
    height: 7.4666666667vw;
    border: 0.2666666667vw solid #243E30;
    border-radius: 7.4666666667vw;
  }
  .top-kv__btn:after {
    width: 10.1333333333vw;
    height: 6.9333333333vw;
  }
  .top-kv__catch {
    margin-top: -3.7333333333vw;
    padding-left: 6.4vw;
    padding-block: 0;
    font-size: 9.3333333333vw;
    line-height: 13.4666666667vw;
  }
  .top-kv__catch > img {
    margin-top: 2.6666666667vw;
    width: 81.8666666667vw;
  }
}

@keyframes catchFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.top-lets {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 84px;
}
.top-lets__box {
  display: flex;
  margin-bottom: 56px;
}
.top-lets__box-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 100px;
  row-gap: 40px;
  letter-spacing: 0.08em;
}
.top-lets__box-text h2 {
  font-size: 24px;
  line-height: 42px;
  font-weight: 600;
  margin-bottom: 60px;
}
.top-lets__box-text p {
  font-size: 16px;
  line-height: 42px;
}
.top-lets__box-text p.--catch {
  font-size: 24px;
  font-weight: 600;
}
.top-lets__box-text p.--note {
  font-size: 12px;
  line-height: 20px;
}
.top-lets__box img {
  width: 100%;
  height: auto;
}
.top-lets__box.--01 .top-lets__box-img {
  width: 47.14%;
  margin-right: 110px;
}
.top-lets__box.--01 .top-lets__box-img > img {
  border-radius: 0 12px 12px 0;
}
.top-lets__box.--02 {
  border-radius: 8px;
  justify-content: flex-end;
}
.top-lets__box.--02 .top-lets__box-img {
  width: 36.5%;
  margin-left: 150px;
}
.top-lets__box.--02 .top-lets__box-img > img {
  border-radius: 12px 0 0 12px;
}
@media screen and (max-width: 750px) {
  .top-lets {
    padding-top: 17.3333333333vw;
    padding-bottom: 53.3333333333vw;
    margin-bottom: 53.3333333333vw;
  }
  .top-lets__inner {
    width: 100%;
    padding-inline: 6.4vw;
  }
  .top-lets__box {
    display: flex;
    flex-direction: column;
  }
  .top-lets__box.--01 {
    flex-direction: column-reverse;
  }
  .top-lets__box.--02 {
    padding: 0;
  }
  .top-lets__box-text {
    text-align: left;
    padding: 0;
    row-gap: 8vw;
  }
  .top-lets__box-text h2 {
    font-size: 4.8vw;
    line-height: 8.5333333333vw;
  }
  .top-lets__box-text p {
    font-size: 3.4666666667vw;
    line-height: 9.0666666667vw;
    white-space: nowrap;
  }
  .top-lets__box-text p.--catch {
    font-size: 4.8vw;
    line-height: 8.5333333333vw;
  }
  .top-lets__box-text p.--note {
    font-size: 2.9333333333vw;
    line-height: 5.3333333333vw;
  }
  .top-lets__box.--01 .top-lets__box-img, .top-lets__box.--02 .top-lets__box-img {
    width: 100%;
  }
  .top-lets__box.--01 .top-lets__box-img {
    width: 100%;
    margin-left: -6.4vw;
    padding-top: 18.6666666667vw;
  }
  .top-lets__box.--02 {
    position: relative;
    text-align: right;
    margin-bottom: 0;
  }
  .top-lets__box.--02 .top-lets__box-img {
    position: absolute;
    width: 66.6666666667vw;
    height: auto;
    right: 0;
    bottom: -53.3333333333vw;
    margin-right: -6.4vw;
    transform: translateY(50%);
  }
}

/* CSS Document */
.top-news {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .top-news {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .top-news {
    width: 100%;
  }
}
.top-news {
  width: 1166px;
  max-width: 100%;
  height: auto;
}
.top-news-list {
  margin-bottom: 30px;
  padding-inline: 40px;
  background-color: #F8F8F8;
  border-radius: 8px;
}
.top-news-list > li:not(:last-child) {
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: left bottom;
  background-size: 3px 1px;
}
@media screen and (max-width: 750px) {
  .top-news-list > li:not(:last-child) {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
.top-news-list > li:not(:last-child) {
  background-repeat: repeat-x;
}
.top-news-link {
  flex: 1;
  display: flex;
  min-width: 0;
  min-height: 64px;
  padding-block: 16px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.top-news-link > p {
  display: inline-block;
}
.top-news-link:hover > .top-news-link__title {
  text-decoration-color: currentColor;
}
.top-news-link__date {
  flex-shrink: 0;
  font-size: 14px;
  white-space: nowrap;
}
.top-news-link__category {
  flex-shrink: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 71px;
  height: 25px;
  border: 1px solid #0E6A37;
  font-size: 12px;
  text-align: center;
  color: #0E6A37;
  border-radius: 18px;
  white-space: nowrap;
}
.top-news-link__title {
  flex: 1 1 auto; /* 可変幅 */
  min-width: 0;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  font-size: 16px;
  line-height: 1.4 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: all 0.4s;
}
.top-news-btn-box {
  display: block;
  border-radius: 8px;
  padding-inline: 32px;
  text-align: right;
}
.top-news-btn-box > a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  width: 180px;
  color: #243E30;
  border: 1px solid #243E30;
  border-radius: 44px;
  background-color: #fff;
  font-weight: 500;
}
.top-news-btn-box > a:after {
  position: absolute;
  right: 14px;
  display: block;
  width: 14px;
  height: 44px;
  content: "";
  background-image: url("../img/common/link-arrow-primary.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center center;
}
.top-news-btn-box > a:hover:after {
  animation: slideIn 0.4s forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@media screen and (max-width: 750px) {
  .top-news {
    display: block;
    height: auto;
    padding: 0;
  }
  .top-news-list {
    margin-bottom: 5.3333333333vw;
    padding-inline: 5.3333333333vw;
    border-radius: VW(16);
  }
  .top-news-link {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0;
    padding: 4vw 0 4.2666666667vw;
  }
  .top-news-link__date {
    font-size: 3.2vw;
  }
  .top-news-link__category {
    width: 18vw;
    height: 5.3333333333vw;
    font-size: 2.6666666667vw;
    margin-right: auto;
    margin-left: 1.8666666667vw;
    line-height: 1em !important;
    display: inline-flex !important;
    align-items: center;
  }
  .top-news-link__title {
    margin-top: 1.0666666667vw;
    font-size: 3.2vw;
  }
  .top-news-btn-box {
    padding-top: 5.3333333333vw;
  }
}

/* CSS Document */
.top-about-takomachi {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
  background-position: right 50px bottom;
  background-repeat: no-repeat;
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .top-about-takomachi {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .top-about-takomachi {
    width: 100%;
  }
}
.top-about-takomachi__text > h3 {
  margin-bottom: 60px;
  font-family: "Shippori Mincho B1", serif;
  font-size: 52px;
  line-height: 77px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.top-about-takomachi__text > h3 > span {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 44px;
}
.top-about-takomachi__text > h3 > span.--ruby {
  position: relative;
  font-size: 52px;
}
.top-about-takomachi__text > h3 > span.--ruby::before {
  content: attr(data-ruby);
  position: absolute;
  top: -3em;
  left: 0;
  right: 0;
  margin: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  text-align: center;
}
.top-about-takomachi__text > p {
  margin-bottom: 27px;
  letter-spacing: 0.04em;
  line-height: 42px;
}
.top-about-takomachi__text > .link-arrow {
  margin-top: 70px;
}
.top-about-takomachi__text > .link-arrow + .link-arrow {
  margin-top: 30px;
}
.top-about-takomachi__img {
  position: relative;
  bottom: 0;
  right: -20px;
}
.top-about-takomachi__img > p {
  position: absolute;
  left: 232px;
  top: 163px;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}
.top-about-takomachi__img > p:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #243E30;
  border-radius: 50%; /* 円形にする */
  margin-left: 8px;
}
.top-about-takomachi__img-map {
  min-width: 574px;
  width: 574px;
  height: 745px;
}
.top-about-takomachi__img-spot {
  position: absolute;
  right: 146px;
  width: 102px;
  height: 124px;
  opacity: 0 !important;
  top: 58px;
  transition: all 0.8s cubic-bezier(0.4, 0, 1, 1);
}
.top-about-takomachi__img-spot.scrollin {
  top: 68px;
  opacity: 1 !important;
}
.top-about-takomachi__links {
  margin-top: 80px;
}
.top-about-takomachi__links > li:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 750px) {
  .top-about-takomachi {
    display: block;
  }
  .top-about-takomachi__text {
    padding-top: 2.6666666667vw;
  }
  .top-about-takomachi__text > h3 {
    font-size: 8.5333333333vw;
    line-height: 12.8vw;
    white-space: nowrap;
    margin-bottom: 125.3333333333vw;
  }
  .top-about-takomachi__text > h3 > span {
    font-size: 6.1333333333vw;
    line-height: 9.8666666667vw;
    white-space: nowrap;
    letter-spacing: 0;
  }
  .top-about-takomachi__text > h3 > span.--ruby {
    font-size: 8.5333333333vw;
    white-space: nowrap;
  }
  .top-about-takomachi__text > h3 > span.--ruby::before {
    top: -2.5em;
    font-size: 2.9333333333vw;
  }
  .top-about-takomachi__text > p {
    font-size: 3.4666666667vw;
    line-height: 9.0666666667vw;
  }
  .top-about-takomachi__text > .link-arrow {
    margin-top: 16vw;
    margin-left: auto;
  }
  .top-about-takomachi__img {
    position: absolute;
    width: 78.8vw;
    height: auto;
    left: 3.4666666667vw;
    top: 52vw;
  }
  .top-about-takomachi__img > p {
    left: 26.9333333333vw;
    top: 21.3333333333vw;
    font-size: 3.7333333333vw;
  }
  .top-about-takomachi__img > p:after {
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 50%;
    margin-left: 0.5333333333vw;
  }
  .top-about-takomachi__img-map {
    min-width: 78.8vw;
    width: 78.8vw;
    height: 102.1333333333vw;
  }
  .top-about-takomachi__img-spot {
    right: 16.8vw;
    width: 20.8vw;
    height: 25.3333333333vw;
    top: -2.6666666667vw;
    transition: all 0.8s cubic-bezier(0.4, 0, 1, 1);
  }
  .top-about-takomachi__img-spot.scrollin {
    top: 0vw;
    opacity: 1 !important;
  }
  .top-about-takomachi__links {
    margin-top: 13.3333333333vw;
  }
  .top-about-takomachi__links > li {
    text-align: right;
  }
  .top-about-takomachi__links > li:not(:last-child) {
    margin-bottom: 8.5333333333vw;
  }
}

/* CSS Document */
.top-about-three {
  width: 100vw;
  margin-bottom: 80px;
}
.top-about-three > ul {
  display: flex;
}
.top-about-three > ul > li {
  position: relative;
  flex: 1;
  height: 654px;
}
.top-about-three > ul > li:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../img/pages/top/know/three01.png");
  background-size: auto 110%;
  background-position: center;
  z-index: 0;
}
.top-about-three > ul > li:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(30px);
  z-index: 1;
}
.top-about-three > ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 654px;
  padding: 64px 60px 24px;
  background-size: 100%;
  background-position: center center;
  transition: 0.4s ease;
  z-index: 10;
}
.top-about-three > ul > li > a > h4 {
  position: absolute;
  top: 24px;
  left: 0;
  width: 100%;
  color: #fff;
  font-family: "Shippori Mincho B1", serif;
  font-size: 84px;
  line-height: 1em;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}
.top-about-three > ul > li > a > div {
  width: 100%;
  height: 458px;
  overflow: hidden;
}
.top-about-three > ul > li > a > div:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  mix-blend-mode: overlay;
  z-index: 1;
}
.top-about-three > ul > li > a > div > img {
  width: 100%;
  height: 458px;
  object-fit: cover;
  transition: 0.5s ease-in;
}
.top-about-three > ul > li > a > p {
  display: flex;
  align-items: flex-end;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 130px 0 60px;
  bottom: 40px;
  color: #fff;
  line-height: 30px;
}
.top-about-three > ul > li > a > p > span {
  height: 52px;
}
.top-about-three > ul > li > a > p:before, .top-about-three > ul > li > a > p:after {
  position: absolute;
  right: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 24px;
}
.top-about-three > ul > li > a > p:before {
  content: "";
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 44px;
}
.top-about-three > ul > li > a > p:after {
  content: "";
  width: 44px;
  height: 24px;
  background-image: url("../img/common/link-arrow-white.svg");
  background-size: 14px 14px;
  background-position: center center;
  background-repeat: no-repeat;
}
.top-about-three > ul > li > a:hover {
  background-size: 105%;
  transition: 0.4s ease;
}
.top-about-three > ul > li > a:hover > p:after {
  animation: slideIn 0.4s forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.top-about-three > ul > li > a:hover > div > img {
  transform: scale(1.05);
  transform-origin: center center;
}
.top-about-three > ul > li:nth-child(2):before {
  background-image: url("../img/pages/top/know/three02.png");
}
.top-about-three > ul > li:nth-child(3):before {
  background-image: url("../img/pages/top/know/three03.png");
}
@media screen and (max-width: 750px) {
  .top-about-three {
    margin-bottom: 16vw;
  }
  .top-about-three > ul {
    display: block;
  }
  .top-about-three > ul > li {
    height: 104.4vw;
  }
  .top-about-three > ul > li:after {
    backdrop-filter: blur(4.6666666667vw);
  }
  .top-about-three > ul > li > a {
    padding: 0;
    padding-top: 17.6vw;
    width: 100vw;
    height: 104.4vw;
  }
  .top-about-three > ul > li > a > div {
    height: 58.6666666667vw;
    padding-inline: 8.5333333333vw;
  }
  .top-about-three > ul > li > a > div > img {
    width: 82.9333333333vw;
    height: 58.6666666667vw;
    object-fit: cover;
  }
  .top-about-three > ul > li > a > h4 {
    font-size: 17.3333333333vw;
  }
  .top-about-three > ul > li > a > p {
    display: block;
    bottom: 8vw;
    width: 100%;
    padding-inline: 8.4vw;
    padding-block: 0;
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
    margin-bottom: -0.2666666667vw;
  }
  .top-about-three > ul > li > a > p:before {
    width: 8vw;
    height: 4.6666666667vw;
    right: 8.4vw;
    bottom: 0;
  }
  .top-about-three > ul > li > a > p:after {
    width: 8vw;
    height: 4.6666666667vw;
    right: 8.4vw;
    bottom: 0;
    background-size: 2.6666666667vw 2.6666666667vw;
  }
  .top-about-three > ul > li:nth-child(2) > a {
    background-image: url("../img/pages/top/know/three02_sp.png");
  }
  .top-about-three > ul > li:nth-child(3) > a {
    background-image: url("../img/pages/top/know/three03_sp.png");
  }
}

/* CSS Document */
.top-search {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .top-search {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .top-search {
    width: 100%;
  }
}
.top-search > .heading {
  margin-bottom: 63px;
}
.top-search > .farmers {
  margin-bottom: 80px;
}

/* CSS Document */
.top-howto {
  color: #fff;
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .top-howto {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .top-howto {
    width: 100%;
  }
}
.top-howto > p {
  margin-bottom: 64px;
  font-size: 16px;
  line-height: 30px;
}
.top-howto__flow {
  display: grid;
}
.top-howto__flow > ul, .top-howto__flow > div {
  display: contents;
  font-weight: bold;
}
.top-howto__flow > ul > li {
  counter-increment: step;
  text-align: center;
  color: #243E30;
  background-color: #fff;
}
.top-howto__flow > ul > li:nth-child(n+3) {
  background-color: #DDE8D8;
}
.top-howto__flow > ul > li:before {
  content: "STEP" counter(step);
  display: inline-block;
  border: 1px solid #243E30;
  background-color: #fff;
}
.top-howto__flow > div > div > span {
  display: inline-block;
  white-space: nowrap;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
}
.top-howto__flow > div > div:after {
  content: "";
  position: absolute;
  display: inline-flex;
  justify-content: right;
  align-items: center;
  width: 18px;
  height: 18px;
  background-image: url("../img/pages/top/howto/arrow-white.svg");
  background-position: right center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-color: #243E30;
}
.top-howto__flow > div > div:nth-child(1) > span {
  background-color: #fff;
  color: #243E30;
}
.top-howto__flow > div > div:nth-child(2) > span {
  background-color: #243E30;
  border-color: #E3EAE0;
  color: #E3EAE0;
}
.top-howto__flow > div > div:nth-child(2):after {
  background-image: url("../img/pages/top/howto/arrow-pl.svg");
}
.top-howto__flow > div > div {
  transform: translateX(-10px);
  opacity: 0;
  transition: all 1.2s 0.5s ease-in;
}
.top-howto__flow > div > div.scrollin {
  opacity: 1;
  transform: translateX(0);
}
@media screen and (min-width: 750px) {
  .top-howto__flow {
    grid-template-columns: repeat(10, 113px); /* 6列、各181px */
    grid-template-rows: repeat(2, auto); /* 2行、自動高さ */
    gap: 40px 4px; /* 各アイテム間の間隔 */
    margin-bottom: 80px;
    counter-reset: step;
  }
  .top-howto__flow > ul > li {
    position: relative;
    display: block;
    height: 210px;
    padding: 12px;
    border-radius: 8px;
  }
  .top-howto__flow > ul > li > div {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .top-howto__flow > ul > li > p {
    position: absolute;
    left: 0;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 65px;
    font-size: 16px;
    line-height: 23px;
  }
  .top-howto__flow > ul > li:nth-child(n+3) {
    background-color: #DDE8D8;
  }
  .top-howto__flow > ul > li:before {
    padding-inline: 14px;
    margin-inline: auto;
    border-radius: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .top-howto__flow > div > div {
    position: relative;
    text-align: center;
    height: 44px;
    background-image: linear-gradient(to right, #fff 4px, transparent 4px);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left 60px center;
  }
  .top-howto__flow > div > div:after {
    right: 0;
    top: 0;
    width: 20px;
    height: 44px;
    padding-left: 4px;
  }
  .top-howto__flow > div > div > span {
    padding-inline: 12px;
    line-height: 40px;
    border-radius: 40px;
  }
  .top-howto__flow > div > div:nth-child(1) {
    grid-column: span 2;
  }
  .top-howto__flow > div > div:nth-child(2) > span {
    padding-inline: 20px;
  }
  .top-howto__flow > div > div:nth-child(2) {
    grid-column: span 6;
    background-image: linear-gradient(to right, #DDE8D8 4px, transparent 4px);
  }
  .top-howto__flow > .heading {
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 750px) {
  .top-howto > p {
    margin-bottom: 13.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
  }
  .top-howto__flow {
    column-gap: 6.4vw;
    row-gap: 3.2vw;
    grid-template-columns: 8.5333333333vw 72.2666666667vw;
    grid-template-rows: repeat(10, auto);
  }
  .top-howto__flow > div > div {
    position: relative;
    max-width: 8.5333333333vw;
    background-image: linear-gradient(0deg, #fff 1.0666666667vw, transparent 1.0666666667vw);
    background-size: 0.4vw 2.1333333333vw;
    background-repeat: repeat-y;
    background-position: top center;
  }
  .top-howto__flow > div > div:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .top-howto__flow > div > div:nth-child(2) {
    grid-column: 1/2;
    grid-row: 3/9;
  }
  .top-howto__flow > div > div > span {
    position: sticky;
    top: 15.7333333333vw;
    display: flex;
    align-items: center;
    width: 8.5333333333vw;
    padding: 1em 0;
    font-size: 3.4666666667vw;
    line-height: 1em;
    writing-mode: vertical-rl;
    text-orientation: upright;
    border-radius: 5.3333333333vw;
    border-width: 0.2666666667vw;
    z-index: 10;
  }
  .top-howto__flow > div > div:after {
    content: "";
    display: block;
    bottom: 0;
    width: 8.5333333333vw;
    height: 2.6093333333vw;
    background-image: url("../img/pages/top/howto/arrow-white_sp.svg");
    background-size: 2.264vw 2.6093333333vw;
    background-position: center center;
    margin-inline: auto;
  }
  .top-howto__flow > div > div:nth-child(2) {
    background-image: linear-gradient(0deg, #DDE8D8 1.0666666667vw, transparent 1.0666666667vw);
  }
  .top-howto__flow > div > div:nth-child(2):after {
    background-image: url("../img/pages/top/howto/arrow-pl_sp.svg");
  }
  .top-howto__flow > ul > li {
    grid-column: 2/3;
    width: 100%;
    height: auto;
    min-height: 21.3333333333vw;
    padding: 0 5.3333333333vw;
    text-align: left;
    border-radius: 1.0666666667vw;
  }
  .top-howto__flow > ul > li:nth-child(1) {
    grid-row: 1/2;
  }
  .top-howto__flow > ul > li:nth-child(2) {
    grid-row: 2/3;
  }
  .top-howto__flow > ul > li:nth-child(3) {
    grid-row: 3/4;
  }
  .top-howto__flow > ul > li:nth-child(4) {
    grid-row: 4/5;
  }
  .top-howto__flow > ul > li:nth-child(5) {
    grid-row: 5/6;
  }
  .top-howto__flow > ul > li:nth-child(6) {
    grid-row: 6/7;
  }
  .top-howto__flow > ul > li {
    display: grid;
    grid-template-columns: auto 21.3333333333vw;
    grid-template-rows: 5.3333333333vw auto;
    justify-content: left;
  }
  .top-howto__flow > ul > li:before {
    position: relative;
    grid-column: 1/2;
    grid-row: 1/2;
    justify-self: start;
    height: 5.3333333333vw;
    margin-top: 4.2666666667vw;
    padding-inline: 3.2vw;
    margin-right: auto;
    text-align: left;
    font-size: 3.2vw;
    line-height: 5.0666666667vw;
    border-radius: 5.3333333333vw;
  }
  .top-howto__flow > ul > li > p {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-self: start;
    align-self: center;
    width: 42vw;
    padding-top: 6.4vw;
    padding-bottom: 4.2666666667vw;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw;
    text-align: left;
  }
  .top-howto__flow > ul > li > div {
    display: flex;
    align-items: center;
    min-height: 21.3333333333vw;
    grid-row: 1/3;
    grid-column: 2/3;
  }
  .top-howto__flow {
    margin-bottom: 16vw;
  }
  .top-howto > .heading {
    margin-bottom: 13.3333333333vw;
    margin-top: 16vw;
  }
}

/* CSS Document */
.top-intro {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: 9999;
}
.top-intro__inner {
  text-align: center;
}
.top-intro__inner > p {
  font-family: "Shippori Mincho B1", serif;
  font-size: clamp(32px, 4.2666666667vw, 80px);
  margin-bottom: 4.2666666667vw;
  margin-left: 0.8em;
  opacity: 0;
  transform: translateY(20%);
  animation: introText 0.5s 0.6s ease-out forwards;
}
.top-intro__inner > img {
  width: clamp(200px, 26.6666666667vw, 400px);
}
@media screen and (max-width: 750px) {
  .top-intro__inner > p {
    font-size: 6.4vw;
    margin-left: 0.7em;
  }
  .top-intro__inner > img {
    width: 58.6666666667vw;
  }
}
.top-intro {
  animation: introFadeOut 0.8s 2s ease-out forwards;
}

@keyframes introFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes introText {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* CSS Document */
.top-connect {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .top-connect {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .top-connect {
    width: 100%;
  }
}
.top-connect > ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.top-connect > ul > li > a {
  position: relative;
  display: block;
  width: 571px;
  height: 440px;
  padding: 40px;
  background-color: #243E30;
  background-image: url("../img/pages/top/involve/img01.png");
  background-size: 100%;
  background-position: center center;
  object-fit: cover;
  border-radius: 8px;
  color: #fff;
  transition: 0.4s ease;
}
.top-connect > ul > li > a > h3 {
  font-family: "Shippori Mincho B1", serif;
  font-size: 38px;
  letter-spacing: 0.04em;
}
.top-connect > ul > li > a > p {
  display: block;
  position: absolute;
  left: 40px;
  bottom: 40px;
  width: 491px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.top-connect > ul > li > a > p:after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 491px;
  border-bottom: 1px solid #fff;
  display: block;
  transform: translateX(-50%) scale(0, 1);
}
.top-connect > ul > li > a:before {
  content: "";
  position: absolute;
  bottom: 60px;
  right: 40px;
  width: 44px;
  height: 24px;
  background-color: #fff;
  border-radius: 44px;
}
.top-connect > ul > li > a:after {
  content: "";
  background-image: url("../img/common/link-arrow-primary.svg");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 60px;
  right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 22px;
}
.top-connect > ul > li > a:hover {
  background-size: 105%;
}
.top-connect > ul > li > a:hover > p {
  border-color: transparent;
}
.top-connect > ul > li > a:hover > p:after {
  transition: all 0.4s ease;
  transform: translateX(0) scale(1, 1);
}
.top-connect > ul > li > a:hover:after {
  animation: slideIn 0.4s forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.top-connect > ul > li:nth-child(2) > a {
  background-image: url("../img/pages/top/involve/img02.png");
}
@media screen and (max-width: 750px) {
  .top-connect > ul {
    flex-direction: column;
    gap: 5.3333333333vw;
    margin-bottom: 16vw;
  }
  .top-connect > ul > li {
    border-radius: 1.0666666667vw;
  }
  .top-connect > ul > li > a {
    width: 87.2vw;
    height: 66.6666666667vw;
    padding: 4.8vw 5.3333333333vw;
    border-radius: 1.0666666667vw;
  }
  .top-connect > ul > li > a > h3 {
    font-size: 6.4vw;
  }
  .top-connect > ul > li > a > p {
    position: absolute;
    left: 0;
    width: 76.5333333333vw;
    margin-inline: 4.8vw;
    padding-right: 13.3333333333vw;
    padding-bottom: 5.3333333333vw;
    bottom: 5.3333333333vw;
    font-size: 3.7333333333vw;
    line-height: 6.1333333333vw;
    border-bottom-width: 0.2666666667vw;
  }
  .top-connect > ul > li > a:before, .top-connect > ul > li > a:after {
    width: 8vw;
    height: 4.6666666667vw;
    right: 5.3333333333vw;
    bottom: 10.9333333333vw;
  }
  .top-connect > ul > li > a:after {
    background-size: 2.5vw 2.5vw;
  }
}

.about-spend {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .about-spend {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .about-spend {
    width: 100%;
  }
}
.about-spend {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 0;
  row-gap: 24px;
}
.about-spend__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  min-width: 372px;
}
.about-spend__item:after {
  content: "";
  position: absolute;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 750px) {
  .about-spend__item:not(:nth-child(3), :last-child) {
    padding-right: 25px;
  }
  .about-spend__item:not(:nth-child(3), :last-child):after {
    right: 0;
    width: 15px;
    height: 56px;
    margin-right: 5px;
    background-image: url("../img/pages/about/spend/arrow.svg");
  }
}
.about-spend-card {
  position: relative;
  width: 100%;
  min-width: 372px;
  height: 100%;
  padding: 32px 32px 24px;
  background-color: #fff;
  border-radius: 8px;
}
.about-spend-card__icon {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 8px;
}
.about-spend-card__img {
  width: 308px;
  height: 180px;
  object-fit: cover;
  margin-bottom: 24px;
  border-radius: 6px;
}
.about-spend-card > p {
  text-align: justify;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 31px;
}
.about-spend-card > ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 24px;
}
.about-spend-card > ul > li > a {
  display: block;
  padding: 0 26px 10px 0;
  border-bottom: 1px solid #AEAEA8;
  background-image: url("../img/common/link-arrow-primary.svg");
  background-repeat: no-repeat;
  background-position: right top 5px;
  background-size: 12px 12px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}
.about-spend-card > ul > li > a.--file {
  background-image: url("../img/common/link-file-primary.svg");
}
.about-spend-card > p.--note {
  margin-bottom: 0;
  font-size: 12px;
  color: #808080;
}
@media screen and (max-width: 750px) {
  .about-spend {
    gap: 0;
  }
  .about-spend__item {
    min-width: 87.2vw;
    width: 87.2vw;
    padding: 0;
    background: none;
  }
  .about-spend__item:not(:last-child) {
    padding-bottom: 8vw;
  }
  .about-spend__item:not(:last-child):after {
    left: unset;
    bottom: 2.1333333333vw;
    width: 13.3333333333vw;
    height: 3.6vw;
    background-image: url("../img/pages/about/spend/arrow_sp.svg");
  }
  .about-spend-card {
    display: block;
    min-width: 87.2vw;
    width: 87.2vw;
    padding: 5.3333333333vw;
    margin-bottom: 0;
    overflow: hidden;
  }
  .about-spend-card__icon {
    width: 15.3333333333vw;
    height: 15.3333333333vw;
  }
  .about-spend-card__icon > img {
    width: 11.8666666667vw;
    height: 11.8666666667vw;
  }
  .about-spend-card__img {
    width: 76.5333333333vw;
    height: 44.6666666667vw;
  }
  .about-spend-card > p {
    font-size: 3.4666666667vw;
    line-height: 6.4vw;
  }
  .about-spend-card > ul {
    margin-bottom: 0;
    gap: 3.2vw;
  }
  .about-spend-card > ul > li > a {
    font-size: 3.2vw;
    background-size: 2.4vw 2.4vw;
    padding: 0 7.2vw 2.6666666667vw 0;
  }
  .about-spend-card > p.--note {
    margin-top: 2.6666666667vw;
    font-size: 2.9333333333vw;
  }
}

@media screen and (min-width: 750px) {
  .about-where {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .about-where__text {
    width: 513px;
  }
  .about-where__img {
    margin-right: -70px;
  }
}
@media screen and (max-width: 750px) {
  .about-where {
    position: relative;
  }
  .about-where__text > .text {
    padding-top: 112vw;
  }
  .about-where__img {
    position: absolute;
    width: 78.8173333333vw;
    top: 26.6666666667vw;
    right: 0;
  }
  .about-where__img > img {
    width: 100%;
    height: auto;
  }
}

.about-wishlist > ol {
  counter-reset: count;
}
.about-wishlist > ol > li {
  padding: 0 40px 40px;
  background-color: #EFF4ED;
  counter-increment: count;
}
.about-wishlist > ol > li > h4 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  height: 100px;
  margin-bottom: 24px;
  font-family: "Shippori Mincho B1", serif;
  font-size: 30px;
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: left bottom;
  background-size: 3px 1px;
}
@media screen and (max-width: 750px) {
  .about-wishlist > ol > li > h4 {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
.about-wishlist > ol > li > h4 {
  background-repeat: repeat-x;
}
.about-wishlist > ol > li > h4:before {
  content: "0" counter(count);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 46px;
  padding-bottom: 1px;
  border: 1px solid #243E30;
  border-radius: 26px;
  font-size: 16px;
  line-height: 16px;
}
.about-wishlist > ol > li > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
}
.about-wishlist > ol > li > div + div {
  margin-top: 24px;
}
.about-wishlist > ol > li > div > img {
  width: 420px;
  height: 256px;
  object-fit: cover;
}
.about-wishlist > ol > li > div > div > h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.about-wishlist > ol > li > div > div > p {
  text-align: justify;
}
.about-wishlist > ol > li:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
  .about-wishlist > ol > li {
    padding: 2.6666666667vw 5.3333333333vw 5.3333333333vw;
  }
  .about-wishlist > ol > li > h4 {
    height: 18.4vw;
    gap: 3.2vw;
    font-size: 5.8666666667vw;
  }
  .about-wishlist > ol > li > h4:before {
    width: 10.1333333333vw;
    height: 5.3333333333vw;
    padding-bottom: 0.2666666667vw;
    border: 0.2666666667vw solid #243E30;
    border-radius: 10.1333333333vw;
    font-size: 3.2vw;
    line-height: 3.2vw;
  }
  .about-wishlist > ol > li > div {
    flex-direction: column;
    gap: 8vw;
  }
  .about-wishlist > ol > li > div > img {
    width: 100%;
    height: auto;
  }
  .about-wishlist > ol > li > div > div > h5 {
    font-size: 4vw;
    margin-bottom: 3.7333333333vw;
  }
  .about-wishlist > ol > li > div > div > p {
    font-size: 3.4666666667vw;
    line-height: 6.9333333333vw;
  }
}

@media screen and (min-width: 750px) {
  .about-character {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .about-character__text {
    width: 513px;
  }
}
@media screen and (max-width: 750px) {
  .about-character__text > .heading-h3 {
    letter-spacing: 0;
  }
  .about-character__text > img {
    margin-bottom: 8.5333333333vw;
  }
}

/* CSS Document */
.search-heading {
  background-color: #fff;
  margin-bottom: 200px;
}
.search-heading__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 1166px;
  margin-inline: auto;
  padding-top: 120px;
  padding-bottom: 168px;
}
.search-heading__title {
  font-family: "Shippori Mincho B1", serif;
  font-size: 44px;
  font-weight: 500;
  line-height: 80px;
  letter-spacing: 0.04em;
}
.search-heading__text {
  width: 600px;
}
.search-heading__text > p {
  line-height: 42px;
  margin-bottom: 51px;
  text-align: justify;
}
.search-heading__img {
  position: absolute;
  left: -100px;
  bottom: 0;
  transform: translateY(200px);
}
@media screen and (max-width: 750px) {
  .search-heading {
    margin-bottom: 21.3333333333vw;
  }
  .search-heading__inner {
    display: block;
    width: 100%;
    margin-inline: auto;
    padding-top: 21.3333333333vw;
    padding-bottom: 53.3333333333vw;
    padding-inline: 6.4vw;
  }
  .search-heading__title {
    font-size: 7.4666666667vw;
    line-height: 13.4666666667vw;
    margin-bottom: 10.6666666667vw;
  }
  .search-heading__text {
    width: 100%;
  }
  .search-heading__text > p {
    line-height: 9.0666666667vw;
    margin-bottom: 8.4vw;
  }
  .search-heading__img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 81.8666666667vw;
    transform: translateY(110px);
  }
}

/* CSS Document */
.search-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
  margin-bottom: 48px;
  border-radius: 8px;
  background-color: #fff;
}
.search-box__title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding-right: 50px;
  gap: 10px;
  font-weight: 500;
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: right top;
  background-size: 1px 3px;
}
@media screen and (max-width: 750px) {
  .search-box__title {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.2666666667vw 0.8vw;
  }
}
.search-box__title {
  background-repeat: repeat-y;
}
.search-box__title:before {
  content: "";
  background-image: url("../img/common/search.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 25px;
  height: 32px;
  display: inline-block;
}
.search-box__select-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 50px;
  gap: 16px;
}
.search-box__select {
  position: relative;
  width: 288px;
  height: 48px;
  background-color: #243E30;
  border-radius: 48px;
  transition: all 0.4s;
}
.search-box__select:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 18px;
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  transition: all 0.4s;
}
.search-box__select:hover {
  opacity: 0.8;
}
.search-box__select:hover:after {
  transform: rotate(45deg) translate(2px, 2px);
}
.search-box__select > select {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  left: 0;
  right: 0;
  width: 288px;
  height: 48px;
  color: #fff;
  font-weight: bold;
}
.search-box__select > select > option {
  border-radius: 8px;
  color: #243E30;
  background-color: #EFF4ED;
}
.search-box__button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 160px;
  font-weight: 500;
  border-radius: 48px;
  border: 1px solid #AEAEA8;
}
.search-box__button:hover {
  border-color: #243E30;
}
@media screen and (max-width: 750px) {
  .search-box {
    display: block;
    height: auto;
    margin-bottom: 10.6666666667vw;
    padding: 0 6.4vw 6.4vw;
    border-radius: 1.0666666667vw;
  }
  .search-box__title {
    justify-content: flex-start;
    height: 13.3333333333vw;
    margin-bottom: 5.3333333333vw;
    padding-right: 0;
    gap: 2.1333333333vw;
    background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
    background-position: left bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  .search-box__title {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .search-box__title:before {
    width: 5.0666666667vw;
    height: 5.8666666667vw;
  }
  .search-box__select-box {
    display: block;
    padding-inline: 0;
  }
  .search-box__select {
    position: relative;
    width: 100%;
    height: 11.7333333333vw;
    margin-bottom: 2.1333333333vw;
    border-radius: 11.7333333333vw;
  }
  .search-box__select:after {
    content: "";
    position: absolute;
    right: 5.0666666667vw;
    top: 5.2vw;
    width: 1.6vw;
    height: 1.6vw;
    border-right: 0.2666666667vw solid #fff;
    border-bottom: 0.2666666667vw solid #fff;
    transform: rotate(45deg);
  }
  .search-box__select > select {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-align-last: center;
    left: 0;
    right: 0;
    width: 100%;
    height: 11.7333333333vw;
  }
  .search-box__select > select > option {
    border-radius: 1.0666666667vw;
  }
  .search-box__button {
    display: block;
    text-align: center;
    height: 11.7333333333vw;
    width: 100%;
    border-radius: 11.7333333333vw;
    border: 0.2666666667vw solid #AEAEA8;
  }
}

.farmer-owner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  margin-top: 64px;
  padding: 16px 40px 16px 16px;
  border-radius: 8px;
  background-color: #fff;
}
.farmer-owner__img {
  width: 340px;
  height: 268px;
  object-fit: cover;
  border-radius: 6px;
}
.farmer-owner__text-box {
  flex: 1;
}
.farmer-owner__text-body {
  font-size: 16px;
  letter-spacing: 0.04;
  text-align: justify;
  line-height: 34px;
}
.farmer-owner__name {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 18px;
  margin-bottom: 20px;
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: left bottom;
  background-size: 3px 1px;
}
@media screen and (max-width: 750px) {
  .farmer-owner__name {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
.farmer-owner__name {
  background-repeat: repeat-x;
}
.farmer-owner__name-farm {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.08em;
}
.farmer-owner__name-owner {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 750px) {
  .farmer-owner {
    display: block;
    margin-top: 16vw;
    padding: 3.2vw 3.2vw 8vw;
    border-radius: 1.0666666667vw;
  }
  .farmer-owner__img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 6.4vw;
    border-radius: 0.8vw;
  }
  .farmer-owner__text-box {
    padding-inline: 4.2666666667vw;
    flex: 1;
  }
  .farmer-owner__text-body {
    font-size: 3.4666666667vw;
    line-height: 6.9333333333vw;
  }
  .farmer-owner__name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
    background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
    background-position: left bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  .farmer-owner__name {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .farmer-owner__name-farm {
    font-size: 4.2666666667vw;
    line-height: 4.9333333333vw;
  }
  .farmer-owner__name-owner {
    justify-self: flex-end;
    letter-spacing: 0.04em;
  }
}

.farmer-plan-list {
  flex-wrap: wrap;
}
.farmer-plan-list > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 42px;
  margin-bottom: 42px;
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: left bottom;
  background-size: 3px 1px;
}
@media screen and (max-width: 750px) {
  .farmer-plan-list > div {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
.farmer-plan-list > div {
  background-repeat: repeat-x;
}
.farmer-plan-list > div > dt {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
  font-weight: 500;
}
.farmer-plan-list > div > dd {
  flex: 1;
}
@media screen and (max-width: 750px) {
  .farmer-plan-list > div {
    display: block;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 6.4vw;
    margin-bottom: 6.4vw;
    background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
    background-position: left bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  .farmer-plan-list > div {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .farmer-plan-list > div > dt {
    min-width: auto;
    width: 100%;
    max-width: none;
    margin-bottom: 4.5333333333vw;
    font-size: 4vw;
  }
  .farmer-plan-list > div > dd {
    flex: 1;
  }
}

.farmer-cta {
  background-color: #243E30;
  color: #fff;
  padding-block: 60px;
  padding-inline: 50px;
  border-radius: 8px;
}
.farmer-cta__title {
  margin-bottom: 32px;
  font-family: "Shippori Mincho B1", serif;
  font-size: 30px;
  letter-spacing: 0.04em;
}
.farmer-cta__body {
  margin-bottom: 32px;
  letter-spacing: 0.04em;
  line-height: 30px;
  text-align: justify;
}
.farmer-cta__btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.farmer-cta__btns > div {
  flex: 1;
}
@media screen and (max-width: 750px) {
  .farmer-cta {
    padding-block: 13.3333333333vw;
    padding-inline: 6.4vw;
    border-radius: 1.0666666667vw;
  }
  .farmer-cta__title {
    margin-bottom: 5.3333333333vw;
    font-size: 5.3333333333vw;
  }
  .farmer-cta__body {
    margin-bottom: 6.2666666667vw;
    line-height: 6.1333333333vw;
  }
  .farmer-cta__btns {
    display: block;
    width: 100%;
  }
  .farmer-cta__btns > div:not(:last-child) {
    margin-bottom: 3.2vw;
  }
}

:root {
  counter-reset: guide-step;
}

.guide-detail {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .guide-detail {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .guide-detail {
    width: 100%;
  }
}
.guide-detail {
  margin-top: 100px;
}
.guide-detail__box {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 36px;
}
.guide-detail__box:not(:last-child) {
  margin-bottom: 24px;
}
.guide-detail__box.--app-site .guide-detail__range > h3 {
  border: 2px solid #243E30;
  background-color: #fff;
  color: #243E30;
}
.guide-detail__box.--app-site .guide-detail-step > div {
  background-color: #EFF4ED;
}
.guide-detail__box.--app-site .guide-detail-step__heading:before {
  border: 2px solid #243E30;
  background-color: #fff;
  color: #243E30;
}
.guide-detail__range {
  width: 60px;
  max-width: 60px;
  background-image: url("../img/pages/guide/range_bg.svg"), url("../img/pages/guide/range-arrow.svg");
  background-position: top center, bottom center;
  background-repeat: repeat-y, no-repeat;
}
.guide-detail__range > h3 {
  position: sticky;
  top: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  max-width: 60px;
  background-color: #243E30;
  border-radius: 6px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.1em;
}
.guide-detail__range > h3 > span {
  padding-inline: 34px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
}
.guide-detail__range.--blank {
  background: none;
}
.guide-detail__steps {
  flex: 1;
}
.guide-detail-step {
  counter-increment: guide-step;
}
.guide-detail-step:not(:last-child) {
  margin-bottom: 24px;
}
.guide-detail-step > div {
  background-color: #fff;
  border-radius: 8px;
}
.guide-detail-step__heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  height: 96px;
  padding-inline: 32px;
}
.guide-detail-step__heading:before {
  content: "STEP " counter(guide-step);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 32px;
  border-radius: 32px;
  background-color: #243E30;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.guide-detail-step__heading-icon {
  width: 70px;
  text-align: center;
}
.guide-detail-step__heading > h4 {
  font-size: 22px;
  font-weight: bold;
}
.guide-detail-step__heading-badge {
  display: flex;
  gap: 6px;
  margin-left: auto;
}
.guide-detail-step__heading-badge > li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  border: 1px solid #243E30;
  background-color: #fff;
}
.guide-detail-step__heading-badge > li > p {
  text-align: center;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: 0;
}
.guide-detail-step__heading-badge > li > p > span {
  font-size: 18px;
  vertical-align: baseline;
}
.guide-detail-step__heading-badge > li > p > span > span {
  font-size: 21px;
  vertical-align: baseline;
}
.guide-detail-step__heading-badge > li > p.--small {
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.1em;
}
.guide-detail-step__heading-badge > li > p.--small > span {
  font-size: 14px;
  line-height: 15px;
}
.guide-detail-step__heading-badge > li > p.--small > span > span {
  font-size: 17px;
}
.guide-detail-step__heading {
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: left bottom;
  background-size: 3px 1px;
}
@media screen and (max-width: 750px) {
  .guide-detail-step__heading {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
.guide-detail-step__heading {
  background-repeat: repeat-x;
}
.guide-detail-step__body {
  padding-block: 50px;
  padding-inline: 80px;
}
.guide-detail-step__body > .text:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (min-width: 750px) {
  .guide-detail-step__step2-link {
    display: flex;
    justify-content: space-between;
  }
  .guide-detail-step__step2-link > div {
    min-width: 49%;
  }
}
@media screen and (max-width: 750px) {
  .guide-detail {
    margin-top: 13.3333333333vw;
  }
  .guide-detail__box {
    gap: 3.4666666667vw;
  }
  .guide-detail__box:not(:last-child) {
    margin-bottom: 4.2666666667vw;
  }
  .guide-detail__box.--app-site .guide-detail__range > h3 {
    border: 0.2666666667vw solid #243E30;
  }
  .guide-detail__box.--app-site .guide-detail-step__heading:before {
    border: 0.2666666667vw solid #243E30;
  }
  .guide-detail__range {
    width: 9.2vw;
    max-width: 9.2vw;
  }
  .guide-detail__range > h3 {
    top: 15.7333333333vw;
    width: 9.2vw;
    max-width: 9.2vw;
    border-radius: 1.6vw;
  }
  .guide-detail__range > h3 > span {
    padding-inline: 1.5em;
  }
  .guide-detail-step:not(:last-child) {
    margin-bottom: 4.2666666667vw;
    margin-right: auto;
  }
  .guide-detail-step > div {
    background-color: #fff;
    border-radius: 1.6vw;
  }
  .guide-detail-step__heading {
    display: grid;
    grid-template-columns: 12.1333333333vw 1fr;
    grid-template-rows: 6.8vw 12.1333333333vw auto;
    gap: 1.8666666667vw 1.8666666667vw;
    min-height: 30.4vw;
    height: auto;
    padding-top: 4vw;
    padding-bottom: 5.3333333333vw;
    padding-inline: 6.4vw;
  }
  .guide-detail-step__heading:before {
    width: 16.8vw;
    height: 6.8vw;
    border-radius: 6.8vw;
    font-size: 2.9333333333vw;
    grid-area: 1/1/2/3;
  }
  .guide-detail-step__heading-icon {
    width: 12.1333333333vw;
    text-align: center;
    grid-area: 2/1/3/2;
  }
  .guide-detail-step__heading > h4 {
    font-size: 4.2666666667vw;
    white-space: nowrap;
    overflow: hidden;
    grid-area: 2/2/3/3;
  }
  .guide-detail-step__heading-badge {
    grid-area: 3/1/4/3;
    gap: 1.3333333333vw;
    margin-left: 0;
  }
  .guide-detail-step__heading-badge > li {
    width: 17.3333333333vw;
    height: 17.3333333333vw;
    border-radius: 17.3333333333vw;
    border: 0.2666666667vw solid #243E30;
  }
  .guide-detail-step__heading-badge > li > p {
    font-size: 2.6666666667vw;
    line-height: 3.6vw;
  }
  .guide-detail-step__heading-badge > li > p > span {
    font-size: 4.4vw;
    line-height: 5.0666666667vw;
  }
  .guide-detail-step__heading-badge > li > p > span > span {
    font-size: 5.0666666667vw;
  }
  .guide-detail-step__heading-badge > li > p.--small {
    font-size: 2.2666666667vw;
    line-height: 3.2vw;
    letter-spacing: 0;
  }
  .guide-detail-step__heading-badge > li > p.--small > span {
    font-size: 3.0666666667vw;
    line-height: 3.2vw;
  }
  .guide-detail-step__heading-badge > li > p.--small > span > span {
    font-size: 4vw;
  }
  .guide-detail-step__heading {
    background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
    background-position: left bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  .guide-detail-step__heading {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .guide-detail-step__step2-link > div:not(:last-child) {
    margin-bottom: 2.6666666667vw;
  }
  .guide-detail-step__body {
    padding-block: 8.5333333333vw;
    padding-inline: 6.4vw;
  }
  .guide-detail-step__body > .text:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}

.price-box {
  margin-bottom: 20px;
}
.price-box__heading, .price-box__body {
  background-color: #EFF4ED;
  border-radius: 8px;
}
.price-box__heading {
  display: flex;
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: left bottom;
  background-size: 3px 1px;
}
@media screen and (max-width: 750px) {
  .price-box__heading {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
.price-box__heading {
  background-repeat: repeat-x;
}
.price-box__heading-block {
  position: relative;
  flex: 1;
  font-weight: 600;
  letter-spacing: 0.04em;
  vertical-align: baseline;
  padding-top: 42px;
  padding-bottom: 20px;
  text-align: center;
}
.price-box__heading-block:not(:last-child) {
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: right top;
  background-size: 1px 3px;
}
@media screen and (max-width: 750px) {
  .price-box__heading-block:not(:last-child) {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.2666666667vw 0.8vw;
  }
}
.price-box__heading-block:not(:last-child) {
  background-repeat: repeat-y;
}
.price-box__heading-block > div {
  display: inline-block;
  text-align: right;
}
.price-box__heading-badge {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
}
.price-box__heading-text {
  display: inline-block;
  line-height: 24px;
  text-align: right;
}
.price-box__body {
  padding-block: 40px;
  text-align: center;
}
.price-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  margin-bottom: 12px;
  padding-bottom: 10px;
  gap: 8px;
  width: 190px;
  height: 54px;
  background: url("../img/pages/price/badge_bg.svg") no-repeat center center;
  font-size: 16px;
  font-weight: 600;
  color: #00146E;
}
.price-text > span {
  font-size: 24px;
  font-weight: 800;
}
.price-num {
  margin-left: 4px;
  font-size: 14px;
  font-weight: 700;
}
.price-num > span {
  display: inline-block;
  margin-top: 4px;
  margin-left: 6px;
  font-size: 40px;
  font-weight: 700;
  color: #0E6A37;
}
@media screen and (max-width: 750px) {
  .price-box {
    margin-bottom: 4.2666666667vw;
  }
  .price-box__heading, .price-box__body {
    border-radius: 1.6vw;
  }
  .price-box__heading {
    display: block;
    font-size: 4vw;
    vertical-align: baseline;
    justify-content: center;
    padding-inline: 0;
    padding-top: 2.6666666667vw;
    margin-bottom: 0;
  }
  .price-box__heading-block {
    height: 28vw;
    padding-block: 7.4666666667vw;
    padding-left: 8vw;
    padding-right: 5.3333333333vw;
    background: none;
  }
  .price-box__heading-block > div {
    width: 100%;
  }
  .price-box__heading-block:not(:last-child) {
    background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
    background-position: left bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  .price-box__heading-block:not(:last-child) {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .price-box__heading-text {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 0.5333333333vw;
    font-size: 4vw;
  }
  .price-box__heading-text > span {
    display: inline-block;
    line-height: 5.8666666667vw;
  }
  .price-box__heading-badge {
    position: absolute;
    top: -1.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .price-box__time {
    width: 100%;
    margin-bottom: 3.2vw;
    border-radius: 0.8vw;
    line-height: 6.8vw;
  }
  .price-box.--fee {
    margin-bottom: 4.2666666667vw;
  }
  .price-box.--fee .price-box__heading {
    padding-top: 16vw;
  }
  .price-box__body {
    padding-block: 6.6666666667vw;
    padding-inline: 6.4vw;
  }
  .price-badge {
    margin-top: -6.9333333333vw;
    margin-bottom: 1.6vw;
    padding-bottom: 2.4vw;
    gap: 1.3333333333vw;
    width: 42.6666666667vw;
    height: 12.6666666667vw;
    background-size: contain;
    font-size: 3.4666666667vw;
  }
  .price-badge > img {
    width: 4.9333333333vw;
    height: auto;
  }
  .price-text {
    display: inline-block;
    min-width: 26.6666666667vw;
    font-size: 3.2vw;
    line-height: 5.6vw;
    text-align: left;
    white-space: nowrap;
  }
  .price-text > span {
    font-size: 4vw;
  }
  .price-num {
    flex: 1;
    display: flex;
    justify-content: space-between;
    margin-left: 1.0666666667vw;
    font-size: 3.2vw;
    font-weight: 600;
  }
  .price-num > span {
    margin-top: 0;
    margin-left: 0;
    font-size: 11.7333333333vw;
  }
}

.price-table {
  width: 100%;
  margin-bottom: 40px;
  border-left: 1px solid #AEAEA8;
  border-top: 1px solid #AEAEA8;
}
.price-table > thead > tr > th, .price-table > thead > tr td, .price-table > tbody > tr > th, .price-table > tbody > tr td {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #AEAEA8;
  border-bottom: 1px solid #AEAEA8;
}
.price-table > thead > tr > th, .price-table > tbody > tr > th {
  background-color: #EFF4ED;
  font-size: 16px;
  font-weight: 800;
  width: 305px;
}
.price-table > thead > tr > th:first-child, .price-table > tbody > tr > th:first-child {
  width: auto;
}
.price-table > thead > tr > td, .price-table > tbody > tr > td {
  background-color: #fff;
}
.price-table > thead > tr.--first > td:not([rowspan="2"]), .price-table > tbody > tr.--first > td:not([rowspan="2"]) {
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: left bottom;
  background-size: 3px 1px;
}
@media screen and (max-width: 750px) {
  .price-table > thead > tr.--first > td:not([rowspan="2"]), .price-table > tbody > tr.--first > td:not([rowspan="2"]) {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
.price-table > thead > tr.--first > td:not([rowspan="2"]), .price-table > tbody > tr.--first > td:not([rowspan="2"]) {
  background-repeat: repeat-x;
  border-bottom: none;
}
@media screen and (max-width: 750px) {
  .price-table {
    margin-bottom: 6.6666666667vw;
    border-left: 0.2666666667vw solid #AEAEA8;
    border-top: 0.2666666667vw solid #AEAEA8;
  }
  .price-table > thead > tr > th, .price-table > thead > tr td, .price-table > tbody > tr > th, .price-table > tbody > tr td {
    padding-block: 2.6666666667vw;
    padding-inline: 1.6vw;
    border-right: 0.2666666667vw solid #AEAEA8;
    border-bottom: 0.2666666667vw solid #AEAEA8;
    font-size: 3.2vw;
  }
  .price-table > thead > tr > th, .price-table > tbody > tr > th {
    background-color: #EFF4ED;
    font-size: 3.2vw;
    width: auto;
  }
  .price-table > thead > tr > td > span.--mile, .price-table > tbody > tr > td > span.--mile {
    font-size: 2.6666666667vw;
  }
  .price-table > thead > tr.--first > td:not([rowspan="2"]), .price-table > tbody > tr.--first > td:not([rowspan="2"]) {
    background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
    background-position: left bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
    border-bottom: none;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  .price-table > thead > tr.--first > td:not([rowspan="2"]), .price-table > tbody > tr.--first > td:not([rowspan="2"]) {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}

.price-payment {
  display: block;
  padding-block: 48px;
  background-color: #EFF4ED;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 12px;
}
.price-payment__list {
  display: inline-flex;
  width: 614px;
  margin-bottom: 28px;
  padding-block: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.price-payment__list > li {
  display: block;
  width: 33%;
  height: 117px;
  padding-top: 8px;
  font-weight: 600;
}
.price-payment__list > li:not(:last-child) {
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: right top;
  background-size: 1px 3px;
}
@media screen and (max-width: 750px) {
  .price-payment__list > li:not(:last-child) {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.2666666667vw 0.8vw;
  }
}
.price-payment__list > li:not(:last-child) {
  background-repeat: repeat-y;
}
.price-payment__list > li > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  margin-bottom: 14px;
  text-align: center;
}
.price-payment__list > li > div > img {
  height: auto;
}
.price-payment__list > li > div > img.--card {
  width: 54.2px;
}
.price-payment__list > li > div > img.--mile {
  width: 40px;
}
.price-payment__list > li > div > img.--anapay {
  width: 103px;
}
.price-payment__list > li > p {
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .price-payment {
    padding: 6.4vw;
  }
  .price-payment__list {
    display: block;
    width: 100%;
    padding-inline: 5.3333333333vw;
    padding-block: 0;
  }
  .price-payment__list > li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5.3333333333vw;
    width: 100%;
    height: 18.4vw;
    padding-block: 2.6666666667vw;
  }
  .price-payment__list > li > div {
    height: auto;
    margin-bottom: 0;
    width: 26.6666666667vw;
  }
  .price-payment__list > li > div > img {
    height: auto;
  }
  .price-payment__list > li > div > img.--card {
    width: 9.3333333333vw;
  }
  .price-payment__list > li > div > img.--mile {
    width: 7.5506666667vw;
  }
  .price-payment__list > li > div > img.--anapay {
    width: 22.24vw;
  }
  .price-payment__list > li > p {
    text-align: left;
    flex: 1;
  }
  .price-payment__list > li:not(:last-child) {
    background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
    background-position: left bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  .price-payment__list > li:not(:last-child) {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}

.terms {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .terms {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .terms {
    width: 100%;
  }
}
.terms {
  counter-reset: term-sect;
}
.terms h2 {
  counter-increment: term-sect;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
}
.terms h2:not(:first-child) {
  margin-top: 70px;
}
.terms h2:before {
  content: "第" counter(term-sect) "条";
}
.terms a {
  color: #004EFF;
  text-decoration: underline;
  overflow-wrap: anywhere;
}
.terms > p, .terms > ul, .terms > ol {
  line-height: 30px;
}
.terms > p + *:not(h2), .terms > ul + *:not(h2), .terms > ol + *:not(h2) {
  margin-top: 30px;
}
.terms ol {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
}
.terms ol li {
  counter-increment: item;
  position: relative;
  margin: 0.3em 0;
  padding-left: 1.5em;
}
.terms ol li::before {
  content: counters(item, ".") ".";
  position: absolute;
  left: 0;
  width: 1em; /* 番号の幅を確保 */
  text-align: right; /* 桁数が変わっても揃う */
}
.terms ol li > ol {
  margin-block: 32px;
  margin-left: 2em;
}
.terms ol li > ol > li {
  padding-left: 2em;
}
.terms ol > ol {
  counter-reset: item;
  padding-left: 2em; /* ネストごとにインデント */
}
@media screen and (max-width: 750px) {
  .terms {
    counter-reset: term-sect;
  }
  .terms h2 {
    margin-bottom: 5.3333333333vw;
    font-size: 4.5333333333vw;
    line-height: 8.8vw;
  }
  .terms h2:not(:first-child) {
    margin-top: 10.6666666667vw;
  }
  .terms > p, .terms > ul, .terms > ol {
    line-height: 6.9333333333vw;
  }
  .terms > p + *:not(h2), .terms > ul + *:not(h2), .terms > ol + *:not(h2) {
    margin-top: 5.3333333333vw;
  }
  .terms ol {
    counter-reset: item;
  }
  .terms ol li {
    counter-increment: item;
    margin: 0.3em 0;
    padding-left: 1.5em;
  }
  .terms ol li::before {
    width: 1em; /* 番号の幅を確保 */
    text-align: right; /* 桁数が変わっても揃う */
  }
  .terms ol li > ol {
    margin-block: 5.3333333333vw;
    margin-left: 0;
  }
  .terms ol li > ol > li {
    padding-left: 2em;
  }
  .terms ol > ol {
    counter-reset: item;
    padding-left: 2em; /* ネストごとにインデント */
  }
}

.low {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .low {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .low {
    width: 100%;
  }
}

.access {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .access {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .access {
    width: 100%;
  }
}
.access-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin-bottom: 80px;
}
.access-list > div {
  width: 571px;
  height: 100%;
}
.access-list > div > dt, .access-list > div > dd {
  background-color: #EFF4ED;
  border-radius: 8px;
  padding-inline: 40px;
}
.access-list > div > dt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  height: 74px;
  font-size: 18px;
  font-weight: 600;
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: left bottom;
  background-size: 3px 1px;
}
@media screen and (max-width: 750px) {
  .access-list > div > dt {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
.access-list > div > dt {
  background-repeat: repeat-x;
}
.access-list > div > dd {
  height: 172px;
  padding-block: 34px;
}
.access-list > div > dd > ul > li:before {
  content: "・";
}
.access-gmap {
  width: 100%;
  height: 462px;
  border-radius: 8px;
  background-color: #AEAEA8;
}
@media screen and (max-width: 750px) {
  .access-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 4.2666666667vw;
    margin-bottom: 13.3333333333vw;
  }
  .access-list > div {
    width: 100%;
  }
  .access-list > div > dt, .access-list > div > dd {
    border-radius: 2.1333333333vw;
    padding-inline: 7.4666666667vw;
  }
  .access-list > div > dt {
    gap: 2.1333333333vw;
    height: 14.9333333333vw;
    font-size: 3.7333333333vw;
  }
  .access-list > div > dd {
    height: auto;
    padding-block: 6.4vw;
  }
  .access-gmap {
    width: 100%;
    height: 64vw;
    border-radius: 1.0666666667vw;
  }
  .access-gmap > iframe {
    width: 100%;
    height: 64vw;
  }
}

/* CSS Document */
.news {
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .news {
    max-width: 1166px;
    min-width: auto;
  }
}
@media screen and (max-width: 750px) {
  .news {
    width: 100%;
  }
}
.news {
  display: grid;
  grid-template-columns: 1fr 205px;
  width: 1166px;
  max-width: 100%;
  gap: 60px;
}
.news-main {
  flex: 1;
}
.news-side {
  width: 205px;
}
.news-side > h3, .news-side > ul {
  display: block;
  padding: 20px;
  background-color: #EFF4ED;
  border-radius: 8px;
}
.news-side > h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: left bottom;
  background-size: 3px 1px;
}
@media screen and (max-width: 750px) {
  .news-side > h3 {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.8vw 0.2666666667vw;
  }
}
.news-side > h3 {
  background-repeat: repeat-x;
}
.news-side > ul:not(:last-child) {
  margin-bottom: 24px;
}
.news-side > ul > li {
  color: #AEAEA8;
  font-size: 16px;
}
.news-side > ul > li:not(:last-child) {
  margin-bottom: 8px;
}
.news-side > ul > li > span {
  font-weight: 600;
  color: #243E30;
  text-decoration: underline;
}
.news-side > ul > li > a:hover {
  color: #243E30;
}
.news-list {
  border-top: 1px solid #AEAEA8;
}
.news-list > li {
  border-bottom: 1px solid #AEAEA8;
}
.news-list-link {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-block: 30px;
  padding-right: 80px;
  gap: 16px;
}
.news-list-link__date {
  flex-shrink: 0;
  font-size: 14px;
  white-space: nowrap;
}
.news-list-link__category {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  margin-right: auto;
  padding-inline: 1em;
  border: 1px solid #0E6A37;
  font-size: 12px;
  text-align: center;
  color: #0E6A37;
  border-radius: 18px;
  white-space: nowrap;
}
.news-list-link__title {
  flex: 1 1 auto; /* 可変幅 */
  min-width: 0;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  font-size: 18px;
  line-height: 1.4 !important;
  font-weight: 600;
}
.news-list-link:before, .news-list-link:after {
  content: "";
  position: absolute;
  right: 0;
  width: 44px;
  height: 24px;
}
.news-list-link:before {
  border: 1px solid #243E30;
  border-radius: 44px;
}
.news-list-link:after {
  background-image: url("../img/common/link-arrow-primary.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center center;
}
.news-list-link:hover .news-list-link__title {
  text-decoration: underline;
}
.news-list-link:hover:after {
  animation: slideIn 0.4s forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.news-bottom {
  grid-column: 1/3;
}
@media screen and (max-width: 750px) {
  .news {
    display: flex;
    gap: 8.5333333333vw;
    height: auto;
    flex-direction: column;
  }
  .news .news-main {
    order: 1;
  }
  .news .news-bottom {
    order: 2;
    padding: 0;
    margin-bottom: 5.3333333333vw;
  }
  .news .news-side {
    order: 3;
    padding-bottom: 0;
  }
  .news-side {
    width: 100%;
  }
  .news-side > h3 {
    text-align: left;
    padding: 4vw 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
  .news-side > ul:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
  .news-side > ul > li {
    font-size: 3.7333333333vw;
  }
  .news-side > ul > li:not(:last-child) {
    margin-bottom: 2.6666666667vw;
  }
  .news-list {
    border-top: 0.2666666667vw solid #AEAEA8;
  }
  .news-list > li {
    border-bottom: 0.2666666667vw solid #AEAEA8;
  }
  .news-list-link {
    padding-block: 5.3333333333vw;
    padding-right: 0;
    gap: 3.2vw;
  }
  .news-list-link__date {
    font-size: 3.2vw;
  }
  .news-list-link__category {
    flex-shrink: 0;
    display: flex;
    align-items: baseline;
    justify-content: center;
    height: 5.7333333333vw;
    margin-right: auto;
    padding: 0 1em 2em;
    border: 1px solid #0E6A37;
    font-size: 3.2vw;
    text-align: center;
    color: #0E6A37;
    border-radius: 18px;
    white-space: nowrap;
  }
  .news-list-link__title {
    flex: 1 1 auto; /* 可変幅 */
    min-width: 0;
    display: block;
    font-size: 3.7333333333vw;
    line-height: 1.4 !important;
  }
  .news-list-link:before, .news-list-link:after {
    display: none;
  }
  .news-list-btn-box {
    padding-top: 5.3333333333vw;
  }
}

/* CSS Document */
.news-detail-heading {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #808080;
}
.news-detail-heading__title {
  font-size: 32px;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 500;
  margin-bottom: 24px;
}
.news-detail-heading__sub {
  display: flex;
  align-items: center;
  gap: 16px;
}
.news-detail-heading__sub > .--date {
  font-weight: 500;
  color: #808080;
}
.news-detail-heading__sub > .--cate {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  margin-right: auto;
  padding-inline: 1em;
  border: 1px solid #0E6A37;
  font-size: 12px;
  text-align: center;
  color: #0E6A37;
  border-radius: 18px;
  white-space: nowrap;
}
.news-detail-article {
  margin-bottom: 80px;
}
.news-detail-article > p {
  line-height: 34px;
}
.news-detail-article > p:not(:last-child) {
  margin-bottom: 2em;
}
@media screen and (max-width: 750px) {
  .news-detail-heading {
    padding-bottom: 7.4666666667vw;
    margin-bottom: 7.4666666667vw;
    border-bottom: 0.2666666667vw solid #808080;
  }
  .news-detail-heading__title {
    font-size: 5.3333333333vw;
    margin-bottom: 4.2666666667vw;
  }
  .news-detail-heading__sub {
    display: flex;
    gap: 3.2vw;
  }
  .news-detail-heading__sub > .--date {
    font-size: 3.2vw;
  }
  .news-detail-heading__sub > .--cate {
    height: 5.7333333333vw;
    padding-inline: 1em;
    border: 0.2666666667vw solid #0E6A37;
    font-size: 2.9333333333vw;
    border-radius: 5.7333333333vw;
  }
  .news-detail-article {
    margin-bottom: 0;
  }
  .news-detail-article > p {
    font-size: 3.4666666667vw;
    line-height: 7.2vw;
  }
}

.faq-category-list {
  counter-reset: cateNum;
}
.faq-category-list__item:not(:last-child) {
  margin-bottom: 60px;
}
.faq-category-list__item-name {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 32px;
}
.faq-category-list__item-name:before {
  counter-increment: cateNum;
  content: counter(cateNum) ". ";
  display: inline;
}
.faq-data-list__item-q, .faq-data-list__item-a {
  display: flex;
  justify-content: flex-start;
}
.faq-data-list__item-q:before, .faq-data-list__item-q > div, .faq-data-list__item-a:before, .faq-data-list__item-a > div {
  border-radius: 8px;
  background-color: #fff;
}
.faq-data-list__item-q:before, .faq-data-list__item-a:before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  min-width: 56px;
  font-size: 16px;
  font-weight: 800;
  background-image: radial-gradient(circle, #243E30 0.5px, transparent 0.5px);
  background-position: right top;
  background-size: 1px 3px;
}
@media screen and (max-width: 750px) {
  .faq-data-list__item-q:before, .faq-data-list__item-a:before {
    background-image: radial-gradient(circle, #243E30 0.1333333333vw, transparent 0.1333333333vw);
    background-size: 0.2666666667vw 0.8vw;
  }
}
.faq-data-list__item-q:before, .faq-data-list__item-a:before {
  background-repeat: repeat-y;
}
.faq-data-list__item-q > div, .faq-data-list__item-a > div {
  flex: 1;
  padding: 14px 24px;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.04em;
}
.faq-data-list__item-q {
  margin-bottom: 8px;
}
.faq-data-list__item-q:before {
  content: "Q";
}
.faq-data-list__item-a:before {
  content: "A";
}
.faq-data-list__item:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 750px) {
  .faq-category-list__item:not(:last-child) {
    margin-bottom: 10.6666666667vw;
  }
  .faq-category-list__item-name {
    font-size: 4.5333333333vw;
    margin-bottom: 4.2666666667vw;
  }
  .faq-data-list__item-q:before, .faq-data-list__item-q > div, .faq-data-list__item-a:before, .faq-data-list__item-a > div {
    border-radius: 1.6vw;
  }
  .faq-data-list__item-q:before, .faq-data-list__item-a:before {
    width: 9.0666666667vw;
    min-width: 9.0666666667vw;
    font-size: 3.4666666667vw;
  }
  .faq-data-list__item-q > div, .faq-data-list__item-a > div {
    padding: 4vw;
    font-size: 3.4666666667vw;
    line-height: 6.9333333333vw;
  }
  .faq-data-list__item-q {
    margin-bottom: 2.1333333333vw;
  }
  .faq-data-list__item:not(:last-child) {
    margin-bottom: 4.1333333333vw;
  }
}

.error404 {
  text-align: center;
  padding-top: 80px;
}
.error404 > img {
  margin-bottom: 40px;
}
.error404 > p {
  font-family: "Shippori Mincho B1", serif;
  font-size: 58px;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .error404 {
    margin-top: 10.6666666667vw;
    padding-top: 6.4vw;
  }
  .error404 > img {
    margin-bottom: 7.2vw;
  }
  .error404 > p {
    padding-left: 5.8666666667vw;
    margin-bottom: 4vw;
    font-size: 7.7333333333vw;
    line-height: 11.2vw;
  }
}

/*
@import 'pages/top-service';
@import 'pages/service';
@import 'pages/howto-step';
@import 'pages/howto-faq';
@import 'pages/works-examples';
@import 'pages/works-scenes';
@import 'pages/aboutus-company';
@import 'pages/aboutus-access';
@import 'pages/privacypolicy';
*/
.u-tl {
  text-align: left !important;
}

.u-tc {
  text-align: center !important;
}

.u-tr {
  text-align: right !important;
}

.u-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 750px) {
  .u-fsss {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 750px) {
  .u-fsss {
    font-size: 2.9333333333vw !important;
    letter-spacing: 0;
  }
}

@media screen and (min-width: 750px) {
  .u-fss {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 750px) {
  .u-fss {
    font-size: 2.9333333333vw !important;
  }
}

@media screen and (min-width: 750px) {
  .u-fsm {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 750px) {
  .u-fsm {
    font-size: 3.4666666667vw !important;
  }
}

@media screen and (min-width: 750px) {
  .u-fsl {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 750px) {
  .u-fsl {
    font-size: 3.7333333333vw !important;
  }
}

@media screen and (min-width: 750px) {
  .u-fsll {
    font-size: 24px !important;
  }
}
@media screen and (max-width: 750px) {
  .u-fsll {
    font-size: 4vw !important;
  }
}

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

.u-fwm {
  font-weight: 500;
}

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

.u-fwbl {
  font-weight: 800;
}

.u-fc-red {
  color: #a00;
}

.u-fc-green {
  color: #0E6A37;
}

.u-fc-sec {
  color: #ED782F;
}

.u-fc-white {
  color: #fff;
}

.u-fc-ana {
  color: #00146E;
}

.u-tdu {
  text-decoration: underline;
  text-underline-offset: 0.5em;
}
@media screen and (max-width: 750px) {
  .u-tdu {
    text-underline-offset: 0.25em;
  }
}

.u-dib {
  display: inline-block;
}

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

@media screen and (max-width: 750px) {
  .u-noSP {
    display: none !important;
  }
}

@media screen and (min-width: 750px) {
  .u-noPC {
    display: none !important;
  }
}

.test-trump {
  margin: 0;
}

.u-mas {
  margin: 8px!important;
}

.u-mts {
  margin-top: 8px!important;
}

.u-mbs {
  margin-bottom: 8px!important;
}

.u-mls {
  margin-left: 8px!important;
}

.u-mrs {
  margin-right: 8px!important;
}

.u-mxs {
  margin-inline: 8px!important;
}

.u-mys {
  margin-block: 8px!important;
}

.u-pas {
  padding: 8px!important;
}

.u-pts {
  padding-top: 8px!important;
}

.u-pbs {
  padding-bottom: 8px!important;
}

.u-pls {
  padding-left: 8px!important;
}

.u-prs {
  padding-right: 8px!important;
}

.u-pxs {
  padding-inline: 8px!important;
}

.u-pys {
  padding-block: 8px!important;
}

.u-mam {
  margin: 16px!important;
}

.u-mtm {
  margin-top: 16px!important;
}

.u-mbm {
  margin-bottom: 16px!important;
}

.u-mlm {
  margin-left: 16px!important;
}

.u-mrm {
  margin-right: 16px!important;
}

.u-mxm {
  margin-inline: 16px!important;
}

.u-mym {
  margin-block: 16px!important;
}

.u-pam {
  padding: 16px!important;
}

.u-ptm {
  padding-top: 16px!important;
}

.u-pbm {
  padding-bottom: 16px!important;
}

.u-plm {
  padding-left: 16px!important;
}

.u-prm {
  padding-right: 16px!important;
}

.u-pxm {
  padding-inline: 16px!important;
}

.u-pym {
  padding-block: 16px!important;
}

.u-mal {
  margin: 32px!important;
}

.u-mtl {
  margin-top: 32px!important;
}

.u-mbl {
  margin-bottom: 32px!important;
}

.u-mll {
  margin-left: 32px!important;
}

.u-mrl {
  margin-right: 32px!important;
}

.u-mxl {
  margin-inline: 32px!important;
}

.u-myl {
  margin-block: 32px!important;
}

.u-pal {
  padding: 32px!important;
}

.u-ptl {
  padding-top: 32px!important;
}

.u-pbl {
  padding-bottom: 32px!important;
}

.u-pll {
  padding-left: 32px!important;
}

.u-prl {
  padding-right: 32px!important;
}

.u-pxl {
  padding-inline: 32px!important;
}

.u-pyl {
  padding-block: 32px!important;
}

.u-mall {
  margin: 48px!important;
}

.u-mtll {
  margin-top: 48px!important;
}

.u-mbll {
  margin-bottom: 48px!important;
}

.u-mlll {
  margin-left: 48px!important;
}

.u-mrll {
  margin-right: 48px!important;
}

.u-mxll {
  margin-inline: 48px!important;
}

.u-myll {
  margin-block: 48px!important;
}

.u-pall {
  padding: 48px!important;
}

.u-ptll {
  padding-top: 48px!important;
}

.u-pbll {
  padding-bottom: 48px!important;
}

.u-plll {
  padding-left: 48px!important;
}

.u-prll {
  padding-right: 48px!important;
}

.u-pxll {
  padding-inline: 48px!important;
}

.u-pyll {
  padding-block: 48px!important;
}

.u-maa {
  margin: auto;
}

.u-mta {
  margin-top: auto;
}

.u-mba {
  margin-bottom: auto;
}

.u-mla {
  margin-left: auto;
}

.u-mra {
  margin-right: auto;
}

.u-mxa {
  margin-inline: auto;
}

.u-mya {
  margin-block: auto;
}

.u-paa {
  padding: auto;
}

.u-pta {
  padding-top: auto;
}

.u-pba {
  padding-bottom: auto;
}

.u-pla {
  padding-left: auto;
}

.u-pra {
  padding-right: auto;
}

.u-pxa {
  padding-inline: auto;
}

.u-pya {
  padding-block: auto;
}

.u-ma0 {
  margin: 0px!important;
}

.u-mt0 {
  margin-top: 0px!important;
}

.u-mb0 {
  margin-bottom: 0px!important;
}

.u-ml0 {
  margin-left: 0px!important;
}

.u-mr0 {
  margin-right: 0px!important;
}

.u-mx0 {
  margin-inline: 0px!important;
}

.u-my0 {
  margin-block: 0px!important;
}

.u-pa0 {
  padding: 0px!important;
}

.u-pt0 {
  padding-top: 0px!important;
}

.u-pb0 {
  padding-bottom: 0px!important;
}

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

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

.u-px0 {
  padding-inline: 0px!important;
}

.u-py0 {
  padding-block: 0px!important;
}

.u-ma1 {
  margin: 4px!important;
}

.u-mt1 {
  margin-top: 4px!important;
}

.u-mb1 {
  margin-bottom: 4px!important;
}

.u-ml1 {
  margin-left: 4px!important;
}

.u-mr1 {
  margin-right: 4px!important;
}

.u-mx1 {
  margin-inline: 4px!important;
}

.u-my1 {
  margin-block: 4px!important;
}

.u-pa1 {
  padding: 4px!important;
}

.u-pt1 {
  padding-top: 4px!important;
}

.u-pb1 {
  padding-bottom: 4px!important;
}

.u-pl1 {
  padding-left: 4px!important;
}

.u-pr1 {
  padding-right: 4px!important;
}

.u-px1 {
  padding-inline: 4px!important;
}

.u-py1 {
  padding-block: 4px!important;
}

.u-ma2 {
  margin: 8px!important;
}

.u-mt2 {
  margin-top: 8px!important;
}

.u-mb2 {
  margin-bottom: 8px!important;
}

.u-ml2 {
  margin-left: 8px!important;
}

.u-mr2 {
  margin-right: 8px!important;
}

.u-mx2 {
  margin-inline: 8px!important;
}

.u-my2 {
  margin-block: 8px!important;
}

.u-pa2 {
  padding: 8px!important;
}

.u-pt2 {
  padding-top: 8px!important;
}

.u-pb2 {
  padding-bottom: 8px!important;
}

.u-pl2 {
  padding-left: 8px!important;
}

.u-pr2 {
  padding-right: 8px!important;
}

.u-px2 {
  padding-inline: 8px!important;
}

.u-py2 {
  padding-block: 8px!important;
}

.u-ma3 {
  margin: 12px!important;
}

.u-mt3 {
  margin-top: 12px!important;
}

.u-mb3 {
  margin-bottom: 12px!important;
}

.u-ml3 {
  margin-left: 12px!important;
}

.u-mr3 {
  margin-right: 12px!important;
}

.u-mx3 {
  margin-inline: 12px!important;
}

.u-my3 {
  margin-block: 12px!important;
}

.u-pa3 {
  padding: 12px!important;
}

.u-pt3 {
  padding-top: 12px!important;
}

.u-pb3 {
  padding-bottom: 12px!important;
}

.u-pl3 {
  padding-left: 12px!important;
}

.u-pr3 {
  padding-right: 12px!important;
}

.u-px3 {
  padding-inline: 12px!important;
}

.u-py3 {
  padding-block: 12px!important;
}

.u-ma4 {
  margin: 16px!important;
}

.u-mt4 {
  margin-top: 16px!important;
}

.u-mb4 {
  margin-bottom: 16px!important;
}

.u-ml4 {
  margin-left: 16px!important;
}

.u-mr4 {
  margin-right: 16px!important;
}

.u-mx4 {
  margin-inline: 16px!important;
}

.u-my4 {
  margin-block: 16px!important;
}

.u-pa4 {
  padding: 16px!important;
}

.u-pt4 {
  padding-top: 16px!important;
}

.u-pb4 {
  padding-bottom: 16px!important;
}

.u-pl4 {
  padding-left: 16px!important;
}

.u-pr4 {
  padding-right: 16px!important;
}

.u-px4 {
  padding-inline: 16px!important;
}

.u-py4 {
  padding-block: 16px!important;
}

.u-ma5 {
  margin: 20px!important;
}

.u-mt5 {
  margin-top: 20px!important;
}

.u-mb5 {
  margin-bottom: 20px!important;
}

.u-ml5 {
  margin-left: 20px!important;
}

.u-mr5 {
  margin-right: 20px!important;
}

.u-mx5 {
  margin-inline: 20px!important;
}

.u-my5 {
  margin-block: 20px!important;
}

.u-pa5 {
  padding: 20px!important;
}

.u-pt5 {
  padding-top: 20px!important;
}

.u-pb5 {
  padding-bottom: 20px!important;
}

.u-pl5 {
  padding-left: 20px!important;
}

.u-pr5 {
  padding-right: 20px!important;
}

.u-px5 {
  padding-inline: 20px!important;
}

.u-py5 {
  padding-block: 20px!important;
}

.u-ma6 {
  margin: 24px!important;
}

.u-mt6 {
  margin-top: 24px!important;
}

.u-mb6 {
  margin-bottom: 24px!important;
}

.u-ml6 {
  margin-left: 24px!important;
}

.u-mr6 {
  margin-right: 24px!important;
}

.u-mx6 {
  margin-inline: 24px!important;
}

.u-my6 {
  margin-block: 24px!important;
}

.u-pa6 {
  padding: 24px!important;
}

.u-pt6 {
  padding-top: 24px!important;
}

.u-pb6 {
  padding-bottom: 24px!important;
}

.u-pl6 {
  padding-left: 24px!important;
}

.u-pr6 {
  padding-right: 24px!important;
}

.u-px6 {
  padding-inline: 24px!important;
}

.u-py6 {
  padding-block: 24px!important;
}

.u-ma7 {
  margin: 28px!important;
}

.u-mt7 {
  margin-top: 28px!important;
}

.u-mb7 {
  margin-bottom: 28px!important;
}

.u-ml7 {
  margin-left: 28px!important;
}

.u-mr7 {
  margin-right: 28px!important;
}

.u-mx7 {
  margin-inline: 28px!important;
}

.u-my7 {
  margin-block: 28px!important;
}

.u-pa7 {
  padding: 28px!important;
}

.u-pt7 {
  padding-top: 28px!important;
}

.u-pb7 {
  padding-bottom: 28px!important;
}

.u-pl7 {
  padding-left: 28px!important;
}

.u-pr7 {
  padding-right: 28px!important;
}

.u-px7 {
  padding-inline: 28px!important;
}

.u-py7 {
  padding-block: 28px!important;
}

.u-ma8 {
  margin: 32px!important;
}

.u-mt8 {
  margin-top: 32px!important;
}

.u-mb8 {
  margin-bottom: 32px!important;
}

.u-ml8 {
  margin-left: 32px!important;
}

.u-mr8 {
  margin-right: 32px!important;
}

.u-mx8 {
  margin-inline: 32px!important;
}

.u-my8 {
  margin-block: 32px!important;
}

.u-pa8 {
  padding: 32px!important;
}

.u-pt8 {
  padding-top: 32px!important;
}

.u-pb8 {
  padding-bottom: 32px!important;
}

.u-pl8 {
  padding-left: 32px!important;
}

.u-pr8 {
  padding-right: 32px!important;
}

.u-px8 {
  padding-inline: 32px!important;
}

.u-py8 {
  padding-block: 32px!important;
}

.u-ma9 {
  margin: 36px!important;
}

.u-mt9 {
  margin-top: 36px!important;
}

.u-mb9 {
  margin-bottom: 36px!important;
}

.u-ml9 {
  margin-left: 36px!important;
}

.u-mr9 {
  margin-right: 36px!important;
}

.u-mx9 {
  margin-inline: 36px!important;
}

.u-my9 {
  margin-block: 36px!important;
}

.u-pa9 {
  padding: 36px!important;
}

.u-pt9 {
  padding-top: 36px!important;
}

.u-pb9 {
  padding-bottom: 36px!important;
}

.u-pl9 {
  padding-left: 36px!important;
}

.u-pr9 {
  padding-right: 36px!important;
}

.u-px9 {
  padding-inline: 36px!important;
}

.u-py9 {
  padding-block: 36px!important;
}

.u-ma10 {
  margin: 40px!important;
}

.u-mt10 {
  margin-top: 40px!important;
}

.u-mb10 {
  margin-bottom: 40px!important;
}

.u-ml10 {
  margin-left: 40px!important;
}

.u-mr10 {
  margin-right: 40px!important;
}

.u-mx10 {
  margin-inline: 40px!important;
}

.u-my10 {
  margin-block: 40px!important;
}

.u-pa10 {
  padding: 40px!important;
}

.u-pt10 {
  padding-top: 40px!important;
}

.u-pb10 {
  padding-bottom: 40px!important;
}

.u-pl10 {
  padding-left: 40px!important;
}

.u-pr10 {
  padding-right: 40px!important;
}

.u-px10 {
  padding-inline: 40px!important;
}

.u-py10 {
  padding-block: 40px!important;
}

.u-ma11 {
  margin: 44px!important;
}

.u-mt11 {
  margin-top: 44px!important;
}

.u-mb11 {
  margin-bottom: 44px!important;
}

.u-ml11 {
  margin-left: 44px!important;
}

.u-mr11 {
  margin-right: 44px!important;
}

.u-mx11 {
  margin-inline: 44px!important;
}

.u-my11 {
  margin-block: 44px!important;
}

.u-pa11 {
  padding: 44px!important;
}

.u-pt11 {
  padding-top: 44px!important;
}

.u-pb11 {
  padding-bottom: 44px!important;
}

.u-pl11 {
  padding-left: 44px!important;
}

.u-pr11 {
  padding-right: 44px!important;
}

.u-px11 {
  padding-inline: 44px!important;
}

.u-py11 {
  padding-block: 44px!important;
}

.u-ma12 {
  margin: 48px!important;
}

.u-mt12 {
  margin-top: 48px!important;
}

.u-mb12 {
  margin-bottom: 48px!important;
}

.u-ml12 {
  margin-left: 48px!important;
}

.u-mr12 {
  margin-right: 48px!important;
}

.u-mx12 {
  margin-inline: 48px!important;
}

.u-my12 {
  margin-block: 48px!important;
}

.u-pa12 {
  padding: 48px!important;
}

.u-pt12 {
  padding-top: 48px!important;
}

.u-pb12 {
  padding-bottom: 48px!important;
}

.u-pl12 {
  padding-left: 48px!important;
}

.u-pr12 {
  padding-right: 48px!important;
}

.u-px12 {
  padding-inline: 48px!important;
}

.u-py12 {
  padding-block: 48px!important;
}

.u-ma13 {
  margin: 52px!important;
}

.u-mt13 {
  margin-top: 52px!important;
}

.u-mb13 {
  margin-bottom: 52px!important;
}

.u-ml13 {
  margin-left: 52px!important;
}

.u-mr13 {
  margin-right: 52px!important;
}

.u-mx13 {
  margin-inline: 52px!important;
}

.u-my13 {
  margin-block: 52px!important;
}

.u-pa13 {
  padding: 52px!important;
}

.u-pt13 {
  padding-top: 52px!important;
}

.u-pb13 {
  padding-bottom: 52px!important;
}

.u-pl13 {
  padding-left: 52px!important;
}

.u-pr13 {
  padding-right: 52px!important;
}

.u-px13 {
  padding-inline: 52px!important;
}

.u-py13 {
  padding-block: 52px!important;
}

.u-ma14 {
  margin: 56px!important;
}

.u-mt14 {
  margin-top: 56px!important;
}

.u-mb14 {
  margin-bottom: 56px!important;
}

.u-ml14 {
  margin-left: 56px!important;
}

.u-mr14 {
  margin-right: 56px!important;
}

.u-mx14 {
  margin-inline: 56px!important;
}

.u-my14 {
  margin-block: 56px!important;
}

.u-pa14 {
  padding: 56px!important;
}

.u-pt14 {
  padding-top: 56px!important;
}

.u-pb14 {
  padding-bottom: 56px!important;
}

.u-pl14 {
  padding-left: 56px!important;
}

.u-pr14 {
  padding-right: 56px!important;
}

.u-px14 {
  padding-inline: 56px!important;
}

.u-py14 {
  padding-block: 56px!important;
}

.u-ma15 {
  margin: 60px!important;
}

.u-mt15 {
  margin-top: 60px!important;
}

.u-mb15 {
  margin-bottom: 60px!important;
}

.u-ml15 {
  margin-left: 60px!important;
}

.u-mr15 {
  margin-right: 60px!important;
}

.u-mx15 {
  margin-inline: 60px!important;
}

.u-my15 {
  margin-block: 60px!important;
}

.u-pa15 {
  padding: 60px!important;
}

.u-pt15 {
  padding-top: 60px!important;
}

.u-pb15 {
  padding-bottom: 60px!important;
}

.u-pl15 {
  padding-left: 60px!important;
}

.u-pr15 {
  padding-right: 60px!important;
}

.u-px15 {
  padding-inline: 60px!important;
}

.u-py15 {
  padding-block: 60px!important;
}

.u-ma16 {
  margin: 64px!important;
}

.u-mt16 {
  margin-top: 64px!important;
}

.u-mb16 {
  margin-bottom: 64px!important;
}

.u-ml16 {
  margin-left: 64px!important;
}

.u-mr16 {
  margin-right: 64px!important;
}

.u-mx16 {
  margin-inline: 64px!important;
}

.u-my16 {
  margin-block: 64px!important;
}

.u-pa16 {
  padding: 64px!important;
}

.u-pt16 {
  padding-top: 64px!important;
}

.u-pb16 {
  padding-bottom: 64px!important;
}

.u-pl16 {
  padding-left: 64px!important;
}

.u-pr16 {
  padding-right: 64px!important;
}

.u-px16 {
  padding-inline: 64px!important;
}

.u-py16 {
  padding-block: 64px!important;
}

.u-ma17 {
  margin: 68px!important;
}

.u-mt17 {
  margin-top: 68px!important;
}

.u-mb17 {
  margin-bottom: 68px!important;
}

.u-ml17 {
  margin-left: 68px!important;
}

.u-mr17 {
  margin-right: 68px!important;
}

.u-mx17 {
  margin-inline: 68px!important;
}

.u-my17 {
  margin-block: 68px!important;
}

.u-pa17 {
  padding: 68px!important;
}

.u-pt17 {
  padding-top: 68px!important;
}

.u-pb17 {
  padding-bottom: 68px!important;
}

.u-pl17 {
  padding-left: 68px!important;
}

.u-pr17 {
  padding-right: 68px!important;
}

.u-px17 {
  padding-inline: 68px!important;
}

.u-py17 {
  padding-block: 68px!important;
}

.u-ma18 {
  margin: 72px!important;
}

.u-mt18 {
  margin-top: 72px!important;
}

.u-mb18 {
  margin-bottom: 72px!important;
}

.u-ml18 {
  margin-left: 72px!important;
}

.u-mr18 {
  margin-right: 72px!important;
}

.u-mx18 {
  margin-inline: 72px!important;
}

.u-my18 {
  margin-block: 72px!important;
}

.u-pa18 {
  padding: 72px!important;
}

.u-pt18 {
  padding-top: 72px!important;
}

.u-pb18 {
  padding-bottom: 72px!important;
}

.u-pl18 {
  padding-left: 72px!important;
}

.u-pr18 {
  padding-right: 72px!important;
}

.u-px18 {
  padding-inline: 72px!important;
}

.u-py18 {
  padding-block: 72px!important;
}

.u-ma19 {
  margin: 76px!important;
}

.u-mt19 {
  margin-top: 76px!important;
}

.u-mb19 {
  margin-bottom: 76px!important;
}

.u-ml19 {
  margin-left: 76px!important;
}

.u-mr19 {
  margin-right: 76px!important;
}

.u-mx19 {
  margin-inline: 76px!important;
}

.u-my19 {
  margin-block: 76px!important;
}

.u-pa19 {
  padding: 76px!important;
}

.u-pt19 {
  padding-top: 76px!important;
}

.u-pb19 {
  padding-bottom: 76px!important;
}

.u-pl19 {
  padding-left: 76px!important;
}

.u-pr19 {
  padding-right: 76px!important;
}

.u-px19 {
  padding-inline: 76px!important;
}

.u-py19 {
  padding-block: 76px!important;
}

.u-ma20 {
  margin: 80px!important;
}

.u-mt20 {
  margin-top: 80px!important;
}

.u-mb20 {
  margin-bottom: 80px!important;
}

.u-ml20 {
  margin-left: 80px!important;
}

.u-mr20 {
  margin-right: 80px!important;
}

.u-mx20 {
  margin-inline: 80px!important;
}

.u-my20 {
  margin-block: 80px!important;
}

.u-pa20 {
  padding: 80px!important;
}

.u-pt20 {
  padding-top: 80px!important;
}

.u-pb20 {
  padding-bottom: 80px!important;
}

.u-pl20 {
  padding-left: 80px!important;
}

.u-pr20 {
  padding-right: 80px!important;
}

.u-px20 {
  padding-inline: 80px!important;
}

.u-py20 {
  padding-block: 80px!important;
}

.u-ma21 {
  margin: 84px!important;
}

.u-mt21 {
  margin-top: 84px!important;
}

.u-mb21 {
  margin-bottom: 84px!important;
}

.u-ml21 {
  margin-left: 84px!important;
}

.u-mr21 {
  margin-right: 84px!important;
}

.u-mx21 {
  margin-inline: 84px!important;
}

.u-my21 {
  margin-block: 84px!important;
}

.u-pa21 {
  padding: 84px!important;
}

.u-pt21 {
  padding-top: 84px!important;
}

.u-pb21 {
  padding-bottom: 84px!important;
}

.u-pl21 {
  padding-left: 84px!important;
}

.u-pr21 {
  padding-right: 84px!important;
}

.u-px21 {
  padding-inline: 84px!important;
}

.u-py21 {
  padding-block: 84px!important;
}

.u-ma22 {
  margin: 88px!important;
}

.u-mt22 {
  margin-top: 88px!important;
}

.u-mb22 {
  margin-bottom: 88px!important;
}

.u-ml22 {
  margin-left: 88px!important;
}

.u-mr22 {
  margin-right: 88px!important;
}

.u-mx22 {
  margin-inline: 88px!important;
}

.u-my22 {
  margin-block: 88px!important;
}

.u-pa22 {
  padding: 88px!important;
}

.u-pt22 {
  padding-top: 88px!important;
}

.u-pb22 {
  padding-bottom: 88px!important;
}

.u-pl22 {
  padding-left: 88px!important;
}

.u-pr22 {
  padding-right: 88px!important;
}

.u-px22 {
  padding-inline: 88px!important;
}

.u-py22 {
  padding-block: 88px!important;
}

.u-ma23 {
  margin: 92px!important;
}

.u-mt23 {
  margin-top: 92px!important;
}

.u-mb23 {
  margin-bottom: 92px!important;
}

.u-ml23 {
  margin-left: 92px!important;
}

.u-mr23 {
  margin-right: 92px!important;
}

.u-mx23 {
  margin-inline: 92px!important;
}

.u-my23 {
  margin-block: 92px!important;
}

.u-pa23 {
  padding: 92px!important;
}

.u-pt23 {
  padding-top: 92px!important;
}

.u-pb23 {
  padding-bottom: 92px!important;
}

.u-pl23 {
  padding-left: 92px!important;
}

.u-pr23 {
  padding-right: 92px!important;
}

.u-px23 {
  padding-inline: 92px!important;
}

.u-py23 {
  padding-block: 92px!important;
}

.u-ma24 {
  margin: 96px!important;
}

.u-mt24 {
  margin-top: 96px!important;
}

.u-mb24 {
  margin-bottom: 96px!important;
}

.u-ml24 {
  margin-left: 96px!important;
}

.u-mr24 {
  margin-right: 96px!important;
}

.u-mx24 {
  margin-inline: 96px!important;
}

.u-my24 {
  margin-block: 96px!important;
}

.u-pa24 {
  padding: 96px!important;
}

.u-pt24 {
  padding-top: 96px!important;
}

.u-pb24 {
  padding-bottom: 96px!important;
}

.u-pl24 {
  padding-left: 96px!important;
}

.u-pr24 {
  padding-right: 96px!important;
}

.u-px24 {
  padding-inline: 96px!important;
}

.u-py24 {
  padding-block: 96px!important;
}

.u-ma25 {
  margin: 100px!important;
}

.u-mt25 {
  margin-top: 100px!important;
}

.u-mb25 {
  margin-bottom: 100px!important;
}

.u-ml25 {
  margin-left: 100px!important;
}

.u-mr25 {
  margin-right: 100px!important;
}

.u-mx25 {
  margin-inline: 100px!important;
}

.u-my25 {
  margin-block: 100px!important;
}

.u-pa25 {
  padding: 100px!important;
}

.u-pt25 {
  padding-top: 100px!important;
}

.u-pb25 {
  padding-bottom: 100px!important;
}

.u-pl25 {
  padding-left: 100px!important;
}

.u-pr25 {
  padding-right: 100px!important;
}

.u-px25 {
  padding-inline: 100px!important;
}

.u-py25 {
  padding-block: 100px!important;
}

.u-ma26 {
  margin: 104px!important;
}

.u-mt26 {
  margin-top: 104px!important;
}

.u-mb26 {
  margin-bottom: 104px!important;
}

.u-ml26 {
  margin-left: 104px!important;
}

.u-mr26 {
  margin-right: 104px!important;
}

.u-mx26 {
  margin-inline: 104px!important;
}

.u-my26 {
  margin-block: 104px!important;
}

.u-pa26 {
  padding: 104px!important;
}

.u-pt26 {
  padding-top: 104px!important;
}

.u-pb26 {
  padding-bottom: 104px!important;
}

.u-pl26 {
  padding-left: 104px!important;
}

.u-pr26 {
  padding-right: 104px!important;
}

.u-px26 {
  padding-inline: 104px!important;
}

.u-py26 {
  padding-block: 104px!important;
}

.u-ma27 {
  margin: 108px!important;
}

.u-mt27 {
  margin-top: 108px!important;
}

.u-mb27 {
  margin-bottom: 108px!important;
}

.u-ml27 {
  margin-left: 108px!important;
}

.u-mr27 {
  margin-right: 108px!important;
}

.u-mx27 {
  margin-inline: 108px!important;
}

.u-my27 {
  margin-block: 108px!important;
}

.u-pa27 {
  padding: 108px!important;
}

.u-pt27 {
  padding-top: 108px!important;
}

.u-pb27 {
  padding-bottom: 108px!important;
}

.u-pl27 {
  padding-left: 108px!important;
}

.u-pr27 {
  padding-right: 108px!important;
}

.u-px27 {
  padding-inline: 108px!important;
}

.u-py27 {
  padding-block: 108px!important;
}

.u-ma28 {
  margin: 112px!important;
}

.u-mt28 {
  margin-top: 112px!important;
}

.u-mb28 {
  margin-bottom: 112px!important;
}

.u-ml28 {
  margin-left: 112px!important;
}

.u-mr28 {
  margin-right: 112px!important;
}

.u-mx28 {
  margin-inline: 112px!important;
}

.u-my28 {
  margin-block: 112px!important;
}

.u-pa28 {
  padding: 112px!important;
}

.u-pt28 {
  padding-top: 112px!important;
}

.u-pb28 {
  padding-bottom: 112px!important;
}

.u-pl28 {
  padding-left: 112px!important;
}

.u-pr28 {
  padding-right: 112px!important;
}

.u-px28 {
  padding-inline: 112px!important;
}

.u-py28 {
  padding-block: 112px!important;
}

.u-ma29 {
  margin: 116px!important;
}

.u-mt29 {
  margin-top: 116px!important;
}

.u-mb29 {
  margin-bottom: 116px!important;
}

.u-ml29 {
  margin-left: 116px!important;
}

.u-mr29 {
  margin-right: 116px!important;
}

.u-mx29 {
  margin-inline: 116px!important;
}

.u-my29 {
  margin-block: 116px!important;
}

.u-pa29 {
  padding: 116px!important;
}

.u-pt29 {
  padding-top: 116px!important;
}

.u-pb29 {
  padding-bottom: 116px!important;
}

.u-pl29 {
  padding-left: 116px!important;
}

.u-pr29 {
  padding-right: 116px!important;
}

.u-px29 {
  padding-inline: 116px!important;
}

.u-py29 {
  padding-block: 116px!important;
}

.u-ma30 {
  margin: 120px!important;
}

.u-mt30 {
  margin-top: 120px!important;
}

.u-mb30 {
  margin-bottom: 120px!important;
}

.u-ml30 {
  margin-left: 120px!important;
}

.u-mr30 {
  margin-right: 120px!important;
}

.u-mx30 {
  margin-inline: 120px!important;
}

.u-my30 {
  margin-block: 120px!important;
}

.u-pa30 {
  padding: 120px!important;
}

.u-pt30 {
  padding-top: 120px!important;
}

.u-pb30 {
  padding-bottom: 120px!important;
}

.u-pl30 {
  padding-left: 120px!important;
}

.u-pr30 {
  padding-right: 120px!important;
}

.u-px30 {
  padding-inline: 120px!important;
}

.u-py30 {
  padding-block: 120px!important;
}

.u-ma31 {
  margin: 124px!important;
}

.u-mt31 {
  margin-top: 124px!important;
}

.u-mb31 {
  margin-bottom: 124px!important;
}

.u-ml31 {
  margin-left: 124px!important;
}

.u-mr31 {
  margin-right: 124px!important;
}

.u-mx31 {
  margin-inline: 124px!important;
}

.u-my31 {
  margin-block: 124px!important;
}

.u-pa31 {
  padding: 124px!important;
}

.u-pt31 {
  padding-top: 124px!important;
}

.u-pb31 {
  padding-bottom: 124px!important;
}

.u-pl31 {
  padding-left: 124px!important;
}

.u-pr31 {
  padding-right: 124px!important;
}

.u-px31 {
  padding-inline: 124px!important;
}

.u-py31 {
  padding-block: 124px!important;
}

.u-ma32 {
  margin: 128px!important;
}

.u-mt32 {
  margin-top: 128px!important;
}

.u-mb32 {
  margin-bottom: 128px!important;
}

.u-ml32 {
  margin-left: 128px!important;
}

.u-mr32 {
  margin-right: 128px!important;
}

.u-mx32 {
  margin-inline: 128px!important;
}

.u-my32 {
  margin-block: 128px!important;
}

.u-pa32 {
  padding: 128px!important;
}

.u-pt32 {
  padding-top: 128px!important;
}

.u-pb32 {
  padding-bottom: 128px!important;
}

.u-pl32 {
  padding-left: 128px!important;
}

.u-pr32 {
  padding-right: 128px!important;
}

.u-px32 {
  padding-inline: 128px!important;
}

.u-py32 {
  padding-block: 128px!important;
}

.u-ma33 {
  margin: 132px!important;
}

.u-mt33 {
  margin-top: 132px!important;
}

.u-mb33 {
  margin-bottom: 132px!important;
}

.u-ml33 {
  margin-left: 132px!important;
}

.u-mr33 {
  margin-right: 132px!important;
}

.u-mx33 {
  margin-inline: 132px!important;
}

.u-my33 {
  margin-block: 132px!important;
}

.u-pa33 {
  padding: 132px!important;
}

.u-pt33 {
  padding-top: 132px!important;
}

.u-pb33 {
  padding-bottom: 132px!important;
}

.u-pl33 {
  padding-left: 132px!important;
}

.u-pr33 {
  padding-right: 132px!important;
}

.u-px33 {
  padding-inline: 132px!important;
}

.u-py33 {
  padding-block: 132px!important;
}

.u-ma34 {
  margin: 136px!important;
}

.u-mt34 {
  margin-top: 136px!important;
}

.u-mb34 {
  margin-bottom: 136px!important;
}

.u-ml34 {
  margin-left: 136px!important;
}

.u-mr34 {
  margin-right: 136px!important;
}

.u-mx34 {
  margin-inline: 136px!important;
}

.u-my34 {
  margin-block: 136px!important;
}

.u-pa34 {
  padding: 136px!important;
}

.u-pt34 {
  padding-top: 136px!important;
}

.u-pb34 {
  padding-bottom: 136px!important;
}

.u-pl34 {
  padding-left: 136px!important;
}

.u-pr34 {
  padding-right: 136px!important;
}

.u-px34 {
  padding-inline: 136px!important;
}

.u-py34 {
  padding-block: 136px!important;
}

.u-ma35 {
  margin: 140px!important;
}

.u-mt35 {
  margin-top: 140px!important;
}

.u-mb35 {
  margin-bottom: 140px!important;
}

.u-ml35 {
  margin-left: 140px!important;
}

.u-mr35 {
  margin-right: 140px!important;
}

.u-mx35 {
  margin-inline: 140px!important;
}

.u-my35 {
  margin-block: 140px!important;
}

.u-pa35 {
  padding: 140px!important;
}

.u-pt35 {
  padding-top: 140px!important;
}

.u-pb35 {
  padding-bottom: 140px!important;
}

.u-pl35 {
  padding-left: 140px!important;
}

.u-pr35 {
  padding-right: 140px!important;
}

.u-px35 {
  padding-inline: 140px!important;
}

.u-py35 {
  padding-block: 140px!important;
}

.u-ma36 {
  margin: 144px!important;
}

.u-mt36 {
  margin-top: 144px!important;
}

.u-mb36 {
  margin-bottom: 144px!important;
}

.u-ml36 {
  margin-left: 144px!important;
}

.u-mr36 {
  margin-right: 144px!important;
}

.u-mx36 {
  margin-inline: 144px!important;
}

.u-my36 {
  margin-block: 144px!important;
}

.u-pa36 {
  padding: 144px!important;
}

.u-pt36 {
  padding-top: 144px!important;
}

.u-pb36 {
  padding-bottom: 144px!important;
}

.u-pl36 {
  padding-left: 144px!important;
}

.u-pr36 {
  padding-right: 144px!important;
}

.u-px36 {
  padding-inline: 144px!important;
}

.u-py36 {
  padding-block: 144px!important;
}

.u-ma37 {
  margin: 148px!important;
}

.u-mt37 {
  margin-top: 148px!important;
}

.u-mb37 {
  margin-bottom: 148px!important;
}

.u-ml37 {
  margin-left: 148px!important;
}

.u-mr37 {
  margin-right: 148px!important;
}

.u-mx37 {
  margin-inline: 148px!important;
}

.u-my37 {
  margin-block: 148px!important;
}

.u-pa37 {
  padding: 148px!important;
}

.u-pt37 {
  padding-top: 148px!important;
}

.u-pb37 {
  padding-bottom: 148px!important;
}

.u-pl37 {
  padding-left: 148px!important;
}

.u-pr37 {
  padding-right: 148px!important;
}

.u-px37 {
  padding-inline: 148px!important;
}

.u-py37 {
  padding-block: 148px!important;
}

.u-ma38 {
  margin: 152px!important;
}

.u-mt38 {
  margin-top: 152px!important;
}

.u-mb38 {
  margin-bottom: 152px!important;
}

.u-ml38 {
  margin-left: 152px!important;
}

.u-mr38 {
  margin-right: 152px!important;
}

.u-mx38 {
  margin-inline: 152px!important;
}

.u-my38 {
  margin-block: 152px!important;
}

.u-pa38 {
  padding: 152px!important;
}

.u-pt38 {
  padding-top: 152px!important;
}

.u-pb38 {
  padding-bottom: 152px!important;
}

.u-pl38 {
  padding-left: 152px!important;
}

.u-pr38 {
  padding-right: 152px!important;
}

.u-px38 {
  padding-inline: 152px!important;
}

.u-py38 {
  padding-block: 152px!important;
}

.u-ma39 {
  margin: 156px!important;
}

.u-mt39 {
  margin-top: 156px!important;
}

.u-mb39 {
  margin-bottom: 156px!important;
}

.u-ml39 {
  margin-left: 156px!important;
}

.u-mr39 {
  margin-right: 156px!important;
}

.u-mx39 {
  margin-inline: 156px!important;
}

.u-my39 {
  margin-block: 156px!important;
}

.u-pa39 {
  padding: 156px!important;
}

.u-pt39 {
  padding-top: 156px!important;
}

.u-pb39 {
  padding-bottom: 156px!important;
}

.u-pl39 {
  padding-left: 156px!important;
}

.u-pr39 {
  padding-right: 156px!important;
}

.u-px39 {
  padding-inline: 156px!important;
}

.u-py39 {
  padding-block: 156px!important;
}

.u-ma40 {
  margin: 160px!important;
}

.u-mt40 {
  margin-top: 160px!important;
}

.u-mb40 {
  margin-bottom: 160px!important;
}

.u-ml40 {
  margin-left: 160px!important;
}

.u-mr40 {
  margin-right: 160px!important;
}

.u-mx40 {
  margin-inline: 160px!important;
}

.u-my40 {
  margin-block: 160px!important;
}

.u-pa40 {
  padding: 160px!important;
}

.u-pt40 {
  padding-top: 160px!important;
}

.u-pb40 {
  padding-bottom: 160px!important;
}

.u-pl40 {
  padding-left: 160px!important;
}

.u-pr40 {
  padding-right: 160px!important;
}

.u-px40 {
  padding-inline: 160px!important;
}

.u-py40 {
  padding-block: 160px!important;
}

.u-ma41 {
  margin: 164px!important;
}

.u-mt41 {
  margin-top: 164px!important;
}

.u-mb41 {
  margin-bottom: 164px!important;
}

.u-ml41 {
  margin-left: 164px!important;
}

.u-mr41 {
  margin-right: 164px!important;
}

.u-mx41 {
  margin-inline: 164px!important;
}

.u-my41 {
  margin-block: 164px!important;
}

.u-pa41 {
  padding: 164px!important;
}

.u-pt41 {
  padding-top: 164px!important;
}

.u-pb41 {
  padding-bottom: 164px!important;
}

.u-pl41 {
  padding-left: 164px!important;
}

.u-pr41 {
  padding-right: 164px!important;
}

.u-px41 {
  padding-inline: 164px!important;
}

.u-py41 {
  padding-block: 164px!important;
}

.u-ma42 {
  margin: 168px!important;
}

.u-mt42 {
  margin-top: 168px!important;
}

.u-mb42 {
  margin-bottom: 168px!important;
}

.u-ml42 {
  margin-left: 168px!important;
}

.u-mr42 {
  margin-right: 168px!important;
}

.u-mx42 {
  margin-inline: 168px!important;
}

.u-my42 {
  margin-block: 168px!important;
}

.u-pa42 {
  padding: 168px!important;
}

.u-pt42 {
  padding-top: 168px!important;
}

.u-pb42 {
  padding-bottom: 168px!important;
}

.u-pl42 {
  padding-left: 168px!important;
}

.u-pr42 {
  padding-right: 168px!important;
}

.u-px42 {
  padding-inline: 168px!important;
}

.u-py42 {
  padding-block: 168px!important;
}

.u-ma43 {
  margin: 172px!important;
}

.u-mt43 {
  margin-top: 172px!important;
}

.u-mb43 {
  margin-bottom: 172px!important;
}

.u-ml43 {
  margin-left: 172px!important;
}

.u-mr43 {
  margin-right: 172px!important;
}

.u-mx43 {
  margin-inline: 172px!important;
}

.u-my43 {
  margin-block: 172px!important;
}

.u-pa43 {
  padding: 172px!important;
}

.u-pt43 {
  padding-top: 172px!important;
}

.u-pb43 {
  padding-bottom: 172px!important;
}

.u-pl43 {
  padding-left: 172px!important;
}

.u-pr43 {
  padding-right: 172px!important;
}

.u-px43 {
  padding-inline: 172px!important;
}

.u-py43 {
  padding-block: 172px!important;
}

.u-ma44 {
  margin: 176px!important;
}

.u-mt44 {
  margin-top: 176px!important;
}

.u-mb44 {
  margin-bottom: 176px!important;
}

.u-ml44 {
  margin-left: 176px!important;
}

.u-mr44 {
  margin-right: 176px!important;
}

.u-mx44 {
  margin-inline: 176px!important;
}

.u-my44 {
  margin-block: 176px!important;
}

.u-pa44 {
  padding: 176px!important;
}

.u-pt44 {
  padding-top: 176px!important;
}

.u-pb44 {
  padding-bottom: 176px!important;
}

.u-pl44 {
  padding-left: 176px!important;
}

.u-pr44 {
  padding-right: 176px!important;
}

.u-px44 {
  padding-inline: 176px!important;
}

.u-py44 {
  padding-block: 176px!important;
}

.u-ma45 {
  margin: 180px!important;
}

.u-mt45 {
  margin-top: 180px!important;
}

.u-mb45 {
  margin-bottom: 180px!important;
}

.u-ml45 {
  margin-left: 180px!important;
}

.u-mr45 {
  margin-right: 180px!important;
}

.u-mx45 {
  margin-inline: 180px!important;
}

.u-my45 {
  margin-block: 180px!important;
}

.u-pa45 {
  padding: 180px!important;
}

.u-pt45 {
  padding-top: 180px!important;
}

.u-pb45 {
  padding-bottom: 180px!important;
}

.u-pl45 {
  padding-left: 180px!important;
}

.u-pr45 {
  padding-right: 180px!important;
}

.u-px45 {
  padding-inline: 180px!important;
}

.u-py45 {
  padding-block: 180px!important;
}

.u-ma46 {
  margin: 184px!important;
}

.u-mt46 {
  margin-top: 184px!important;
}

.u-mb46 {
  margin-bottom: 184px!important;
}

.u-ml46 {
  margin-left: 184px!important;
}

.u-mr46 {
  margin-right: 184px!important;
}

.u-mx46 {
  margin-inline: 184px!important;
}

.u-my46 {
  margin-block: 184px!important;
}

.u-pa46 {
  padding: 184px!important;
}

.u-pt46 {
  padding-top: 184px!important;
}

.u-pb46 {
  padding-bottom: 184px!important;
}

.u-pl46 {
  padding-left: 184px!important;
}

.u-pr46 {
  padding-right: 184px!important;
}

.u-px46 {
  padding-inline: 184px!important;
}

.u-py46 {
  padding-block: 184px!important;
}

.u-ma47 {
  margin: 188px!important;
}

.u-mt47 {
  margin-top: 188px!important;
}

.u-mb47 {
  margin-bottom: 188px!important;
}

.u-ml47 {
  margin-left: 188px!important;
}

.u-mr47 {
  margin-right: 188px!important;
}

.u-mx47 {
  margin-inline: 188px!important;
}

.u-my47 {
  margin-block: 188px!important;
}

.u-pa47 {
  padding: 188px!important;
}

.u-pt47 {
  padding-top: 188px!important;
}

.u-pb47 {
  padding-bottom: 188px!important;
}

.u-pl47 {
  padding-left: 188px!important;
}

.u-pr47 {
  padding-right: 188px!important;
}

.u-px47 {
  padding-inline: 188px!important;
}

.u-py47 {
  padding-block: 188px!important;
}

.u-ma48 {
  margin: 192px!important;
}

.u-mt48 {
  margin-top: 192px!important;
}

.u-mb48 {
  margin-bottom: 192px!important;
}

.u-ml48 {
  margin-left: 192px!important;
}

.u-mr48 {
  margin-right: 192px!important;
}

.u-mx48 {
  margin-inline: 192px!important;
}

.u-my48 {
  margin-block: 192px!important;
}

.u-pa48 {
  padding: 192px!important;
}

.u-pt48 {
  padding-top: 192px!important;
}

.u-pb48 {
  padding-bottom: 192px!important;
}

.u-pl48 {
  padding-left: 192px!important;
}

.u-pr48 {
  padding-right: 192px!important;
}

.u-px48 {
  padding-inline: 192px!important;
}

.u-py48 {
  padding-block: 192px!important;
}

.u-ma49 {
  margin: 196px!important;
}

.u-mt49 {
  margin-top: 196px!important;
}

.u-mb49 {
  margin-bottom: 196px!important;
}

.u-ml49 {
  margin-left: 196px!important;
}

.u-mr49 {
  margin-right: 196px!important;
}

.u-mx49 {
  margin-inline: 196px!important;
}

.u-my49 {
  margin-block: 196px!important;
}

.u-pa49 {
  padding: 196px!important;
}

.u-pt49 {
  padding-top: 196px!important;
}

.u-pb49 {
  padding-bottom: 196px!important;
}

.u-pl49 {
  padding-left: 196px!important;
}

.u-pr49 {
  padding-right: 196px!important;
}

.u-px49 {
  padding-inline: 196px!important;
}

.u-py49 {
  padding-block: 196px!important;
}

.u-ma50 {
  margin: 200px!important;
}

.u-mt50 {
  margin-top: 200px!important;
}

.u-mb50 {
  margin-bottom: 200px!important;
}

.u-ml50 {
  margin-left: 200px!important;
}

.u-mr50 {
  margin-right: 200px!important;
}

.u-mx50 {
  margin-inline: 200px!important;
}

.u-my50 {
  margin-block: 200px!important;
}

.u-pa50 {
  padding: 200px!important;
}

.u-pt50 {
  padding-top: 200px!important;
}

.u-pb50 {
  padding-bottom: 200px!important;
}

.u-pl50 {
  padding-left: 200px!important;
}

.u-pr50 {
  padding-right: 200px!important;
}

.u-px50 {
  padding-inline: 200px!important;
}

.u-py50 {
  padding-block: 200px!important;
}

@media screen and (max-width: 750px) {
  .u-mas_sp {
    margin: 1.0666666667vw !important;
  }
  .u-mts_sp {
    margin-top: 1.0666666667vw !important;
  }
  .u-mbs_sp {
    margin-bottom: 1.0666666667vw !important;
  }
  .u-mls_sp {
    margin-left: 1.0666666667vw !important;
  }
  .u-mrs_sp {
    margin-right: 1.0666666667vw !important;
  }
  .u-mxs_sp {
    margin-inline: 1.0666666667vw !important;
  }
  .u-mys_sp {
    margin-block: 1.0666666667vw !important;
  }
  .u-pas_sp {
    padding: 1.0666666667vw !important;
  }
  .u-pts_sp {
    padding-top: 1.0666666667vw !important;
  }
  .u-pbs_sp {
    padding-bottom: 1.0666666667vw !important;
  }
  .u-pls_sp {
    padding-left: 1.0666666667vw !important;
  }
  .u-prs_sp {
    padding-right: 1.0666666667vw !important;
  }
  .u-pxs_sp {
    padding-inline: 1.0666666667vw !important;
  }
  .u-pys_sp {
    padding-block: 1.0666666667vw !important;
  }
  .u-mam_sp {
    margin: 2.1333333333vw !important;
  }
  .u-mtm_sp {
    margin-top: 2.1333333333vw !important;
  }
  .u-mbm_sp {
    margin-bottom: 2.1333333333vw !important;
  }
  .u-mlm_sp {
    margin-left: 2.1333333333vw !important;
  }
  .u-mrm_sp {
    margin-right: 2.1333333333vw !important;
  }
  .u-mxm_sp {
    margin-inline: 2.1333333333vw !important;
  }
  .u-mym_sp {
    margin-block: 2.1333333333vw !important;
  }
  .u-pam_sp {
    padding: 2.1333333333vw !important;
  }
  .u-ptm_sp {
    padding-top: 2.1333333333vw !important;
  }
  .u-pbm_sp {
    padding-bottom: 2.1333333333vw !important;
  }
  .u-plm_sp {
    padding-left: 2.1333333333vw !important;
  }
  .u-prm_sp {
    padding-right: 2.1333333333vw !important;
  }
  .u-pxm_sp {
    padding-inline: 2.1333333333vw !important;
  }
  .u-pym_sp {
    padding-block: 2.1333333333vw !important;
  }
  .u-mal_sp {
    margin: 4.2666666667vw !important;
  }
  .u-mtl_sp {
    margin-top: 4.2666666667vw !important;
  }
  .u-mbl_sp {
    margin-bottom: 4.2666666667vw !important;
  }
  .u-mll_sp {
    margin-left: 4.2666666667vw !important;
  }
  .u-mrl_sp {
    margin-right: 4.2666666667vw !important;
  }
  .u-mxl_sp {
    margin-inline: 4.2666666667vw !important;
  }
  .u-myl_sp {
    margin-block: 4.2666666667vw !important;
  }
  .u-pal_sp {
    padding: 4.2666666667vw !important;
  }
  .u-ptl_sp {
    padding-top: 4.2666666667vw !important;
  }
  .u-pbl_sp {
    padding-bottom: 4.2666666667vw !important;
  }
  .u-pll_sp {
    padding-left: 4.2666666667vw !important;
  }
  .u-prl_sp {
    padding-right: 4.2666666667vw !important;
  }
  .u-pxl_sp {
    padding-inline: 4.2666666667vw !important;
  }
  .u-pyl_sp {
    padding-block: 4.2666666667vw !important;
  }
  .u-mall_sp {
    margin: 6.4vw !important;
  }
  .u-mtll_sp {
    margin-top: 6.4vw !important;
  }
  .u-mbll_sp {
    margin-bottom: 6.4vw !important;
  }
  .u-mlll_sp {
    margin-left: 6.4vw !important;
  }
  .u-mrll_sp {
    margin-right: 6.4vw !important;
  }
  .u-mxll_sp {
    margin-inline: 6.4vw !important;
  }
  .u-myll_sp {
    margin-block: 6.4vw !important;
  }
  .u-pall_sp {
    padding: 6.4vw !important;
  }
  .u-ptll_sp {
    padding-top: 6.4vw !important;
  }
  .u-pbll_sp {
    padding-bottom: 6.4vw !important;
  }
  .u-plll_sp {
    padding-left: 6.4vw !important;
  }
  .u-prll_sp {
    padding-right: 6.4vw !important;
  }
  .u-pxll_sp {
    padding-inline: 6.4vw !important;
  }
  .u-pyll_sp {
    padding-block: 6.4vw !important;
  }
  .u-maa_sp {
    margin: auto;
  }
  .u-mta_sp {
    margin-top: auto;
  }
  .u-mba_sp {
    margin-bottom: auto;
  }
  .u-mla_sp {
    margin-left: auto;
  }
  .u-mra_sp {
    margin-right: auto;
  }
  .u-mxa_sp {
    margin-inline: auto;
  }
  .u-mya_sp {
    margin-block: auto;
  }
  .u-paa_sp {
    padding: auto;
  }
  .u-pta_sp {
    padding-top: auto;
  }
  .u-pba_sp {
    padding-bottom: auto;
  }
  .u-pla_sp {
    padding-left: auto;
  }
  .u-pra_sp {
    padding-right: auto;
  }
  .u-pxa_sp {
    padding-inline: auto;
  }
  .u-pya_sp {
    padding-block: auto;
  }
  .u-ma0_sp {
    margin: 0vw !important;
  }
  .u-mt0_sp {
    margin-top: 0vw !important;
  }
  .u-mb0_sp {
    margin-bottom: 0vw !important;
  }
  .u-ml0_sp {
    margin-left: 0vw !important;
  }
  .u-mr0_sp {
    margin-right: 0vw !important;
  }
  .u-mx0_sp {
    margin-inline: 0vw !important;
  }
  .u-my0_sp {
    margin-block: 0vw !important;
  }
  .u-pa0_sp {
    padding: 0vw !important;
  }
  .u-pt0_sp {
    padding-top: 0vw !important;
  }
  .u-pb0_sp {
    padding-bottom: 0vw !important;
  }
  .u-pl0_sp {
    padding-left: 0vw !important;
  }
  .u-pr0_sp {
    padding-right: 0vw !important;
  }
  .u-px0_sp {
    padding-inline: 0vw !important;
  }
  .u-py0_sp {
    padding-block: 0vw !important;
  }
  .u-ma1_sp {
    margin: 0.5333333333vw !important;
  }
  .u-mt1_sp {
    margin-top: 0.5333333333vw !important;
  }
  .u-mb1_sp {
    margin-bottom: 0.5333333333vw !important;
  }
  .u-ml1_sp {
    margin-left: 0.5333333333vw !important;
  }
  .u-mr1_sp {
    margin-right: 0.5333333333vw !important;
  }
  .u-mx1_sp {
    margin-inline: 0.5333333333vw !important;
  }
  .u-my1_sp {
    margin-block: 0.5333333333vw !important;
  }
  .u-pa1_sp {
    padding: 0.5333333333vw !important;
  }
  .u-pt1_sp {
    padding-top: 0.5333333333vw !important;
  }
  .u-pb1_sp {
    padding-bottom: 0.5333333333vw !important;
  }
  .u-pl1_sp {
    padding-left: 0.5333333333vw !important;
  }
  .u-pr1_sp {
    padding-right: 0.5333333333vw !important;
  }
  .u-px1_sp {
    padding-inline: 0.5333333333vw !important;
  }
  .u-py1_sp {
    padding-block: 0.5333333333vw !important;
  }
  .u-ma2_sp {
    margin: 1.0666666667vw !important;
  }
  .u-mt2_sp {
    margin-top: 1.0666666667vw !important;
  }
  .u-mb2_sp {
    margin-bottom: 1.0666666667vw !important;
  }
  .u-ml2_sp {
    margin-left: 1.0666666667vw !important;
  }
  .u-mr2_sp {
    margin-right: 1.0666666667vw !important;
  }
  .u-mx2_sp {
    margin-inline: 1.0666666667vw !important;
  }
  .u-my2_sp {
    margin-block: 1.0666666667vw !important;
  }
  .u-pa2_sp {
    padding: 1.0666666667vw !important;
  }
  .u-pt2_sp {
    padding-top: 1.0666666667vw !important;
  }
  .u-pb2_sp {
    padding-bottom: 1.0666666667vw !important;
  }
  .u-pl2_sp {
    padding-left: 1.0666666667vw !important;
  }
  .u-pr2_sp {
    padding-right: 1.0666666667vw !important;
  }
  .u-px2_sp {
    padding-inline: 1.0666666667vw !important;
  }
  .u-py2_sp {
    padding-block: 1.0666666667vw !important;
  }
  .u-ma3_sp {
    margin: 1.6vw !important;
  }
  .u-mt3_sp {
    margin-top: 1.6vw !important;
  }
  .u-mb3_sp {
    margin-bottom: 1.6vw !important;
  }
  .u-ml3_sp {
    margin-left: 1.6vw !important;
  }
  .u-mr3_sp {
    margin-right: 1.6vw !important;
  }
  .u-mx3_sp {
    margin-inline: 1.6vw !important;
  }
  .u-my3_sp {
    margin-block: 1.6vw !important;
  }
  .u-pa3_sp {
    padding: 1.6vw !important;
  }
  .u-pt3_sp {
    padding-top: 1.6vw !important;
  }
  .u-pb3_sp {
    padding-bottom: 1.6vw !important;
  }
  .u-pl3_sp {
    padding-left: 1.6vw !important;
  }
  .u-pr3_sp {
    padding-right: 1.6vw !important;
  }
  .u-px3_sp {
    padding-inline: 1.6vw !important;
  }
  .u-py3_sp {
    padding-block: 1.6vw !important;
  }
  .u-ma4_sp {
    margin: 2.1333333333vw !important;
  }
  .u-mt4_sp {
    margin-top: 2.1333333333vw !important;
  }
  .u-mb4_sp {
    margin-bottom: 2.1333333333vw !important;
  }
  .u-ml4_sp {
    margin-left: 2.1333333333vw !important;
  }
  .u-mr4_sp {
    margin-right: 2.1333333333vw !important;
  }
  .u-mx4_sp {
    margin-inline: 2.1333333333vw !important;
  }
  .u-my4_sp {
    margin-block: 2.1333333333vw !important;
  }
  .u-pa4_sp {
    padding: 2.1333333333vw !important;
  }
  .u-pt4_sp {
    padding-top: 2.1333333333vw !important;
  }
  .u-pb4_sp {
    padding-bottom: 2.1333333333vw !important;
  }
  .u-pl4_sp {
    padding-left: 2.1333333333vw !important;
  }
  .u-pr4_sp {
    padding-right: 2.1333333333vw !important;
  }
  .u-px4_sp {
    padding-inline: 2.1333333333vw !important;
  }
  .u-py4_sp {
    padding-block: 2.1333333333vw !important;
  }
  .u-ma5_sp {
    margin: 2.6666666667vw !important;
  }
  .u-mt5_sp {
    margin-top: 2.6666666667vw !important;
  }
  .u-mb5_sp {
    margin-bottom: 2.6666666667vw !important;
  }
  .u-ml5_sp {
    margin-left: 2.6666666667vw !important;
  }
  .u-mr5_sp {
    margin-right: 2.6666666667vw !important;
  }
  .u-mx5_sp {
    margin-inline: 2.6666666667vw !important;
  }
  .u-my5_sp {
    margin-block: 2.6666666667vw !important;
  }
  .u-pa5_sp {
    padding: 2.6666666667vw !important;
  }
  .u-pt5_sp {
    padding-top: 2.6666666667vw !important;
  }
  .u-pb5_sp {
    padding-bottom: 2.6666666667vw !important;
  }
  .u-pl5_sp {
    padding-left: 2.6666666667vw !important;
  }
  .u-pr5_sp {
    padding-right: 2.6666666667vw !important;
  }
  .u-px5_sp {
    padding-inline: 2.6666666667vw !important;
  }
  .u-py5_sp {
    padding-block: 2.6666666667vw !important;
  }
  .u-ma6_sp {
    margin: 3.2vw !important;
  }
  .u-mt6_sp {
    margin-top: 3.2vw !important;
  }
  .u-mb6_sp {
    margin-bottom: 3.2vw !important;
  }
  .u-ml6_sp {
    margin-left: 3.2vw !important;
  }
  .u-mr6_sp {
    margin-right: 3.2vw !important;
  }
  .u-mx6_sp {
    margin-inline: 3.2vw !important;
  }
  .u-my6_sp {
    margin-block: 3.2vw !important;
  }
  .u-pa6_sp {
    padding: 3.2vw !important;
  }
  .u-pt6_sp {
    padding-top: 3.2vw !important;
  }
  .u-pb6_sp {
    padding-bottom: 3.2vw !important;
  }
  .u-pl6_sp {
    padding-left: 3.2vw !important;
  }
  .u-pr6_sp {
    padding-right: 3.2vw !important;
  }
  .u-px6_sp {
    padding-inline: 3.2vw !important;
  }
  .u-py6_sp {
    padding-block: 3.2vw !important;
  }
  .u-ma7_sp {
    margin: 3.7333333333vw !important;
  }
  .u-mt7_sp {
    margin-top: 3.7333333333vw !important;
  }
  .u-mb7_sp {
    margin-bottom: 3.7333333333vw !important;
  }
  .u-ml7_sp {
    margin-left: 3.7333333333vw !important;
  }
  .u-mr7_sp {
    margin-right: 3.7333333333vw !important;
  }
  .u-mx7_sp {
    margin-inline: 3.7333333333vw !important;
  }
  .u-my7_sp {
    margin-block: 3.7333333333vw !important;
  }
  .u-pa7_sp {
    padding: 3.7333333333vw !important;
  }
  .u-pt7_sp {
    padding-top: 3.7333333333vw !important;
  }
  .u-pb7_sp {
    padding-bottom: 3.7333333333vw !important;
  }
  .u-pl7_sp {
    padding-left: 3.7333333333vw !important;
  }
  .u-pr7_sp {
    padding-right: 3.7333333333vw !important;
  }
  .u-px7_sp {
    padding-inline: 3.7333333333vw !important;
  }
  .u-py7_sp {
    padding-block: 3.7333333333vw !important;
  }
  .u-ma8_sp {
    margin: 4.2666666667vw !important;
  }
  .u-mt8_sp {
    margin-top: 4.2666666667vw !important;
  }
  .u-mb8_sp {
    margin-bottom: 4.2666666667vw !important;
  }
  .u-ml8_sp {
    margin-left: 4.2666666667vw !important;
  }
  .u-mr8_sp {
    margin-right: 4.2666666667vw !important;
  }
  .u-mx8_sp {
    margin-inline: 4.2666666667vw !important;
  }
  .u-my8_sp {
    margin-block: 4.2666666667vw !important;
  }
  .u-pa8_sp {
    padding: 4.2666666667vw !important;
  }
  .u-pt8_sp {
    padding-top: 4.2666666667vw !important;
  }
  .u-pb8_sp {
    padding-bottom: 4.2666666667vw !important;
  }
  .u-pl8_sp {
    padding-left: 4.2666666667vw !important;
  }
  .u-pr8_sp {
    padding-right: 4.2666666667vw !important;
  }
  .u-px8_sp {
    padding-inline: 4.2666666667vw !important;
  }
  .u-py8_sp {
    padding-block: 4.2666666667vw !important;
  }
  .u-ma9_sp {
    margin: 4.8vw !important;
  }
  .u-mt9_sp {
    margin-top: 4.8vw !important;
  }
  .u-mb9_sp {
    margin-bottom: 4.8vw !important;
  }
  .u-ml9_sp {
    margin-left: 4.8vw !important;
  }
  .u-mr9_sp {
    margin-right: 4.8vw !important;
  }
  .u-mx9_sp {
    margin-inline: 4.8vw !important;
  }
  .u-my9_sp {
    margin-block: 4.8vw !important;
  }
  .u-pa9_sp {
    padding: 4.8vw !important;
  }
  .u-pt9_sp {
    padding-top: 4.8vw !important;
  }
  .u-pb9_sp {
    padding-bottom: 4.8vw !important;
  }
  .u-pl9_sp {
    padding-left: 4.8vw !important;
  }
  .u-pr9_sp {
    padding-right: 4.8vw !important;
  }
  .u-px9_sp {
    padding-inline: 4.8vw !important;
  }
  .u-py9_sp {
    padding-block: 4.8vw !important;
  }
  .u-ma10_sp {
    margin: 5.3333333333vw !important;
  }
  .u-mt10_sp {
    margin-top: 5.3333333333vw !important;
  }
  .u-mb10_sp {
    margin-bottom: 5.3333333333vw !important;
  }
  .u-ml10_sp {
    margin-left: 5.3333333333vw !important;
  }
  .u-mr10_sp {
    margin-right: 5.3333333333vw !important;
  }
  .u-mx10_sp {
    margin-inline: 5.3333333333vw !important;
  }
  .u-my10_sp {
    margin-block: 5.3333333333vw !important;
  }
  .u-pa10_sp {
    padding: 5.3333333333vw !important;
  }
  .u-pt10_sp {
    padding-top: 5.3333333333vw !important;
  }
  .u-pb10_sp {
    padding-bottom: 5.3333333333vw !important;
  }
  .u-pl10_sp {
    padding-left: 5.3333333333vw !important;
  }
  .u-pr10_sp {
    padding-right: 5.3333333333vw !important;
  }
  .u-px10_sp {
    padding-inline: 5.3333333333vw !important;
  }
  .u-py10_sp {
    padding-block: 5.3333333333vw !important;
  }
  .u-ma11_sp {
    margin: 5.8666666667vw !important;
  }
  .u-mt11_sp {
    margin-top: 5.8666666667vw !important;
  }
  .u-mb11_sp {
    margin-bottom: 5.8666666667vw !important;
  }
  .u-ml11_sp {
    margin-left: 5.8666666667vw !important;
  }
  .u-mr11_sp {
    margin-right: 5.8666666667vw !important;
  }
  .u-mx11_sp {
    margin-inline: 5.8666666667vw !important;
  }
  .u-my11_sp {
    margin-block: 5.8666666667vw !important;
  }
  .u-pa11_sp {
    padding: 5.8666666667vw !important;
  }
  .u-pt11_sp {
    padding-top: 5.8666666667vw !important;
  }
  .u-pb11_sp {
    padding-bottom: 5.8666666667vw !important;
  }
  .u-pl11_sp {
    padding-left: 5.8666666667vw !important;
  }
  .u-pr11_sp {
    padding-right: 5.8666666667vw !important;
  }
  .u-px11_sp {
    padding-inline: 5.8666666667vw !important;
  }
  .u-py11_sp {
    padding-block: 5.8666666667vw !important;
  }
  .u-ma12_sp {
    margin: 6.4vw !important;
  }
  .u-mt12_sp {
    margin-top: 6.4vw !important;
  }
  .u-mb12_sp {
    margin-bottom: 6.4vw !important;
  }
  .u-ml12_sp {
    margin-left: 6.4vw !important;
  }
  .u-mr12_sp {
    margin-right: 6.4vw !important;
  }
  .u-mx12_sp {
    margin-inline: 6.4vw !important;
  }
  .u-my12_sp {
    margin-block: 6.4vw !important;
  }
  .u-pa12_sp {
    padding: 6.4vw !important;
  }
  .u-pt12_sp {
    padding-top: 6.4vw !important;
  }
  .u-pb12_sp {
    padding-bottom: 6.4vw !important;
  }
  .u-pl12_sp {
    padding-left: 6.4vw !important;
  }
  .u-pr12_sp {
    padding-right: 6.4vw !important;
  }
  .u-px12_sp {
    padding-inline: 6.4vw !important;
  }
  .u-py12_sp {
    padding-block: 6.4vw !important;
  }
  .u-ma13_sp {
    margin: 6.9333333333vw !important;
  }
  .u-mt13_sp {
    margin-top: 6.9333333333vw !important;
  }
  .u-mb13_sp {
    margin-bottom: 6.9333333333vw !important;
  }
  .u-ml13_sp {
    margin-left: 6.9333333333vw !important;
  }
  .u-mr13_sp {
    margin-right: 6.9333333333vw !important;
  }
  .u-mx13_sp {
    margin-inline: 6.9333333333vw !important;
  }
  .u-my13_sp {
    margin-block: 6.9333333333vw !important;
  }
  .u-pa13_sp {
    padding: 6.9333333333vw !important;
  }
  .u-pt13_sp {
    padding-top: 6.9333333333vw !important;
  }
  .u-pb13_sp {
    padding-bottom: 6.9333333333vw !important;
  }
  .u-pl13_sp {
    padding-left: 6.9333333333vw !important;
  }
  .u-pr13_sp {
    padding-right: 6.9333333333vw !important;
  }
  .u-px13_sp {
    padding-inline: 6.9333333333vw !important;
  }
  .u-py13_sp {
    padding-block: 6.9333333333vw !important;
  }
  .u-ma14_sp {
    margin: 7.4666666667vw !important;
  }
  .u-mt14_sp {
    margin-top: 7.4666666667vw !important;
  }
  .u-mb14_sp {
    margin-bottom: 7.4666666667vw !important;
  }
  .u-ml14_sp {
    margin-left: 7.4666666667vw !important;
  }
  .u-mr14_sp {
    margin-right: 7.4666666667vw !important;
  }
  .u-mx14_sp {
    margin-inline: 7.4666666667vw !important;
  }
  .u-my14_sp {
    margin-block: 7.4666666667vw !important;
  }
  .u-pa14_sp {
    padding: 7.4666666667vw !important;
  }
  .u-pt14_sp {
    padding-top: 7.4666666667vw !important;
  }
  .u-pb14_sp {
    padding-bottom: 7.4666666667vw !important;
  }
  .u-pl14_sp {
    padding-left: 7.4666666667vw !important;
  }
  .u-pr14_sp {
    padding-right: 7.4666666667vw !important;
  }
  .u-px14_sp {
    padding-inline: 7.4666666667vw !important;
  }
  .u-py14_sp {
    padding-block: 7.4666666667vw !important;
  }
  .u-ma15_sp {
    margin: 8vw !important;
  }
  .u-mt15_sp {
    margin-top: 8vw !important;
  }
  .u-mb15_sp {
    margin-bottom: 8vw !important;
  }
  .u-ml15_sp {
    margin-left: 8vw !important;
  }
  .u-mr15_sp {
    margin-right: 8vw !important;
  }
  .u-mx15_sp {
    margin-inline: 8vw !important;
  }
  .u-my15_sp {
    margin-block: 8vw !important;
  }
  .u-pa15_sp {
    padding: 8vw !important;
  }
  .u-pt15_sp {
    padding-top: 8vw !important;
  }
  .u-pb15_sp {
    padding-bottom: 8vw !important;
  }
  .u-pl15_sp {
    padding-left: 8vw !important;
  }
  .u-pr15_sp {
    padding-right: 8vw !important;
  }
  .u-px15_sp {
    padding-inline: 8vw !important;
  }
  .u-py15_sp {
    padding-block: 8vw !important;
  }
  .u-ma16_sp {
    margin: 8.5333333333vw !important;
  }
  .u-mt16_sp {
    margin-top: 8.5333333333vw !important;
  }
  .u-mb16_sp {
    margin-bottom: 8.5333333333vw !important;
  }
  .u-ml16_sp {
    margin-left: 8.5333333333vw !important;
  }
  .u-mr16_sp {
    margin-right: 8.5333333333vw !important;
  }
  .u-mx16_sp {
    margin-inline: 8.5333333333vw !important;
  }
  .u-my16_sp {
    margin-block: 8.5333333333vw !important;
  }
  .u-pa16_sp {
    padding: 8.5333333333vw !important;
  }
  .u-pt16_sp {
    padding-top: 8.5333333333vw !important;
  }
  .u-pb16_sp {
    padding-bottom: 8.5333333333vw !important;
  }
  .u-pl16_sp {
    padding-left: 8.5333333333vw !important;
  }
  .u-pr16_sp {
    padding-right: 8.5333333333vw !important;
  }
  .u-px16_sp {
    padding-inline: 8.5333333333vw !important;
  }
  .u-py16_sp {
    padding-block: 8.5333333333vw !important;
  }
  .u-ma17_sp {
    margin: 9.0666666667vw !important;
  }
  .u-mt17_sp {
    margin-top: 9.0666666667vw !important;
  }
  .u-mb17_sp {
    margin-bottom: 9.0666666667vw !important;
  }
  .u-ml17_sp {
    margin-left: 9.0666666667vw !important;
  }
  .u-mr17_sp {
    margin-right: 9.0666666667vw !important;
  }
  .u-mx17_sp {
    margin-inline: 9.0666666667vw !important;
  }
  .u-my17_sp {
    margin-block: 9.0666666667vw !important;
  }
  .u-pa17_sp {
    padding: 9.0666666667vw !important;
  }
  .u-pt17_sp {
    padding-top: 9.0666666667vw !important;
  }
  .u-pb17_sp {
    padding-bottom: 9.0666666667vw !important;
  }
  .u-pl17_sp {
    padding-left: 9.0666666667vw !important;
  }
  .u-pr17_sp {
    padding-right: 9.0666666667vw !important;
  }
  .u-px17_sp {
    padding-inline: 9.0666666667vw !important;
  }
  .u-py17_sp {
    padding-block: 9.0666666667vw !important;
  }
  .u-ma18_sp {
    margin: 9.6vw !important;
  }
  .u-mt18_sp {
    margin-top: 9.6vw !important;
  }
  .u-mb18_sp {
    margin-bottom: 9.6vw !important;
  }
  .u-ml18_sp {
    margin-left: 9.6vw !important;
  }
  .u-mr18_sp {
    margin-right: 9.6vw !important;
  }
  .u-mx18_sp {
    margin-inline: 9.6vw !important;
  }
  .u-my18_sp {
    margin-block: 9.6vw !important;
  }
  .u-pa18_sp {
    padding: 9.6vw !important;
  }
  .u-pt18_sp {
    padding-top: 9.6vw !important;
  }
  .u-pb18_sp {
    padding-bottom: 9.6vw !important;
  }
  .u-pl18_sp {
    padding-left: 9.6vw !important;
  }
  .u-pr18_sp {
    padding-right: 9.6vw !important;
  }
  .u-px18_sp {
    padding-inline: 9.6vw !important;
  }
  .u-py18_sp {
    padding-block: 9.6vw !important;
  }
  .u-ma19_sp {
    margin: 10.1333333333vw !important;
  }
  .u-mt19_sp {
    margin-top: 10.1333333333vw !important;
  }
  .u-mb19_sp {
    margin-bottom: 10.1333333333vw !important;
  }
  .u-ml19_sp {
    margin-left: 10.1333333333vw !important;
  }
  .u-mr19_sp {
    margin-right: 10.1333333333vw !important;
  }
  .u-mx19_sp {
    margin-inline: 10.1333333333vw !important;
  }
  .u-my19_sp {
    margin-block: 10.1333333333vw !important;
  }
  .u-pa19_sp {
    padding: 10.1333333333vw !important;
  }
  .u-pt19_sp {
    padding-top: 10.1333333333vw !important;
  }
  .u-pb19_sp {
    padding-bottom: 10.1333333333vw !important;
  }
  .u-pl19_sp {
    padding-left: 10.1333333333vw !important;
  }
  .u-pr19_sp {
    padding-right: 10.1333333333vw !important;
  }
  .u-px19_sp {
    padding-inline: 10.1333333333vw !important;
  }
  .u-py19_sp {
    padding-block: 10.1333333333vw !important;
  }
  .u-ma20_sp {
    margin: 10.6666666667vw !important;
  }
  .u-mt20_sp {
    margin-top: 10.6666666667vw !important;
  }
  .u-mb20_sp {
    margin-bottom: 10.6666666667vw !important;
  }
  .u-ml20_sp {
    margin-left: 10.6666666667vw !important;
  }
  .u-mr20_sp {
    margin-right: 10.6666666667vw !important;
  }
  .u-mx20_sp {
    margin-inline: 10.6666666667vw !important;
  }
  .u-my20_sp {
    margin-block: 10.6666666667vw !important;
  }
  .u-pa20_sp {
    padding: 10.6666666667vw !important;
  }
  .u-pt20_sp {
    padding-top: 10.6666666667vw !important;
  }
  .u-pb20_sp {
    padding-bottom: 10.6666666667vw !important;
  }
  .u-pl20_sp {
    padding-left: 10.6666666667vw !important;
  }
  .u-pr20_sp {
    padding-right: 10.6666666667vw !important;
  }
  .u-px20_sp {
    padding-inline: 10.6666666667vw !important;
  }
  .u-py20_sp {
    padding-block: 10.6666666667vw !important;
  }
  .u-ma21_sp {
    margin: 11.2vw !important;
  }
  .u-mt21_sp {
    margin-top: 11.2vw !important;
  }
  .u-mb21_sp {
    margin-bottom: 11.2vw !important;
  }
  .u-ml21_sp {
    margin-left: 11.2vw !important;
  }
  .u-mr21_sp {
    margin-right: 11.2vw !important;
  }
  .u-mx21_sp {
    margin-inline: 11.2vw !important;
  }
  .u-my21_sp {
    margin-block: 11.2vw !important;
  }
  .u-pa21_sp {
    padding: 11.2vw !important;
  }
  .u-pt21_sp {
    padding-top: 11.2vw !important;
  }
  .u-pb21_sp {
    padding-bottom: 11.2vw !important;
  }
  .u-pl21_sp {
    padding-left: 11.2vw !important;
  }
  .u-pr21_sp {
    padding-right: 11.2vw !important;
  }
  .u-px21_sp {
    padding-inline: 11.2vw !important;
  }
  .u-py21_sp {
    padding-block: 11.2vw !important;
  }
  .u-ma22_sp {
    margin: 11.7333333333vw !important;
  }
  .u-mt22_sp {
    margin-top: 11.7333333333vw !important;
  }
  .u-mb22_sp {
    margin-bottom: 11.7333333333vw !important;
  }
  .u-ml22_sp {
    margin-left: 11.7333333333vw !important;
  }
  .u-mr22_sp {
    margin-right: 11.7333333333vw !important;
  }
  .u-mx22_sp {
    margin-inline: 11.7333333333vw !important;
  }
  .u-my22_sp {
    margin-block: 11.7333333333vw !important;
  }
  .u-pa22_sp {
    padding: 11.7333333333vw !important;
  }
  .u-pt22_sp {
    padding-top: 11.7333333333vw !important;
  }
  .u-pb22_sp {
    padding-bottom: 11.7333333333vw !important;
  }
  .u-pl22_sp {
    padding-left: 11.7333333333vw !important;
  }
  .u-pr22_sp {
    padding-right: 11.7333333333vw !important;
  }
  .u-px22_sp {
    padding-inline: 11.7333333333vw !important;
  }
  .u-py22_sp {
    padding-block: 11.7333333333vw !important;
  }
  .u-ma23_sp {
    margin: 12.2666666667vw !important;
  }
  .u-mt23_sp {
    margin-top: 12.2666666667vw !important;
  }
  .u-mb23_sp {
    margin-bottom: 12.2666666667vw !important;
  }
  .u-ml23_sp {
    margin-left: 12.2666666667vw !important;
  }
  .u-mr23_sp {
    margin-right: 12.2666666667vw !important;
  }
  .u-mx23_sp {
    margin-inline: 12.2666666667vw !important;
  }
  .u-my23_sp {
    margin-block: 12.2666666667vw !important;
  }
  .u-pa23_sp {
    padding: 12.2666666667vw !important;
  }
  .u-pt23_sp {
    padding-top: 12.2666666667vw !important;
  }
  .u-pb23_sp {
    padding-bottom: 12.2666666667vw !important;
  }
  .u-pl23_sp {
    padding-left: 12.2666666667vw !important;
  }
  .u-pr23_sp {
    padding-right: 12.2666666667vw !important;
  }
  .u-px23_sp {
    padding-inline: 12.2666666667vw !important;
  }
  .u-py23_sp {
    padding-block: 12.2666666667vw !important;
  }
  .u-ma24_sp {
    margin: 12.8vw !important;
  }
  .u-mt24_sp {
    margin-top: 12.8vw !important;
  }
  .u-mb24_sp {
    margin-bottom: 12.8vw !important;
  }
  .u-ml24_sp {
    margin-left: 12.8vw !important;
  }
  .u-mr24_sp {
    margin-right: 12.8vw !important;
  }
  .u-mx24_sp {
    margin-inline: 12.8vw !important;
  }
  .u-my24_sp {
    margin-block: 12.8vw !important;
  }
  .u-pa24_sp {
    padding: 12.8vw !important;
  }
  .u-pt24_sp {
    padding-top: 12.8vw !important;
  }
  .u-pb24_sp {
    padding-bottom: 12.8vw !important;
  }
  .u-pl24_sp {
    padding-left: 12.8vw !important;
  }
  .u-pr24_sp {
    padding-right: 12.8vw !important;
  }
  .u-px24_sp {
    padding-inline: 12.8vw !important;
  }
  .u-py24_sp {
    padding-block: 12.8vw !important;
  }
  .u-ma25_sp {
    margin: 13.3333333333vw !important;
  }
  .u-mt25_sp {
    margin-top: 13.3333333333vw !important;
  }
  .u-mb25_sp {
    margin-bottom: 13.3333333333vw !important;
  }
  .u-ml25_sp {
    margin-left: 13.3333333333vw !important;
  }
  .u-mr25_sp {
    margin-right: 13.3333333333vw !important;
  }
  .u-mx25_sp {
    margin-inline: 13.3333333333vw !important;
  }
  .u-my25_sp {
    margin-block: 13.3333333333vw !important;
  }
  .u-pa25_sp {
    padding: 13.3333333333vw !important;
  }
  .u-pt25_sp {
    padding-top: 13.3333333333vw !important;
  }
  .u-pb25_sp {
    padding-bottom: 13.3333333333vw !important;
  }
  .u-pl25_sp {
    padding-left: 13.3333333333vw !important;
  }
  .u-pr25_sp {
    padding-right: 13.3333333333vw !important;
  }
  .u-px25_sp {
    padding-inline: 13.3333333333vw !important;
  }
  .u-py25_sp {
    padding-block: 13.3333333333vw !important;
  }
  .u-ma26_sp {
    margin: 13.8666666667vw !important;
  }
  .u-mt26_sp {
    margin-top: 13.8666666667vw !important;
  }
  .u-mb26_sp {
    margin-bottom: 13.8666666667vw !important;
  }
  .u-ml26_sp {
    margin-left: 13.8666666667vw !important;
  }
  .u-mr26_sp {
    margin-right: 13.8666666667vw !important;
  }
  .u-mx26_sp {
    margin-inline: 13.8666666667vw !important;
  }
  .u-my26_sp {
    margin-block: 13.8666666667vw !important;
  }
  .u-pa26_sp {
    padding: 13.8666666667vw !important;
  }
  .u-pt26_sp {
    padding-top: 13.8666666667vw !important;
  }
  .u-pb26_sp {
    padding-bottom: 13.8666666667vw !important;
  }
  .u-pl26_sp {
    padding-left: 13.8666666667vw !important;
  }
  .u-pr26_sp {
    padding-right: 13.8666666667vw !important;
  }
  .u-px26_sp {
    padding-inline: 13.8666666667vw !important;
  }
  .u-py26_sp {
    padding-block: 13.8666666667vw !important;
  }
  .u-ma27_sp {
    margin: 14.4vw !important;
  }
  .u-mt27_sp {
    margin-top: 14.4vw !important;
  }
  .u-mb27_sp {
    margin-bottom: 14.4vw !important;
  }
  .u-ml27_sp {
    margin-left: 14.4vw !important;
  }
  .u-mr27_sp {
    margin-right: 14.4vw !important;
  }
  .u-mx27_sp {
    margin-inline: 14.4vw !important;
  }
  .u-my27_sp {
    margin-block: 14.4vw !important;
  }
  .u-pa27_sp {
    padding: 14.4vw !important;
  }
  .u-pt27_sp {
    padding-top: 14.4vw !important;
  }
  .u-pb27_sp {
    padding-bottom: 14.4vw !important;
  }
  .u-pl27_sp {
    padding-left: 14.4vw !important;
  }
  .u-pr27_sp {
    padding-right: 14.4vw !important;
  }
  .u-px27_sp {
    padding-inline: 14.4vw !important;
  }
  .u-py27_sp {
    padding-block: 14.4vw !important;
  }
  .u-ma28_sp {
    margin: 14.9333333333vw !important;
  }
  .u-mt28_sp {
    margin-top: 14.9333333333vw !important;
  }
  .u-mb28_sp {
    margin-bottom: 14.9333333333vw !important;
  }
  .u-ml28_sp {
    margin-left: 14.9333333333vw !important;
  }
  .u-mr28_sp {
    margin-right: 14.9333333333vw !important;
  }
  .u-mx28_sp {
    margin-inline: 14.9333333333vw !important;
  }
  .u-my28_sp {
    margin-block: 14.9333333333vw !important;
  }
  .u-pa28_sp {
    padding: 14.9333333333vw !important;
  }
  .u-pt28_sp {
    padding-top: 14.9333333333vw !important;
  }
  .u-pb28_sp {
    padding-bottom: 14.9333333333vw !important;
  }
  .u-pl28_sp {
    padding-left: 14.9333333333vw !important;
  }
  .u-pr28_sp {
    padding-right: 14.9333333333vw !important;
  }
  .u-px28_sp {
    padding-inline: 14.9333333333vw !important;
  }
  .u-py28_sp {
    padding-block: 14.9333333333vw !important;
  }
  .u-ma29_sp {
    margin: 15.4666666667vw !important;
  }
  .u-mt29_sp {
    margin-top: 15.4666666667vw !important;
  }
  .u-mb29_sp {
    margin-bottom: 15.4666666667vw !important;
  }
  .u-ml29_sp {
    margin-left: 15.4666666667vw !important;
  }
  .u-mr29_sp {
    margin-right: 15.4666666667vw !important;
  }
  .u-mx29_sp {
    margin-inline: 15.4666666667vw !important;
  }
  .u-my29_sp {
    margin-block: 15.4666666667vw !important;
  }
  .u-pa29_sp {
    padding: 15.4666666667vw !important;
  }
  .u-pt29_sp {
    padding-top: 15.4666666667vw !important;
  }
  .u-pb29_sp {
    padding-bottom: 15.4666666667vw !important;
  }
  .u-pl29_sp {
    padding-left: 15.4666666667vw !important;
  }
  .u-pr29_sp {
    padding-right: 15.4666666667vw !important;
  }
  .u-px29_sp {
    padding-inline: 15.4666666667vw !important;
  }
  .u-py29_sp {
    padding-block: 15.4666666667vw !important;
  }
  .u-ma30_sp {
    margin: 16vw !important;
  }
  .u-mt30_sp {
    margin-top: 16vw !important;
  }
  .u-mb30_sp {
    margin-bottom: 16vw !important;
  }
  .u-ml30_sp {
    margin-left: 16vw !important;
  }
  .u-mr30_sp {
    margin-right: 16vw !important;
  }
  .u-mx30_sp {
    margin-inline: 16vw !important;
  }
  .u-my30_sp {
    margin-block: 16vw !important;
  }
  .u-pa30_sp {
    padding: 16vw !important;
  }
  .u-pt30_sp {
    padding-top: 16vw !important;
  }
  .u-pb30_sp {
    padding-bottom: 16vw !important;
  }
  .u-pl30_sp {
    padding-left: 16vw !important;
  }
  .u-pr30_sp {
    padding-right: 16vw !important;
  }
  .u-px30_sp {
    padding-inline: 16vw !important;
  }
  .u-py30_sp {
    padding-block: 16vw !important;
  }
  .u-ma31_sp {
    margin: 16.5333333333vw !important;
  }
  .u-mt31_sp {
    margin-top: 16.5333333333vw !important;
  }
  .u-mb31_sp {
    margin-bottom: 16.5333333333vw !important;
  }
  .u-ml31_sp {
    margin-left: 16.5333333333vw !important;
  }
  .u-mr31_sp {
    margin-right: 16.5333333333vw !important;
  }
  .u-mx31_sp {
    margin-inline: 16.5333333333vw !important;
  }
  .u-my31_sp {
    margin-block: 16.5333333333vw !important;
  }
  .u-pa31_sp {
    padding: 16.5333333333vw !important;
  }
  .u-pt31_sp {
    padding-top: 16.5333333333vw !important;
  }
  .u-pb31_sp {
    padding-bottom: 16.5333333333vw !important;
  }
  .u-pl31_sp {
    padding-left: 16.5333333333vw !important;
  }
  .u-pr31_sp {
    padding-right: 16.5333333333vw !important;
  }
  .u-px31_sp {
    padding-inline: 16.5333333333vw !important;
  }
  .u-py31_sp {
    padding-block: 16.5333333333vw !important;
  }
  .u-ma32_sp {
    margin: 17.0666666667vw !important;
  }
  .u-mt32_sp {
    margin-top: 17.0666666667vw !important;
  }
  .u-mb32_sp {
    margin-bottom: 17.0666666667vw !important;
  }
  .u-ml32_sp {
    margin-left: 17.0666666667vw !important;
  }
  .u-mr32_sp {
    margin-right: 17.0666666667vw !important;
  }
  .u-mx32_sp {
    margin-inline: 17.0666666667vw !important;
  }
  .u-my32_sp {
    margin-block: 17.0666666667vw !important;
  }
  .u-pa32_sp {
    padding: 17.0666666667vw !important;
  }
  .u-pt32_sp {
    padding-top: 17.0666666667vw !important;
  }
  .u-pb32_sp {
    padding-bottom: 17.0666666667vw !important;
  }
  .u-pl32_sp {
    padding-left: 17.0666666667vw !important;
  }
  .u-pr32_sp {
    padding-right: 17.0666666667vw !important;
  }
  .u-px32_sp {
    padding-inline: 17.0666666667vw !important;
  }
  .u-py32_sp {
    padding-block: 17.0666666667vw !important;
  }
  .u-ma33_sp {
    margin: 17.6vw !important;
  }
  .u-mt33_sp {
    margin-top: 17.6vw !important;
  }
  .u-mb33_sp {
    margin-bottom: 17.6vw !important;
  }
  .u-ml33_sp {
    margin-left: 17.6vw !important;
  }
  .u-mr33_sp {
    margin-right: 17.6vw !important;
  }
  .u-mx33_sp {
    margin-inline: 17.6vw !important;
  }
  .u-my33_sp {
    margin-block: 17.6vw !important;
  }
  .u-pa33_sp {
    padding: 17.6vw !important;
  }
  .u-pt33_sp {
    padding-top: 17.6vw !important;
  }
  .u-pb33_sp {
    padding-bottom: 17.6vw !important;
  }
  .u-pl33_sp {
    padding-left: 17.6vw !important;
  }
  .u-pr33_sp {
    padding-right: 17.6vw !important;
  }
  .u-px33_sp {
    padding-inline: 17.6vw !important;
  }
  .u-py33_sp {
    padding-block: 17.6vw !important;
  }
  .u-ma34_sp {
    margin: 18.1333333333vw !important;
  }
  .u-mt34_sp {
    margin-top: 18.1333333333vw !important;
  }
  .u-mb34_sp {
    margin-bottom: 18.1333333333vw !important;
  }
  .u-ml34_sp {
    margin-left: 18.1333333333vw !important;
  }
  .u-mr34_sp {
    margin-right: 18.1333333333vw !important;
  }
  .u-mx34_sp {
    margin-inline: 18.1333333333vw !important;
  }
  .u-my34_sp {
    margin-block: 18.1333333333vw !important;
  }
  .u-pa34_sp {
    padding: 18.1333333333vw !important;
  }
  .u-pt34_sp {
    padding-top: 18.1333333333vw !important;
  }
  .u-pb34_sp {
    padding-bottom: 18.1333333333vw !important;
  }
  .u-pl34_sp {
    padding-left: 18.1333333333vw !important;
  }
  .u-pr34_sp {
    padding-right: 18.1333333333vw !important;
  }
  .u-px34_sp {
    padding-inline: 18.1333333333vw !important;
  }
  .u-py34_sp {
    padding-block: 18.1333333333vw !important;
  }
  .u-ma35_sp {
    margin: 18.6666666667vw !important;
  }
  .u-mt35_sp {
    margin-top: 18.6666666667vw !important;
  }
  .u-mb35_sp {
    margin-bottom: 18.6666666667vw !important;
  }
  .u-ml35_sp {
    margin-left: 18.6666666667vw !important;
  }
  .u-mr35_sp {
    margin-right: 18.6666666667vw !important;
  }
  .u-mx35_sp {
    margin-inline: 18.6666666667vw !important;
  }
  .u-my35_sp {
    margin-block: 18.6666666667vw !important;
  }
  .u-pa35_sp {
    padding: 18.6666666667vw !important;
  }
  .u-pt35_sp {
    padding-top: 18.6666666667vw !important;
  }
  .u-pb35_sp {
    padding-bottom: 18.6666666667vw !important;
  }
  .u-pl35_sp {
    padding-left: 18.6666666667vw !important;
  }
  .u-pr35_sp {
    padding-right: 18.6666666667vw !important;
  }
  .u-px35_sp {
    padding-inline: 18.6666666667vw !important;
  }
  .u-py35_sp {
    padding-block: 18.6666666667vw !important;
  }
  .u-ma36_sp {
    margin: 19.2vw !important;
  }
  .u-mt36_sp {
    margin-top: 19.2vw !important;
  }
  .u-mb36_sp {
    margin-bottom: 19.2vw !important;
  }
  .u-ml36_sp {
    margin-left: 19.2vw !important;
  }
  .u-mr36_sp {
    margin-right: 19.2vw !important;
  }
  .u-mx36_sp {
    margin-inline: 19.2vw !important;
  }
  .u-my36_sp {
    margin-block: 19.2vw !important;
  }
  .u-pa36_sp {
    padding: 19.2vw !important;
  }
  .u-pt36_sp {
    padding-top: 19.2vw !important;
  }
  .u-pb36_sp {
    padding-bottom: 19.2vw !important;
  }
  .u-pl36_sp {
    padding-left: 19.2vw !important;
  }
  .u-pr36_sp {
    padding-right: 19.2vw !important;
  }
  .u-px36_sp {
    padding-inline: 19.2vw !important;
  }
  .u-py36_sp {
    padding-block: 19.2vw !important;
  }
  .u-ma37_sp {
    margin: 19.7333333333vw !important;
  }
  .u-mt37_sp {
    margin-top: 19.7333333333vw !important;
  }
  .u-mb37_sp {
    margin-bottom: 19.7333333333vw !important;
  }
  .u-ml37_sp {
    margin-left: 19.7333333333vw !important;
  }
  .u-mr37_sp {
    margin-right: 19.7333333333vw !important;
  }
  .u-mx37_sp {
    margin-inline: 19.7333333333vw !important;
  }
  .u-my37_sp {
    margin-block: 19.7333333333vw !important;
  }
  .u-pa37_sp {
    padding: 19.7333333333vw !important;
  }
  .u-pt37_sp {
    padding-top: 19.7333333333vw !important;
  }
  .u-pb37_sp {
    padding-bottom: 19.7333333333vw !important;
  }
  .u-pl37_sp {
    padding-left: 19.7333333333vw !important;
  }
  .u-pr37_sp {
    padding-right: 19.7333333333vw !important;
  }
  .u-px37_sp {
    padding-inline: 19.7333333333vw !important;
  }
  .u-py37_sp {
    padding-block: 19.7333333333vw !important;
  }
  .u-ma38_sp {
    margin: 20.2666666667vw !important;
  }
  .u-mt38_sp {
    margin-top: 20.2666666667vw !important;
  }
  .u-mb38_sp {
    margin-bottom: 20.2666666667vw !important;
  }
  .u-ml38_sp {
    margin-left: 20.2666666667vw !important;
  }
  .u-mr38_sp {
    margin-right: 20.2666666667vw !important;
  }
  .u-mx38_sp {
    margin-inline: 20.2666666667vw !important;
  }
  .u-my38_sp {
    margin-block: 20.2666666667vw !important;
  }
  .u-pa38_sp {
    padding: 20.2666666667vw !important;
  }
  .u-pt38_sp {
    padding-top: 20.2666666667vw !important;
  }
  .u-pb38_sp {
    padding-bottom: 20.2666666667vw !important;
  }
  .u-pl38_sp {
    padding-left: 20.2666666667vw !important;
  }
  .u-pr38_sp {
    padding-right: 20.2666666667vw !important;
  }
  .u-px38_sp {
    padding-inline: 20.2666666667vw !important;
  }
  .u-py38_sp {
    padding-block: 20.2666666667vw !important;
  }
  .u-ma39_sp {
    margin: 20.8vw !important;
  }
  .u-mt39_sp {
    margin-top: 20.8vw !important;
  }
  .u-mb39_sp {
    margin-bottom: 20.8vw !important;
  }
  .u-ml39_sp {
    margin-left: 20.8vw !important;
  }
  .u-mr39_sp {
    margin-right: 20.8vw !important;
  }
  .u-mx39_sp {
    margin-inline: 20.8vw !important;
  }
  .u-my39_sp {
    margin-block: 20.8vw !important;
  }
  .u-pa39_sp {
    padding: 20.8vw !important;
  }
  .u-pt39_sp {
    padding-top: 20.8vw !important;
  }
  .u-pb39_sp {
    padding-bottom: 20.8vw !important;
  }
  .u-pl39_sp {
    padding-left: 20.8vw !important;
  }
  .u-pr39_sp {
    padding-right: 20.8vw !important;
  }
  .u-px39_sp {
    padding-inline: 20.8vw !important;
  }
  .u-py39_sp {
    padding-block: 20.8vw !important;
  }
  .u-ma40_sp {
    margin: 21.3333333333vw !important;
  }
  .u-mt40_sp {
    margin-top: 21.3333333333vw !important;
  }
  .u-mb40_sp {
    margin-bottom: 21.3333333333vw !important;
  }
  .u-ml40_sp {
    margin-left: 21.3333333333vw !important;
  }
  .u-mr40_sp {
    margin-right: 21.3333333333vw !important;
  }
  .u-mx40_sp {
    margin-inline: 21.3333333333vw !important;
  }
  .u-my40_sp {
    margin-block: 21.3333333333vw !important;
  }
  .u-pa40_sp {
    padding: 21.3333333333vw !important;
  }
  .u-pt40_sp {
    padding-top: 21.3333333333vw !important;
  }
  .u-pb40_sp {
    padding-bottom: 21.3333333333vw !important;
  }
  .u-pl40_sp {
    padding-left: 21.3333333333vw !important;
  }
  .u-pr40_sp {
    padding-right: 21.3333333333vw !important;
  }
  .u-px40_sp {
    padding-inline: 21.3333333333vw !important;
  }
  .u-py40_sp {
    padding-block: 21.3333333333vw !important;
  }
  .u-ma41_sp {
    margin: 21.8666666667vw !important;
  }
  .u-mt41_sp {
    margin-top: 21.8666666667vw !important;
  }
  .u-mb41_sp {
    margin-bottom: 21.8666666667vw !important;
  }
  .u-ml41_sp {
    margin-left: 21.8666666667vw !important;
  }
  .u-mr41_sp {
    margin-right: 21.8666666667vw !important;
  }
  .u-mx41_sp {
    margin-inline: 21.8666666667vw !important;
  }
  .u-my41_sp {
    margin-block: 21.8666666667vw !important;
  }
  .u-pa41_sp {
    padding: 21.8666666667vw !important;
  }
  .u-pt41_sp {
    padding-top: 21.8666666667vw !important;
  }
  .u-pb41_sp {
    padding-bottom: 21.8666666667vw !important;
  }
  .u-pl41_sp {
    padding-left: 21.8666666667vw !important;
  }
  .u-pr41_sp {
    padding-right: 21.8666666667vw !important;
  }
  .u-px41_sp {
    padding-inline: 21.8666666667vw !important;
  }
  .u-py41_sp {
    padding-block: 21.8666666667vw !important;
  }
  .u-ma42_sp {
    margin: 22.4vw !important;
  }
  .u-mt42_sp {
    margin-top: 22.4vw !important;
  }
  .u-mb42_sp {
    margin-bottom: 22.4vw !important;
  }
  .u-ml42_sp {
    margin-left: 22.4vw !important;
  }
  .u-mr42_sp {
    margin-right: 22.4vw !important;
  }
  .u-mx42_sp {
    margin-inline: 22.4vw !important;
  }
  .u-my42_sp {
    margin-block: 22.4vw !important;
  }
  .u-pa42_sp {
    padding: 22.4vw !important;
  }
  .u-pt42_sp {
    padding-top: 22.4vw !important;
  }
  .u-pb42_sp {
    padding-bottom: 22.4vw !important;
  }
  .u-pl42_sp {
    padding-left: 22.4vw !important;
  }
  .u-pr42_sp {
    padding-right: 22.4vw !important;
  }
  .u-px42_sp {
    padding-inline: 22.4vw !important;
  }
  .u-py42_sp {
    padding-block: 22.4vw !important;
  }
  .u-ma43_sp {
    margin: 22.9333333333vw !important;
  }
  .u-mt43_sp {
    margin-top: 22.9333333333vw !important;
  }
  .u-mb43_sp {
    margin-bottom: 22.9333333333vw !important;
  }
  .u-ml43_sp {
    margin-left: 22.9333333333vw !important;
  }
  .u-mr43_sp {
    margin-right: 22.9333333333vw !important;
  }
  .u-mx43_sp {
    margin-inline: 22.9333333333vw !important;
  }
  .u-my43_sp {
    margin-block: 22.9333333333vw !important;
  }
  .u-pa43_sp {
    padding: 22.9333333333vw !important;
  }
  .u-pt43_sp {
    padding-top: 22.9333333333vw !important;
  }
  .u-pb43_sp {
    padding-bottom: 22.9333333333vw !important;
  }
  .u-pl43_sp {
    padding-left: 22.9333333333vw !important;
  }
  .u-pr43_sp {
    padding-right: 22.9333333333vw !important;
  }
  .u-px43_sp {
    padding-inline: 22.9333333333vw !important;
  }
  .u-py43_sp {
    padding-block: 22.9333333333vw !important;
  }
  .u-ma44_sp {
    margin: 23.4666666667vw !important;
  }
  .u-mt44_sp {
    margin-top: 23.4666666667vw !important;
  }
  .u-mb44_sp {
    margin-bottom: 23.4666666667vw !important;
  }
  .u-ml44_sp {
    margin-left: 23.4666666667vw !important;
  }
  .u-mr44_sp {
    margin-right: 23.4666666667vw !important;
  }
  .u-mx44_sp {
    margin-inline: 23.4666666667vw !important;
  }
  .u-my44_sp {
    margin-block: 23.4666666667vw !important;
  }
  .u-pa44_sp {
    padding: 23.4666666667vw !important;
  }
  .u-pt44_sp {
    padding-top: 23.4666666667vw !important;
  }
  .u-pb44_sp {
    padding-bottom: 23.4666666667vw !important;
  }
  .u-pl44_sp {
    padding-left: 23.4666666667vw !important;
  }
  .u-pr44_sp {
    padding-right: 23.4666666667vw !important;
  }
  .u-px44_sp {
    padding-inline: 23.4666666667vw !important;
  }
  .u-py44_sp {
    padding-block: 23.4666666667vw !important;
  }
  .u-ma45_sp {
    margin: 24vw !important;
  }
  .u-mt45_sp {
    margin-top: 24vw !important;
  }
  .u-mb45_sp {
    margin-bottom: 24vw !important;
  }
  .u-ml45_sp {
    margin-left: 24vw !important;
  }
  .u-mr45_sp {
    margin-right: 24vw !important;
  }
  .u-mx45_sp {
    margin-inline: 24vw !important;
  }
  .u-my45_sp {
    margin-block: 24vw !important;
  }
  .u-pa45_sp {
    padding: 24vw !important;
  }
  .u-pt45_sp {
    padding-top: 24vw !important;
  }
  .u-pb45_sp {
    padding-bottom: 24vw !important;
  }
  .u-pl45_sp {
    padding-left: 24vw !important;
  }
  .u-pr45_sp {
    padding-right: 24vw !important;
  }
  .u-px45_sp {
    padding-inline: 24vw !important;
  }
  .u-py45_sp {
    padding-block: 24vw !important;
  }
  .u-ma46_sp {
    margin: 24.5333333333vw !important;
  }
  .u-mt46_sp {
    margin-top: 24.5333333333vw !important;
  }
  .u-mb46_sp {
    margin-bottom: 24.5333333333vw !important;
  }
  .u-ml46_sp {
    margin-left: 24.5333333333vw !important;
  }
  .u-mr46_sp {
    margin-right: 24.5333333333vw !important;
  }
  .u-mx46_sp {
    margin-inline: 24.5333333333vw !important;
  }
  .u-my46_sp {
    margin-block: 24.5333333333vw !important;
  }
  .u-pa46_sp {
    padding: 24.5333333333vw !important;
  }
  .u-pt46_sp {
    padding-top: 24.5333333333vw !important;
  }
  .u-pb46_sp {
    padding-bottom: 24.5333333333vw !important;
  }
  .u-pl46_sp {
    padding-left: 24.5333333333vw !important;
  }
  .u-pr46_sp {
    padding-right: 24.5333333333vw !important;
  }
  .u-px46_sp {
    padding-inline: 24.5333333333vw !important;
  }
  .u-py46_sp {
    padding-block: 24.5333333333vw !important;
  }
  .u-ma47_sp {
    margin: 25.0666666667vw !important;
  }
  .u-mt47_sp {
    margin-top: 25.0666666667vw !important;
  }
  .u-mb47_sp {
    margin-bottom: 25.0666666667vw !important;
  }
  .u-ml47_sp {
    margin-left: 25.0666666667vw !important;
  }
  .u-mr47_sp {
    margin-right: 25.0666666667vw !important;
  }
  .u-mx47_sp {
    margin-inline: 25.0666666667vw !important;
  }
  .u-my47_sp {
    margin-block: 25.0666666667vw !important;
  }
  .u-pa47_sp {
    padding: 25.0666666667vw !important;
  }
  .u-pt47_sp {
    padding-top: 25.0666666667vw !important;
  }
  .u-pb47_sp {
    padding-bottom: 25.0666666667vw !important;
  }
  .u-pl47_sp {
    padding-left: 25.0666666667vw !important;
  }
  .u-pr47_sp {
    padding-right: 25.0666666667vw !important;
  }
  .u-px47_sp {
    padding-inline: 25.0666666667vw !important;
  }
  .u-py47_sp {
    padding-block: 25.0666666667vw !important;
  }
  .u-ma48_sp {
    margin: 25.6vw !important;
  }
  .u-mt48_sp {
    margin-top: 25.6vw !important;
  }
  .u-mb48_sp {
    margin-bottom: 25.6vw !important;
  }
  .u-ml48_sp {
    margin-left: 25.6vw !important;
  }
  .u-mr48_sp {
    margin-right: 25.6vw !important;
  }
  .u-mx48_sp {
    margin-inline: 25.6vw !important;
  }
  .u-my48_sp {
    margin-block: 25.6vw !important;
  }
  .u-pa48_sp {
    padding: 25.6vw !important;
  }
  .u-pt48_sp {
    padding-top: 25.6vw !important;
  }
  .u-pb48_sp {
    padding-bottom: 25.6vw !important;
  }
  .u-pl48_sp {
    padding-left: 25.6vw !important;
  }
  .u-pr48_sp {
    padding-right: 25.6vw !important;
  }
  .u-px48_sp {
    padding-inline: 25.6vw !important;
  }
  .u-py48_sp {
    padding-block: 25.6vw !important;
  }
  .u-ma49_sp {
    margin: 26.1333333333vw !important;
  }
  .u-mt49_sp {
    margin-top: 26.1333333333vw !important;
  }
  .u-mb49_sp {
    margin-bottom: 26.1333333333vw !important;
  }
  .u-ml49_sp {
    margin-left: 26.1333333333vw !important;
  }
  .u-mr49_sp {
    margin-right: 26.1333333333vw !important;
  }
  .u-mx49_sp {
    margin-inline: 26.1333333333vw !important;
  }
  .u-my49_sp {
    margin-block: 26.1333333333vw !important;
  }
  .u-pa49_sp {
    padding: 26.1333333333vw !important;
  }
  .u-pt49_sp {
    padding-top: 26.1333333333vw !important;
  }
  .u-pb49_sp {
    padding-bottom: 26.1333333333vw !important;
  }
  .u-pl49_sp {
    padding-left: 26.1333333333vw !important;
  }
  .u-pr49_sp {
    padding-right: 26.1333333333vw !important;
  }
  .u-px49_sp {
    padding-inline: 26.1333333333vw !important;
  }
  .u-py49_sp {
    padding-block: 26.1333333333vw !important;
  }
  .u-ma50_sp {
    margin: 26.6666666667vw !important;
  }
  .u-mt50_sp {
    margin-top: 26.6666666667vw !important;
  }
  .u-mb50_sp {
    margin-bottom: 26.6666666667vw !important;
  }
  .u-ml50_sp {
    margin-left: 26.6666666667vw !important;
  }
  .u-mr50_sp {
    margin-right: 26.6666666667vw !important;
  }
  .u-mx50_sp {
    margin-inline: 26.6666666667vw !important;
  }
  .u-my50_sp {
    margin-block: 26.6666666667vw !important;
  }
  .u-pa50_sp {
    padding: 26.6666666667vw !important;
  }
  .u-pt50_sp {
    padding-top: 26.6666666667vw !important;
  }
  .u-pb50_sp {
    padding-bottom: 26.6666666667vw !important;
  }
  .u-pl50_sp {
    padding-left: 26.6666666667vw !important;
  }
  .u-pr50_sp {
    padding-right: 26.6666666667vw !important;
  }
  .u-px50_sp {
    padding-inline: 26.6666666667vw !important;
  }
  .u-py50_sp {
    padding-block: 26.6666666667vw !important;
  }
}

/*# sourceMappingURL=style.css.map */