@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Oswald:wght@700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");


.applay_corporate{
  position: relative;
  text-align: center;
}

.applay_corporate a{
  text-decoration: underline;
  font-weight: bold;
}

:root {
  --white: #fff;
  --white2: #f8f8f8;
  --black: #222;
  --black2: #333;
  --gray: #444;
  --gray2: #cccccc;
  --pink: #ff2e93;
  --green: #09a569;
  --lightGreen: #e5f4ef;
  --lightGreen2: #cbf2e4;
  --yellow: #ffe600;
  --yellow2: #bb9b08;
  --red: #ff4b37;
  --btnGreenGradient: linear-gradient(99.64deg, #09a569 0%, #078c59 100%);
  --letter-spacing: 0;
}
@keyframes arrowAnimation {
  0% {
    transform: translateX(0) rotate(-90deg);
  }
  50% {
    transform: translateX(4px) rotate(-90deg);
  }
  100% {
    transform: translateX(0) rotate(-90deg);
  }
}
@keyframes arrowAnimationRight {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes arrowAnimationLeft {
  0% {
    transform: translateX(0) rotate(90deg);
  }
  50% {
    transform: translateX(-4px) rotate(90deg);
  }
  100% {
    transform: translateX(0) rotate(90deg);
  }
}
@keyframes arrowAnimationDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes arrowAnimationUp {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes textBtnHover {
  0% {
    background-position: right bottom;
    background-size: 100% 2px;
  }
  50% {
    background-position: right bottom;
    background-size: 0 2px;
  }
  52% {
    background-position: left bottom;
    background-size: 0 2px;
  }
  100% {
    background-position: left bottom;
    background-size: 100% 2px;
  }
}
@keyframes textBtnHoverInline {
  0% {
    background-position: right bottom;
    background-size: 100% 1px;
  }
  50% {
    background-position: right bottom;
    background-size: 0 1px;
  }
  52% {
    background-position: left bottom;
    background-size: 0 1px;
  }
  100% {
    background-position: left bottom;
    background-size: 100% 1px;
  }
}
/**
 * メディアクエリを呼び出すmixin
 * @param {String} $breakpoint - $breakpointsマップのキー
 */
/**
 * transitionプロパティのmixin
 * @param {String} $val... - transitionの値。引数がなければデフォルト値が入る
 */
/**
 * アスペクト比を保持するmixin（旧ブラウザ対応が必要な場合のみ使用）
 *
 * 通常はCSSの`aspect-ratio`プロパティを直接使用してください。
 * このmixinは、iOS 14やIEなど、`aspect-ratio`未対応ブラウザのサポートが
 * 必須のプロジェクトでのみ使用します
 *
 * @param {Number} $width - 横幅の比率
 * @param {Number} $height - 高さの比率
 */
/**
 * remとpxのフォールバック付きでフォントサイズを指定するmixin
 * Note: html { font-size: 62.5%; } の設定が前提 (1rem = 10px)
 * @param {Number} $size - px単位のフォントサイズ
 */
/**
 * 2色のグラデーションを生成するmixin
 * @param {Color} $start-color - 開始色
 * @param {Color} $end-color - 終了色
 * @param {String} $orientation - vertical | horizontal | radial
 */
/* reset css
==============================================================*/
body,
h1, h2, h3, h4, h5, h6,
p, ol, ul, dl, dt, dd, form,
figure {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
strong {
  font-weight: normal;
}
table, td, th, tr, thead, tbody {
  border: none;
}
table th {
  text-align: left;
  font-weight: normal;
}
table {
  border-collapse: collapse;
}
ul, ol {
  list-style: none;
}
a {
  text-decoration: none;
}
a img {
  border: none;
}
img {
  vertical-align: bottom;
}
textarea {
  font-size: 1em;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  box-shadow: none;
}
select {
  font-size: 1em;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}
select::-ms-expand {
  display: none;
}
header, footer, section, nav, main,
figure, figcaption, time, small {
  display: block;
}
input[type=submit], input[type=image] {
  border: none;
  padding: 0;
}
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password] {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}
button {
  border: none;
  margin: 0;
  cursor: pointer;
}
input[type=submit], input[type=image], input[type=reset] {
  cursor: pointer;
}
address {
  font-style: normal;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
}
input::placeholder,
textarea::placeholder {
  color: #999;
}
* {
  box-sizing: border-box;
  letter-spacing: var(--letter-spacing);
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 150px;
}
body {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  color: #fff;
  word-break: break-all;
  background: var(--black);
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.scrollLock {
  overflow: hidden;
}
a {
  color: var(--blue);
}
@media screen and (min-width: 769px) {
  a {
    transition: all 0.3s ease-out;
  }
}
.main {
  padding-top: 136px;
}
@media screen and (max-width: 1000px) {
  .main {
    padding-top: 73px;
  }
}
.pageWrapper {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .pageWrapper {
    padding: 110px 0 0;
  }
}
.header {
  position: relative;
}
.header#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.3s ease-out;
}
.header__top {
  border-bottom: 1px solid #444;
  background: var(--black);
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 769px) {
  .header__top {
    padding: 16px 80px;
  }
}
@media screen and (max-width: 1200px) {
  .header__top {
    padding: 16px 40px;
  }
}
@media screen and (max-width: 1000px) {
  .header__top {
    padding: 12px 16px;
  }
}
.header__top__inner {
  max-width: 1280px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.header .left {
  display: flex;
  align-items: center;
  gap: 32px;
}
.header .left__logo a {
  display: block;
  aspect-ratio: 229/40;
  max-width: 229px;
}
@media screen and (max-width: 1000px) {
  .header .left__logo a {
    max-width: 160px;
  }
}
.header .left__logo a img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.header .left__logo span {
  font-size: 0;
  display: none;
}
.header .left__catchcopy {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.25;
  font-weight: 900;
  color: var(--white);
}
@media screen and (max-width: 1425px) {
  .header .left__catchcopy {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .header .left__catchcopy {
    display: none;
  }
}
.header .right {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 1000px) {
  .header .right {
    gap: 8px;
  }
}
@media screen and (max-width: 1060px) {
  .header .right__phone {
    display: none;
  }
}
.header .right__phone a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header .right__phone a img {
  aspect-ratio: 39/22;
  object-fit: contain;
  max-width: 39px;
  width: 100%;
  height: auto;
}
.header .right__phone a span {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  font-family: "Barlow", sans-serif;
  line-height: 1;
}
.header .right__btn {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.header .right__btn .modBtn {
  width: 140px;
  flex-shrink: 0;
  min-height: 48px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .header .right__btn .modBtn {
    width: 100px;
  }
  .header .right__btn .modBtn:not(.modBtn--pink) {
    display: none;
  }
}
.header .right__hamBurger {
  display: none;
}
@media screen and (max-width: 1000px) {
  .header .right__hamBurger {
    width: 48px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 4px;
    background: var(--green);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease-out;
  }
  .header .right__hamBurger span {
    width: 16px;
    height: 2px;
    background: var(--white);
    display: block;
    position: relative;
    transition: all 0.3s ease-out;
  }
  .header .right__hamBurger span::before, .header .right__hamBurger span::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background: var(--white);
    position: absolute;
    transition: all 0.3s ease-out;
  }
  .header .right__hamBurger span::before {
    top: -5px;
  }
  .header .right__hamBurger span::after {
    bottom: -5px;
  }
  .header .right__hamBurger.is-active {
    background: var(--gray);
  }
  .header .right__hamBurger.is-active span {
    background: transparent;
  }
  .header .right__hamBurger.is-active span::before {
    transform: rotate(45deg);
    top: 0;
  }
  .header .right__hamBurger.is-active span::after {
    transform: rotate(-45deg);
    bottom: 0;
  }
}
.header__globalNav {
  background: var(--black);
  border-bottom: 1px solid #444;
  transition: all 0.3s ease-out;
  position: absolute;
  z-index: 1;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .header__globalNav {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100dvh;
    background: var(--black);
    z-index: 1000;
    margin-top: 72px;
    z-index: -1;
  }
}
.header__globalNav::after {
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.header__globalNav__list {
  display: flex;
  padding-inline: 80px;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .header__globalNav__list {
    max-width: 1440px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 1200px) {
  .header__globalNav__list {
    padding-inline: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list {
    flex-direction: column;
    padding: 0;
    max-height: calc(100dvh - 72px);
    overflow: auto;
  }
}
.header__globalNav__list .listItem {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease-out;
  padding: 12px 0;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem {
    padding: 0;
  }
}
.header__globalNav__list .listItem:first-child .listItem__link {
  border-left: 1px solid #444;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem:first-child .listItem__link {
    border-left: none;
  }
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem {
    border-right: none;
    border-bottom: 1px solid #444;
    flex: unset;
  }
}
@media screen and (min-width: 769px) {
  .header__globalNav__list .listItem.is-active {
    background: var(--white);
    color: var(--black);
  }
  .header__globalNav__list .listItem.is-active .listItem__link {
    border-right: none;
  }
  .header__globalNav__list .listItem.is-active .arrow {
    background: var(--black);
    transform: rotate(180deg);
  }
}
.header__globalNav__list .listItem__link {
  display: flex;
  padding-inline: 20px;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  gap: 16px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-right: 1px solid #444;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem__link {
    padding-inline: 0;
    justify-content: flex-start;
    padding: 24px;
    border-right: none;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .header__globalNav__list .listItem__link span {
    flex: 1;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header__globalNav__list .listItem__link span::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: var(--green);
    mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7%204L13%2010L7%2016%22%20stroke%3D%22%2309A569%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22/%3E%3C/svg%3E");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
  }
}
.header__globalNav__list .listItem__link .arrow {
  width: 12px;
  height: 6px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem__link .arrow {
    display: none;
  }
}
.header__globalNav__list .listItem .subNav {
  position: absolute;
  width: 100%;
  max-width: 1280px;
  padding-inline: 80px;
  top: 100%;
  left: 50%;
  background: var(--white);
  padding: 40px;
  color: var(--black);
  display: flex;
  gap: 24px;
  opacity: 0;
  display: none;
  transform: translateX(-50%);
  border-radius: 0 0 8px 8px;
  transition: opacity 0.4s ease-in-out, display 0s 0.4s allow-discrete;
}
@media screen and (min-width: 769px) {
  .header__globalNav__list .listItem .subNav {
    max-height: calc(100vh - 145px);
    overflow: auto;
  }
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav {
    position: absolute;
    width: 100%;
    max-height: calc(100dvh - 72px);
    height: 100%;
    top: 0;
    left: 100%;
    z-index: 3;
    opacity: 1;
    visibility: visible;
    padding: 0 0 24px 0;
    background: var(--black);
    color: var(--white);
    flex-direction: column;
    overflow: auto;
    gap: 0;
    transform: none;
  }
  .header__globalNav__list .listItem .subNav.is-active {
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .header__globalNav__list .listItem .subNav:not(:has(.subNav__item:nth-child(4))) .subNav__item__list .subNavItem:nth-child(-n+5) a {
    padding-top: 0;
  }
}
.header__globalNav__list .listItem .subNav:has(.subNav__item:nth-child(4)) .subNav__item__list {
  display: block;
}
.header__globalNav__list .listItem .subNav:has(.subNav__item:nth-child(4)) .subNav__item__list .subNavItem {
  width: auto;
  flex: none;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav:has(.subNav__item:nth-child(4)) .subNav__item__list {
    display: none;
  }
}
.header__globalNav__list .listItem .subNav__spTitle {
  display: none;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__spTitle {
    padding: 24px;
    display: block;
    border-bottom: 1.5px solid var(--gray);
    position: relative;
    font-weight: 700;
    line-height: 1.25;
  }
}
.header__globalNav__list .listItem .subNav__spClose {
  display: none;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__spClose {
    display: block;
    padding: 24px;
    border-bottom: 1.5px solid var(--gray);
    position: relative;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--gray2);
    color: var(--black2);
  }
}
.header__globalNav__list .listItem .subNav__spClose::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: var(--black2);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13%204L7%2010L13%2016%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22/%3E%3C/svg%3E");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
}
.header__globalNav__list .listItem .subNav__item {
  text-align: left;
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item {
    flex: unset;
  }
}
.header__globalNav__list .listItem .subNav__item__title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-bottom: 2px solid var(--green);
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item__title {
    padding: 24px;
    margin-bottom: 0;
    border-bottom: 1.5px solid var(--gray);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .header__globalNav__list .listItem .subNav__item__title .accordionIcon {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: relative;
  }
  .header__globalNav__list .listItem .subNav__item__title .accordionIcon::before {
    content: "";
    width: 14px;
    height: 3px;
    background: var(--white);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-out;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .header__globalNav__list .listItem .subNav__item__title .accordionIcon::before {
    width: 16px;
    height: 2.67px;
  }
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item__title .accordionIcon::after {
    content: "";
    width: 14px;
    height: 3px;
    background: var(--white);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    transition: all 0.3s ease-out;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .header__globalNav__list .listItem .subNav__item__title .accordionIcon::after {
    width: 16px;
    height: 2.67px;
  }
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item__title.is-active .accordionIcon::before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .header__globalNav__list .listItem .subNav__item__title.is-active .accordionIcon::after {
    transform: translate(-50%, -50%) rotate(180deg);
  }
}
.header__globalNav__list .listItem .subNav__item__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item__list {
    flex-direction: column;
    background: #111;
    display: none;
  }
}
.header__globalNav__list .listItem .subNav__item__list .subNavItem {
  border-bottom: 1px solid var(--gray2);
  gap: 20px;
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item__list .subNavItem {
    flex: unset;
  }
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item__list .subNavItem {
    border-bottom: 1.5px solid var(--gray);
  }
}
.header__globalNav__list .listItem .subNav__item__list .subNavItem a {
  padding: 12px 0;
  justify-content: flex-start;
  flex: 1;
  transition: all 0.3s ease-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item__list .subNavItem a {
    padding: 24px !important;
  }
}
.header__globalNav__list .listItem .subNav__item__list .subNavItem a::after {
  content: "";
  display: block;
  width: 12px;
  height: 6px;
  background: var(--green);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
  transition: all 0.3s ease-out;
}
.header__globalNav__list .listItem .subNav__item__list .subNavItem:hover a::after {
  animation: arrowAnimation 0.6s ease-out;
}
.header__globalNav__list .listItem .subNav__item__list:has(:nth-child(5)) .subNavItem {
  width: calc((100% - 96px) / 5);
  flex: none;
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item__list:has(:nth-child(5)) .subNavItem {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item.is-single .subNav__item__title {
    pointer-events: none;
  }
  .header__globalNav__list .listItem .subNav__item.is-single .subNav__item__title .accordionIcon {
    display: none;
  }
  .header__globalNav__list .listItem .subNav__item.is-single .subNav__item__list {
    display: block !important;
  }
}
@media screen and (max-width: 1000px) {
  .header__globalNav__list .listItem .subNav__item:not(:has(.subNav__item__title)) .subNav__item__list {
    display: block !important;
  }
}
.header__globalNav__list .listItem .subNav.is-active {
  opacity: 1;
  display: flex;
}
.header__globalNav__list .listItem--btn {
  padding: 24px 16px 72px;
  gap: 8px;
  border: none;
}
@media screen and (min-width: 769px) {
  .header__globalNav__list .listItem--btn {
    display: none;
  }
}
.header__globalNav__list .listItem--btn .modBtn {
  min-height: 48px;
  font-size: 16px;
  font-size: 1.6rem;
}
.header__globalNav.is-hidden {
  transform: translateY(-100%);
  pointer-events: none;
  width: 100%;
}
.header__globalNav.is-subNavActive::after {
  opacity: 1;
  visibility: visible;
}
.header.is-spActive {
  z-index: 10001 !important;
}
.header.is-spActive .header__globalNav {
  left: 0;
}
.footer {
  background: #111;
}
.footer__inner {
  max-width: 1440px;
  margin-inline: auto;
  padding: 32px 80px 40px;
}
@media screen and (max-width: 1200px) {
  .footer__inner {
    padding: 32px 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .footer__inner {
    padding: 40px 12px 24px;
  }
}
.footer__logo {
  margin-bottom: 56px;
  aspect-ratio: 280/49;
  max-width: 280px;
}
@media screen and (max-width: 1000px) {
  .footer__logo {
    margin-inline: auto;
  }
}
.footer__logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.footer__link {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .footer__link {
    gap: 12px;
  }
}
@media screen and (max-width: 768px) {
  .footer__link {
    gap: 16px;
  }
}
.footer__link__item {
  width: calc((100% - 80px) / 6);
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .footer__link__item {
    width: calc((100% - 24px) / 3);
  }
}
@media screen and (max-width: 768px) {
  .footer__link__item {
    width: calc((100% - 16px) / 2);
  }
}
.footer__link__item a {
  padding-bottom: 16px;
  border-bottom: 1px solid #333;
  padding-inline: 4px;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.footer__link__item a::after {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: rotate(-90deg);
}
.footer__link__item a:hover::after {
  animation: arrowAnimation 0.6s ease-out;
}
.footer__comapny {
  margin-block: 40px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .footer__comapny {
    gap: 12px;
  }
}
@media screen and (max-width: 768px) {
  .footer__comapny {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }
}
.footer__comapny__item {
  height: 40px;
}
.footer__comapny__item > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.footer__comapny__item > a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__text {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  .footer__text {
    flex-direction: column;
    gap: 20px;
  }
}
.footer__text__paragraph {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
  max-width: 670px;
}
@media screen and (max-width: 1000px) {
  .footer__text__paragraph {
    max-width: 100%;
  }
}
.footer__text__copyright {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #888;
  text-align: right;
}
@media screen and (max-width: 1000px) {
  .footer__text__copyright {
    text-align: center;
  }
}
/* テキスト
========================================================*/
@media screen and (min-width: 769px) {
  .modBpPc {
    display: inherit;
  }
}
@media screen and (max-width: 768px) {
  .modBpPc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .modBpSp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .modBpSp {
    display: inherit;
  }
}
.modTabContent {
  position: relative;
  display: grid;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modTabContent {
    margin-inline: -16px;
  }
}
.modTabContent__item {
  color: var(--black);
  grid-area: 1/1;
  filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.16));
  pointer-events: none;
  overflow: hidden;
}
.modTabContent__item.is-active {
  z-index: 1;
}
.modTabContent__item.is-active .modTabContent__item__content {
  opacity: 1;
  visibility: visible;
  display: block;
}
.modTabContent__item:not(.is-active) {
  margin-top: -8px;
  position: relative;
}
.modTabContent__item:not(.is-active)::after {
  content: "";
  display: block;
  width: 50%;
  height: 50px;
  background: var(--white2);
  position: absolute;
  top: 59px;
  left: 0;
  z-index: -2;
}
@media screen and (max-width: 768px) {
  .modTabContent__item:not(.is-active)::after {
    top: 39px;
  }
}
.modTabContent__item:not(.is-active) .modTabContent__item__tab {
  color: var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.modTabContent__item:not(.is-active) .modTabContent__item__tab::after {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  color: var(--green);
  mask-image: url("data:image/svg+xml;utf8,<svg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M19.6663 1.05497L10.3663 10.455L1.06632 1.05497' stroke='%2309A569' stroke-width='3' stroke-miterlimit='10'/></svg>");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background: var(--green);
}
@media screen and (max-width: 768px) {
  .modTabContent__item:not(.is-active) .modTabContent__item__tab::after {
    width: 12px;
    height: 6px;
  }
}
.modTabContent__item__tab {
  background: var(--white2);
  padding: 22px;
  border-radius: 8px 8px 0 0;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  width: calc(50% + 20px);
  cursor: pointer;
  line-height: 1;
  pointer-events: auto;
  display: block;
  clip-path: polygon(100% 99.492%, 0% 99.492%, 0% 12.698%, 0% 12.698%, 0.016% 10.638%, 0.062% 8.684%, 0.135% 6.862%, 0.234% 5.198%, 0.355% 3.718%, 0.496% 2.449%, 0.655% 1.417%, 0.829% 0.647%, 1.015% 0.166%, 1.212% 0%, 92.876% 0%, 92.876% 0%, 93.174% 0.192%, 93.462% 0.754%, 93.74% 1.668%, 94.003% 2.914%, 94.25% 4.474%, 94.477% 6.329%, 94.682% 8.46%, 94.863% 10.847%, 95.016% 13.473%, 95.139% 16.317%, 97.734% 87.26%, 97.734% 87.26%, 97.827% 89.393%, 97.942% 91.361%, 98.078% 93.151%, 98.232% 94.748%, 98.402% 96.139%, 98.587% 97.308%, 98.784% 98.242%, 98.992% 98.927%, 99.209% 99.348%, 99.432% 99.492%, 100% 99.492%);
}
@media screen and (max-width: 768px) {
  .modTabContent__item__tab {
    clip-path: polygon(99.626% 100%, 0% 100%, 0% 100%, 0.313% 99.871%, 0.611% 99.5%, 0.888% 98.905%, 1.141% 98.108%, 1.366% 97.128%, 1.559% 95.985%, 1.717% 94.7%, 1.834% 93.293%, 1.907% 91.784%, 1.932% 90.194%, 1.932% 12.763%, 1.932% 12.763%, 1.966% 10.692%, 2.063% 8.728%, 2.219% 6.897%, 2.427% 5.224%, 2.684% 3.737%, 2.983% 2.462%, 3.32% 1.424%, 3.688% 0.65%, 4.083% 0.167%, 4.5% 0%, 84.535% 0%, 84.535% 0%, 85.166% 0.193%, 85.778% 0.758%, 86.365% 1.676%, 86.923% 2.929%, 87.445% 4.497%, 87.926% 6.361%, 88.361% 8.503%, 88.744% 10.903%, 89.068% 13.542%, 89.33% 16.401%, 94.371% 81.798%, 94.371% 81.798%, 94.661% 84.975%, 95.02% 87.906%, 95.441% 90.57%, 95.918% 92.947%, 96.445% 95.015%, 97.017% 96.754%, 97.627% 98.143%, 98.269% 99.16%, 98.937% 99.786%, 99.626% 100%);
    font-size: 16px;
    font-size: 1.6rem;
    padding-block: 12px;
  }
}
.modTabContent__item__content {
  background: var(--white2);
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  pointer-events: auto;
  margin-top: -1px;
  padding: 32px 64px 40px;
  border-radius: 0 0 8px 8px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modTabContent__item__content {
    padding: 32px 30px 40px;
  }
}
@media screen and (max-width: 768px) {
  .modTabContent__item__content {
    padding: 32px 16px 40px;
  }
}
.modTabContent__item:nth-child(2) .modTabContent__item__tab {
  margin-left: auto;
  clip-path: polygon(0% 99.492%, 100% 99.492%, 100% 12.698%, 100% 12.698%, 99.984% 10.638%, 99.938% 8.684%, 99.865% 6.862%, 99.766% 5.198%, 99.645% 3.718%, 99.504% 2.449%, 99.345% 1.417%, 99.171% 0.647%, 98.985% 0.166%, 98.788% 0%, 7.124% 0%, 7.124% 0%, 6.826% 0.192%, 6.538% 0.754%, 6.26% 1.668%, 5.997% 2.914%, 5.75% 4.474%, 5.523% 6.329%, 5.318% 8.46%, 5.137% 10.847%, 4.984% 13.473%, 4.861% 16.317%, 2.266% 87.26%, 2.266% 87.26%, 2.173% 89.393%, 2.058% 91.361%, 1.922% 93.151%, 1.768% 94.748%, 1.598% 96.139%, 1.413% 97.308%, 1.216% 98.242%, 1.008% 98.927%, 0.791% 99.348%, 0.568% 99.492%, 0% 99.492%);
}
@media screen and (max-width: 768px) {
  .modTabContent__item:nth-child(2) .modTabContent__item__tab {
    clip-path: polygon(0% 100%, 100.119% 100%, 100.119% 100%, 99.804% 99.871%, 99.505% 99.5%, 99.227% 98.905%, 98.972% 98.108%, 98.746% 97.128%, 98.552% 95.985%, 98.394% 94.7%, 98.276% 93.293%, 98.203% 91.784%, 98.177% 90.194%, 98.177% 12.763%, 98.177% 12.763%, 98.143% 10.692%, 98.046% 8.728%, 97.889% 6.897%, 97.68% 5.224%, 97.422% 3.737%, 97.121% 2.462%, 96.783% 1.424%, 96.413% 0.65%, 96.016% 0.167%, 95.597% 0%, 15.165% 0%, 15.165% 0%, 14.531% 0.193%, 13.917% 0.758%, 13.326% 1.676%, 12.766% 2.929%, 12.241% 4.497%, 11.757% 6.361%, 11.321% 8.503%, 10.936% 10.903%, 10.61% 13.542%, 10.347% 16.401%, 5.28% 81.798%, 5.28% 81.798%, 4.989% 84.975%, 4.629% 87.906%, 4.206% 90.57%, 3.727% 92.947%, 3.197% 95.015%, 2.622% 96.754%, 2.009% 98.143%, 1.364% 99.16%, 0.692% 99.786%, 0% 100%);
  }
}
.modTabContent__item:nth-child(2):not(.is-active)::after {
  right: 0;
  left: auto;
}
.modTabContent .modSection__inner {
  padding-top: 32px !important;
}
.modTabContent .modSection:first-child .modSection__inner {
  padding-top: 0 !important;
}
.modTabContent .modSection__inner {
  padding-inline: 0;
}
.modCapsuleTab {
  padding: 32px;
  background: var(--lightGreen);
  border-radius: 8px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modCapsuleTab {
    padding-inline: 24px;
  }
}
@media screen and (max-width: 768px) {
  .modCapsuleTab {
    padding-inline: 16px;
  }
}
.modCapsuleTab__tab {
  display: flex;
  justify-content: center;
  padding: 8px;
  border-radius: 50em;
  overflow: hidden;
  width: fit-content;
  margin-inline: auto;
  background: var(--white);
  margin-bottom: 32px;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modCapsuleTab__tab {
    width: 100%;
    max-width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .modCapsuleTab__tab {
    width: 100%;
    max-width: 500px;
  }
}
.modCapsuleTab__tab__item {
  padding: 23px 50px;
  border-radius: 50em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25;
  cursor: pointer;
  font-weight: 700;
  transition: all 0.3s ease-out;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .modCapsuleTab__tab__item {
    padding: 9px 18px;
    flex: 1;
  }
}
.modCapsuleTab__tab__item.is-active {
  background: var(--green);
  color: var(--white);
}
.modCapsuleTab__tab:has(.modCapsuleTab__tab__item:not(.is-active):hover) {
  background: var(--lightGreen2);
}
.modCapsuleTab__content__item {
  display: none;
}
.modAnchor {
  padding-inline: 80px;
}
@media screen and (max-width: 768px) {
  .modAnchor {
    padding-inline: 16px;
  }
}
.modAnchor:not(:first-child) {
  margin-top: 40px;
}
.modAnchor__inner {
  display: flex;
  max-width: 1280px;
  margin-inline: auto;
  gap: 24px;
}
@media screen and (max-width: 1200px) {
  .modAnchor__inner {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .modAnchor__inner {
    flex-direction: column;
    width: 100%;
    gap: 16px;
  }
}
.modAnchor__item {
  width: calc((100% - 72px) / 4);
  padding: 16px 24px;
  background: var(--yellow);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 1200px) {
  .modAnchor__item {
    width: calc((100% - 24px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .modAnchor__item {
    width: 100%;
    padding: 20px 16px;
  }
}
.modAnchor__item__text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.05em;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
  text-shadow: 2px 2px 0 #000;
}
@media screen and (max-width: 1200px) {
  .modAnchor__item__text {
    min-height: 2.5em;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .modAnchor__item__text {
    font-size: 18px;
    font-size: 1.8rem;
    min-height: auto;
  }
}
.modAnchor__item__text:has(span) {
  font-weight: 700;
  line-height: 1.25;
  color: var(--black);
  filter: none;
  text-shadow: none;
  font-size: 16px;
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .modAnchor__item__text:has(span) {
    align-items: flex-start;
  }
}
.modAnchor__item__text:has(span) span {
  color: var(--white);
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.05em;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
  text-shadow: 2px 2px 0 #000;
}
@media screen and (max-width: 1200px) {
  .modAnchor__item__text:has(span) span {
    min-height: 2.5em;
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .modAnchor__item__text:has(span) span {
    font-size: 18px;
    font-size: 1.8rem;
    min-height: auto;
  }
}
.modAnchor__item .arrow {
  width: 32px;
  height: 32px;
  background: var(--white);
  border-radius: 4px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .modAnchor__item .arrow {
    width: 24px;
    height: 24px;
  }
}
.modAnchor__item .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--black);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
.modAnchor__item:hover .arrow::after {
  animation: arrowAnimationDown 0.6s ease-out;
}
.modAnchor:not(:first-child) {
  margin-top: 64px;
}
.modAnchor--02 {
  padding-inline: 0;
  container-name: modAnchor02;
  container-type: inline-size;
}
.modAnchor--02 .modAnchor__inner {
  flex-wrap: wrap;
  gap: 8px;
  flex-direction: row;
}
.modAnchor--02 .modAnchor__item {
  padding: 16px;
  border-radius: 8px;
  width: calc((100% - 24px) / 4);
}
@container modAnchor02 (width <= 750px) {
  .modAnchor--02 .modAnchor__item {
    width: calc((100% - 8px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .modAnchor--02 .modAnchor__item {
    padding: 12px 16px;
  }
}
.modAnchor--02 .modAnchor__item__text {
  filter: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  text-shadow: none;
  color: var(--black);
}
.modFigure {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.modFigure:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modFigure:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modFigure:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .modFigure:not(:first-child) {
    margin-top: 16px;
  }
}
.modFigure img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border: 1px solid var(--gray2);
  border-radius: 4px;
}
.modFigure--noborderRadius {
  border-radius: 0;
}
.modFigure:has(> iframe) {
  aspect-ratio: 822/528;
  border: 1px solid var(--gray2);
  border-radius: 7px;
  padding: 8px;
  background: var(--white);
}
@media screen and (max-width: 768px) {
  .modFigure:has(> iframe) {
    aspect-ratio: 344/234;
  }
}
.modFigure:has(> iframe) iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.modFigure figcaption {
  line-height: 1.5;
  margin-top: 16px;
}
.modFigure:has(+ .modTextNote) {
  margin-bottom: 0;
}
.modFigure + .modTextNote {
  margin: 8px 0 0 !important;
}
.modFigure:has(figcaption) {
  border: none;
}
.modFigure--reverse {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 769px) {
  .modFigure--reverse {
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .modFigure--reverse {
    gap: 16px;
  }
}
.modHighLightArticle {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 24px 24px 24px 24px;
  background: linear-gradient(99.64deg, #09a569 0%, #078c59 100%);
  border-radius: 8px;
  position: relative;
}
.modHighLightArticle__container {
  container-type: inline-size;
  container-name: highLightArticle;
}
.modHighLightArticle:not(:last-child) {
  margin-bottom: 24px;
}
@container highLightArticle (width <= 850px) {
  .modHighLightArticle {
    flex-direction: column;
    padding: 16px;
    gap: 24px;
    border-radius: 4px;
    align-items: flex-start;
  }
}
.modHighLightArticle__image {
  height: auto;
  overflow: hidden;
  border-radius: 4px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .modHighLightArticle__image {
    width: 100%;
    border-radius: 3px;
  }
}
.modHighLightArticle__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.3s ease-in-out;
}
@container highLightArticle (width <= 850px) {
  .modHighLightArticle__image img {
    border-radius: 3px;
  }
}
.modHighLightArticle__text {
  flex: 1;
}
.modHighLightArticle__text__title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1.5;
  color: var(--white);
  text-decoration: none;
  display: inline;
  text-decoration: none;
  background-image: radial-gradient(circle, var(--yellow) 3px, transparent 0px);
  background-size: 12px 12px;
  background-position: 0 100%;
  background-repeat: repeat-x;
  padding: 0 0 8px 0;
}
@container highLightArticle (width <= 850px) {
  .modHighLightArticle__text__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.modHighLightArticle__text__note {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--white);
  display: flex;
  margin: 32px 0 0;
}
@media screen and (max-width: 768px) {
  .modHighLightArticle__text__note {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 24px 0 0;
    padding-right: 32px;
  }
}
.modHighLightArticle__text__note::before {
  content: "※";
}
.modHighLightArticle .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modHighLightArticle .arrow {
    right: 16px;
    bottom: 16px;
    width: 24px;
  }
}
.modHighLightArticle .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: rotate(-90deg);
}
.modHighLightArticle:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.modHighLightArticle:hover .upcomingItem__image img {
  transform: scale(1.05);
}
.modVideo {
  aspect-ratio: 822/462;
  border-radius: 4px;
  overflow: hidden;
}
.modVideo:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modVideo:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modVideo iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modBlockColor {
  padding: 32px;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .modBlockColor {
    padding: 24px 16px;
  }
}
.modBlockColor:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modBlockColor:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modBlockColor:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .modBlockColor:not(:first-child) {
    margin-top: 16px;
  }
}
.modBlockColor--green {
  background: var(--lightGreen);
}
.modBlockColor--white {
  background: var(--white);
}
.modBlockColor__section:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--gray2);
}
@media screen and (max-width: 768px) {
  .modBlockColor__section:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
.modFlexItem {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .modFlexItem {
    gap: 24px;
    flex-direction: column;
  }
}
.modFlexItem:not(:last-child) {
  margin-bottom: 24px;
}
.modFlexItem > * {
  flex: 1;
  margin-bottom: 0 !important;
}
.modFlexItem__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.modFlexItem--top {
  align-items: flex-start;
}
.modFlexItem--02 > *:nth-child(1) {
  flex: 0.5;
}
.modFlexItem--02 .modSubTable {
  --gap: 8px;
  gap: 0px var(--gap);
}
.modCard {
  flex: 1;
  background: var(--white);
  padding: 32px;
  border-radius: 8px;
  container-name: appCard;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .modCard {
    padding: 16px;
  }
}
.modCard--text .modCard__info {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .modCard--qrCol {
    padding: 15px;
  }
  .modCard--qrCol .modCard__inner {
    display: flex;
    flex-direction: column;
  }
  .modCard--qrCol .modCard__qr {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .modCard--qrCol .modCard__info p {
    text-align: center;
  }
}
.modCard__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  container-name: appCardWrapper;
  container-type: inline-size;
}
@media screen and (max-width: 1000px) {
  .modCard__wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media screen and (min-width: 769px) {
  .modCard__wrapper:has(.modCard--qrCol) {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
.modCard__wrapper--3col {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@container appCardWrapper (max-width: 650px) {
  .modCard__wrapper--3col {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media screen and (max-width: 1000px) {
  .modCard__wrapper--3col {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.modCard__wrapper--3col .modCard {
  container-name: appCard;
  container-type: inline-size;
  padding: 16px;
}
@container appCard (max-width: 300px) {
  .modCard__wrapper--3col .modCard__inner {
    display: flex;
    flex-direction: column-reverse;
  }
}
.modCard__wrapper--3col .modCard__info {
  display: flex;
  flex-direction: column;
}
.modCard__wrapper--3col .modCard__info__title {
  flex: 1;
}
@container appCard (max-width: 300px) {
  .modCard__wrapper--3col .modCard__info__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.modCard__wrapper--3col .modCard .modBtn {
  padding: 8px;
}
.modCard__inner {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
  flex: 1;
}
@container appDownloadBox (max-width: 850px) {
  .modCard__inner {
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .modCard__inner {
    gap: 16px;
    margin-bottom: 16px;
  }
}
.modCard__qr {
  width: 125px;
  height: 125px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
}
@container appDownloadBox (max-width: 850px) {
  .modCard__qr {
    max-width: 80px;
    max-height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .modCard__qr {
    width: 100%;
    max-width: 80px;
    aspect-ratio: 1;
    height: auto;
  }
}
.modCard__qr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modCard__info {
  flex: 1;
}
.modCard__info__title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--black2);
  margin-bottom: 8px;
}
@container appDownloadBox (max-width: 850px) {
  .modCard__info__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .modCard__info__title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 4px;
  }
}
.modCard__info__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--black2);
}
.modCard .modBtn {
  margin-top: 0 !important;
}
.modHeading01 {
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
}
.modHeading01:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modHeading01:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .modHeading01 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.25;
  }
}
.modHeading01--en {
  font-family: "Barlow", sans-serif;
  letter-spacing: 0;
  font-weight: 800;
}
.modHeading01--en:not(:last-child) {
  margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
  .modHeading01--en {
    font-size: 40px;
    font-size: 4rem;
  }
  .modHeading01--en:not(:last-child) {
    margin-bottom: 5px;
  }
}
.modHeading02:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modHeading02:not(:last-child) {
    margin-bottom: 24px;
  }
}
.modHeading02__title {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  .modHeading02__title {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.modHeading02__title:not(:last-child) {
  margin-bottom: 16px;
}
.modHeading02__tag {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--green);
  border-radius: 4px;
  padding: 8px 12px;
  background: var(--lightGreen);
  width: fit-content;
  margin-bottom: 16px;
}
.modHeading02--sm .modHeading02__title {
  font-weight: 700;
  line-height: 1.25;
}
.modHeading02--sm .modHeading02__title:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (min-width: 769px) {
  .modHeading02--sm .modHeading02__title {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .modHeading02--sm .modHeading02__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.modHeading02--xs .modHeading02__title {
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
}
@media screen and (min-width: 769px) {
  .modHeading02--xs .modHeading02__title {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .modHeading02--xs .modHeading02__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.modHeading02--md .modHeading02__title {
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
}
@media screen and (min-width: 769px) {
  .modHeading02--md .modHeading02__title {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .modHeading02--md .modHeading02__title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.modHeading02--center {
  text-align: center;
}
.modHeading03:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modHeading03:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modHeading03__title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  .modHeading03__title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.modHeading03__title:not(:last-child) {
  margin-bottom: 16px;
}
.modHeading03__description {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.modHeading03--black {
  color: var(--black);
}
.modHeading03--sm .modHeading03__title {
  font-size: 32px;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .modHeading03--sm .modHeading03__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.modHeading03--xs .modHeading03__title {
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .modHeading03--xs .modHeading03__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.modHeading03--badge {
  position: relative;
  width: fit-content;
}
.modHeading03--badge::after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url("../../assets/img/common/img_badge.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: translateX(calc(100% + 8px));
}
@media screen and (max-width: 768px) {
  .modHeading03--badge::after {
    width: 64px;
    height: 64px;
  }
}
.modHeading03--center {
  text-align: center;
}
.modHeading03 .modTextNote {
  margin-top: 8px !important;
}
.modHeading04:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modHeading04:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modHeading04__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  .modHeading04__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.modHeading04__title:not(:last-child) {
  margin-bottom: 16px;
}
.modHeading04__description {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.modHeading04:has(+ .modText) {
  margin-bottom: 16px !important;
}
.modHeading04--black {
  color: var(--black);
}
.modHeading04--sm .modHeading04__title {
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .modHeading04--sm .modHeading04__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.modHeading05 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0 16px;
}
.modHeading05:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modHeading05:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modHeading05__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  .modHeading05__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.modHeading05--center {
  text-align: center;
  justify-content: center;
}
.modHeadingStep {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modHeadingStep {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.modHeadingStep__tag {
  filter: drop-shadow(0px 0px 16px rgba(68, 68, 68, 0.16));
  flex-shrink: 0;
}
.modHeadingStep__tag__inner {
  color: var(--white);
  font-weight: 700;
  position: relative;
  padding: 12px 26px 12px 16px;
  background: var(--yellow);
  clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  display: block;
}
@media screen and (max-width: 768px) {
  .modHeadingStep__tag__inner {
    padding: 8px 23px 8px 12px;
    clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  }
}
.modHeadingStep__tag__inner > span {
  line-height: 1;
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "Barlow", sans-serif;
  filter: drop-shadow(2.5px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2.5px 0 #000) drop-shadow(0 -2px 0 #000);
}
@media screen and (max-width: 1000px) {
  .modHeadingStep__tag__inner > span {
    font-size: 20px;
    font-size: 2rem;
    filter: drop-shadow(3px 0 0 #000) drop-shadow(-2.5px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -2.5px 0 #000);
  }
}
.modHeadingStep__title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--black);
}
@media screen and (max-width: 1000px) {
  .modHeadingStep__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.modHighLightHeading {
  margin-bottom: 46px;
}
@media screen and (max-width: 1000px) {
  .modHighLightHeading {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .modHighLightHeading {
    margin-inline: -16px;
    margin-bottom: 32px;
  }
}
.modHighLightHeading__main {
  width: fit-content;
  text-align: center;
  margin-inline: auto;
  position: relative;
  font-size: 64px;
  font-size: 6.4rem;
  font-weight: 900;
  line-height: 1;
  color: var(--white);
  display: inline;
  margin: 0 auto;
  background-image: linear-gradient(#ff3b9d, #ff3b9d);
  background-size: 100% 50%;
  background-position: center bottom;
  background-repeat: no-repeat;
  letter-spacing: -0.05em;
  text-shadow: 4px 4px 0 #000;
  padding: 0px 20px;
}
@media screen and (max-width: 1000px) {
  .modHighLightHeading__main {
    font-size: 40px;
    font-size: 4rem;
    padding: 0px 8px;
  }
}
.modHighLightHeading__main .mainTxt {
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
}
.modHighLightHeading__main .mainTxt__sm {
  font-size: 48px;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .modHighLightHeading__main .mainTxt__sm {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.modHighLightHeading--center {
  text-align: center;
}
.modHighLightHeading--small {
  margin-bottom: 32px;
}
.modHighLightHeading--small .modHighLightHeading__sub span {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.05em;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
  text-shadow: 2px 2px 0 #000;
  color: var(--white);
}
@media screen and (max-width: 768px) {
  .modHighLightHeading--small .modHighLightHeading__sub span {
    font-size: 20px;
    font-size: 2rem;
  }
}
.modHighLightHeading--small .modHighLightHeading__main {
  font-size: 48px;
  font-size: 4.8rem;
  padding-inline: 0;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .modHighLightHeading--small .modHighLightHeading__main {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.modHighLightHeading--small .modHighLightHeading__main__sm {
  font-size: 24px;
  font-size: 2.4rem;
}
.modHighLightHeading__subHeadImg {
  width: 100%;
  max-width: 600px;
  aspect-ratio: 600/129;
  height: auto;
  object-fit: cover;
  display: block;
  margin-inline: auto;
  margin-bottom: -43px;
}
@media screen and (max-width: 768px) {
  .modHighLightHeading__subHeadImg {
    aspect-ratio: 375/74;
    margin-bottom: -21px;
    margin-inline: auto;
    max-width: 345px;
    padding-inline: 15px;
  }
}
/* ボタン
========================================================*/
.modBtn {
  font-size: 18px;
  font-size: 1.8rem;
  color: var(--white);
  text-align: center;
  font-weight: 700;
  padding: 14px 16px;
  line-height: 1.2;
  border-radius: 4px;
  transition: 0.3s;
  background: var(--btnGreenGradient);
  width: 100%;
  transition: 0.3s;
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .modBtn {
    padding-inline: 5px;
  }
}
.modBtn:has(+ .modSimpleTable) {
  margin-bottom: 32px;
}
.modBtn--pink {
  background: var(--pink);
}
.modBtn:hover {
  opacity: 0.8;
}
.modBtn:hover .arrow {
  animation: arrowAnimation 0.6s ease-out;
}
.modBtn .arrow {
  width: 14px;
  height: 9px;
  background: var(--white);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.modBtn--border {
  background: var(--white);
  color: var(--green);
  border: 2px solid var(--green);
}
.modBtn--border .arrow {
  background: var(--green);
}
.modBtn--border .modIcon {
  background: var(--green);
}
.modBtn--borderWhite {
  background: transparent;
  border: 2px solid var(--white);
  color: var(--white);
}
.modBtn--white {
  background: var(--white);
  color: var(--green);
}
.modBtn--white .arrow {
  background: var(--green);
}
.modBtn--white .modIcon {
  background: var(--green);
}
.modBtn--center {
  width: fit-content;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .modBtn--center {
    width: 100%;
    max-width: 400px;
  }
}
.modBtn__flexContainer {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .modBtn__flexContainer {
    flex-direction: column;
  }
}
.modBtn__flexContainer > * {
  margin-bottom: 0;
}
.modBtn__flexContainer--center {
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .modBtn__flexContainer--center {
    gap: 16px;
  }
}
.modBtn__flexContainer--center > * {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .modBtn__flexContainer--center > * {
    width: 100%;
    max-width: 400px;
    margin-inline: auto;
  }
}
.modBtn__flexContainer--2col {
  flex-wrap: wrap;
}
.modBtn__flexContainer--2col:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .modBtn__flexContainer--2col:not(:first-child) {
    margin-top: 16px;
  }
}
.modBtn__flexContainer--2col > * {
  width: calc((100% - 16px) / 2);
}
@media screen and (max-width: 768px) {
  .modBtn__flexContainer--2col > * {
    width: 100%;
  }
}
.modBtn--fitWidth {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .modBtn--fitWidth {
    width: 100%;
    max-width: 400px;
  }
}
.modBtn02 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: clamp(12px, 1.5vw, 24px) clamp(10px, 1.5vw, 20px);
  background: var(--pink);
  border-radius: 12px;
  font-size: clamp(12px, 1.5vw, 23.2px);
  font-weight: 700;
  line-height: 1;
  box-shadow: 0px 8px 0px #cc2576;
  transition: all 0.3s ease-out;
  color: var(--white);
}
@media screen and (max-width: 1000px) {
  .modBtn02 {
    min-height: 64px;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 455px) {
  .modBtn02 {
    top: 188%;
  }
}
.modBtn02:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modBtn02:not(:last-child) {
    margin-bottom: 32px;
  }
}
.modBtn02 .arrow {
  width: 11px;
  height: 18px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2219%22%20viewBox%3D%220%200%2012%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.06067%2017.0607L9.06067%209.06067L1.06067%201.06067%22%20stroke%3D%22white%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
.modBtn02:hover {
  transform: translateY(4px);
  box-shadow: 0px 2px 0px #cc2576;
}
.modBtnText {
  display: block;
  width: fit-content;
}
.modBtnText__inner {
  display: inline;
  color: var(--green);
  background-image: linear-gradient(var(--green), var(--green));
  background-size: 100% 2px;
  background-position: right bottom;
  background-repeat: no-repeat;
  box-decoration-break: clone;
  padding-bottom: 2px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.modBtnText:not(:last-child) {
  margin-bottom: 12px;
}
.modBtnText .arrow {
  display: inline-block;
  width: 7px;
  height: 15px;
  background: var(--green);
  mask-image: url("../../assets/img/common/icon/icon_arrow.svg");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: 0.3s;
  margin-left: 4px;
}
.modBtnText:hover .modBtnText__inner {
  animation: textBtnHover 0.6s ease-out;
}
.modBtnText:hover .arrow {
  animation: arrowAnimationRight 0.8s ease-out;
}
.modBtnText--inline {
  display: inline;
}
.modBtnText--inline .modBtnText__inner {
  font-weight: inherit;
  background-size: 100% 1px;
  padding-bottom: 0;
  font-size: inherit;
}
.modBtnText--inline:hover .modBtnText__inner {
  animation: textBtnHoverInline 0.6s ease-out;
}
.modBtnText--inlineBlock {
  display: block;
}
.modBtnText--inlineBlock .modBtnText__inner {
  font-weight: inherit;
  background-size: 100% 1px;
  padding-bottom: 0;
  font-size: inherit;
}
.modBtnText:has(.modIcon) .modIcon {
  display: inline-block;
  background: var(--green);
  margin-left: 4px;
}
.modBtnText--scrollTop {
  margin-inline: auto;
  margin-top: 32px;
}
.modBtnText--scrollTop:hover .modIcon--arrowUp {
  animation: arrowAnimationUp 0.6s ease-out;
}
.modBtnText--white .modBtnText__inner {
  color: var(--white);
  background-image: linear-gradient(var(--white), var(--white));
}
.modBtnText--white .arrow {
  background: var(--white);
}
.modBtnText--black .modBtnText__inner {
  color: var(--black) !important;
  background-image: linear-gradient(var(--black), var(--black));
}
.modBtnText--center {
  margin-inline: auto;
}
.modBtnText__container:not(:last-child) {
  margin-bottom: 24px;
}
.modBtnText__container--2col {
  column-count: 2;
}
@media screen and (max-width: 768px) {
  .modBtnText__container--2col {
    column-count: 1;
  }
}
.modBtnText__container--1col {
  display: flex;
  gap: 16px;
}
.modBtnText__title {
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 16px;
}
.modBtnText__title:has(img) {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.modBtnText__title:has(img) img {
  width: auto;
  height: 48px;
}
.modBtnList {
  padding: 0 8px 16px 8px;
  border-bottom: 2px solid var(--black2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1000px) {
  .modBtnList {
    font-size: 15px;
    font-size: 1.5rem;
    padding-inline: 0 8px;
  }
}
.modBtnList .arrow {
  width: 12px;
  height: 6px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.modBtnList:hover .arrow {
  animation: arrowAnimation 0.6s ease-out;
}
.modImgLink {
  display: block;
}
.modImgLink:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modImgLink:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modImgLink:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .modImgLink:not(:first-child) {
    margin-top: 16px;
  }
}
/* テーブル
========================================================*/
.modTable {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--gray2);
  border-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
  background: var(--white);
}
.modTable__wrapper {
  container-name: tableWrapper;
  container-type: inline-size;
}
.modTable__wrapper:has(.modTable--scroll), .modTable__wrapper:has(.modTable--ScrollXs), .modTable__wrapper:has(.modTable--fixedScroll) {
  overflow-x: auto;
}
.modTable__wrapper:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modTable__wrapper:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modTable__wrapper:has(+ .modText--tableNote) {
  margin-bottom: 8px;
}
.modTable__FlexContainer {
  display: flex;
}
@container tableWrapper (max-width: 510px) {
  .modTable__FlexContainer {
    flex-direction: column;
  }
}
.modTable__FlexContainer .modTable:first-child {
  border-right: none;
  border-radius: 4px 0 0 4px;
}
@container tableWrapper (max-width: 510px) {
  .modTable__FlexContainer .modTable:first-child {
    border-right: 1px solid var(--gray2);
    border-radius: 4px 4px 0 0;
  }
}
.modTable__FlexContainer .modTable:last-child {
  border-radius: 0 4px 4px 0;
}
@container tableWrapper (max-width: 510px) {
  .modTable__FlexContainer .modTable:last-child {
    border-radius: 0 0 4px 4px;
    border-top: 0;
  }
}
.modTable__FlexContainer {
  display: flex;
}
@container tableWrapper (max-width: 510px) {
  .modTable__FlexContainer {
    flex-direction: column;
  }
}
.modTable__FlexContainer .modTable:first-child {
  border-right: none;
  border-radius: 4px 0 0 4px;
}
@container tableWrapper (max-width: 510px) {
  .modTable__FlexContainer .modTable:first-child {
    border-right: 1px solid var(--gray2);
    border-radius: 4px 4px 0 0;
  }
}
.modTable__FlexContainer .modTable:last-child {
  border-radius: 0 4px 4px 0;
}
@container tableWrapper (max-width: 510px) {
  .modTable__FlexContainer .modTable:last-child {
    border-radius: 0 0 4px 4px;
    border-top: 0;
  }
}
.modTable th,
.modTable td {
  text-align: center;
  border-bottom: 1px solid var(--gray2);
}
.modTable th:not(:last-child),
.modTable td:not(:last-child) {
  border-right: 1px solid var(--gray2);
}
.modTable th[rowspan="0"],
.modTable td[rowspan="0"] {
  border-bottom: none;
}
.modTable thead {
  background-color: var(--lightGreen);
  color: var(--black);
}
.modTable thead th {
  min-height: 40px;
  padding: 8px 16px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .modTable thead th {
    padding: 8px;
  }
}
.modTable thead th.bgGray {
  background-color: var(--gray2);
}
.modTable tbody td:has(.modTable__value--bgGreen) {
  background-color: var(--lightGreen);
}
.modTable tbody td .modTable__value {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .modTable tbody td .modTable__value {
    padding: 8px;
  }
}
.modTable tbody td .modTable__value span {
  display: block;
}
.modTable tbody td .modTable__value--left {
  text-align: left;
  justify-content: flex-start;
}
.modTable tbody td .modTable__value--left {
  justify-content: flex-start;
}
.modTable tbody td .modTable__value--right {
  justify-content: flex-end;
}
.modTable--fixCol {
  table-layout: fixed;
}
@media screen and (max-width: 768px) {
  .modTable--fixCol {
    display: block;
    border: none;
    border-radius: 0;
  }
  .modTable--fixCol thead {
    display: none;
  }
  .modTable--fixCol tbody {
    display: block;
  }
  .modTable--fixCol tbody tr {
    display: block;
    border: 1px solid var(--gray2);
    border-radius: 4px;
    overflow: hidden;
  }
  .modTable--fixCol tbody tr:not(:last-child) {
    margin-bottom: 16px;
  }
  .modTable--fixCol tbody tr:first-child td:first-child::before {
    border-radius: 4px 4px 0 0;
  }
  .modTable--fixCol tbody tr:last-child td:last-child {
    border-bottom: none;
  }
  .modTable--fixCol tbody td {
    display: flex;
    border-right: none;
    border-bottom: 1px solid var(--gray2) !important;
    border-left: none;
    border-top: none;
    border-right: none !important;
    text-align: left;
    padding: 0;
  }
  .modTable--fixCol tbody td:first-child {
    border-top: none;
  }
  .modTable--fixCol tbody td:last-child {
    border-bottom: none !important;
  }
  .modTable--fixCol tbody td::before {
    content: attr(data-label);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background-color: var(--lightGreen);
    color: var(--black);
    padding: 8px 16px;
    margin-bottom: 0;
    text-align: center;
    width: 22.1864951768%;
    flex-shrink: 0;
    border-right: 1px solid var(--gray2) !important;
  }
  .modTable--fixCol tbody td .modTable__value {
    padding: 8px;
    min-height: auto;
    justify-content: center;
    flex: 1;
    text-align: center;
  }
}
.modTable--scroll {
  min-width: 750px;
}
.modTable--fixedScroll {
  table-layout: fixed;
  min-width: 800px;
}
.modTable--fullSm {
  table-layout: fixed;
}
.modTable--fullSm th {
  min-height: 40px !important;
  line-height: 1.5;
}
.modTable--fullSm td .modTable__value {
  min-height: 56px !important;
}
@media screen and (max-width: 768px) {
  .modTable--fullSm td .modTable__value {
    padding: 8px;
    min-height: 40px !important;
  }
}
.modTable--fullXs {
  table-layout: fixed;
}
.modTable--fullXs th {
  min-height: 40px !important;
  line-height: 1.5;
}
.modTable--fullXs td .modTable__value {
  min-height: 40px !important;
  padding: 8px;
}
.modTable--xs th {
  min-height: 40px !important;
  line-height: 1.5;
}
.modTable--xs td .modTable__value {
  min-height: 40px !important;
  padding: 8px;
}
.modTable--gdp th {
  min-height: 40px !important;
  line-height: 1.5;
}
.modTable--gdp th.rank {
  width: 10.5540897098%;
}
@container tableWrapper (max-width: 600px) {
  .modTable--gdp th.rank {
    width: 16.8224299065%;
  }
}
.modTable--gdp th.country {
  width: 23.746701847%;
}
@container tableWrapper (max-width: 600px) {
  .modTable--gdp th.country {
    width: 38.9408099688%;
  }
}
.modTable--gdp td .modTable__value {
  min-height: 40px !important;
  padding: 8px;
}
.modTable--gdp td.rank {
  width: 10.5540897098%;
}
.modTable--gdp td.country {
  width: 23.746701847%;
}
.modTable--gdp td.country .modTable__value {
  justify-content: flex-start;
}
.modTable--gdp td.country .modTable__value--flex {
  display: flex;
  align-items: center;
  gap: 10px;
}
@container tableWrapper (max-width: 600px) {
  .modTable--gdp td.country .modTable__value--flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
}
.modTable--gdp td.gdp .modTable__value {
  justify-content: flex-start;
}
.modTable--gdp td.gdp .modTable__value--flex {
  display: flex;
  align-items: center;
  gap: 16px;
}
.modTable--gdp td.gdp .modTable__value--flex > span {
  min-width: 80px;
  text-align: right;
}
@container tableWrapper (max-width: 600px) {
  .modTable--gdp td.gdp .modTable__value--flex > span {
    width: 100%;
    text-align: left;
  }
}
.modTable--gdp td.gdp .modTable__value--flex .percentageBar {
  display: block;
  height: 16px;
  background-color: var(--green);
}
.modTable--gdp td.gdp .modTable__value--flex .percentageBar__container {
  flex: 1;
}
@container tableWrapper (max-width: 600px) {
  .modTable--gdp td.gdp .modTable__value--flex .percentageBar__container {
    display: block;
    width: 100%;
  }
}
@container tableWrapper (max-width: 600px) {
  .modTable--gdp td.gdp .modTable__value--flex {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0px;
    width: 100%;
  }
}
.modTable--gdp02 {
  table-layout: fixed;
}
.modTable--gdp02 th {
  min-height: 40px !important;
  line-height: 1.5;
}
.modTable--gdp02 th.rank {
  width: 10.5540897098%;
}
@container tableWrapper (max-width: 500px) {
  .modTable--gdp02 th.rank {
    width: 16.8224299065%;
  }
}
.modTable--gdp02 td .modTable__value {
  min-height: 40px !important;
  padding: 8px;
}
.modTable--gdp02 td.rank {
  width: 10.5540897098%;
}
.modTable--gdp02 td.country .modTable__value {
  justify-content: flex-start;
}
.modTable--gdp02 td.country .modTable__value--flex {
  display: flex;
  align-items: center;
  gap: 10px;
}
@container tableWrapper (max-width: 500px) {
  .modTable--gdp02 td.country .modTable__value--flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
}
.modTable--gdp02 td.gdp .modTable__value {
  justify-content: flex-start;
}
.modTable--gdp02 td.gdp .modTable__value--flex {
  display: flex;
  align-items: center;
  gap: 16px;
}
.modTable--gdp02 td.gdp .modTable__value--flex > span {
  min-width: 80px;
  text-align: right;
}
@container tableWrapper (max-width: 500px) {
  .modTable--gdp02 td.gdp .modTable__value--flex > span {
    width: 100%;
    text-align: left;
  }
}
.modTable--gdp02 td.gdp .modTable__value--flex .percentageBar {
  display: block;
  height: 16px;
  background-color: var(--green);
}
.modTable--gdp02 td.gdp .modTable__value--flex .percentageBar__container {
  flex: 1;
}
@container tableWrapper (max-width: 500px) {
  .modTable--gdp02 td.gdp .modTable__value--flex .percentageBar__container {
    display: block;
    width: 100%;
  }
}
@container tableWrapper (max-width: 500px) {
  .modTable--gdp02 td.gdp .modTable__value--flex {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0px;
    width: 100%;
  }
}
.modTable--ScrollXs {
  min-width: 750px;
}
.modTable--ScrollXs th {
  min-height: 40px !important;
  line-height: 1.5;
  padding: 8px !important;
}
.modTable--ScrollXs td .modTable__value {
  min-height: 40px !important;
  padding: 8px !important;
}
.modSimpleTable:not(:last-child) {
  margin-bottom: 32px;
}
.modSimpleTable__container {
  color: var(--black);
  background: var(--white2);
  padding: 40px 64px;
  border-radius: 8px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modSimpleTable__container {
    padding: 40px 40px;
  }
}
@media screen and (max-width: 768px) {
  .modSimpleTable__container {
    padding: 32px 16px;
    margin-inline: -16px;
  }
}
.modSimpleTable__container:not(:last-child) {
  margin-bottom: 24px;
}
.modSimpleTable__title {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modSimpleTable__title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.modSimpleTable__item {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
}
.modSimpleTable__item__title {
  width: 31.7191283293%;
  font-weight: 700;
  border-bottom: 1px solid var(--gray2);
  padding: 16px 24px 16px 8px;
}
.modSimpleTable__item__title:first-child {
  border-top: 1px solid var(--gray2);
}
.modSimpleTable__item__title span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .modSimpleTable__item__title {
    width: 100%;
    border-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
    margin-bottom: 16px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.modSimpleTable__item__title span {
  display: inline-block;
}
.modSimpleTable__item__title:first-child {
  border-top: 1px solid var(--gray2);
}
.modSimpleTable__item__value {
  width: 68.2808716707%;
  border-bottom: 1px solid var(--gray2);
  padding: 16px 8px 16px 0;
  display: table;
}
.modSimpleTable__item__value:nth-child(2) {
  border-top: 1px solid var(--gray2);
}
@media screen and (max-width: 768px) {
  .modSimpleTable__item__value:nth-child(2) {
    border-top: none;
  }
}
.modSimpleTable__item__value > span {
  display: table-cell;
  vertical-align: middle;
}
.modSimpleTable__item__value > span:not(:last-child) {
  margin-bottom: 16px;
}
.modSimpleTable__item__value > span.textStar {
  display: inline-block;
  text-decoration: underline;
}
.modSimpleTable__item__value > span .modTextNote {
  margin-block: 8px;
}
.modSimpleTable__item__value > span .modList {
  margin-top: 8px;
}
.modSimpleTable__item__value > span .modList:not(:last-child) {
  margin-bottom: 8px;
}
.modSimpleTable__item__value > p + p {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .modSimpleTable__item__value {
    width: 100%;
    padding-top: 0;
    padding-left: 8px;
  }
}
.modSimpleTable__item__value .modList:not(:last-child) {
  margin-bottom: 8px;
}
.modSimpleTable__item__value .modBtnText {
  margin-inline: 0;
}
.modSimpleTable__item__value .valueImage:not(:first-child) {
  margin-top: 16px;
}
.modSimpleTable__item__value .valueImage img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
}
.modSimpleTable__item__value .box + .box {
  margin-top: 16px;
}
.modSimpleTable--02 .modSimpleTable__item__title {
  width: 120px;
  padding: 24px 24px 24px 0;
  line-height: 1.5;
}
.modSimpleTable--02 .modSimpleTable__item__title:nth-child(1) {
  padding-top: 0;
  border-top: none;
}
.modSimpleTable--02 .modSimpleTable__item__title:nth-last-child(2) {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .modSimpleTable--02 .modSimpleTable__item__title {
    width: 100%;
    padding-bottom: 0;
  }
}
.modSimpleTable--02 .modSimpleTable__item__value {
  width: calc(100% - 120px);
  padding: 24px 0 24px 0;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .modSimpleTable--02 .modSimpleTable__item__value {
    width: 100%;
    padding-top: 0;
  }
}
.modSimpleTable--02 .modSimpleTable__item__value:nth-child(2) {
  padding-top: 0;
  border-top: none;
}
.modSimpleTable--02 .modSimpleTable__item__value:nth-last-child(1) {
  border-bottom: none;
  padding-bottom: 0;
}
.modSubTable {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  --gap: 24px;
  gap: 16px var(--gap);
}
@media screen and (max-width: 768px) {
  .modSubTable {
    --gap: 16px;
  }
}
.modSubTable__title {
  width: clamp(80px, 8vw, 120px);
  position: relative;
}
.modSubTable__title::after {
  content: ":";
  position: absolute;
  top: 50%;
  right: 0;
  font-weight: 700;
  transform: translateY(-50%);
}
.modSubTable__value {
  width: calc(100% - (clamp(80px, 8vw, 120px) + var(--gap)));
}
@media screen and (max-width: 768px) {
  .modSubTable__value {
    width: calc(100% - 100px);
  }
}
/* テキスト
========================================================*/
.modText {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.modText:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modText:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modText__bold {
  font-weight: 700;
}
.modTextBold {
  font-weight: 700;
}
.modText--bold {
  font-weight: 700;
}
.modTextNote {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--gray2);
  text-indent: -20px;
  padding-left: 24px;
  counter-increment: note;
  display: block;
}
.modTextNote:not(:first-child) {
  margin-top: 16px;
}
.modTextNote + .modTextNote {
  margin-top: 0;
}
.modTextNote:has(+ .modText) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modTextNote:has(+ .modText) {
    margin-bottom: 16px;
  }
}
.modTextNote .txtRed {
  color: var(--red);
}
.modTextNote > * {
  text-indent: 0;
}
.modTextNote::before {
  content: "※";
}
.modTextNote__container:not(:last-child) {
  margin-bottom: 24px;
}
.modTextNote--number {
  text-indent: -30px;
  padding-left: 30px;
}
.modTextNote--number::before {
  content: "※" counter(note);
}
.modTextNote--dark {
  color: var(--black2);
}
.modTextNote--white {
  color: var(--white);
}
.modTextNote--red {
  color: var(--red);
}
.modTextNote > .modList {
  margin-top: 8px;
}
.modText > .modTextNote {
  margin-top: 8px;
}
.modText + .modTextNote {
  margin-top: 0;
}
.modText .txtRed {
  color: var(--red);
}
.modText .txtRed .modBtnText__inner {
  color: var(--red) !important;
  background-image: linear-gradient(var(--red), var(--red));
}
.modText--red {
  color: var(--red);
}
.modText--red .modBtnText__inner {
  color: var(--red) !important;
  background-image: linear-gradient(var(--red), var(--red));
}
.modText--right {
  text-align: right;
  width: fit-content;
  margin-left: auto;
}
.modText--date {
  text-align: right;
  width: fit-content;
  margin-left: auto;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .modText--date {
    margin-top: 24px;
  }
}
.modText:has(+ .modText) {
  margin-bottom: 16px;
}
.modTextTag {
  background: var(--lightGreen);
  color: var(--green);
  padding: 6px 12px;
  border-radius: 4px;
  line-height: 1.5;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 8px;
}
.modText--center {
  text-align: center;
}
/* Breadcrumbs
========================================================*/
.modBreadCrumbs {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 8px auto 24px;
  padding: 0 80px;
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
  .modBreadCrumbs {
    margin: 16px 0 32px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modBreadCrumbs {
    padding-inline: 30px;
  }
}
@media screen and (max-width: 768px) {
  .modBreadCrumbs {
    width: 100%;
    margin: 0 0 24px;
    padding: 8px 16px 0;
  }
}
.modBreadCrumbs::-webkit-scrollbar {
  display: none;
}
.modBreadCrumbs__list {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0;
  width: max-content;
}
@media screen and (max-width: 768px) {
  .modBreadCrumbs__list {
    gap: 12px 0;
  }
}
.modBreadCrumbs__list__item {
  font-size: 14px;
  font-size: 1.4rem;
  color: var(--gray2);
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-shrink: 0;
}
.modBreadCrumbs__list__item:after {
  content: "";
  border-top: 2px solid var(--gray2);
  border-right: 2px solid var(--gray2);
  transform: rotate(45deg);
  position: absolute;
  right: 0px;
  bottom: 8px;
  width: 6px;
  height: 6px;
}
.modBreadCrumbs__list__item:not(:last-child) {
  margin: 0 14px 0 0;
  padding: 0 18px 0 0;
}
@media screen and (max-width: 768px) {
  .modBreadCrumbs__list__item:not(:last-child) {
    margin-right: 11px;
    padding-right: 15px;
  }
}
.modBreadCrumbs__list__item:last-child::after {
  display: none;
}
.modBreadCrumbs__list__item .text {
  max-content: 20em;
  max-width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modBreadCrumbs__list__item .link {
  color: var(--gray2);
  text-decoration: underline;
}
.modBreadCrumbs + .modSection > .modSection__inner {
  padding-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .modSection:nth-child(1 of .modSection) .modSection__inner {
    padding-top: 40px;
  }
}
.modSection__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding-inline: 80px;
  padding-top: 40px;
}
@media screen and (max-width: 1000px) {
  .modSection__inner {
    padding-inline: 30px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .modSection__inner {
    padding-inline: 16px;
  }
}
.modSection__content--white {
  background: var(--white2);
  border-radius: 8px;
  padding: 40px 64px;
  color: var(--black);
}
@media screen and (max-width: 1000px) {
  .modSection__content--white {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 768px) {
  .modSection__content--white {
    padding: 32px 16px;
    margin-inline: -16px;
  }
}
.modSection__content:not(:last-child) {
  margin-bottom: 40px;
}
.modSection:has(+ .modSection--gray) > .modSection__inner, .modSection:has(+ .modSection--green) > .modSection__inner {
  padding-bottom: 40px;
}
.modSection .modSection:last-child > .modSection__inner {
  padding-bottom: 0;
}
.modSection:last-child .modSection__inner {
  padding-bottom: 40px;
}
.modSection--gray {
  background: var(--black2);
}
.modSection--gray:has(+ .modSection) .modSection__inner {
  padding-bottom: 40px;
}
.modSection--green {
  background: var(--green);
}
.modSection--green:has(+ .modSection) .modSection__inner {
  padding-bottom: 40px;
}
.modSection--sideMenu > .modSection__inner {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.modSection--sideMenu .mainContent {
  flex: 1;
}
.modSection--sideMenu .mainContent__section {
  position: relative;
}
.modSection--sideMenu .mainContent__section:not(:last-child) {
  margin-bottom: 40px;
}
.modSection--sideMenu .mainContent__section--withBg {
  background: var(--white2);
  padding: 40px 64px;
  border-radius: 8px;
  color: var(--black);
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modSection--sideMenu .mainContent__section--withBg {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 768px) {
  .modSection--sideMenu .mainContent__section--withBg {
    padding: 32px 16px;
    margin-inline: -16px;
  }
}
.modSection--sideMenu .mainContent__section .modSection__inner {
  padding-top: 32px;
}
.modSection--sideMenu .mainContent__sectionlv2--withBg {
  background: var(--white2);
  padding: 40px 64px;
  border-radius: 8px;
  color: var(--black);
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modSection--sideMenu .mainContent__sectionlv2--withBg {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 768px) {
  .modSection--sideMenu .mainContent__sectionlv2--withBg {
    padding: 32px 16px;
    margin-inline: -16px;
  }
}
.modSection--sideMenu .mainContent__sectionlv2--seperator:not(:last-child) {
  padding-bottom: 32px;
  border-bottom: 0.5px solid var(--gray2);
  margin-bottom: 32px;
}
.modSection--sideMenu .mainContent--withBg {
  background: var(--white2);
  padding: 40px 64px;
  border-radius: 8px;
  color: var(--black);
}
@media screen and (max-width: 768px) {
  .modSection--sideMenu .mainContent--withBg {
    padding: 32px 16px;
    margin-inline: -16px;
  }
}
.modSection--sideMenu .mainContent--withBg .mainContent__section:not(:last-child) {
  margin-bottom: 32px;
}
.modSection--sideMenu .mainContent--withBg .mainContent__section--seperator {
  padding-bottom: 32px;
  border-bottom: 0.5px solid var(--gray2);
}
.modSubSection:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .modSubSection:not(:last-child) {
    margin-bottom: 24px;
  }
}
.modSubSection--white {
  background: var(--white2);
  padding: 32px;
  border-radius: 8px;
  color: var(--black);
}
@media screen and (max-width: 768px) {
  .modSubSection--white {
    padding: 24px 16px;
  }
}
.modSubSection--green {
  background: var(--lightGreen);
  padding: 32px;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .modSubSection--green {
    padding: 24px 16px;
  }
}
.modSubSection--withSeparator:not(:first-child) {
  border-top: 0.5px solid var(--gray2);
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  .modSubSection--withSeparator:not(:first-child) {
    padding-top: 24px;
  }
}
.modPageHeader {
  background: var(--green);
}
.modPageHeader__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 80px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modPageHeader__inner {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .modPageHeader__inner {
    padding: 24px 16px;
  }
}
.modPageHeader__title {
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
}
.modPageHeader__title:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modPageHeader__title:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .modPageHeader__title {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.25;
  }
}
.modPageHeader__description {
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 700;
  line-height: 1;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .modPageHeader__description {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.25;
  }
}
.modNotice {
  border-radius: 8px;
}
.modNotice:not(:first-child) {
  padding-top: 40px;
}
.modNotice__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 16px;
}
@media screen and (max-width: 1000px) {
  .modNotice__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.modNotice__content {
  background: var(--gray);
  padding: 32px;
  border-radius: 8px;
}
@media screen and (max-width: 1000px) {
  .modNotice__content {
    padding: 16px;
  }
}
.modNotice__content__list li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--white);
  text-indent: -20px;
  padding-left: 23px;
}
.modNotice__content__list li::before {
  content: "・";
}
.modNotice__content__list li * {
  text-indent: 0;
}
.modNotice__content__list li:not(:first-child) {
  margin-top: 16px;
}
.modNotice__content__list:is(ol) {
  counter-reset: list;
}
.modNotice__content__list:is(ol) li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--white);
  text-indent: -20px;
  padding-left: 24px;
  counter-increment: list;
}
.modNotice__content__list:is(ol) li:not(:last-child) {
  margin-bottom: 16px;
}
.modNotice__content__list:is(ol) li::before {
  content: counter(list) ".";
  color: inherit;
}
.modNotice__content__text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  color: var(--white);
}
.modNotice--inline {
  background: var(--lightGreen);
  border-radius: 10px;
  padding: 40px !important;
}
.modNotice--inline .modNotice__inner {
  padding: 0;
}
.modNotice--inline .modNotice__title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 16px;
  color: var(--black);
}
.modNotice--inline .modNotice__content {
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.modNotice--inline .modNotice__content__text {
  color: var(--black);
}
.modAlert {
  border: 2px solid var(--red);
  padding: 16px;
  border-radius: 8px;
}
.modAlert:not(:last-child) {
  margin-bottom: 16px;
}
.modAlert__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--red);
}
.modAlert__text .modText:has(+ .modText) {
  margin-bottom: 10px;
}
.modAlert__inner {
  display: flex;
  gap: 8px;
}
.modAlert__inner::before {
  content: "";
  width: 24px;
  height: 24px;
  background: #ff4b37;
  display: block;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3.66346%2020.6315C2.51734%2019.5245%201.60315%2018.2004%200.974242%2016.7363C0.345334%2015.2723%200.0142989%2013.6976%200.000453081%2012.1043C-0.0133927%2010.5109%200.290228%208.93077%200.893598%207.45601C1.49697%205.98125%202.38801%204.64143%203.51472%203.51472C4.64143%202.38801%205.98125%201.49697%207.45601%200.893598C8.93077%200.290228%2010.5109%20-0.0133927%2012.1043%200.000453081C13.6976%200.0142989%2015.2723%200.345334%2016.7363%200.974242C18.2004%201.60315%2019.5245%202.51734%2020.6315%203.66346C22.8174%205.92668%2024.0269%208.95791%2023.9995%2012.1043C23.9722%2015.2506%2022.7102%2018.2604%2020.4853%2020.4853C18.2604%2022.7102%2015.2506%2023.9722%2012.1043%2023.9995C8.95791%2024.0269%205.92668%2022.8174%203.66346%2020.6315ZM10.9475%206.14746V13.3475H13.3475V6.14746H10.9475ZM10.9475%2015.7475V18.1475H13.3475V15.7475H10.9475Z%22%20fill%3D%22%23FF4B37%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  flex-shrink: 0;
}
.modAccordion__item:not(:last-child) {
  margin-bottom: 16px;
}
.modAccordion__item__question {
  font-weight: 700;
  line-height: 1.2;
  color: var(--black);
  padding: 28px 40px;
  background: var(--lightGreen);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .modAccordion__item__question {
    padding: 16px;
  }
}
.modAccordion__item__question::before {
  content: "";
  width: 19px;
  height: 24px;
  background: var(--green);
  display: block;
  flex-shrink: 0;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2224%22%20viewBox%3D%220%200%2020%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1346_2421)%22%3E%3Cpath%20d%3D%22M15.94%2018.17L19.01%2020.79L16.64%2023.61L13.66%2021.08C12.25%2022.14%2010.49%2022.65%208.44%2022.65C3.49%2022.65%200%2019.65%200%2012.9V9.76C0%202.94%203.49%200%208.45%200C13.41%200%2016.93%202.94%2016.93%209.76V12.9C16.93%2015.04%2016.58%2016.77%2015.94%2018.18V18.17ZM4.48%2012.89C4.48%2017.11%205.86%2018.87%208.45%2018.87C9.22%2018.87%209.92%2018.71%2010.47%2018.36L7.97%2016.22L10.4%2013.37L12.29%2015.03C12.39%2014.39%2012.45%2013.69%2012.45%2012.89V9.75C12.45%205.53%2011.04%203.77%208.45%203.77C5.86%203.77%204.48%205.53%204.48%209.75V12.89Z%22%20fill%3D%22%2309A569%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1346_2421%22%3E%3Crect%20width%3D%2219.01%22%20height%3D%2223.61%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
}
.modAccordion__item__question .questionText {
  flex: 1;
  font-weight: 700;
}
.modAccordion__item__question .indicator {
  width: 28px;
  height: 28px;
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modAccordion__item__question .indicator {
    width: 16px;
    height: 16px;
  }
}
.modAccordion__item__question .indicator::before {
  content: "";
  width: 22px;
  height: 3px;
  background: var(--black);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .modAccordion__item__question .indicator::before {
    width: 16px;
    height: 2.67px;
  }
}
.modAccordion__item__question .indicator::after {
  content: "";
  width: 22px;
  height: 3px;
  background: var(--black);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .modAccordion__item__question .indicator::after {
    width: 16px;
    height: 2.67px;
  }
}
.modAccordion__item__question.is-active {
  border-radius: 8px 8px 0 0;
}
.modAccordion__item__question.is-active .indicator::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.modAccordion__item__question.is-active .indicator::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.modAccordion__item__answer {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--black);
  padding: 24px 40px;
  background: var(--white);
  border-radius: 0 0 8px 8px;
  cursor: pointer;
  display: flex;
  flex: 1;
  display: none;
}
@media screen and (max-width: 768px) {
  .modAccordion__item__answer {
    padding: 16px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.modAccordion__item__answer .answerText__wrapper {
  flex: 1;
  display: flex;
  gap: 16px;
  align-items: center;
}
.modAccordion__item__answer .answerText__wrapper::before {
  content: "";
  width: 19px;
  height: 24px;
  background: var(--pink);
  display: block;
  flex-shrink: 0;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1346_2430)%22%3E%3Cpath%20d%3D%22M0%2022.08L7.68%200H11.97L19.65%2022.08H14.88L13.54%2017.89H6.15L4.81%2022.08H0ZM7.33%2014.11H12.32L9.82%206.33L7.32%2014.11H7.33Z%22%20fill%3D%22%23FF2E93%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1346_2430%22%3E%3Crect%20width%3D%2219.65%22%20height%3D%2222.08%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
}
.modAccordion__item--sub .modAccordion__item__question::before {
  display: none;
}
.modSideMenu {
  width: 22.34375%;
  min-width: 230px;
}
@media screen and (max-width: 1000px) {
  .modSideMenu {
    width: 300px;
    position: fixed;
    right: -300px;
    top: 0;
    z-index: 10000;
    border-radius: 0;
    transition: all 0.3s ease-out;
  }
  .modSideMenu::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
  }
  .modSideMenu.is-open {
    right: 0;
  }
  .modSideMenu.is-open::after {
    opacity: 1;
    visibility: visible;
  }
}
.modSideMenu__inner {
  padding: 0;
  border-radius: 8px;
}
@media screen and (max-width: 1000px) {
  .modSideMenu__inner {
    width: 300px;
    background: var(--white2);
    border-radius: 0;
    height: 100dvh;
    overflow: auto;
    position: relative;
    z-index: 2;
    padding: 24px;
  }
}
.modSideMenu__toggle {
  display: none;
}
@media screen and (max-width: 1000px) {
  .modSideMenu__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 148px;
    position: absolute;
    right: 100%;
    top: 150px;
    writing-mode: vertical-rl;
    color: var(--green);
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMTQ4IiB2aWV3Qm94PSIwIDAgMzIgMTQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMi4wMDE4IDEyNy4xNThMMzIuMDAxOCAxNDhMMzIuMDAzOSAxNDhMMzIuMDAxOCAxLjg2MDc3ZS0xMEwzMi4wMDE4IDIwLjA3NTJDNDIuMDAxOCAyMS43OTE1IDMwLjkwNjkgMjMuMzE2NSAyOS4yODA3IDIzLjg2NTJMNS40NDM4NCAzMS45MDkxQzIuMTkxNDkgMzMuMDA2NiAwLjAwMTc2NDA1IDM2LjA1NjYgMC4wMDE3NjQzNSA0OS40ODkyTDAuMDAxNzcwMzEgMTA3Ljc0NEMwLjAwMTc3MDYyIDExMS4xNzcgMi4xOTE1IDExNC4yMjcgNS40NDM4NCAxMTUuMzI1TDI5LjI4MDcgMTIzLjM2OEMzMC45MDY5IDEyMy45MTcgMzIuMDAxOCAxMjUuNDQyIDMyLjAwMTggMTI3LjE1OFoiIGZpbGw9IiNGOEY4RjgiLz48L3N2Zz4=");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.16));
    transition: all 0.3s ease-out;
  }
}
.modSideMenu__item {
  color: var(--black);
  background: var(--white2);
  padding: 24px;
  border-radius: 8px;
}
@media screen and (max-width: 1000px) {
  .modSideMenu__item {
    background: transparent;
    padding: 0;
    border-radius: 0;
  }
}
.modSideMenu__item:not(:last-child) {
  margin-bottom: 40px;
}
.modSideMenu__item__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.25;
  color: var(--black);
  padding-bottom: 16px;
  border-bottom: 2px solid var(--green);
  margin-bottom: 8px;
}
.modSideMenu__item__list {
  color: var(--black);
}
.modSideMenu__item__list .listItem {
  border-bottom: 1px solid var(--gray2);
}
.modSideMenu__item__list .listItem__link {
  padding-block: 16px;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
.modSideMenu__item__list .listItem__link::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 15px;
  background: var(--green);
  mask-image: url("../../assets/img/common/icon/icon_arrow.svg");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  flex-shrink: 0;
  transition: 0.3s;
  margin-left: 4px;
}
.modSideMenu__item__list .listItem__link:hover::after {
  animation: arrowAnimationRight 0.6s ease-out;
}
.modModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.modModal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.modModal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 160px);
  max-width: 1280px;
  height: 100%;
  max-height: calc(100% - 56px);
  background: #222222;
  padding: 40px;
  box-shadow: 0px 0px 64px rgba(255, 255, 255, 0.24);
  border-radius: 8px;
}
@media screen and (max-width: 1200px) {
  .modModal__content {
    width: calc(100% - 30px);
    height: stretch;
    padding: 16px;
  }
}
.modModal__content__closeBtn {
  width: 48px;
  height: 48px;
  background: #444444;
  border-radius: 4px;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .modModal__content__closeBtn {
    width: 24px;
    height: 24px;
    top: 8px;
    right: 8px;
  }
}
.modModal__content__closeBtn::before, .modModal__content__closeBtn::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: var(--white);
  position: absolute;
  top: 50%;
  left: 17px;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1200px) {
  .modModal__content__closeBtn::before, .modModal__content__closeBtn::after {
    width: 10px;
    left: 7px;
  }
}
.modModal__content__closeBtn::before {
  transform: rotate(45deg);
}
.modModal__content__closeBtn::after {
  transform: rotate(-45deg);
}
.modModal__inner {
  overflow-y: auto;
  height: 100%;
}
.modModal .imgSingle {
  display: block;
  width: 100%;
  height: 100%;
}
.modModal .imgSingle img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.is-modal-open {
  overflow: hidden;
}
.modIcon {
  width: 20px;
  height: 20px;
  display: inline-block;
  flex-shrink: 0;
}
.modIcon--download {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='15' viewBox='0 0 12 15' fill='none'><path d='M1 4.5L6 9.5L11 4.5' stroke='white' stroke-width='2'/><path d='M6 9L6 0' stroke='white' stroke-width='2'/><path d='M1 11V14H11V11' stroke='white' stroke-width='2'/></svg>");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background: var(--white);
  width: 15px;
  height: 21px;
}
.modIcon--document {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 14 17' fill='none'><path d='M1 1H10.2L13 4.2V15.4H1V1Z' stroke='white' stroke-width='2'/><path d='M4.2002 6.7998H9.8002' stroke='white' stroke-width='2'/><path d='M4.2002 10.2998H9.8002' stroke='white' stroke-width='2'/></svg>");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background: var(--white);
  width: 12px;
  height: 14px;
}
.modIcon--external {
  mask-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17%2013V17H3V3H7'%20stroke='%2309A569'%20stroke-width='2'%20stroke-miterlimit='10'/%3E%3Cpath%20d='M17%203H10V10H17V3Z'%20stroke='%2309A569'%20stroke-width='2'%20stroke-miterlimit='10'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background: var(--green);
  margin-bottom: -4px;
}
.modIcon--arrowDown {
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M16%207L10%2013L4%207'%20stroke='white'%20stroke-width='2'%20stroke-miterlimit='10'/%3E%3C/svg%3E");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease-out;
  vertical-align: middle;
}
.modIcon--arrowUp {
  /* background: var(--white);
  -webkit-mask-image: url("../../assets/img/common/icon/totopsvg.svg");
  mask-image: url("../../assets/img/common/icon/totopsvg.svg");
 
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  transition: all 0.3s ease-out;
  vertical-align: middle; */

vertical-align: sub;
   background-image: url("../../assets/img/common/icon/totopsvg.svg");
}
/* テキスト
========================================================*/
.modList {
  counter-reset: jpNote;
}
.modList:is(ul):not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .modList:is(ul):not(:last-child) {
    margin-bottom: 16px;
  }
}
.modList:is(ul) li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--black);
  text-indent: -20px;
  padding-left: 24px;
}
.modList:is(ul) li:not(:last-child) {
  margin-bottom: 16px;
}
.modList:is(ul) li::before {
  content: "・";
  color: inherit;
}
.modList:is(ol) {
  counter-reset: list;
}
.modList:is(ol) li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--black);
  text-indent: -20px;
  padding-left: 24px;
  counter-increment: list;
}
.modList:is(ol) li:not(:last-child) {
  margin-bottom: 16px;
}
.modList:is(ol) li::before {
  content: counter(list) ".";
  color: inherit;
}
.modList li .txtRed {
  color: var(--red);
}
.modList li .txtRed .modBtnText__inner {
  color: var(--red) !important;
  background-image: linear-gradient(var(--red), var(--red));
}
.modList li .modList {
  margin-top: 8px;
}
.modList li > * {
  display: inline;
}
.modList__container {
  margin-bottom: 16px;
}
.modList__container:last-child {
  margin-bottom: 0;
}
.modList__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--black);
  margin-bottom: 8px;
}
.modList__title--red {
  color: var(--red);
  font-weight: 700;
}
.modList__item__bold {
  font-weight: 700;
}
.modList--red li {
  color: var(--red) !important;
}
.modList--md > li {
  margin-bottom: 0 !important;
  line-height: 2 !important;
}
.modList--small > li {
  margin-bottom: 0 !important;
}
.modList--jpNote .modList__item {
  counter-increment: jpNote;
  text-indent: -35px !important;
  padding-left: 35px !important;
}
.modList--jpNote .modList__item::before {
  font-size: 14px;
  font-size: 1.4rem;
  content: "(注" counter(jpNote) ")" !important;
}
.modList--jpNote02 .modList__item {
  counter-increment: jpNote;
  text-indent: -35px !important;
  padding-left: 35px !important;
}
.modList--jpNote02 .modList__item::before {
  font-size: 14px;
  font-size: 1.4rem;
  content: "注" counter(jpNote) ". " !important;
}
.modList--jpExample, .modList--jpOneExample {
  counter-reset: jpExample;
}
.modList--jpExample:not(:last-child), .modList--jpOneExample:not(:last-child) {
  margin-bottom: 16px;
}
.modList--jpExample .modList__item, .modList--jpOneExample .modList__item {
  position: relative;
  padding-left: 45px !important;
  counter-increment: jpExample;
  text-indent: 0;
}
.modList--jpExample .modList__item:not(:last-child), .modList--jpOneExample .modList__item:not(:last-child) {
  margin-bottom: 24px;
}
.modList--jpExample .modList__item::before, .modList--jpOneExample .modList__item::before {
  content: "例" counter(jpExample) ")" !important;
  line-height: 1.8;
  vertical-align: top;
  position: absolute;
  left: 0;
  text-indent: 0;
}
.modList--jpExample .modList__item ul, .modList--jpOneExample .modList__item ul {
  margin-bottom: 16px;
}
.modList--jpExample .modList__item li, .modList--jpOneExample .modList__item li {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .modList--jpExample .modList__item .modFigure, .modList--jpOneExample .modList__item .modFigure {
    margin-left: -45px;
    width: calc(100% + 45px);
  }
}
.modList--jpExample .modList__item__content, .modList--jpOneExample .modList__item__content {
  display: inline-block;
}
.modList--square:not(:last-child) {
  margin-bottom: 16px !important;
}
.modList--square li {
  padding: 0 !important;
  text-indent: 0 !important;
}
.modList--square li::before {
  content: "■" !important;
}
.modList--4col {
  columns: 4;
  gap: 16px;
}
@media screen and (max-width: 1200px) {
  .modList--4col {
    columns: 2;
  }
}
.modList--4col > li {
  margin-bottom: 0 !important;
}
.modList--circle {
  counter-reset: circleList;
}
.modList--circle .modList__item {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 0;
  counter-increment: circleList;
}
.modList--circle .modList__item__inner {
  flex: 1;
}
.modList--circle .modList__item__inner .title {
  line-height: 1.5;
  font-weight: 700;
}
.modList--circle .modList__item__inner .title:not(:last-child) {
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .modList--circle .modList__item__inner .title {
    align-items: flex-start;
  }
}
.modList--circle .modList__item__inner .title::before {
  content: "●";
}
.modList--circle .modList__item__inner .text {
  line-height: 1.5;
}
.modList--circle .modList__item__inner .text:not(:last-child) {
  margin-bottom: 8px;
}
.modList--circle .modList__item__inner .text .txtRed {
  color: var(--red);
}
.modList--circle .modList__item__inner .text .txtRed .modBtnText__inner {
  color: var(--red) !important;
  background-image: linear-gradient(var(--red), var(--red));
}
.modList--circle .modList__item::before {
  display: none;
}
.modList--circleCount {
  counter-reset: circleList;
}
.modList--circleCount .modList__item {
  display: flex;
  gap: 16px;
  align-items: center;
  text-indent: 0;
  padding: 0;
  counter-increment: circleList;
}
.modList--circleCount .modList__item::before {
  content: counter(circleList);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--black);
  flex-shrink: 0;
  color: var(--white);
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 768px) {
  .modList--circleCount .modList__item::before {
    width: 28px;
    height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.modList--circleCountPink {
  counter-reset: circleList;
}
.modList--circleCountPink .modList__item {
  display: flex;
  gap: 16px;
  align-items: center;
  text-indent: 0;
  padding: 0;
  counter-increment: circleList;
  margin-bottom: 8px !important;
}
.modList--circleCountPink .modList__item::before {
  content: counter(circleList);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--pink);
  flex-shrink: 0;
  color: var(--white);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
}
.modList--circleCountSmall {
  counter-reset: circleList;
}
.modList--circleCountSmall .modList__item {
  display: flex;
  gap: 16px;
  align-items: center;
  text-indent: 0;
  padding: 0;
  counter-increment: circleList;
  margin-bottom: 8px !important;
}
.modList--circleCountSmall .modList__item::before {
  content: counter(circleList);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--black);
  flex-shrink: 0;
  color: var(--black);
  font-family: "Barlow", sans-serif;
  font-weight: 700;
}
.modList li > * {
  text-indent: 0;
}
.modListBlock {
  padding: 32px;
  background: var(--white);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .modListBlock {
    padding: 24px 16px;
  }
}
.modListBlock--green {
  background: var(--lightGreen);
}
.modListBlock:has(+ .tradingRuleSubSection) {
  margin-bottom: 24px;
}
/* ボタン
========================================================*/
.modCta__inner {
  background: linear-gradient(99.64deg, #09a569 0%, #078c59 100%);
  border-radius: 8px;
  padding: 63px;
  position: relative;
  overflow: hidden;
  padding: 32px 63px;
  /*260416追記*/
}
@media screen and (max-width: 768px) {
  .modCta__inner {
    padding: 42px 16px 22px;
  }
}
.modCta__inner:has(.modBtnText) {
  padding: 45px 35px 25px;
}
@media screen and (max-width: 768px) {
  .modCta__inner:has(.modBtnText) {
    padding: 33px 15px 25px;
  }
}
.modCta__inner:has(.modBtnText) .modCta__img__character01 {
  width: 26%;
  left: 4px;
  bottom: -5px;
}
@media screen and (max-width: 768px) {
  .modCta__inner:has(.modBtnText) .modCta__img__character01 {
    aspect-ratio: 240/217;
    width: 77.1704180064%;
  }
}
.modCta__inner:has(.modBtnText) .modCta__img__character02 {
  width: 22.1052631579%;
  right: 20px;
}
.modCta__inner:has(.modBtnText) .modBtn02 {
  margin-bottom: 24px;
}
.modCta__title {
  font-size: clamp(24px, 3.7vw, 56px);
  font-weight: 900;
  color: var(--white);
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
  text-align: center;
  line-height: 1;
  margin-bottom: 32px;
  text-shadow: 4px 4px 0 #000;
}
@media screen and (max-width: 768px) {
  .modCta__title {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 24px;
  }
}
.modCta__title .textSmall {
  font-size: clamp(20px, 3.1vw, 48px);
}
@media screen and (max-width: 768px) {
  .modCta__title .textSmall {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.modCta__img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .modCta__img {
    position: relative;
    width: fit-content;
    margin-inline: auto;
  }
}
.modCta__img__character01 {
  left: 20px;
  bottom: 0;
  width: 20.8333333333%;
  aspect-ratio: 240/231;
  display: block;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .modCta__img__character01 {
    aspect-ratio: 240/217;
    position: static;
    width: 100%;
    max-width: 360px;
    margin-inline: auto;
    display: block;
    width: 77.1704180064%;
  }
}
.modCta__img__character01 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.modCta__img__character02 {
  position: absolute;
  right: 38px;
  bottom: 0;
  width: 17.7083333333%;
  aspect-ratio: 204/231;
}
@media screen and (max-width: 768px) {
  .modCta__img__character02 {
    display: none;
  }
}
.modCta__img__character02 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.modCta .modBtn02 {
  max-width: min(400px, 50%);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .modCta .modBtn02 {
    width: 100%;
    min-height: 64px;
    max-width: 350px;
  }
}
.modCta .modBtn02 {
  width: 51.4285714286%;
  max-width: unset;
  margin-inline: auto;
  position: relative;
  z-index: 1;
  min-height: 72px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modCta .modBtn02 {
    padding: clamp(8px, 1vw, 24px) clamp(8px, 1vw, 20px);
    font-size: 16px;
    font-size: 1.6rem;
    aspect-ratio: 612/80;
    height: auto;
    min-height: auto;
  }
}
@media screen and (max-width: 768px) {
  .modCta .modBtn02 {
    text-align: center;
    line-height: 1.2;
    width: 100%;
    max-width: 400px;
    min-height: 64px;
  }
}
.modCta .modBtnText {
  margin-inline: auto;
  margin-top: 24px;
}
.modCta--reason .modCta__inner {
  padding: 45px 45px 24px;
  /*20260416追記*/
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .modCta--reason .modCta__inner {
    padding: 32px 32px 40px;
  }
}
@media screen and (max-width: 768px) {
  .modCta--reason .modCta__inner {
    padding: 32px 16px;
  }
}
.modCta--reason .modCta__titleImg {
  aspect-ratio: 840/116;
  width: 70.5882352941%;
  height: auto;
  display: block;
  margin-inline: auto;
  margin-bottom: -8px;
}
@media screen and (max-width: 768px) {
  .modCta--reason .modCta__titleImg {
    aspect-ratio: 313/111;
    width: 83.4666666667%;
  }
}
.modCta--reason .modCta__titleImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modCta--reason .modCta__img__character01 {
  width: 18.75%;
}
@media screen and (max-width: 768px) {
  .modCta--reason .modCta__img__character01 {
    display: none;
  }
}
.modCta--reason .modCta__img__character02 {
  width: 15.9375%;
}
@media screen and (max-width: 768px) {
  .modCta--reason .modCta__img__character02 {
    display: none;
  }
}
.top {
  overflow-x: clip;
  padding-top: 136px;
}
@media screen and (max-width: 1000px) {
  .top {
    padding-top: 73px;
  }
}
.topSection {
  padding: 64px 80px;
}
@media screen and (max-width: 1200px) {
  .topSection {
    padding: 56px 40px;
  }
}
@media screen and (max-width: 768px) {
  .topSection {
    padding-inline: 16px;
  }
}
.topSection__inner {
  max-width: 1280px;
  margin-inline: auto;
}
.topSection--lightGray {
  background: #333;
}
.topSection--flex .topSection__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 1000px) {
  .topSection--flex .topSection__inner {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .topSection--flex .topSection__inner {
    flex-direction: column;
    gap: 56px;
  }
}
.topSection--flex .topSection__inner > * {
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .topSection--flex .topSection__inner .modSection__flexContent {
    width: 100%;
  }
}
.topSection--strength {
  background: #333;
}
@media screen and (min-width: 769px) {
  .topSection--strength .modHeading02__main {
    position: relative;
  }
  .topSection--strength .modHeading02__main::after {
    content: "";
    display: block;
    aspect-ratio: 123/132;
    width: 123px;
    height: auto;
    background: url("../../assets/img/pages/top/img_strengthLogo.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: calc(100% + 16px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .topSection--strength .modHeading02__main::after {
    display: none;
  }
}
.topHeading02 {
  text-align: center;
  margin-bottom: 46px;
}
@media screen and (max-width: 768px) {
  .topHeading02 {
    margin-inline: -10px;
    margin-bottom: 32px;
  }
}
.topHeading02__sub {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Barlow", sans-serif;
  line-height: 1;
  display: block;
  width: fit-content;
  margin: 0 auto 10px;
  padding: 9px;
  background: var(--white);
  position: relative;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .topHeading02__sub {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 4px;
  }
}
.topHeading02__sub span {
  background: linear-gradient(180deg, #e3bc06 0%, #fcd934 49.12%, #bb9c08 98.23%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  letter-spacing: -0.03em;
  font-weight: 900;
  filter: drop-shadow(2px 0 0 #000) drop-shadow(-1.2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -1.2px 0 #000);
}
.topHeading02__sub::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -13px;
  aspect-ratio: 15/38;
  width: auto;
  height: 100%;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2238%22%20viewBox%3D%220%200%2015%2038%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2038H14.25V0H0L8.87315%2019L0%2038Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
}
@media screen and (max-width: 768px) {
  .topHeading02__sub::before {
    aspect-ratio: 21/38;
  }
}
.topHeading02__sub::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -13px;
  aspect-ratio: 15/38;
  width: auto;
  height: 100%;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2238%22%20viewBox%3D%220%200%2015%2038%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.25%2038H0V0H14.25L5.37685%2019L14.25%2038Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
}
@media screen and (max-width: 768px) {
  .topHeading02__sub::after {
    aspect-ratio: 21/38;
  }
}
.topHeading02__main {
  width: fit-content;
  text-align: center;
  margin-inline: auto;
  position: relative;
  font-size: 64px;
  font-size: 6.4rem;
  font-weight: 900;
  line-height: 1;
  color: var(--white);
  display: inline;
  margin: 0 auto;
  background-image: linear-gradient(#ff3b9d, #ff3b9d);
  background-size: 100% 50%;
  background-position: center bottom;
  background-repeat: no-repeat;
  letter-spacing: -0.05em;
  text-shadow: 4px 4px 0 #000;
  padding: 0px 20px;
}
@media screen and (max-width: 768px) {
  .topHeading02__main {
    font-size: 40px;
    font-size: 4rem;
    padding: 0px 8px;
  }
}
.topHeading02__main .mainTxt {
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
}
.topHeading02__main .mainTxt__sm {
  font-size: 48px;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .topHeading02__main .mainTxt__sm {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.topHeading02--small {
  margin-bottom: 32px;
}
.topHeading02--small .topHeading02__main {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .topHeading02--small .topHeading02__main {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.topHeading02--small .topHeading02__main__sm {
  font-size: 32px;
  font-size: 3.2rem;
}
.topHeading02--left {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .topHeading02--left {
    text-align: center;
  }
}
.topKv {
  position: relative;
}
@media screen and (max-width: 768px) {
  .topKv {
    padding-bottom: 8px;
  }
}
.topKv__top {
  background: linear-gradient(99.64deg, #09a569 0%, #078c59 100%);
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .topKv__top {
    margin-bottom: 16px;
  }
}
.topKv__top__inner {
  display: flex;
  align-items: center;
  gap: 43px;
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin-inline: auto;
  padding: 16px 80px;
}
@media screen and (max-width: 1200px) {
  .topKv__top__inner {
    padding: 16px 40px;
  }
}
@media screen and (max-width: 768px) {
  .topKv__top__inner {
    padding: 18px 17px 0 13px;
  }
}
.topKv__top__inner::after {
  content: "";
  display: block;
  aspect-ratio: 436/384;
  background: url("../../assets/img/pages/top/img_kvCharacter.png") no-repeat center 100%;
  background-size: contain;
  position: absolute;
  bottom: -7.8%;
  left: 26.5%;
  width: 25.4861111111%;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .topKv__top__inner::after {
    left: auto;
    right: -5%;
    width: 59.2%;
  }
}
@media screen and (min-width: 769px) {
  .topKv__top__text {
    width: 48.671875%;
    margin-left: -6px;
  }
}
@media screen and (max-width: 768px) {
  .topKv__top__text {
    width: 100%;
  }
}
.topKv__top__text .title {
  aspect-ratio: 516/136;
}
.topKv__top__text .title img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.topKv__top__text .oricon {
  aspect-ratio: 329/127;
  width: 54.5746388443%;
  margin-bottom: 25px;
  display: block;
}
@media screen and (max-width: 768px) {
  .topKv__top__text .oricon {
    aspect-ratio: 223/154;
    width: 61.4492753623%;
    margin-bottom: 17px;
  }
}
.topKv__top__text .oricon img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.topKv__top__text .topKvBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: clamp(12px, 1.5vw, 24px) clamp(10px, 1.5vw, 20px);
  background: var(--pink);
  border-radius: 12px;
  font-size: clamp(12px, 1.5vw, 24px);
  font-weight: 700;
  line-height: 1;
  box-shadow: 0px 8px 0px #cc2576;
  max-width: 48.1540930979%;
}
@media screen and (max-width: 768px) {
  .topKv__top__text .topKvBtn {
    display: none;
  }
}
.topKv__top__text .topKvBtn .arrow {
  width: 11px;
  height: 18px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2219%22%20viewBox%3D%220%200%2012%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.06067%2017.0607L9.06067%209.06067L1.06067%201.06067%22%20stroke%3D%22white%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
@media screen and (min-width: 769px) {
  .topKv__top__text .topKvBtn:hover {
    box-shadow: 0px 2px 0px #cc2576;
    transform: translateY(4px);
  }
}
.topKv__top__image {
  width: 48.4375%;
}
@media screen and (max-width: 768px) {
  .topKv__top__image {
    display: none !important;
  }
}
.topKv__top__image figure {
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 620/414;
}
.topKv__top__image figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.topKv__top__image:hover img {
  transform: scale(1.02);
}
.topKv__top__image .swiper-slide {
  pointer-events: none;
}
.topKv__top__image .swiper-slide-active {
  pointer-events: auto;
}
.topKv__slider {
  overflow: visible !important;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .topKv__slider {
    margin-bottom: 8px;
  }
}
.topKv__slider__item {
  width: 12.5% !important;
  aspect-ratio: 180/120;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  min-width: 180px;
}
@media screen and (max-width: 768px) {
  .topKv__slider__item {
    width: 85.3333333333% !important;
    aspect-ratio: 320/213;
    max-width: 320px;
    min-width: unset;
  }
}
.topKv__slider__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
}
@media screen and (min-width: 769px) {
  .topKv__slider__item:hover {
    transform: scale(1.05);
    opacity: 0.9;
  }
}
.topKv__slider__item.swiper-slide-active::after {
  position: absolute;
  content: "";
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  background: var(--white);
  top: -4px;
  left: -4px;
  border-radius: 7px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .topKv__slider__item.swiper-slide-active::after {
    display: none;
  }
}
.topKv__slider__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-inline: auto;
  gap: 24px;
  margin-top: 12px;
}
.topKv__slider__nav .navBtn {
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .topKv__slider__nav .navBtn {
    display: none;
  }
}
.topKv__slider__nav .navBtn::after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
.topKv__slider__nav .navBtn--prev::after {
  transform: rotate(90deg);
}
.topKv__slider__nav .navBtn--prev:hover::after {
  animation: arrowAnimationLeft 0.6s ease-out;
}
.topKv__slider__nav .navBtn--next::after {
  transform: rotate(-90deg);
}
.topKv__slider__nav .navBtn--next:hover::after {
  animation: arrowAnimation 0.6s ease-out;
}
.topKv__slider__nav .navPagination {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .topKv__slider__nav .navPagination {
    gap: 6px;
  }
}
.topKv__slider__nav .navPagination .navPagination {
  width: fit-content;
}
.topKv__slider__nav .navPagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: block;
  background: var(--gray);
  border-radius: 50%;
  opacity: 1;
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .topKv__slider__nav .navPagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
}
.topKv__slider__nav .navPagination .swiper-pagination-bullet-active {
  background: var(--green);
}
.topKv__spBtn {
  display: none;
}
@media screen and (max-width: 768px) {
  .topKv__spBtn {
    width: calc(100% - 32px);
    max-width: 343px;
    font-size: 24px;
    font-size: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--pink);
    border-radius: 12px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0px 8px 0px #cc2576;
    margin-inline: auto;
    min-height: 64px;
    margin-top: 30px;
  }
}
.topKv__spBtn .arrow {
  width: 11px;
  height: 18px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2219%22%20viewBox%3D%220%200%2012%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.06067%2017.0607L9.06067%209.06067L1.06067%201.06067%22%20stroke%3D%22white%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
@media screen and (min-width: 769px) {
  .topKv__spBtn:hover {
    box-shadow: 0px 2px 0px #cc2576;
    transform: translateY(4px);
  }
}
.topWarning {
  padding-inline: 80px;
}
@media screen and (max-width: 1200px) {
  .topWarning {
    padding-inline: 40px;
  }
}
@media screen and (max-width: 768px) {
  .topWarning {
    padding-inline: 16px;
  }
}
.topWarning__inner {
  max-width: 1280px;
  margin-inline: auto;
  background: var(--gray);
  border-radius: 8px;
  margin-top: 32px;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
  color: #ff4b37;
}
@media screen and (max-width: 768px) {
  .topWarning__inner {
    padding-inline: 12px;
    margin-top: 24px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.topWarning__inner a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .topWarning__inner a {
    gap: 16px;
    padding: 12px 0;
  }
}
.topWarning__inner a::before {
  content: "";
  width: 24px;
  height: 24px;
  background: #ff4b37;
  display: block;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3.66346%2020.6315C2.51734%2019.5245%201.60315%2018.2004%200.974242%2016.7363C0.345334%2015.2723%200.0142989%2013.6976%200.000453081%2012.1043C-0.0133927%2010.5109%200.290228%208.93077%200.893598%207.45601C1.49697%205.98125%202.38801%204.64143%203.51472%203.51472C4.64143%202.38801%205.98125%201.49697%207.45601%200.893598C8.93077%200.290228%2010.5109%20-0.0133927%2012.1043%200.000453081C13.6976%200.0142989%2015.2723%200.345334%2016.7363%200.974242C18.2004%201.60315%2019.5245%202.51734%2020.6315%203.66346C22.8174%205.92668%2024.0269%208.95791%2023.9995%2012.1043C23.9722%2015.2506%2022.7102%2018.2604%2020.4853%2020.4853C18.2604%2022.7102%2015.2506%2023.9722%2012.1043%2023.9995C8.95791%2024.0269%205.92668%2022.8174%203.66346%2020.6315ZM10.9475%206.14746V13.3475H13.3475V6.14746H10.9475ZM10.9475%2015.7475V18.1475H13.3475V15.7475H10.9475Z%22%20fill%3D%22%23FF4B37%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  flex-shrink: 0;
}
.topWarning__inner a::after {
  content: "";
  width: 7px;
  height: 12px;
  background: #ff4b37;
  display: block;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707153%2010.7072L5.70715%205.70715L0.707153%200.707153%22%20stroke%3D%22%23FF4B37%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  flex-shrink: 0;
}
.top .topCampign {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1000px) {
  .top .topCampign {
    flex-direction: column-reverse;
  }
}
.top .topCampign__currencies {
  width: 288px;
}
@media screen and (max-width: 1000px) {
  .top .topCampign__currencies {
    width: 100%;
  }
}
.top .topCampign__currencies__title {
  background: linear-gradient(180deg, #e2bb04 0%, #fdda34 50%, #b89906 100%);
  border-radius: 34px 34px 3px 3px;
  padding: 10px 20px;
  text-align: center;
  margin-bottom: 8px;
}
.top .topCampign__currencies__title .subTitle {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.25;
  font-family: "Barlow", sans-serif;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.top .topCampign__currencies__title .subTitle::after, .top .topCampign__currencies__title .subTitle::before {
  content: "";
  display: block;
  width: 1.6px;
  height: 20px;
  background: var(--white);
  transform: rotate(40deg);
  border: 1px solid var(--white);
}
.top .topCampign__currencies__title .subTitle::before {
  transform: rotate(-40deg);
}
.top .topCampign__currencies__title .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.25;
  font-family: "Barlow", sans-serif;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
  letter-spacing: 0.04em;
  margin-top: -10px;
}
.top .topCampign__currencies__title .title span {
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  padding-inline: 4px;
}
.top .topCampign__currencies__content {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.top .topCampign__currencies__content .currencyItem {
  background: var(--gray);
  width: 100%;
  border-radius: 4px;
  padding: 16px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__currencies__content .currencyItem {
    width: calc((100% - 8px) / 2);
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
  }
}
.top .topCampign__currencies__content .currencyItem__flag {
  border: 1px solid var(--white);
  aspect-ratio: 33/22;
  max-width: 33px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__currencies__content .currencyItem__flag {
    max-width: 24px;
  }
}
.top .topCampign__currencies__content .currencyItem__flag__container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.top .topCampign__currencies__content .currencyItem__flag img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.top .topCampign__currencies__content .currencyItem__text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .top .topCampign__currencies__content .currencyItem__text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.top .topCampign__currencies__content .currencyItem--reinforced {
  border: 4px dotted var(--yellow);
  border-radius: 6px;
  position: relative;
}
.top .topCampign__currencies__content .currencyItem--reinforced::after {
  content: "強化中";
  display: block;
  padding: 6px 10px 6px 7px;
  background: var(--yellow);
  color: var(--black);
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  mask: url("data:image/svg+xml,%3Csvg%20width%3D%2257%22%20height%3D%2224%22%20viewBox%3D%220%200%2057%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2248%22%20height%3D%2224%22%20fill%3D%22%23FFE600%22/%3E%3Cpath%20d%3D%22M57%2024H48V0H57L51.3959%2012L57%2024Z%22%20fill%3D%22%23FFE600%22/%3E%3C/svg%3E") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .top .topCampign__currencies__content .currencyItem--reinforced::after {
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 0;
    right: 6px;
  }
}
.top .topCampign__campaign {
  flex: 1;
}
.top .topCampign__campaign__ongoing {
  margin-bottom: 56px;
}
.top .topCampign__campaign__ongoing .header {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 32px;
}
.top .topCampign__campaign__ongoing .header .topHeading02 {
  grid-area: 1/1/2/2;
  margin-bottom: 20px;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__ongoing .header .topHeading02 {
    grid-area: 1/1/2/3;
    margin-inline: auto;
  }
}
.top .topCampign__campaign__ongoing .header .header__description {
  grid-area: 2/1/3/2;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__ongoing .header .header__description {
    grid-area: 2/1/3/2;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.top .topCampign__campaign__ongoing .content {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__ongoing .content {
    gap: 16px;
  }
}
.top .topCampign__campaign__ongoing .content__item {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__ongoing .content__item {
    width: calc((100% - 16px) / 2);
  }
}
.top .topCampign__campaign__ongoing .content__item__link .image {
  aspect-ratio: 323/202;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 4px;
}
.top .topCampign__campaign__ongoing .content__item__link .image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.3s ease-in-out;
}
.top .topCampign__campaign__ongoing .content__item__link .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__ongoing .content__item__link .text {
    gap: 8px;
  }
}
.top .topCampign__campaign__ongoing .content__item__link .text .text__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__ongoing .content__item__link .text .text__title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.top .topCampign__campaign__ongoing .content__item__link .text .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__ongoing .content__item__link .text .arrow {
    width: 24px;
    aspect-ratio: 1;
  }
}
.top .topCampign__campaign__ongoing .content__item__link .text .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: rotate(-90deg);
}
.top .topCampign__campaign__ongoing .content__item__link:hover .image img {
  transform: scale(1.05);
}
.top .topCampign__campaign__ongoing .content__item__link:hover .text .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.top .topCampign__campaign__highlight {
  margin-bottom: 56px;
  border-radius: 8px;
  border: 4px dotted var(--yellow);
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__highlight {
    padding: 16px;
  }
}
.top .topCampign__campaign__highlight .header__item {
  margin-bottom: 32px;
  margin-inline: auto;
  width: fit-content;
  text-align: center;
}
.top .topCampign__campaign__highlight .header__item__title {
  text-align: center;
  position: relative;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
  color: var(--white);
  display: inline;
  margin: 0 auto;
  background-image: linear-gradient(#ffe600, #ffe600);
  background-size: 100% 50%;
  background-position: center bottom;
  background-repeat: no-repeat;
  letter-spacing: -0.05em;
  text-shadow: 4px 4px 0 #000;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 10px 25px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__highlight .header__item__title {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 5px 5px;
  }
}
.top .topCampign__campaign__highlight .header__item__title .mainTxt {
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
}
.top .topCampign__campaign__highlight .header__item__title .mainTxt__sm {
  font-size: 32px;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__highlight .header__item__title .mainTxt__sm {
    font-size: 20px;
    font-size: 2rem;
  }
}
.top .topCampign__campaign__highlight .hightLight__item {
  width: calc((100% - 50px) / 3);
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__highlight .hightLight__item {
    width: calc((100% - 16px) / 2);
  }
  .top .topCampign__campaign__highlight .hightLight__item:first-child {
    width: 100%;
  }
}
.top .topCampign__campaign__highlight .hightLight__item__container {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__highlight .hightLight__item__container {
    gap: 24px 16px;
  }
}
.top .topCampign__campaign__highlight .hightLight__item__link {
  display: block;
}
.top .topCampign__campaign__highlight .hightLight__item__link .image {
  aspect-ratio: 306/191;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.08);
}
.top .topCampign__campaign__highlight .hightLight__item__link .image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.3s ease-in-out;
}
.top .topCampign__campaign__highlight .hightLight__item__link .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__highlight .hightLight__item__link .text {
    gap: 8px;
  }
}
.top .topCampign__campaign__highlight .hightLight__item__link .text .text__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__highlight .hightLight__item__link .text .text__title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.top .topCampign__campaign__highlight .hightLight__item__link .text .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__highlight .hightLight__item__link .text .arrow {
    width: 24px;
    aspect-ratio: 1;
  }
}
.top .topCampign__campaign__highlight .hightLight__item__link .text .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: rotate(-90deg);
}
.top .topCampign__campaign__highlight .hightLight__item__link:hover .image img {
  transform: scale(1.05);
}
.top .topCampign__campaign__highlight .hightLight__item__link:hover .text .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.top .topCampign__campaign__upcoming .upcomingItem {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 24px 40px 24px 24px;
  background: linear-gradient(99.64deg, #09a569 0%, #078c59 100%);
  border-radius: 8px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__upcoming .upcomingItem {
    flex-direction: column;
    padding: 16px;
    gap: 24px;
    border-radius: 4px;
  }
}
.top .topCampign__campaign__upcoming .upcomingItem__image {
  aspect-ratio: 468/292;
  overflow: hidden;
  border-radius: 4px;
  width: 48.2972136223%;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__upcoming .upcomingItem__image {
    width: 100%;
    border-radius: 3px;
  }
}
.top .topCampign__campaign__upcoming .upcomingItem__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__upcoming .upcomingItem__image img {
    border-radius: 3px;
  }
}
.top .topCampign__campaign__upcoming .upcomingItem__text {
  flex: 1;
}
.top .topCampign__campaign__upcoming .upcomingItem__text__title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1.5;
  color: var(--white);
  text-decoration: underline var(--yellow) dotted;
  text-underline-offset: 10px;
  text-decoration-thickness: 20%;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__upcoming .upcomingItem__text__title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 24px;
  }
}
.top .topCampign__campaign__upcoming .upcomingItem__text__note {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--white);
  display: flex;
}
.top .topCampign__campaign__upcoming .upcomingItem__text__note::before {
  content: "※";
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__upcoming .upcomingItem__text__note {
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 32px;
  }
}
.top .topCampign__campaign__upcoming .upcomingItem .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  bottom: 24px;
}
@media screen and (max-width: 768px) {
  .top .topCampign__campaign__upcoming .upcomingItem .arrow {
    right: 16px;
    bottom: 16px;
    width: 24px;
  }
}
.top .topCampign__campaign__upcoming .upcomingItem .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: rotate(-90deg);
}
.top .topCampign__campaign__upcoming .upcomingItem:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.top .topCampign__campaign__upcoming .upcomingItem:hover .upcomingItem__image img {
  transform: scale(1.05);
}
.top .strengthItemAnchor {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  counter-reset: strengthItemAnchor;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .top .strengthItemAnchor {
    margin-bottom: 56px;
  }
}
.top .strengthItemAnchor__link {
  width: calc((100% - 16px) / 2);
  display: block;
  padding: 16px 24px;
  background: var(--yellow);
  border-radius: 8px;
  counter-increment: strengthItemAnchor;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .top .strengthItemAnchor__link {
    width: 100%;
    padding: 16px;
    gap: 16px;
  }
}
.top .strengthItemAnchor__link .text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.05em;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
  text-shadow: 2px 2px 0 #000;
}
@media screen and (max-width: 768px) {
  .top .strengthItemAnchor__link .text {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.top .strengthItemAnchor__link .pointCounter {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  -webkit-text-stroke: 0px #000;
  -moz-text-stroke: 0px #000;
  text-stroke: 0px #000;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-right: 24px;
  border-right: 1px solid #e5cf00;
  color: var(--black);
  font-family: "Barlow", sans-serif;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .top .strengthItemAnchor__link .pointCounter {
    font-size: 13px;
    font-size: 1.3rem;
    padding-right: 16px;
  }
}
.top .strengthItemAnchor__link .pointCounter::after {
  content: counter(strengthItemAnchor, decimal-leading-zero);
  display: block;
  font-size: 48px;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .top .strengthItemAnchor__link .pointCounter::after {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.top .strengthItemAnchor__link .arrow {
  width: 32px;
  height: 32px;
  background: var(--white);
  border-radius: 4px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .top .strengthItemAnchor__link .arrow {
    width: 24px;
    height: 24px;
  }
}
.top .strengthItemAnchor__link .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--black);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
.top .strengthItemAnchor__link:hover .arrow::after {
  animation: arrowAnimationDown 0.6s ease-out;
}
.top .strengthPoint {
  counter-reset: strengthPointItem;
}
.top .strengthPoint__container > .modBtn {
  min-width: 400px;
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__container > .modBtn {
    min-width: inherit;
  }
}
.top .strengthPoint__item {
  position: relative;
  counter-increment: strengthPointItem;
}
.top .strengthPoint__item__tag {
  width: 120px;
  height: 120px;
  aspect-ratio: 1;
  background: linear-gradient(180deg, #e2bb04 0%, #fdda34 50%, #b89906 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-24px, -24px);
  mask: url("data:image/svg+xml,%3csvg%20width='117'%20height='117'%20viewBox='0%200%20117%20117'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M114.836%2055.1038C116.572%2056.6898%20116.572%2059.4239%20114.836%2061.01L110.511%2064.9616C109.168%2066.1885%20108.822%2068.167%20109.669%2069.7768L112.414%2074.9962C113.513%2077.0866%20112.572%2079.6695%20110.385%2080.5619L105.062%2082.7339C103.368%2083.425%20102.359%2085.1768%20102.611%2086.9886L103.422%2092.8196C103.749%2095.1705%20101.969%2097.2874%2099.597%2097.3684L93.9449%2097.5612C92.101%2097.6241%2090.5394%2098.94%2090.1647%20100.746L88.9875%20106.422C88.502%20108.762%2086.0854%20110.158%2083.8157%20109.407L78.4953%20107.649C76.7339%20107.067%2074.8034%20107.772%2073.8321%20109.353L70.8497%20114.207C69.5923%20116.253%2066.8277%20116.737%2064.9492%20115.241L60.5625%20111.746C59.1042%20110.584%2057.0366%20110.584%2055.5781%20111.745L51.1871%20115.242C49.3086%20116.738%2046.5445%20116.253%2045.2872%20114.207L42.3043%20109.353C41.3331%20107.772%2039.4026%20107.067%2037.6412%20107.649L32.3225%20109.407C30.0522%20110.157%2027.6351%20108.761%2027.1504%20106.42L25.9754%20100.743C25.6013%2098.9362%2024.0393%2097.6195%2022.1948%2097.5565L16.5428%2097.3637C14.171%2097.2828%2012.3909%2095.1666%2012.7171%2092.8161L13.5262%2086.9878C13.7776%2085.1764%2012.7686%2083.4252%2011.0754%2082.7343L5.75273%2080.5624C3.56543%2079.6699%202.62399%2077.0862%203.72436%2074.9957L6.47087%2069.7779C7.31848%2068.1676%206.97236%2066.1881%205.62862%2064.961L1.3027%2061.0106C-0.434194%2059.4245%20-0.434196%2056.6893%201.3027%2055.1032L5.62862%2051.1527C6.97236%2049.9256%207.31849%2047.9462%206.47087%2046.3359L3.72436%2041.1181C2.62399%2039.0276%203.56543%2036.4439%205.75273%2035.5514L11.0755%2033.3794C12.7687%2032.6886%2013.7777%2030.9374%2013.5263%2029.1261L12.7169%2023.2929C12.3907%2020.9424%2014.1709%2018.8264%2016.5425%2018.7455L22.1948%2018.5526C24.0393%2018.4897%2025.6013%2017.173%2025.9754%2015.3658L27.1501%209.69093C27.6349%207.34895%2030.0529%205.95298%2032.3234%206.7042L37.6405%208.46333C39.4022%209.04619%2041.3334%208.34092%2042.3049%206.75992L45.2872%201.90643C46.5445%20-0.139615%2049.3085%20-0.624454%2051.1871%200.871549L55.5781%204.36841C57.0366%205.52991%2059.1042%205.52969%2060.5625%204.36788L64.9502%200.872085C66.8284%20-0.624241%2069.5924%20-0.140126%2070.8502%201.90545L73.8362%206.76181C74.8077%208.34188%2076.7381%209.04675%2078.4992%208.46452L83.8151%206.70707C86.085%205.95663%2088.502%207.35184%2088.9874%209.69278L90.1649%2015.3716C90.5395%2017.1782%2092.1012%2018.4943%2093.9451%2018.5572L99.5968%2018.75C101.969%2018.831%20103.749%2020.948%20103.422%2023.299L102.611%2029.1251C102.359%2030.9368%20103.368%2032.6888%20105.062%2033.3799L110.385%2035.5519C112.572%2036.4442%20113.513%2039.0271%20112.414%2041.1175L109.669%2046.3369C108.822%2047.9468%20109.168%2049.9252%20110.511%2051.1521L114.836%2055.1038Z'%20fill='url(%23paint0_linear_30_1083)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_30_1083'%20x1='58.0682'%20y1='-1.94312'%20x2='58.0682'%20y2='118.057'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E2BB04'/%3e%3cstop%20offset='0.5'%20stop-color='%23FDDA34'/%3e%3cstop%20offset='1'%20stop-color='%23B89906'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  color: var(--black);
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__item__tag {
    width: 90px;
    height: 90px;
    transform: translate(-16px, -48px);
    padding: 12px;
  }
}
.top .strengthPoint__item__tag .text {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1;
  border: 2.5px solid rgba(255, 255, 255, 0.4784313725);
  border-radius: 50em;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__item__tag .text {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.top .strengthPoint__item__tag .text::after {
  content: counter(strengthPointItem, decimal-leading-zero);
  display: block;
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 900;
  line-height: 1;
  font-family: "Barlow", sans-serif;
  margin-top: -8px;
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__item__tag .text::after {
    font-size: 36px;
    font-size: 3.6rem;
    margin-top: -6px;
  }
}
.top .strengthPoint__item__main {
  background: var(--gray);
  border-radius: 8px;
  padding: 40px 64px;
  display: flex;
  align-items: center;
  gap: 64px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .top .strengthPoint__item__main {
    padding: 24px 16px;
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__item__main {
    padding: 24px 16px;
    gap: 24px;
    flex-direction: column;
  }
}
.top .strengthPoint__item__main:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__item__main:not(:last-child) {
    margin-bottom: 8px;
  }
}
.top .strengthPoint__item__main .image {
  flex: 1;
  aspect-ratio: 584/389;
}
.top .strengthPoint__item__main .image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
}
.top .strengthPoint__item__main .text {
  flex: 1;
}
.top .strengthPoint__item__main .text__title {
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -0.05em;
  color: var(--white);
  margin-bottom: 16px;
  text-decoration: underline var(--yellow) dotted;
  text-underline-offset: 10px;
  text-decoration-thickness: 20%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__item__main .text__title {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 24px;
  }
}
.top .strengthPoint__item__main .text__description {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__item__main .text__description {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 24px;
  }
}
.top .strengthPoint__item .modTextNote:not(:last-child) {
  margin-bottom: 3px;
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__item .modTextNote:not(:last-child) {
    margin-bottom: 16px;
  }
}
.top .strengthPoint__item .modBtn__flexContainer {
  flex-direction: column;
}
.top .strengthPoint__item:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .top .strengthPoint__item:not(:last-child) {
    margin-bottom: 56px;
  }
}
.top .specializedTool__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  .top .specializedTool__container {
    flex-direction: column;
  }
}
.top .specializedTool__container:not(:last-child) {
  margin-bottom: 56px;
}
.top .specializedTool__container--center {
  align-items: center;
}
.top .specializedTool__container--center .specializedTool__text {
  position: relative;
  top: 0;
}
.top .specializedTool__text {
  width: 31.25%;
  position: sticky;
  top: 300px;
}
@media screen and (max-width: 1000px) {
  .top .specializedTool__text {
    width: 100%;
    margin-bottom: 24px;
    position: static;
    top: auto;
  }
}
.top .specializedTool__text__title {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.2;
  color: var(--white);
  margin-bottom: 24px;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
}
@media screen and (max-width: 1000px) {
  .top .specializedTool__text__title {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 24px;
    text-align: center;
  }
}
.top .specializedTool__text__title span {
  font-size: 44px;
  font-size: 4.4rem;
  background: linear-gradient(180deg, #e3bc06 0%, #fcd934 49.12%, #bb9c08 98.23%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 0 #000);
}
@media screen and (max-width: 768px) {
  .top .specializedTool__text__title span {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.top .specializedTool__text__description {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  color: var(--white);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__text__description {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.top .specializedTool__text__description:not(:last-child) {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__text__description:not(:last-child) {
    margin-bottom: 24px;
  }
}
.top .specializedTool__item {
  width: calc((100% - 24px) / 2);
  padding: 24px;
  background: var(--gray);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item {
    padding: 8px;
    border-radius: 4px;
    width: calc((100% - 16px) / 2);
  }
}
.top .specializedTool__item__container {
  width: 65.625%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
  .top .specializedTool__item__container {
    width: 100%;
    gap: 16px;
  }
}
.top .specializedTool__item__image {
  aspect-ratio: 396/260;
  margin-bottom: 24px;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item__image {
    margin-bottom: 6px;
  }
}
.top .specializedTool__item__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.top .specializedTool__item__text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item__text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.top .specializedTool__item__text .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item__text .arrow {
    width: 24px;
    aspect-ratio: 1;
  }
}
.top .specializedTool__item__text .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.top .specializedTool__item:hover .specializedTool__item__text .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.top .specializedTool__item:hover .specializedTool__item__image img {
  transform: scale(1.05);
}
.top .specializedTool__item--full {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: linear-gradient(98.48deg, #09a569 -0.03%, #078c59 99.99%);
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item--full {
    flex-direction: column;
    padding: 16px;
    gap: 16px;
  }
}
.top .specializedTool__item--full .specializedTool__item {
  position: relative;
}
.top .specializedTool__item--full .specializedTool__item__image {
  width: 49.1161616162%;
  margin-bottom: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item--full .specializedTool__item__image {
    width: 100%;
  }
}
.top .specializedTool__item--full .specializedTool__item__text {
  width: 45.4545454545%;
  flex-direction: column;
  justify-content: center;
  position: static;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item--full .specializedTool__item__text {
    width: 100%;
    padding-right: 40px;
  }
}
.top .specializedTool__item--full .specializedTool__item__text .title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1.5;
  color: var(--white);
  margin-bottom: 16px;
  text-decoration: underline var(--yellow) dotted;
  text-underline-offset: 5px;
  text-decoration-thickness: 20%;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item--full .specializedTool__item__text .title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 16px;
  }
}
.top .specializedTool__item--full .specializedTool__item__text .description {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--white);
  padding-right: 45px;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item--full .specializedTool__item__text .description {
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 0;
  }
}
.top .specializedTool__item--full .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  right: 24px;
  bottom: 24px;
}
@media screen and (max-width: 768px) {
  .top .specializedTool__item--full .arrow {
    width: 24px;
    aspect-ratio: 1;
  }
}
.top .specializedTool__item--full .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.top .specializedTool__item--full:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.top .collaborationItem__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 1000px) {
  .top .collaborationItem__container {
    flex-direction: column;
    gap: 32px;
  }
}
.top .collaborationItem__item {
  width: 32.1323529412%;
}
@media screen and (max-width: 1000px) {
  .top .collaborationItem__item {
    width: 100%;
  }
}
.top .collaborationItem__item__title {
  background: linear-gradient(180deg, #e2bb04 0%, #fdda34 50%, #b89906 100%);
  border-radius: 16px 16px 4px 4px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  gap: 16px;
}
.top .collaborationItem__item__title span {
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 900;
  line-height: 1;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  filter: drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(0 0 4px #000);
  position: relative;
}
.top .collaborationItem__item__title::after, .top .collaborationItem__item__title::before {
  content: "";
  display: block;
  width: 4px;
  height: 25px;
  background: var(--white);
  transform: rotate(40deg);
  filter: drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(0 0 4px #000);
}
.top .collaborationItem__item__title::before {
  transform: rotate(-40deg);
}
.top .collaborationItem__item__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.top .collaborationItem__item__content .collaborationLink {
  padding: 16px;
  border-radius: 4px;
  background: var(--gray);
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .top .collaborationItem__item__content .collaborationLink {
    gap: 16px;
    padding: 8px;
  }
}
.top .collaborationItem__item__content .collaborationLink__image {
  aspect-ratio: 80/80;
  max-width: 80px;
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
}
.top .collaborationItem__item__content .collaborationLink__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.top .collaborationItem__item__content .collaborationLink__text {
  flex: 1;
}
.top .collaborationItem__item__content .collaborationLink__text__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .top .collaborationItem__item__content .collaborationLink__text__title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 4px;
  }
}
.top .collaborationItem__item__content .collaborationLink__text__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--white);
}
@media screen and (max-width: 768px) {
  .top .collaborationItem__item__content .collaborationLink__text__description {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.25;
  }
}
.top .collaborationItem__item__content .collaborationLink .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .top .collaborationItem__item__content .collaborationLink .arrow {
    width: 24px;
    aspect-ratio: 1;
  }
}
.top .collaborationItem__item__content .collaborationLink .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.top .collaborationItem__item__content .collaborationLink:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.top .collaborationItem__item__content .collaborationLink:hover .collaborationLink__image img {
  transform: scale(1.05);
}
.top .collaborationItem__item--flex {
  width: 66.1764705882%;
}
@media screen and (max-width: 1000px) {
  .top .collaborationItem__item--flex {
    width: 100%;
  }
}
.top .collaborationItem__item--flex .collaborationItem__item__content {
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}
.top .collaborationItem__item--flex .collaborationItem__item__content .collaborationLink {
  width: calc((100% - 8px) / 2);
}
@media screen and (max-width: 768px) {
  .top .collaborationItem__item--flex .collaborationItem__item__content .collaborationLink {
    width: 100%;
  }
}
.top .topContentList {
  padding: 24px;
  background: var(--gray);
  border-radius: 8px;
}
@media screen and (max-width: 1000px) {
  .top .topContentList {
    padding: 0;
    border-radius: 0;
    background: none;
  }
}
.top .topContentList__item {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .top .topContentList__item {
    gap: 16px;
  }
}
.top .topContentList__item:not(:last-child) {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #222;
}
@media screen and (max-width: 1000px) {
  .top .topContentList__item:not(:last-child) {
    border-color: #333;
  }
}
.top .topContentList__item__image {
  aspect-ratio: 160/107;
  max-width: 160px;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.08);
}
.top .topContentList__item__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.top .topContentList__item__text {
  flex: 1;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .top .topContentList__item__text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.top .topContentList__item .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .top .topContentList__item .arrow {
    width: 24px;
    aspect-ratio: 1;
  }
}
.top .topContentList__item .arrow::after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.top .topContentList__item:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.top .topContentList__item:hover .topContentList__item__image img {
  transform: scale(1.05);
}
@media screen and (max-width: 1000px) {
  .top .topContentList--2col {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  .top .topContentList--2col .topContentList__item {
    width: calc((100% - 16px) / 2);
    flex-direction: column;
    position: relative;
    padding-bottom: 0;
    gap: 8px;
    margin-bottom: 0;
    border: none;
  }
  .top .topContentList--2col .topContentList__item__image {
    max-width: 100%;
  }
  .top .topContentList--2col .topContentList__item__text .text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}
.top .topBannar {
  background: linear-gradient(99.64deg, #09a569 0%, #078c59 100%);
}
.top .topBannar__inner {
  padding: 56px 80px;
  max-width: 1440px;
  margin-inline: auto;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .top .topBannar__inner {
    padding: 56px 40px;
  }
}
@media screen and (max-width: 768px) {
  .top .topBannar__inner {
    padding: 56px 16px;
  }
}
.top .topBannar__item__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .top .topBannar__item__container {
    flex-direction: column;
    gap: 24px;
  }
}
.top .topBannar__item {
  width: calc((100% - 80px) / 3);
}
@media screen and (max-width: 768px) {
  .top .topBannar__item {
    width: 100%;
  }
}
.top .topBannar__item__image {
  aspect-ratio: 438/240;
  padding: clamp(25px, 4.3vw, 60px) 25px;
  background: var(--white);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.top .topBannar__item__image img {
  width: 100%;
  height: 100%;
  max-height: 120px;
  object-fit: contain;
  margin-inline: auto;
}
.top .topBannar__item__text {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .top .topBannar__item__text {
    font-size: 20px;
    font-size: 2rem;
  }
}
.top .topCta {
  background: var(--gray);
  border-radius: 8px;
  max-width: 1130px;
  margin-inline: auto;
  padding: 0px 50px 0 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 768px) {
  .top .topCta {
    flex-direction: column-reverse;
    gap: 16px;
    padding: 40px 15px 0;
  }
}
.top .topCta__image {
  aspect-ratio: 955/454;
  margin-top: -19px;
  margin-bottom: -0.7%;
  width: 46.3106796117%;
}
@media screen and (max-width: 768px) {
  .top .topCta__image {
    width: 100%;
    margin-bottom: -4px;
    max-width: 400px;
  }
}
.top .topCta__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.top .topCta__text {
  width: 39.6116504854%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .top .topCta__text {
    width: 100%;
  }
}
.top .topCta__text__title {
  font-size: 56px;
  font-size: 5.6rem;
  font-size: clamp(32px, 4.5vw, 56px);
  font-weight: 900;
  line-height: 1;
  color: var(--white);
  filter: drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(0 0 4px #000);
}
@media screen and (max-width: 768px) {
  .top .topCta__text__title {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.top .topCta__text__description {
  font-size: 24px;
  font-size: 2.4rem;
  font-size: clamp(16px, 1.8vw, 24px);
  line-height: 1.5;
  font-weight: 700;
  color: var(--white);
}
@media screen and (max-width: 768px) {
  .top .topCta__text__description {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.top .topCta .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  bottom: 24px;
}
@media screen and (max-width: 768px) {
  .top .topCta .arrow {
    width: 24px;
    aspect-ratio: 1;
    right: 16px;
    bottom: 16px;
  }
}
.top .topCta .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.top .topCta:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.top .topNews {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.top .topNews__item {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 768px) {
  .top .topNews__item {
    width: 100%;
  }
}
.top .topNews__item__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--white);
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .top .topNews__item__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.top .topNews__item__content {
  padding: 24px;
  border-radius: 8px;
  background: var(--gray);
  margin-bottom: 16px;
  padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .top .topNews__item__content {
    padding: 16px;
  }
}
.top .topNews__item__content iframe {
  border: none;
  overflow: hidden;
  width: 100%;
}
.top .topNews__item .modBtn {
  width: fit-content;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: auto;
  padding: 10px 12px;
  min-height: unset;
}
.top .topNews__item--flex {
  width: 100%;
}
.top .topNews__item--flex .topNews__item__content {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1000px) {
  .top .topNews__item--flex .topNews__item__content {
    flex-direction: column;
    gap: 16px;
  }
}
.top .topNews__item--flex .topNews__item__content > *:nth-child(1) {
  /* width: 59.9390708302%; */

  width: 60%;
  height: 368px;
}
@media screen and (max-width: 1000px) {
  .top .topNews__item--flex .topNews__item__content > *:nth-child(1) {
    width: 100%;
  }
}
.top .topNews__item--flex .topNews__item__content > *:nth-child(2) {
  /* width: 38.2330540746%; */
  width: 60%;
  background: var(--white);
  border-radius: 4px;
  padding: 8px;
  height: 368px;
}
@media screen and (max-width: 1000px) {
  .top .topNews__item--flex .topNews__item__content > *:nth-child(2) {
    width: 100%;
    padding: 2px;
  }
}
.top .topNews__item--flex .topNews__item__content > *:nth-child(2) .rateGraph__title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--white);
  background: #92d050;
  text-align: center;
  padding: 7px 8px;
}
@media screen and (max-width: 1000px) {
  .top .topNews__item--flex .topNews__item__content > *:nth-child(2) .rateGraph__title {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.top .topNews__item--flex .topNews__item__content > *:nth-child(2) iframe {
  aspect-ratio: 490/345;
  width: 100%;
  height: auto;
}
.top .topNotice__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--white);
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .top .topNotice__title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 12px;
  }
}
.top .topNotice__content {
  padding: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--white);
  background: var(--gray);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .top .topNotice__content {
    padding: 16px;
  }
}
.login .modHeading02 {
  position: relative;
  z-index: 5;
}
.login .modHeading02--contact {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.login .modHeading02--contact::after {
  content: "";
  display: block;
  height: 60px;
  aspect-ratio: 122/113;
  width: auto;
  background: url("../../assets/img/pages/login/img_contact.png") no-repeat center center/contain;
}
@media screen and (max-width: 1000px) {
  .login .modHeading02--contact::after {
    height: 40px;
  }
}
.login .deviceList__item:not(:first-child) {
  padding-top: 32px;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item:not(:first-child) {
    padding-top: 24px;
  }
}
.login .deviceList__item--recommend .deviceList__item__image {
  position: relative;
}
.login .deviceList__item--recommend .deviceList__item__image::before {
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  background: url("../../assets/img/pages/login/img_recommendTag.png") no-repeat center center/contain;
  position: absolute;
  top: -40px;
  left: -40px;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item--recommend .deviceList__item__image::before {
    width: 90px;
    height: 90px;
    top: -48px;
    left: -14px;
  }
}
@media screen and (max-width: 768px) {
  .login .deviceList__item--recommend .deviceList__item__image::before {
    top: -66px;
    right: 8px;
    left: auto;
  }
}
.login .deviceList__item__inner {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item__inner {
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .login .deviceList__item__inner {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}
.login .deviceList__item__image {
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item__image {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .login .deviceList__item__image {
    margin-bottom: 16px;
  }
}
.login .deviceList__item__image:has(figcaption) figcaption {
  font-size: 16px;
  font-size: 1.6rem;
  color: var(--black2);
  line-height: 1.25;
  margin-top: 8px;
}
.login .deviceList__item__image img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 1px solid var(--gray2);
}
.login .deviceList__item__content {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .login .deviceList__item__content {
    display: contents;
  }
}
.login .deviceList__item__content .title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.25;
  font-weight: 900;
  margin-bottom: 24px;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item__content .title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .login .deviceList__item__content .title {
    order: -1;
    margin-bottom: 16px;
  }
}
.login .deviceList__item__content .description {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item__content .description {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.login .deviceList__item__content .btn__wrapper {
  width: 100%;
}
.login .deviceList__item__content .btn__flexContainer {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item__content .btn__flexContainer {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
  }
}
.login .deviceList__item__content .btn__flexContainer .modBtn02 {
  width: 60.2517985612%;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item__content .btn__flexContainer .modBtn02 {
    width: 100%;
    min-height: 64px;
  }
}
.login .deviceList__item__content .btn__flexContainer .modBtn--border {
  width: 36.8705035971%;
  margin-top: 8px;
  padding-inline: 8px;
  letter-spacing: 0;
  gap: 2px;
  font-size: clamp(12px, 1.2vw, 18px);
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item__content .btn__flexContainer .modBtn--border {
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.login .deviceList__item__content:has(.qrCode) {
  display: grid;
  grid-template-columns: auto 31.654676259%;
  gap: 0 24px;
}
@media screen and (max-width: 768px) {
  .login .deviceList__item__content:has(.qrCode) {
    display: contents;
    width: 100%;
  }
}
.login .deviceList__item__content:has(.qrCode) .title {
  grid-column: 1/3;
}
.login .deviceList__item__content:has(.qrCode) .btn__wrapper {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item__content:has(.qrCode) .btn__wrapper {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
.login .deviceList__item__content:has(.qrCode) .btn__wrapper .btn__flexContainer {
  flex-direction: column;
}
.login .deviceList__item__content:has(.qrCode) .btn__wrapper .btn__flexContainer .modBtn02,
.login .deviceList__item__content:has(.qrCode) .btn__wrapper .btn__flexContainer .modBtn--border {
  width: 100%;
  min-height: 64px;
}
.login .deviceList__item__content:has(.qrCode) .qrCode {
  grid-column: 2/3;
  grid-row: 2/3;
  background: var(--gray2);
  padding: 8px;
  border-radius: 4px;
}
@media screen and (max-width: 1000px) {
  .login .deviceList__item__content:has(.qrCode) .qrCode {
    display: none;
  }
}
.login .deviceList__item__content:has(.qrCode) .qrCode img {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 8px;
}
.login .deviceList__item__content:has(.qrCode) .qrCode__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.25;
  text-align: center;
}
.login .contactList {
  padding: 32px;
  background: var(--gray);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 1000px) {
  .login .contactList {
    padding: 24px 16px 24px 16px;
  }
}
.login .contactList__item {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 1000px) {
  .login .contactList__item {
    width: 100%;
  }
}
.login .listTable {
  margin-top: 32px;
}
@media screen and (max-width: 1000px) {
  .login .listTable {
    margin-top: 0;
  }
}
.login .listTable__inner {
  background: var(--black2);
  border-radius: 8px;
  padding: 16px;
  padding-top: 0;
}
@media screen and (max-width: 1000px) {
  .login .listTable__inner {
    margin-inline: -16px;
    background: none;
    padding: 0;
  }
}
@media screen and (max-width: 1000px) {
  .login .listTable__item {
    padding: 16px;
    background: var(--black2);
    border-radius: 8px;
  }
}
.login .listTable__item__group {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-left: 32px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group {
    padding-left: 0;
    flex-direction: column;
    gap: 8px;
  }
  .login .listTable__item__group:not(:first-child) {
    margin-top: 24px;
  }
}
.login .listTable__item__group:nth-child(even) {
  background: var(--gray);
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group:nth-child(even) {
    background: transparent;
  }
}
.login .listTable__item__group:nth-child(even) .groupContent__item__value .valueText {
  background: var(--white2);
}
.login .listTable__item__group:last-child {
  border-radius: 0 0 8px 8px;
}
.login .listTable__item__group:last-child .groupContent__item:last-child .groupContent__item__value .valueText {
  border-radius: 0 0 8px 8px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group:last-child .groupContent__item:last-child .groupContent__item__value .valueText {
    border-radius: 0;
  }
}
.login .listTable__item__group:last-child .groupContent__item:last-child .groupContent__item__value .valueText--highlight {
  border-bottom: 8px solid var(--yellow2);
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group:last-child .groupContent__item:last-child .groupContent__item__value .valueText--highlight {
    border-bottom: none;
  }
}
.login .listTable__item__group .groupTag {
  writing-mode: vertical-rl;
  background: var(--yellow);
  color: var(--black);
  padding: 12px 8px;
  border-radius: 50em;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupTag {
    writing-mode: horizontal-tb;
    padding: 14px 8px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px;
    line-height: 1.25;
  }
}
.login .listTable__item__group .groupContent {
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent {
    width: 100%;
  }
}
.login .listTable__item__group .groupContent__item {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item {
    flex-direction: column;
    gap: 0px;
    border-radius: 4px;
    overflow: hidden;
  }
  .login .listTable__item__group .groupContent__item:not(:last-child) {
    margin-bottom: 8px;
  }
}
.login .listTable__item__group .groupContent__item__title {
  flex: 1;
  max-width: 280px;
  padding: 14px 16px;
  min-height: 56px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__title {
    font-size: 16px;
    font-size: 1.6rem;
    max-width: 100%;
    min-height: 52px;
    padding-block: 6px;
    font-weight: 700;
    background: var(--gray);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.login .listTable__item__group .groupContent__item__title .txtSmall {
  display: inline;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__title .txtSmall {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.login .listTable__item__group .groupContent__item__value {
  flex: 3;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__value {
    gap: 1px;
  }
}
.login .listTable__item__group .groupContent__item__value .valueText {
  flex: 1;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  text-align: center;
  min-height: 56px;
  background: var(--white);
  color: var(--black2);
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__value .valueText {
    font-size: 15px;
    font-size: 1.5rem;
    min-height: 51px;
  }
}
.login .listTable__item__group .groupContent__item__value .valueText > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__value .valueText--highlight {
    background: #e5f4ef !important;
  }
}
.login .listTable__item__group .groupContent__item__value .valueText--highlight > span::before {
  content: "";
  display: block;
  width: 8px;
  height: calc(100% + 2px);
  background: var(--yellow2);
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__value .valueText--highlight > span::before {
    display: none;
  }
}
.login .listTable__item__group .groupContent__item__value .valueText--highlight > span::after {
  content: "";
  display: block;
  width: 8px;
  height: calc(100% + 2px);
  background: var(--yellow2);
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__value .valueText--highlight > span::after {
    display: none;
  }
}
.login .listTable__item__group .groupContent__item__value .valueText--highlight .highlightTag {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  padding-block: 12px;
  background: linear-gradient(180deg, #e2bb04 0%, #fdda34 50%, #b89906 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 16px 16px 0 0;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__value .valueText--highlight .highlightTag {
    border-radius: 8px 8px 0 0;
    padding-block: 8px;
  }
}
.login .listTable__item__group .groupContent__item__value .valueText--highlight .highlightTag span {
  font-weight: 900;
  line-height: 1;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  -webkit-text-stroke: 5px #000000;
  paint-order: stroke fill;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__value .valueText--highlight .highlightTag span {
    -webkit-text-stroke: 4px #000000;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.login .listTable__item__group .groupContent__item__value .valueText--highlight .highlightTag::after, .login .listTable__item__group .groupContent__item__value .valueText--highlight .highlightTag::before {
  content: "";
  display: block;
  width: 2px;
  height: 23px;
  background: var(--white);
  transform: rotate(40deg);
  filter: drop-shadow(2px 0 0 #000000) drop-shadow(-2px 0 0 #000000) drop-shadow(0 2px 0 #000000) drop-shadow(0 -2px 0 #000000) drop-shadow(0 0 0 #000000);
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item__value .valueText--highlight .highlightTag::after, .login .listTable__item__group .groupContent__item__value .valueText--highlight .highlightTag::before {
    height: 14px;
  }
}
.login .listTable__item__group .groupContent__item__value .valueText--highlight .highlightTag::before {
  transform: rotate(-40deg);
}
.login .listTable__item__group .groupContent__item:not(:last-child) .groupContent__item__title {
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item:not(:last-child) .groupContent__item__title {
    border-bottom: none;
  }
}
.login .listTable__item__group .groupContent__item:not(:last-child) .groupContent__item__value .valueText {
  border-bottom: 1px solid var(--gray2);
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group .groupContent__item:not(:last-child) .groupContent__item__value .valueText {
    border-bottom: none;
  }
}
.login .listTable__item__group--title {
  padding-left: 80px;
  border-bottom: 2px solid var(--green);
  position: sticky;
  top: 155px;
  background: var(--black2);
  z-index: 4;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group--title {
    margin: 0 -16px;
    padding: 16px 0 0;
    top: 73px;
  }
}
.login .listTable__item__group--title::after {
  content: "";
  display: block;
  width: calc(100% + 32px);
  height: 75px;
  background: var(--black);
  position: absolute;
  bottom: calc(100% - 1px);
  left: -16px;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group--title::after {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group--title .groupContent {
    padding-inline: 16px;
  }
}
.login .listTable__item__group--title .groupContent__item {
  overflow: visible;
  padding-top: 16px;
}
.login .listTable__item__group--title .groupContent__item__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  min-height: 64px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group--title .groupContent__item__title {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group--title .groupContent__item__value {
    gap: 2px;
  }
}
.login .listTable__item__group--title .groupContent__item__value .valueText {
  background: var(--green) !important;
  color: var(--white);
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  border-radius: 8px 8px 0 0;
  min-height: 64px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__item__group--title .groupContent__item__value .valueText {
    font-size: 18px;
    font-size: 1.8rem;
    min-height: 55px;
  }
  .login .listTable__item__group--title .groupContent__item__value .valueText--highlight {
    border-radius: 0;
  }
}
.login .listTable__btn {
  padding-left: 80px;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__btn {
    padding-left: 0;
    margin-top: 24px;
    padding: 0;
  }
}
.login .listTable__btn::before {
  content: "";
  flex: 1;
  display: block;
  max-width: 248px;
  padding: 14px 16px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__btn::before {
    display: none;
  }
}
.login .listTable__btn__inner {
  flex: 3;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__btn__inner {
    flex-direction: column;
    gap: 12px;
  }
}
.login .listTable__btn__group {
  padding: 24px 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__btn__group {
    padding: 0;
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 769px) {
  .login .listTable__btn__group .title {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .login .listTable__btn__group .title {
    width: 70px;
  }
}
.login .listTable__btn__group .modBtn {
  max-width: 200px;
  margin-inline: auto;
  min-height: 40px;
}
@media screen and (max-width: 1000px) {
  .login .listTable__btn__group .modBtn {
    max-width: 100%;
    flex: 1;
    padding: 6px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .login .listTable__btn__group .modBtn .modIcon--download {
    width: 12px;
    height: 18px;
  }
}
.login .listTable + .modTextNote__container {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .startup .modTabContent__item__content {
    padding-top: 16px;
  }
}
.startup .modTabContent .modSection__inner {
  padding-inline: 0;
}
.startup .modTabContent .modHeading02 {
  margin-bottom: 24px;
}
.startup .modTabContent .modHeading02__title {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .startup .modTabContent .modHeading02__title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.startup .stepFlow {
  display: flex;
  gap: 28px;
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow {
    flex-direction: column;
  }
}
.startup .stepFlow:not(:last-child) {
  margin-bottom: 24px;
}
.startup .stepFlow__item {
  background: var(--lightGreen);
  padding: 40px clamp(16px, 1.3vw, 20px);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow__item {
    padding: 16px 24px;
  }
}
.startup .stepFlow__item__title {
  font-weight: 700;
  color: var(--black);
  margin-bottom: 24px;
  text-align: center;
  font-size: clamp(16px, 1.2vw, 20px);
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.25;
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow__item__title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 8px;
  }
}
.startup .stepFlow__item__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow__item__content {
    flex-direction: row;
    gap: 24px;
  }
}
.startup .stepFlow__item__content .icon {
  aspect-ratio: 1;
  max-width: 100px;
  margin-bottom: 25px;
  flex-shrink: 0;
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow__item__content .icon {
    margin-bottom: 0;
  }
}
.startup .stepFlow__item__content .icon img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.startup .stepFlow__item__content .description {
  font-size: clamp(12px, 1.1vw, 16px);
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow__item__content .description {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
  }
}
.startup .stepFlow__item:not(:last-child) {
  position: relative;
}
.startup .stepFlow__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 12px;
  height: 24px;
  background: var(--green);
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow__item:not(:last-child)::after {
    transform: translateX(50%) rotate(90deg);
    right: 50%;
    top: calc(100% + 3px);
  }
}
.startup .stepFlow__item--vertical {
  padding-inline: clamp(16px, 1.3vw, 20px);
  writing-mode: vertical-rl;
  font-size: clamp(16px, 1.2vw, 20px);
  font-weight: 700;
  line-height: 1;
  flex: 0.1818181818;
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow__item--vertical {
    writing-mode: horizontal-tb;
    padding-block: 16px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.startup .stepFlow__item--ribbon {
  background: linear-gradient(180deg, #e2bb04 0%, #fdda34 50%, #b89906 100%);
  border-radius: 0;
  flex: 0.1818181818;
  padding-inline: clamp(16px, 1.3vw, 20px);
  clip-path: polygon(100% 0, 100% 100%, 50% 95%, 0 100%, 0 0, 50% 5%);
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow__item--ribbon {
    padding-block: 16px;
    clip-path: polygon(100% 0%, 96% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
  }
}
.startup .stepFlow__item--ribbon .stepFlow__item__title {
  writing-mode: vertical-rl;
  -webkit-text-stroke: 5px #000000;
  paint-order: stroke fill;
  color: var(--white);
  font-size: clamp(16px, 1.5vw, 24px);
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .startup .stepFlow__item--ribbon .stepFlow__item__title {
    font-size: 20px;
    font-size: 2rem;
    writing-mode: horizontal-tb;
  }
}
.startup .preparationMethod {
  display: flex;
  gap: 40px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1000px) {
  .startup .preparationMethod {
    flex-direction: column;
    gap: 16px;
  }
}
.startup .preparationMethod__item {
  flex: 1;
  background: var(--white);
  border-radius: 8px;
  padding: 32px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1000px) {
  .startup .preparationMethod__item {
    padding: 24px;
  }
}
.startup .preparationMethod__item__title {
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .startup .preparationMethod__item__title {
    margin-bottom: 20px;
  }
}
.startup .preparationMethod__item__title span {
  background-image: linear-gradient(var(--yellow), var(--yellow));
  background-size: 100% 50%;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-inline: 10px;
  font-size: clamp(22px, 2.4vw, 32px);
  font-weight: 700;
  text-align: center;
  display: inline;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .startup .preparationMethod__item__title span {
    font-size: 20px;
    font-size: 2rem;
  }
}
.startup .preparationMethod__item__list {
  counter-reset: preparationMethodList;
  flex: 1;
  align-self: center;
}
.startup .preparationMethod__item__list li {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.25;
  color: var(--black);
  counter-increment: preparationMethodList;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 1000px) {
  .startup .preparationMethod__item__list li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.startup .preparationMethod__item__list li::before {
  content: counter(preparationMethodList);
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
  background: var(--black);
  flex-shrink: 0;
  display: block;
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .startup .preparationMethod__item__list li::before {
    width: 28px;
    height: 28px;
  }
}
.startup .preparationMethod__item__list li:not(:last-child) {
  margin-bottom: 16px;
}
.startup .contactBtn {
  display: flex;
  gap: 24px;
  margin-top: 40px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .startup .contactBtn {
    flex-direction: column;
    gap: 16px;
  }
}
.startup .contactBtn__item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  padding: 40px 16px 40px 30px;
  background: var(--gray);
  border-radius: 8px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 768px) {
  .startup .contactBtn__item {
    padding: 16px;
    gap: 6px;
  }
}
.startup .contactBtn__item__icon {
  max-width: 145px;
  width: 24.9140893471%;
}
@media screen and (max-width: 768px) {
  .startup .contactBtn__item__icon {
    max-width: 100px;
    width: 29.392971246%;
  }
}
.startup .contactBtn__item__icon img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.startup .contactBtn__item__text {
  flex: 1;
}
.startup .contactBtn__item__text .title {
  font-size: 24px;
  font-weight: 700;
  color: var(--white);
  text-shadow: 4px 4px 0 #000;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  margin-bottom: 12px;
}
@media screen and (max-width: 1000px) {
  .startup .contactBtn__item__text .title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.startup .contactBtn__item__text .description {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .startup .contactBtn__item__text .description {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.startup .contactBtn__item .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: flex-end;
  margin-bottom: -22px;
}
@media screen and (max-width: 768px) {
  .startup .contactBtn__item .arrow {
    width: 24px;
    aspect-ratio: 1;
    margin-bottom: 0;
  }
}
.startup .contactBtn__item .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.startup .contactBtn__item:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.startup .documentCheckStep__item:not(:last-child) {
  margin-bottom: 32px;
}
.startup .documentCheckStep__item__flex {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__flex {
    flex-direction: column;
    gap: 16px;
  }
}
.startup .documentCheckStep__item__flex .card {
  flex: 1;
  padding: 24px;
  background: var(--white2);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__flex .card {
    padding: 16px;
  }
}
.startup .documentCheckStep__item__flex .card__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__flex .card__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.startup .documentCheckStep__item__flex .card__img {
  aspect-ratio: 293/195;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--gray2);
  margin-bottom: 16px;
}
.startup .documentCheckStep__item__flex .card__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.startup .documentCheckStep__item__list {
  counter-reset: listItem;
}
.startup .documentCheckStep__item__list:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list:not(:last-child) {
    margin-bottom: 16px;
  }
}
.startup .documentCheckStep__item__list .listItem {
  padding: 24px;
  background: var(--white2);
  border-radius: 8px;
  position: relative;
  counter-increment: listItem;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem {
    padding: 16px;
  }
}
.startup .documentCheckStep__item__list .listItem:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem:not(:last-child) {
    margin-bottom: 16px;
  }
}
.startup .documentCheckStep__item__list .listItem__content {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem__content {
    flex-direction: column;
    gap: 16px;
  }
}
.startup .documentCheckStep__item__list .listItem__content:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem__content:not(:last-child) {
    margin-bottom: 16px;
  }
}
.startup .documentCheckStep__item__list .listItem__content__text {
  flex: 1;
}
.startup .documentCheckStep__item__list .listItem__content__text .title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem__content__text .title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.startup .documentCheckStep__item__list .listItem__content__text .title:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem__content__text .title:not(:last-child) {
    margin-bottom: 16px;
  }
}
.startup .documentCheckStep__item__list .listItem__content__text .subTitle {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 16px;
  text-decoration: underline var(--yellow) dotted;
  text-underline-offset: 4px;
  text-decoration-thickness: 20%;
}
.startup .documentCheckStep__item__list .listItem__content__text .tag {
  padding: 8px 12px;
  background: var(--lightGreen);
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.startup .documentCheckStep__item__list .listItem__content__text .tag__icon {
  height: 20px;
  aspect-ratio: 1;
  width: fit-content;
}
.startup .documentCheckStep__item__list .listItem__content__text .tag__icon img {
  width: auto;
  height: 100%;
  object-fit: cover;
  display: block;
}
.startup .documentCheckStep__item__list .listItem__content__text .tag__text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--green);
}
.startup .documentCheckStep__item__list .listItem__content__text .tag__container {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem__content__text .tag__container {
    gap: 8px;
  }
}
.startup .documentCheckStep__item__list .listItem__content__text .description {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.startup .documentCheckStep__item__list .listItem__content__text .description:not(:last-child) {
  margin-bottom: 16px;
}
.startup .documentCheckStep__item__list .listItem__content__img {
  flex: 1;
  border-radius: 4px;
  border: 1px solid var(--gray2);
  overflow: hidden;
  aspect-ratio: 484/322;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem__content__img {
    flex: auto;
    aspect-ratio: inherit;
  }
}
.startup .documentCheckStep__item__list .listItem__content__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__question {
  padding: 30px 24px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem .modAccordion__item__question {
    padding: 16px;
  }
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__question::before {
  display: none;
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__answer {
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem .modAccordion__item__answer {
    padding: 16px;
  }
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .text {
  line-height: 1.5;
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .modList:not(:last-child) {
  margin-bottom: 16px;
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .institutions__title {
  margin-bottom: 16px;
  line-height: 1.5;
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .institutions__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .institutions__list:not(:last-child) {
  margin-bottom: 16px;
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .institutions__list li {
  width: calc((100% - 32px) / 5);
  display: block;
  background: var(--white2);
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .institutions__list li {
    width: calc((100% - 24px) / 3);
  }
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .institutions__list li {
    width: calc((100% - 16px) / 2);
  }
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .picture {
  margin-top: 16px;
  display: block;
  border-radius: 4px;
  border: 1px solid var(--gray2);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .picture {
    margin-top: 12px;
  }
}
.startup .documentCheckStep__item__list .listItem .modAccordion__item__answer .picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text .title,
.startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text .modTextNote,
.startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text .modList {
  padding-left: 16px;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text .title,
  .startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text .modTextNote,
  .startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text .modList {
    padding-left: 44px;
  }
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text .modTextNote,
  .startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text .modList {
    padding-left: 0;
  }
}
.startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text::before {
  content: counter(listItem);
  background: var(--green);
  width: 40px;
  height: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 16px;
  font-family: "Barlow", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .startup .documentCheckStep__item__list:has(.listItem:nth-child(2)) .listItem__content__text::before {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 16px;
    top: 16px;
    font-size: 19.2px;
    font-size: 1.92rem;
    margin-bottom: 0;
  }
}
.tradingRule .modSection--sideMenu .modSection__inner {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.tradingRuleImg {
  width: 100%;
  max-width: 688px;
  height: auto;
  aspect-ratio: 688/375;
  margin: 16px auto 0;
}
.tradingRuleImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tradingRuleTable {
  width: 100%;
  text-align: center;
}
.tradingRuleTable__head {
  background-color: #f3f4f6;
}
.tradingRuleTable__head__row .cell {
  font-weight: 700;
  width: auto;
}
.tradingRuleTable__body__row .cell {
  width: auto;
  vertical-align: middle;
}
.tradingRuleTable__body__row .cell--narrow {
  width: 180px;
}
.tradingRuleTable__body__row .cell--left {
  text-align: left;
}
.tradingRuleTable td,
.tradingRuleTable th {
  text-align: center;
}
.tradingRuleTable--3col .cell {
  width: 33.33%;
}
.tradingRuleTable--4col .cell {
  width: 25%;
}
.tradingRuleSubSection {
  margin-bottom: 30px;
}
.tradingRuleSubSection:last-child {
  margin-bottom: 0;
}
.tradingRule .guideBlock {
  padding: 32px;
  border-radius: 8px;
  background: var(--white);
  color: var(--black);
}
@media screen and (max-width: 768px) {
  .tradingRule .guideBlock {
    padding: 24px 16px;
  }
}
.tradingRule .guideBlock:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .tradingRule .guideBlock:not(:last-child) {
    margin-bottom: 16px;
  }
}
.tradingRule .guideBlock .modHeadingStep {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--gray2);
}
@media screen and (max-width: 768px) {
  .tradingRule .guideBlock .modHeadingStep {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.tradingRule .guideBlock .modHeadingStep__tag__inner {
  padding: 12px 20px 12px 16px;
  min-width: 65px;
  clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  display: flex;
  justify-content: center;
  align-items: center;
}
.tradingRule .supportCta {
  padding: 32px;
  background: var(--lightGreen);
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .tradingRule .supportCta {
    padding: 24px 16px;
  }
}
.tradingRule .contact {
  text-align: center;
  margin-block: 16px;
}
.tradingRule .contact__phone {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  font-family: "Barlow", sans-serif;
  font-size: 65px;
  font-size: 6.5rem;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .tradingRule .contact__phone {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1;
  }
}
.tradingRule .contact__phone::before {
  content: "";
  width: 85px;
  height: 48px;
  background: url("../../assets/img/common/icon/icon_phone.svg") no-repeat center center/contain;
  display: block;
}
@media screen and (max-width: 768px) {
  .tradingRule .contact__phone::before {
    width: 68px;
    height: 38px;
  }
}
.tradingRule .contact__dateTime {
  line-height: 1.25;
}
.tradingRule--mtLimit .modTable--fixedScroll tbody td {
  word-break: auto-phrase;
}
.tradingRule--moneyForward .appStoreBtn {
  display: block;
  overflow: hidden;
}
.tradingRule--moneyForward .appStoreBtn img {
  width: 100%;
  height: auto;
  display: block;
}
.tradingRule--moneyForward .appStoreBtn__container {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: center;
  margin-bottom: 24px;
  max-width: 414px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .tradingRule--moneyForward .appStoreBtn__container {
    gap: 16px;
  }
}
.tradingRule--moneyForward .appStoreBtn:hover {
  opacity: 0.7;
}
.tradingRule--moneyForward .targetGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 32px;
}
@media screen and (max-width: 768px) {
  .tradingRule--moneyForward .targetGroup {
    gap: 16px;
  }
}
.tradingRule--moneyForward .targetGroup__item {
  width: calc((100% - 32px) / 2);
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: var(--green);
  line-height: 1.25;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .tradingRule--moneyForward .targetGroup__item {
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    gap: 8px;
  }
}
.tradingRule--moneyForward .targetGroup__item::before {
  content: "";
  width: 64px;
  height: 64px;
  display: block;
  flex-shrink: 0;
  background: url("../../assets/img/pages/trading_rule/moneyforward/img_targetGroupIcon.png") no-repeat center center/contain;
}
@media screen and (max-width: 768px) {
  .tradingRule--moneyForward .targetGroup__item::before {
    width: 40px;
    height: 40px;
    background: url("../../assets/img/pages/trading_rule/moneyforward/sp/img_targetGroupIcon.png") no-repeat center center/contain;
  }
}
.tradingRule--tax .modAnchor {
  padding: 0;
}
.tradingRule--tax .modAnchor__inner {
  flex-wrap: wrap;
  gap: 16px;
}
.tradingRule--tax .modAnchor__item {
  width: calc((100% - 16px) / 2);
}
@media screen and (max-width: 768px) {
  .tradingRule--tax .modAnchor__item {
    width: 100%;
  }
}
.tradingRule--tax .modTable--ScrollXs {
  min-width: 822px;
}
.tradingRule--rsRisk .modTable th {
  min-width: 180px;
}
@media screen and (max-width: 768px) {
  .tradingRule--rsRisk .modTable th {
    min-width: 100px;
  }
}
.tradingRule--rsRisk .rsRiskFaq > * {
  text-indent: -1.5em;
  margin-left: 1.5em;
}
.tradingRule--rsRisk .rsRiskFaq > * > * {
  text-indent: 0;
  margin-left: 0;
}
.tradingRule--rsRisk .rsRiskFaq .modText {
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .njavaLyt .modSection__content--white:has(.specializedSetting) {
    padding-bottom: 0;
  }
}
.njavaLyt .specializedSetting {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .njavaLyt .specializedSetting {
    flex-direction: column;
    gap: 32px;
  }
}
.njavaLyt .specializedSetting__image {
  width: calc((100% - 40px) / 2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -40px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .njavaLyt .specializedSetting__image {
    margin-bottom: -40px;
  }
}
@media screen and (max-width: 768px) {
  .njavaLyt .specializedSetting__image {
    width: 100%;
    display: contents;
  }
}
.njavaLyt .specializedSetting__image__app {
  border-radius: 4px;
  overflow: hidden;
}
.njavaLyt .specializedSetting__image__app img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.njavaLyt .specializedSetting__image__president {
  display: block;
  max-width: 454px;
}
@media screen and (max-width: 768px) {
  .njavaLyt .specializedSetting__image__president {
    order: 3;
    margin-inline: 24px;
    margin: 0 auto;
  }
}
.njavaLyt .specializedSetting__image__president img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.njavaLyt .specializedSetting__point {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 768px) {
  .njavaLyt .specializedSetting__point {
    width: 100%;
  }
}
.njavaLyt .specializedSetting__point__item:not(:last-child) {
  margin-bottom: 24px;
}
.njavaLyt .specializedSetting__point__item .tag {
  padding: 8px 12px;
  background: var(--lightGreen);
  border-radius: 4px;
  color: var(--green);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 8px;
  display: inline-block;
}
.njavaLyt .specializedSetting__point__item .pointText__title {
  font-weight: 700;
  line-height: 1.5;
}
.njavaLyt .specializedSetting__point__item .pointText__title:not(:last-child) {
  margin-bottom: 8px;
}
.njavaLyt .specializedSetting__point__item .pointText__title + .modTextNote {
  margin-top: 8px;
}
.njavaLyt .templateDownload {
  display: flex;
  gap: 24px 64px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .njavaLyt .templateDownload {
    gap: 32px 0px;
  }
}
.njavaLyt .templateDownload:not(:last-child) {
  margin-bottom: 32px;
}
.njavaLyt .templateDownload__item {
  width: calc((100% - 128px) / 3);
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .njavaLyt .templateDownload__item {
    width: 100%;
    gap: 16px;
  }
}
.njavaLyt .checkScreenGuide {
  display: flex;
  gap: 104px;
  counter-reset: checkScreenGuideItem;
}
@media screen and (max-width: 768px) {
  .njavaLyt .checkScreenGuide {
    gap: 72px;
    flex-direction: column;
  }
}
.njavaLyt .checkScreenGuide__item {
  width: calc((100% - 104px) / 2);
  counter-increment: checkScreenGuideItem;
}
@media screen and (max-width: 768px) {
  .njavaLyt .checkScreenGuide__item {
    width: 100%;
  }
}
.njavaLyt .checkScreenGuide__item__text .title {
  line-height: 1.5;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.njavaLyt .checkScreenGuide__item__text .title::before {
  content: counter(checkScreenGuideItem);
  font-size: 20px;
  font-size: 2rem;
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--black);
  color: var(--white);
  font-weight: 900;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.njavaLyt .checkScreenGuide__item__image {
  aspect-ratio: 524/349;
  border-radius: 4px;
  overflow: hidden;
}
.njavaLyt .checkScreenGuide__item__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.njavaLyt .checkScreenGuide__item:not(:last-child) {
  position: relative;
}
.njavaLyt .checkScreenGuide__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 24px;
  height: 48px;
  background: var(--green);
  position: absolute;
  right: -66px;
  top: 50%;
  transform: translateY(-50%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 768px) {
  .njavaLyt .checkScreenGuide__item:not(:last-child)::after {
    right: 50%;
    transform: translateX(50%) rotate(90deg);
    top: calc(100% + 16px);
  }
}
.njavaLyt .templateScreenGuide__item:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--gray2);
}
@media screen and (max-width: 768px) {
  .njavaLyt .templateScreenGuide__item:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
}
.njavaLyt .templateScreenGuide__item__content {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .njavaLyt .templateScreenGuide__item__content {
    flex-direction: column;
    gap: 16px;
  }
}
.njavaLyt .templateScreenGuide__item__content .image {
  aspect-ratio: 556/312;
  width: calc((100% - 40px) / 2);
  overflow: hidden;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .njavaLyt .templateScreenGuide__item__content .image {
    width: 100%;
  }
}
.njavaLyt .templateScreenGuide__item__content .image img,
.njavaLyt .templateScreenGuide__item__content .image iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .njavaLyt .templateScreenGuide__item__content .image:has(iframe) {
    aspect-ratio: 16/9;
  }
}
.njavaLyt .templateScreenGuide__item__content .text {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 768px) {
  .njavaLyt .templateScreenGuide__item__content .text {
    width: 100%;
  }
}
.njavaLyt .templateScreenGuide__item__content .text__item:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .njavaLyt .templateScreenGuide__item__content .text__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.njavaLyt .templateScreenGuide__item__content .text__item__tag {
  padding: 8px 12px;
  background: var(--lightGreen);
  border-radius: 4px;
  color: var(--green);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 8px;
  display: inline-block;
}
.njavaLyt .templateScreenGuide__item__content .text__item__description {
  line-height: 1.5;
}
.njavaLyt .operationManual {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .njavaLyt .operationManual {
    flex-direction: column;
    gap: 32px;
  }
}
.njavaLyt .operationManual__image {
  aspect-ratio: 556/370;
  width: calc((100% - 40px) / 2);
  overflow: hidden;
  border-radius: 4px;
}
.njavaLyt .operationManual__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .njavaLyt .operationManual__image {
    width: 100%;
  }
}
.njavaLyt .operationManual__content {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 768px) {
  .njavaLyt .operationManual__content {
    width: 100%;
  }
}
.njavaLyt .operationManual__content__title {
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
  font-size: 40px;
  font-size: 4rem;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .njavaLyt .operationManual__content__title {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 24px;
  }
}
.njavaLyt .operationManual__content .modBtn {
  max-width: 260px;
}
@media screen and (max-width: 768px) {
  .njavaLyt .operationManual__content .modBtn {
    max-width: 100%;
  }
}
.njavaLyt .MethodStep__item {
  padding: 40px;
  background: var(--lightGreen);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .njavaLyt .MethodStep__item {
    padding: 16px;
  }
}
.njavaLyt .MethodStep__item:not(:last-child) {
  margin-bottom: 32px;
}
.njavaLyt .MethodStep__item__steps {
  counter-reset: stepItem;
}
.njavaLyt .MethodStep__item__steps .stepItem {
  counter-increment: stepItem;
}
.njavaLyt .MethodStep__item__steps .stepItem:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .njavaLyt .MethodStep__item__steps .stepItem:not(:last-child) {
    margin-bottom: 16px;
  }
}
.njavaLyt .MethodStep__item__steps .stepItem__text {
  display: flex;
  align-items: center;
  gap: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .njavaLyt .MethodStep__item__steps .stepItem__text {
    align-items: flex-start;
  }
}
.njavaLyt .MethodStep__item__steps .stepItem__text:not(:last-child) {
  margin-bottom: 16px;
}
.njavaLyt .MethodStep__item__steps .stepItem__text::before {
  content: counter(stepItem);
  font-size: 20px;
  font-size: 2rem;
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--black);
  color: var(--white);
  font-weight: 900;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.njavaLyt .MethodStep__item__steps .stepItem__image {
  display: flex;
  gap: 24px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .njavaLyt .MethodStep__item__steps .stepItem__image {
    flex-direction: column;
    gap: 16px;
  }
}
.njavaLyt .MethodStep__item__steps .stepItem__image .img {
  aspect-ratio: 524/349;
  overflow: hidden;
  border-radius: 4px;
  max-width: 78.3582089552%;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .njavaLyt .MethodStep__item__steps .stepItem__image .img {
    max-width: 100%;
  }
}
.njavaLyt .MethodStep__item__steps .stepItem__image .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.njavaLyt .MethodStep__item__steps .stepItem .modBtn02 {
  max-width: 51.0223953262%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .njavaLyt .MethodStep__item__steps .stepItem .modBtn02 {
    max-width: 100%;
    min-height: 64px;
    margin-bottom: 9px;
  }
}
.campign .campignList {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 40px;
}
@media screen and (max-width: 768px) {
  .campign .campignList {
    gap: 24px 16px;
  }
}
.campign .campignList:not(:last-child) {
  margin-bottom: 40px;
}
.campign .campignList__item {
  width: calc((100% - 80px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .campign .campignList__item {
    width: 100%;
  }
}
.campign .campignList__item__image {
  aspect-ratio: 400/250;
  overflow: hidden;
  border-radius: 4px;
}
.campign .campignList__item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease-out;
}
.campign .campignList__item__text .tag {
  padding: 8px 12px;
  color: var(--green);
  background: var(--lightGreen);
  border-radius: 4px;
  font-weight: 700;
  line-height: 1.25;
  display: inline-block;
}
.campign .campignList__item__text .tag__container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.campign .campignList__item__text .title {
  padding: 4px 0;
  font-weight: 700;
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.campign .campignList__item__text .title p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
@media screen and (max-width: 768px) {
  .campign .campignList__item__text .title p {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}
.campign .campignList__item__text .title .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .campign .campignList__item__text .title .arrow {
    width: 24px;
  }
}
.campign .campignList__item__text .title .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.campign .campignList__item:hover .campignList__item__image img {
  transform: scale(1.05);
}
.campign .campignList__item:hover .campignList__item__text .title .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.campignClosed .closeCampignList {
  margin-block: 32px;
  padding: 40px;
  border-radius: 8px;
  background: var(--white);
}
@media screen and (max-width: 768px) {
  .campignClosed .closeCampignList {
    padding: 24px 16px;
    margin-block: 24px;
  }
}
.campignClosed .closeCampignList__item {
  padding-block: 16px;
  border-bottom: 1px solid var(--gray2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .campignClosed .closeCampignList__item {
    gap: 16px;
  }
}
.campignClosed .closeCampignList__item:first-child {
  padding-top: 0;
}
.campignClosed .closeCampignList__item__text {
  flex: 1;
}
.campignClosed .closeCampignList__item__text .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .campignClosed .closeCampignList__item__text .title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.campignClosed .closeCampignList__item__text .detail {
  line-height: 1.25;
}
.campignClosed .closeCampignList__item .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--green);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.campignClosed .closeCampignList__item .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--white);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.campignClosed .closeCampignList__item:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.payment .modHeading02__title {
  font-size: 40px;
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .payment .modHeading02__title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.payment .modHeading03:not(:first-child) {
  margin-top: 24px;
}
.payment .modHeading03__title {
  font-size: 32px;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .payment .modHeading03__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.payment .modTabContent__item__content .modSection:not(:first-child) .modSection__inner {
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  .payment .modTabContent__item__content .modSection:not(:first-child) .modSection__inner {
    padding-top: 24px;
  }
}
.payment .modTabContent__item__content .modSection:not(:last-child) .modSection__inner {
  border-bottom: 1px solid var(--gray2);
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .payment .modTabContent__item__content .modSection:not(:last-child) .modSection__inner {
    padding-bottom: 24px;
  }
}
.payment .modTabContent__item__content .modSection .modSubSection:not(:first-child) {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .payment .modTabContent__item__content .modSection .modSubSection:not(:first-child) {
    margin-top: 24px;
  }
}
.payment .modBtn {
  min-width: 292px;
}
@media screen and (max-width: 768px) {
  .payment .modBtn {
    width: 100%;
    max-width: 400px;
  }
}
.payment .modBtn:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .payment .modBtn:not(:first-child) {
    margin-top: 16px;
  }
}
.payment .modList--small > li {
  padding-block: 4px !important;
}
.payment .modAnchor {
  padding: 0;
}
.payment .modAnchor__inner {
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .payment .modAnchor__inner {
    gap: 8px;
  }
}
.payment .modAnchor__item {
  width: calc((100% - 16px) / 2);
  min-height: 80px;
}
@media screen and (max-width: 768px) {
  .payment .modAnchor__item {
    width: 100%;
  }
}
.payment .instituationList {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .payment .instituationList {
    gap: 8px;
  }
}
.payment .instituationList:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .payment .instituationList:not(:last-child) {
    margin-bottom: 16px;
  }
}
.payment .instituationList__item {
  width: calc((100% - 48px) / 4);
  display: block;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .payment .instituationList__item {
    width: calc((100% - 16px) / 3);
  }
}
.payment .instituationList__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.payment .manualList {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 16px;
  container-name: manualList;
  container-type: inline-size;
}
@media screen and (max-width: 768px) {
  .payment .manualList {
    gap: 16px;
  }
}
.payment .manualList__item {
  width: calc((100% - 48px) / 4);
  display: block;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
}
@container manualList (width <= 650px) {
  .payment .manualList__item {
    width: calc((100% - 32px) / 3);
  }
}
@container manualList (width <= 480px) {
  .payment .manualList__item {
    width: calc((100% - 16px) / 2);
  }
}
.payment .manualList__item__image {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .payment .manualList__item__image {
    margin-bottom: 8px;
  }
}
.payment .manualList__item__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.payment .manualList__item .modBtnText {
  margin-inline: auto;
}
.payment .manualList__item--full {
  width: 100%;
  padding: 16px;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@container manualList (width <= 650px) {
  .payment .manualList__item--full {
    flex-direction: column;
    gap: 16px;
  }
}
.payment .manualList__item--full .manualList__item__content {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .payment .manualList__item--full .manualList__item__content {
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.payment .manualList__item--full .manualList__item__content .text {
  line-height: 1.25;
}
.payment .manualList__item--full .manualList__item__content .title {
  line-height: 1.25;
  font-size: clamp(18px, 2vw, 32px);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .payment .manualList__item--full .manualList__item__content .title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.payment .manualList__item--full .manualList__item__content .title .txtRed {
  color: var(--red);
}
.payment .manualList__item--full .modBtnText {
  position: absolute;
  right: 16px;
}
@container manualList (width <= 650px) {
  .payment .manualList__item--full .modBtnText {
    position: static;
  }
}
.payment .contact {
  text-align: center;
  margin-block: 16px;
}
.payment .contact__phone {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  font-family: "Barlow", sans-serif;
  font-size: 60px;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .payment .contact__phone {
    font-size: 44px;
    font-size: 4.4rem;
    gap: 9px;
  }
}
.payment .contact__phone::before {
  content: "";
  width: 106px;
  height: 60px;
  background: url("../../assets/img/common/icon/icon_phone.svg") no-repeat center center/contain;
  display: block;
}
@media screen and (max-width: 768px) {
  .payment .contact__phone::before {
    width: 71px;
    height: 40px;
  }
}
.payment .contact__dateTime {
  line-height: 1.25;
}
.payment .guideList {
  counter-reset: guideListStep;
  container-name: guideList;
  container-type: inline-size;
}
.payment .guideList__step {
  background: var(--white);
  padding: 32px;
  border-radius: 8px;
  counter-increment: guideListStep;
}
@media screen and (max-width: 768px) {
  .payment .guideList__step {
    padding: 32px 16px;
  }
}
.payment .guideList__step:not(:last-child) {
  margin-bottom: 24px;
}
.payment .guideList__step__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .payment .guideList__step__title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 32px;
    gap: 12px;
  }
}
.payment .guideList__step__title::before {
  content: counter(guideListStep);
  display: block;
  width: 40px;
  height: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--green);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 900;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 768px) {
  .payment .guideList__step__title::before {
    width: 32px;
    height: 32px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.payment .guideList__step__item {
  display: flex;
  align-items: center;
  gap: 40px;
}
@container guideList (width <= 650px) {
  .payment .guideList__step__item {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }
}
.payment .guideList__step__item:not(:last-child) {
  margin-bottom: 24px;
  border-bottom: 1px solid var(--gray2);
  padding-bottom: 24px;
}
.payment .guideList__step__item .text {
  flex: 1;
}
.payment .guideList__step__item .text__title {
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 16px;
}
.payment .guideList__step__item .text__list {
  counter-reset: productStep;
}
.payment .guideList__step__item .text__list:not(:last-child) {
  margin-bottom: 16px;
}
.payment .guideList__step__item .text__list__item {
  counter-increment: productStep;
  line-height: 1.25;
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment .guideList__step__item .text__list__item:not(:last-child) {
  margin-bottom: 10px;
}
.payment .guideList__step__item .text__list__item::before {
  content: counter(productStep);
  display: block;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--pink);
  color: var(--white);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .payment .guideList__step__item .text .modBtn__flexContainer {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}
.payment .guideList__step__item .image {
  flex: 1;
  height: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--gray2);
}
.payment .guideList__step__item .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment .withdrawalGuide {
  background: var(--white);
  padding: 40px;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .payment .withdrawalGuide {
    padding: 32px 16px;
  }
}
.payment .withdrawalGuide:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .payment .withdrawalGuide:not(:last-child) {
    margin-bottom: 16px;
  }
}
.payment .withdrawalGuide__item__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .payment .withdrawalGuide__item__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.payment .withdrawalGuide__item__title:has(+ .withdrawalGuide__item__description) {
  margin-bottom: 16px;
}
.payment .withdrawalGuide__item .modFigure {
  margin-bottom: 32px;
}
.payment .withdrawalGuide__item__content {
  display: flex;
  gap: 24px;
  padding-block: 32px;
  border-top: 1px solid var(--gray2);
}
@media screen and (max-width: 768px) {
  .payment .withdrawalGuide__item__content {
    flex-direction: column;
    gap: 16px;
  }
}
.payment .withdrawalGuide__item__content:last-child {
  padding-bottom: 0px;
}
.payment .withdrawalGuide__item__content > * {
  flex: 1;
}
.payment .withdrawalGuide__item__content .title {
  font-weight: 700;
  line-height: 1.25;
}
.payment .withdrawalGuide__item__content .text .modList {
  margin-bottom: 16px;
}
.payment .withdrawalGuide__item__content .text .modList--small > li {
  padding-block: 0px !important;
}
.payment .withdrawalGuide__item__content .text .modText:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (min-width: 769px) {
  .informationChange .informationChangeSection {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .informationChange .informationChangeSection {
    margin-top: 24px;
  }
}
.categoryNewsList .mainContent__section--withBg {
  padding: 40px 64px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .categoryNewsList .mainContent__section--withBg {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 768px) {
  .categoryNewsList .mainContent__section--withBg {
    padding: 32px 16px;
  }
}
.categoryNewsList .mainContent__section .modSection:first-child .modSection__inner {
  padding-top: 0;
}
.categoryNewsList .mainContent__section .modSection__inner {
  padding-inline: 0;
}
.categoryNewsList .infoArticleSection__content {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  container-type: inline-size;
  container-name: infoArticleSection__content;
}
.categoryNewsList .infoArticleSection__content__item {
  padding: 24px;
  border-radius: 8px;
  background: var(--white);
  cursor: pointer;
  width: calc((100% - 24px) / 2);
}
@container infoArticleSection__content (width <= 550px) {
  .categoryNewsList .infoArticleSection__content__item {
    width: 100%;
  }
}
.categoryNewsList .infoArticleSection__content__item .image {
  aspect-ratio: 351/234;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 24px;
  border: 1px solid var(--gray2);
}
.categoryNewsList .infoArticleSection__content__item .image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.categoryNewsList .infoArticleSection__content__item .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.categoryNewsList .infoArticleSection__content__item .text .text__title {
  font-weight: 700;
  line-height: 1.25;
}
.categoryNewsList .infoArticleSection__content__item .text .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--green);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.categoryNewsList .infoArticleSection__content__item .text .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--white);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.categoryNewsList .infoArticleSection__content__item:hover .image img {
  transform: scale(1.05);
}
.categoryNewsList .infoArticleSection__content__item:hover .text .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
/* 未来予測チャート マニュアルページ
========================================================*/
.manual .modText:not(:last-child) {
  margin-bottom: 24px;
}
.manual .modFigure:not(:last-child) {
  margin-bottom: 24px;
}
.manual .modBtn {
  max-width: 840px;
  margin-inline: auto;
}
.manual .manualBox {
  background: var(--white2);
  border-radius: 8px;
  padding: 40px 64px;
}
@media screen and (max-width: 1000px) {
  .manual .manualBox {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 768px) {
  .manual .manualBox {
    padding: 40px 16px;
    margin-inline: -16px;
  }
}
.manual .manualBox__intro {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.manual .manualBox__image {
  width: 100%;
  border: 0.5px solid var(--gray2);
  border-radius: 4px;
  overflow: hidden;
  max-width: 840px;
  margin: 0 auto;
}
.manual .manualBox__image--full {
  max-width: 100%;
}
.manual .manualBox__image:has(+ .modText) {
  margin-bottom: 24px;
}
.manual .manualBox__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.manual .manualBox__imageCenter {
  max-width: 840px;
  margin: 0 auto;
  border: 0.5px solid var(--gray2);
  border-radius: 4px;
  overflow: hidden;
}
.manual .manualBox__imageCenter img {
  width: 100%;
  height: auto;
  display: block;
}
.manual .manualBox__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--black2);
}
.manual .manualBox__2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64.5px;
}
@media screen and (max-width: 1000px) {
  .manual .manualBox__2col {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .manual .manualBox__2col {
    gap: 48.5px;
  }
}
.manual .manualBox__2col__item .img {
  aspect-ratio: 544/362;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .manual .manualBox__2col__item .img {
    margin-bottom: 16px;
  }
}
.manual .manualBox__2col__item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 1px solid var(--gray2);
  border-radius: 4px;
}
.manual .manualBox__2col__item .modText {
  min-height: 2lh;
}
.manual .manualBox__2col__item:not(:last-child) {
  position: relative;
}
.manual .manualBox__2col__item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  background: var(--gray2);
  height: 0.5px;
  width: calc(200% + 64px);
  transform: translateY(32px);
}
@media screen and (max-width: 768px) {
  .manual .manualBox__2col__item:not(:last-child)::after {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .manual .manualBox__2col__item:not(:last-child):nth-child(2n-1)::after {
    display: none;
  }
}
.manual .manualBox .modBtn {
  max-width: 840px;
  margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
  .manual .manualBox .modBtn {
    margin-top: 24px;
  }
}
.manual .manualBox .modText {
  color: var(--black2);
}
.manual .manualSubSection:not(:first-child) {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 0.5px solid var(--gray2);
}
.manual .manualSubSection__heading {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.25;
  color: var(--black2);
  margin-bottom: 16px;
}
@media screen and (max-width: 1000px) {
  .manual .manualSubSection__heading {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .manual .manualSubSection__heading {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.manual .manualSubSection__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--black2);
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .manual .manualSubSection__text {
    margin-bottom: 24px;
  }
}
.manual .manualList {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .manual .manualList {
    gap: 13px;
  }
}
.manual .manualList__item {
  width: calc((100% - 24px) / 2);
}
@media screen and (max-width: 768px) {
  .manual .manualList__item {
    width: 100%;
  }
}
.manual .signalCardGrid {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .manual .signalCardGrid {
    margin-top: 24px;
  }
}
.manual .signalCardGrid__row {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .manual .signalCardGrid__row {
    flex-direction: column;
  }
}
.manual .signalCard {
  flex: 1;
  display: flex;
  gap: 24px;
  align-items: center;
  background: var(--white);
  padding: 16px;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .manual .signalCard {
    gap: 16px;
  }
}
.manual .signalCard__icon {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  background: #f1f1f2;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .manual .signalCard__icon {
    width: 80px;
    height: 80px;
  }
}
.manual .signalCard__icon img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .manual .signalCard__icon img {
    width: 60px;
    height: 60px;
  }
}
.manual .signalCard__content {
  flex: 1;
}
.manual .signalCard__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--black2);
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .manual .signalCard__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.manual .signalCard__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--black2);
}
@media screen and (max-width: 768px) {
  .manual .signalCard__text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.manual .signalCard--simple .signalCard__content {
  display: flex;
  align-items: center;
}
.manual .signalCard--simple .signalCard__title {
  margin-bottom: 0;
}
.manual .spImageGrid {
  display: flex;
  gap: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .manual .spImageGrid {
    flex-direction: column;
    gap: 24px;
  }
}
.manual .spImageGrid__item {
  flex: 1;
  border: 0.5px solid var(--gray2);
  border-radius: 4px;
  overflow: hidden;
}
.manual .spImageGrid__item img {
  width: 100%;
  height: auto;
  display: block;
}
.manual .appDownloadBox {
  background: var(--lightGreen);
  padding: 32px;
  border-radius: 8px;
  margin-top: 32px;
  container-name: appDownloadBox;
  container-type: inline-size;
}
@media screen and (max-width: 768px) {
  .manual .appDownloadBox {
    padding: 24px 16px;
  }
}
.manual .appDownloadBox__header {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .manual .appDownloadBox__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
  }
}
.manual .appDownloadBox__icon {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  border-radius: 18px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .manual .appDownloadBox__icon {
    margin-inline: auto;
  }
}
.manual .appDownloadBox__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.manual .appDownloadBox__description {
  font-weight: 700;
  line-height: 1.5;
  color: var(--black2);
}
@media screen and (max-width: 768px) {
  .manual .appDownloadBox__description {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.manual .manualBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--btnGreenGradient);
  color: var(--white);
  padding: 20px 24px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .manual .manualBtn {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 16px 20px;
    width: 100%;
  }
}
.manual .manualBtn:hover {
  opacity: 0.9;
}
.manual .manualBtn--full {
  width: 100%;
}
.manual .manualBtn--large {
  max-width: 840px;
  width: 100%;
}
.manual .manualBtn .arrow {
  width: 6px;
  height: 12px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 6L1 11' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
@media screen and (max-width: 768px) {
  .manualJavaChart .modHeading02--center {
    text-align: left;
  }
}
.manualJavaChart .featureBlock {
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 16px;
  background: var(--lightGreen);
  border-radius: 8px;
}
@container featureBlock (max-width: 400px) {
  .manualJavaChart .featureBlock {
    flex-direction: column;
    gap: 8px;
  }
}
@media screen and (max-width: 768px) {
  .manualJavaChart .featureBlock:has(.featureBlock__image--originIndicator) {
    flex-direction: column;
    gap: 8px;
  }
}
.manualJavaChart .featureBlock:not(:last-child) {
  margin-bottom: 16px;
}
.manualJavaChart .featureBlock__container {
  container-name: featureBlock;
  container-type: inline-size;
}
.manualJavaChart .featureBlock__container:has(+ .modBtnText__container) {
  margin-bottom: 24px;
}
.manualJavaChart .featureBlock__image {
  aspect-ratio: 160/106;
  overflow: hidden;
  border-radius: 4px;
  max-width: 160px;
}
.manualJavaChart .featureBlock__image--originIndicator {
  aspect-ratio: 452/177;
  max-width: 50%;
}
@media screen and (max-width: 1000px) {
  .manualJavaChart .featureBlock__image--originIndicator {
    max-width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .manualJavaChart .featureBlock__image--originIndicator {
    max-width: 100%;
    width: 100%;
  }
}
@container featureBlock (max-width: 400px) {
  .manualJavaChart .featureBlock__image {
    max-width: 100%;
    width: 100%;
  }
}
.manualJavaChart .featureBlock__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-out;
}
.manualJavaChart .featureBlock__text {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .manualJavaChart .featureBlock__text {
    gap: 8px;
  }
}
.manualJavaChart .featureBlock__text__title {
  font-weight: 700;
  line-height: 1.5;
  color: var(--black2);
}
@media screen and (max-width: 768px) {
  .manualJavaChart .featureBlock__text__title {
    line-height: 1.25;
  }
}
.manualJavaChart .featureBlock__text .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--green);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .manualJavaChart .featureBlock__text .arrow {
    width: 24px;
    aspect-ratio: 1;
  }
}
.manualJavaChart .featureBlock__text .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: rotate(-90deg);
}
.manualJavaChart .featureBlock:hover .featureBlock__image img {
  transform: scale(1.05);
}
.manualJavaChart .featureBlock:hover .featureBlock__text .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.manualJavaChart .javaManualFlex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .manualJavaChart .javaManualFlex {
    flex-direction: column;
  }
}
.manualJavaChart .javaManualFlex__item {
  flex: 1;
}
.manualJavaChart .javaManualFlex__item:nth-child(1) {
  margin-right: 24px;
  padding-right: 24px;
  border-right: 0.5px solid var(--gray2);
}
@media screen and (max-width: 768px) {
  .manualJavaChart .javaManualFlex__item:nth-child(1) {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    border-bottom: 0.5px solid var(--gray2);
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.manualJavaChart .javaManualFlex__item__section:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 0.5px solid var(--gray2);
}
@media screen and (max-width: 768px) {
  .manualJavaChart .javaManualFlex__item__section:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
}
.manualJavaChart .subSection:not(:last-child) {
  margin-bottom: 24px;
}
.market .modTable__wrapper:has(.modTable--ukEconomic) {
  overflow-x: auto;
}
.market .modTable--ukEconomic {
  min-width: 750px;
}
.market .modTable--ukEconomic th {
  min-height: 40px !important;
  line-height: 1.5;
  padding-inline: 2px !important;
}
.market .modTable--ukEconomic td .modTable__value {
  min-height: 40px !important;
  padding: 0 2px !important;
}
.market .modTable--ukEconomicIndicator {
  min-width: 400px;
}
.market .modTable--ukEconomicIndicator th {
  min-height: 40px !important;
  line-height: 1.5;
  padding-inline: 2px !important;
}
.market .modTable--ukEconomicIndicator td .modTable__value {
  min-height: 40px !important;
  padding: 0 2px !important;
}
.market .modTable--ukHoliday th {
  min-height: 40px !important;
  line-height: 1.5;
}
.market .modTable--ukHoliday th:nth-child(1) {
  width: 31.6622691293%;
}
@media screen and (max-width: 768px) {
  .market .modTable--ukHoliday th:nth-child(1) {
    width: 38.4615384615%;
  }
}
.market .modTable--ukHoliday td .modTable__value {
  min-height: 40px !important;
  padding: 8px;
}
.market .featureBlock {
  display: flex;
  gap: 16px;
}
@container featureBlock (max-width: 745px) {
  .market .featureBlock {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.market .featureBlock__wrapper {
  container-name: featureBlock;
  container-type: inline-size;
}
.market .featureBlock .featureBlock__item {
  width: calc((100% - 45px) / 4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  background: var(--lightGreen);
  border-radius: 8px;
  padding: 24px 16px;
  color: var(--green);
}
@container featureBlock (max-width: 745px) {
  .market .featureBlock .featureBlock__item {
    width: calc((100% - 8px) / 2);
    padding: 24px 10px;
  }
}
.market .featureBlock .featureBlock__item .featureBlock__item__title {
  font-weight: 700;
  line-height: 1;
}
.market .featureBlock .featureBlock__item .featureBlock__item__value {
  font-weight: 700;
  line-height: 34px;
  font-size: 48px;
  font-size: 4.8rem;
  font-family: "Barlow", sans-serif;
}
.market .featureBlock .featureBlock__item .featureBlock__item__value--speed {
  display: flex;
  align-items: flex-end;
}
.market .featureBlock .featureBlock__item .featureBlock__item__value--speed .verticalText {
  writing-mode: vertical-rl;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
.market .featureBlock .featureBlock__item .featureBlock__item__value--speed .suffix {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.market .featureBlock .featureBlock__item .featureBlock__item__value--limit {
  display: flex;
  align-items: center;
  line-height: 32px;
  font-size: 72px;
  font-size: 7.2rem;
  vertical-align: middle;
}
.market .featureBlock .featureBlock__item .featureBlock__item__value--limit .smallText {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.market .scalpBannar {
  background: var(--green);
  border-radius: 8px;
  padding: 32px;
}
@media screen and (max-width: 768px) {
  .market .scalpBannar {
    padding: 24px 16px;
  }
}
.market .scalpBannar:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .market .scalpBannar:not(:last-child) {
    margin-bottom: 16px;
  }
}
.market .scalpBannar__section:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .market .scalpBannar__section:not(:last-child) {
    margin-bottom: 16px;
  }
}
.market .scalpBannar__section__tag {
  width: 100%;
  border-radius: 50em;
  background: var(--black);
  color: var(--white);
  padding: 16px;
  text-align: center;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .market .scalpBannar__section__tag {
    padding: 8px 24px;
  }
}
.market .scalpBannar__section__tag .yellow {
  color: var(--yellow);
}
.market .scalpBannar__section__tag--arrow {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .market .scalpBannar__section__tag--arrow {
    line-height: 1.25;
    margin-bottom: 56px;
  }
}
.market .scalpBannar__section__tag--arrow::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 184px;
  height: 74px;
  background: var(--black);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9Ijc1IiB2aWV3Qm94PSIwIDAgMTg0IDc1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1OC43ODYgNDIuNTU0N0MxNTguNzg2IDQzLjY1OTMgMTU5LjY4MiA0NC41NTQ3IDE2MC43ODYgNDQuNTU0N0gxODEuNTY5QzE4My44ODUgNDQuNTU0NyAxODQuMzQ5IDQ3LjgzMzkgMTgyLjEyMyA0OC40NzYyTDkyLjMzOTggNzQuMzk0NkM5MS45Nzc0IDc0LjQ5OTIgOTEuNTkyOCA3NC40OTkyIDkxLjIzMDQgNzQuMzk0NkwxLjQ0Njg2IDQ4LjQ3NjJDLTAuNzc4Mjg5IDQ3LjgzMzkgLTAuMzE0NDYxIDQ0LjU1NDcgMi4wMDE1NSA0NC41NTQ3SDI4Ljc4NjFDMjkuODkwNyA0NC41NTQ3IDMwLjc4NjEgNDMuNjU5MyAzMC43ODYxIDQyLjU1NDdWMkMzMC43ODYxIDAuODk1NDMxIDMxLjY4MTUgMCAzMi43ODYxIDBIMTU2Ljc4NkMxNTcuODkxIDAgMTU4Ljc4NiAwLjg5NTQzIDE1OC43ODYgMlY0Mi41NTQ3WiIgZmlsbD0iIzIyMjIyMiIvPgo8L3N2Zz4=");
  mask-repeat: no-repeat;
  mask-size: contain;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .market .scalpBannar__section__tag--arrow::before {
    top: 24px;
  }
}
.market .scalpBannar__section__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .market .scalpBannar__section__flex {
    flex-direction: column;
    gap: 16px;
  }
}
.market .scalpBannar__section__flex > * {
  flex: 1;
}
.market .scalpBannar__section__flex .modFigure {
  margin: 0;
}
.market .scalpBannar__section .campaignItem__header {
  text-align: center;
  margin-bottom: 16px;
}
.market .scalpBannar__section .campaignItem__header__subTitle {
  line-height: 1.25;
  color: var(--white);
  font-weight: 700;
  margin-bottom: 8px;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  padding: 0 24px;
}
.market .scalpBannar__section .campaignItem__header__subTitle::before, .market .scalpBannar__section .campaignItem__header__subTitle::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: var(--white);
  position: absolute;
  bottom: 0;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjAuNzY2MDQ0IiB5MT0iNS41MDk1NiIgeDI9IjguNDc5NSIgeTI9IjE0LjcwMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8bGluZSB4MT0iOC42MjAxNyIgeTE9IjAuNDIxMTMyIiB4Mj0iMTUuMzgyMSIgeTI9IjE0LjkyMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=");
  mask-repeat: no-repeat;
  mask-size: contain;
}
.market .scalpBannar__section .campaignItem__header__subTitle::before {
  right: 1px;
  transform: scaleX(-1);
}
.market .scalpBannar__section .campaignItem__header__subTitle::after {
  left: 1px;
}
.market .scalpBannar__section .campaignItem__header__title {
  width: 100%;
  background: var(--yellow);
  color: var(--black);
  font-weight: 700;
  padding: 16px;
  border-radius: 50em;
  line-height: 1;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .market .scalpBannar__section .campaignItem__header__title {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 8px 16px;
  }
}
.market .scalpBannar__section .campaignItem__link__figure {
  overflow: hidden;
  margin-bottom: 8px;
}
.market .scalpBannar__section .campaignItem__link__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.market .scalpBannar__section .campaignItem__link__text {
  font-weight: 700;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  line-height: 1.25;
}
.market .scalpBannar__section .campaignItem__link__text .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.market .scalpBannar__section .campaignItem__link__text .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--green);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707092%200.707108L6.70709%206.70711L12.7071%200.707108%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(-90deg);
}
.market .scalpBannar__section .campaignItem__link:hover img {
  transform: scale(1.05);
}
.market .scalpBannar__section .campaignItem__link:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.market .infoDetailBlock {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .market .infoDetailBlock {
    flex-direction: column;
    gap: 24px;
  }
}
.market .infoDetailBlock > * {
  flex: 1;
}
.market .infoDetailBlock__image {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.market .infoDetailBlock__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.market .infoDetailBlock__text .modText {
  margin-bottom: 16px !important;
}
.market .flexContainer {
  container-name: flexContainer;
  container-type: inline-size;
}
.market .flexContainer:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .market .flexContainer:not(:last-child) {
    margin-bottom: 16px;
  }
}
.market .flexContainer__inner {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
@container flexContainer (max-width: 500px) {
  .market .flexContainer__inner {
    flex-direction: column;
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .market .flexContainer__inner {
    flex-direction: column;
    gap: 16px;
  }
}
.market .flexContainer__inner > * {
  flex: 1;
}
.market .flexContainer__item__image {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .market .flexContainer__item__image {
    gap: 16px;
  }
}
.market .flexContainer__item__image > * {
  margin: 0;
}
.market--tryjpy .modSimpleTable__item__title {
  width: 34.1404358354%;
}
@media screen and (max-width: 768px) {
  .market--tryjpy .modSimpleTable__item__title {
    width: 100%;
  }
}
.market--tryjpy .modSimpleTable__item__value {
  width: 65.8595641646%;
}
@media screen and (max-width: 768px) {
  .market--tryjpy .modSimpleTable__item__value {
    width: 100%;
  }
}
.market--tryjpy .modTable__wrapper:has(.modTable--yenCompare) {
  overflow-x: auto;
}
.market--tryjpy .modTable--yenCompare {
  min-width: 750px;
}
.market--tryjpy .modTable--yenCompare th {
  min-height: 40px !important;
  line-height: 1.5;
  padding: 8px !important;
}
@media screen and (max-width: 768px) {
  .market--tryjpy .modTable--yenCompare th:nth-child(1) {
    width: 18.6666666667%;
  }
}
.market--tryjpy .modTable--yenCompare td .modTable__value {
  min-height: 40px !important;
  padding: 8px !important;
}
.market--tryjpy .highLvlSwap {
  background: var(--white);
  border-radius: 8px;
  padding: 24px 40px 16px;
  container-name: highLvlSwap;
  container-type: inline-size;
}
.market--tryjpy .highLvlSwap:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap {
    padding: 24px 14px 16px;
  }
}
.market--tryjpy .highLvlSwap__inner {
  max-width: 566px;
  margin-inline: auto;
}
.market--tryjpy .highLvlSwap__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 3px solid var(--green);
  gap: 4px;
}
@container highLvlSwap (max-width: 550px) {
  .market--tryjpy .highLvlSwap__top {
    flex-direction: column;
    max-width: 239px;
    margin-inline: auto;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__top {
    flex-direction: column;
    max-width: 239px;
    margin-inline: auto;
    gap: 20px;
  }
}
.market--tryjpy .highLvlSwap__top__flag {
  width: 29.203539823%;
  display: flex;
  align-items: center;
  gap: 16px;
}
@container highLvlSwap (max-width: 550px) {
  .market--tryjpy .highLvlSwap__top__flag {
    width: 100%;
    padding-inline: 8px;
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__top__flag {
    width: 100%;
    padding-inline: 8px;
  }
}
.market--tryjpy .highLvlSwap__top__flag img {
  flex: 1;
  width: calc(50% - 8px);
  height: auto;
  object-fit: cover;
}
.market--tryjpy .highLvlSwap__top__text {
  width: 68.6725663717%;
  font-size: clamp(37px, 4.3vw, 60px);
  line-height: 1;
  font-weight: 900;
  color: var(--green);
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .market--tryjpy .highLvlSwap__top__text {
    font-size: clamp(40px, 7vw, 60px);
  }
}
@container highLvlSwap (max-width: 550px) {
  .market--tryjpy .highLvlSwap__top__text {
    font-size: 37px;
    font-size: 3.7rem;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__top__text {
    font-size: 37px;
    font-size: 3.7rem;
    width: 100%;
  }
}
.market--tryjpy .highLvlSwap__bottom {
  margin-block: 10px 20px;
  display: flex;
  align-items: flex-end;
}
@container highLvlSwap (max-width: 550px) {
  .market--tryjpy .highLvlSwap__bottom {
    flex-direction: column;
    max-width: 239px;
    margin-inline: auto;
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__bottom {
    flex-direction: column;
    max-width: 239px;
    margin-inline: auto;
    gap: 0;
  }
}
.market--tryjpy .highLvlSwap__bottom__text {
  width: 46.3716814159%;
  font-size: clamp(18px, 1.8vw, 26px);
  line-height: 1.18;
  font-weight: 900;
  color: var(--green);
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .market--tryjpy .highLvlSwap__bottom__text {
    font-size: clamp(22px, 2.2vw, 26px);
  }
}
@container highLvlSwap (max-width: 550px) {
  .market--tryjpy .highLvlSwap__bottom__text {
    width: 100%;
    font-size: 23px;
    font-size: 2.3rem;
    text-align: justify;
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__bottom__text {
    width: 100%;
    font-size: 23px;
    font-size: 2.3rem;
    text-align: justify;
  }
}
.market--tryjpy .highLvlSwap__bottom__text span {
  font-size: clamp(26px, 3.2vw, 45px);
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .market--tryjpy .highLvlSwap__bottom__text span {
    font-size: clamp(30px, 5vw, 45px);
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__bottom__text span {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
.market--tryjpy .highLvlSwap__bottom__value {
  width: 53.6283185841%;
  font-weight: 900;
  color: var(--green);
  font-size: clamp(37px, 9vw, 135px);
  line-height: 1;
  letter-spacing: -0.04em;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .market--tryjpy .highLvlSwap__bottom__value {
    font-size: clamp(120px, 14vw, 135px);
  }
}
@container highLvlSwap (max-width: 550px) {
  .market--tryjpy .highLvlSwap__bottom__value {
    width: 100%;
    font-size: 105px;
    font-size: 10.5rem;
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__bottom__value {
    width: 100%;
    font-size: 105px;
    font-size: 10.5rem;
  }
}
.market--tryjpy .highLvlSwap__bottom__value span {
  font-size: clamp(37px, 5vw, 70px);
  letter-spacing: 0;
  position: relative;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .market--tryjpy .highLvlSwap__bottom__value span {
    font-size: clamp(60px, 10vw, 70px);
  }
}
@container highLvlSwap (max-width: 550px) {
  .market--tryjpy .highLvlSwap__bottom__value span {
    font-size: 57px;
    font-size: 5.7rem;
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__bottom__value span {
    font-size: 57px;
    font-size: 5.7rem;
  }
}
.market--tryjpy .highLvlSwap__bottom__value span::after {
  content: "※2";
  font-size: 21px;
  font-size: 2.1rem;
  position: absolute;
  top: -5px;
  right: 3px;
  font-weight: 400;
}
@container highLvlSwap (max-width: 550px) {
  .market--tryjpy .highLvlSwap__bottom__value span::after {
    font-size: 16px;
    font-size: 1.6rem;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__bottom__value span::after {
    font-size: 16px;
    font-size: 1.6rem;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .market--tryjpy .highLvlSwap__bottom__value {
    width: 100%;
  }
}
.market--tryjpy .highLvlSwap__note {
  color: var(--green);
  line-height: 1.5;
}
.market--gbpjpy .spread {
  background: var(--white);
  border-radius: 8px;
  padding: 32px 40px 16px;
  container-name: gbpjpySwap;
  container-type: inline-size;
}
.market--gbpjpy .spread:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .market--gbpjpy .spread {
    padding: 24px 16px 8px;
  }
}
.market--gbpjpy .spread__inner {
  max-width: 536px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 5px;
  color: var(--green);
}
@media screen and (max-width: 768px) {
  .market--gbpjpy .spread__inner {
    flex-direction: column;
    max-width: 215px;
    gap: 0;
  }
}
.market--gbpjpy .spread__left {
  width: 40.4850746269%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .market--gbpjpy .spread__left {
    width: 100%;
  }
}
.market--gbpjpy .spread__left__flag {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 18px;
}
.market--gbpjpy .spread__left__flag img {
  width: calc(50% - 9px);
  height: auto;
  object-fit: cover;
}
.market--gbpjpy .spread__left__text {
  font-size: clamp(18px, 2.4vw, 40px);
  font-weight: 900;
  line-height: 1.25;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .market--gbpjpy .spread__left__text {
    font-size: clamp(35px, 4.5vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .market--gbpjpy .spread__left__text {
    font-size: 39px;
    font-size: 3.9rem;
  }
}
.market--gbpjpy .spread__value {
  width: 56.5298507463%;
  font-size: clamp(70px, 16vw, 173px);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
  letter-spacing: -0.08em;
  line-height: 1;
}
@container gbpjpySwap (max-width: 550px) {
  .market--gbpjpy .spread__value {
    font-size: clamp(70px, 13vw, 173px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .market--gbpjpy .spread__value {
    font-size: clamp(160px, 20vw, 173px);
  }
}
@media screen and (max-width: 768px) {
  .market--gbpjpy .spread__value {
    width: 100%;
    font-size: 120px;
    font-size: 12rem;
    line-height: 0.8;
  }
}
.market--gbpjpy .spread__value .unit {
  font-size: clamp(37px, 4.2vw, 92px);
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
  font-weight: 900;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .market--gbpjpy .spread__value .unit {
    font-size: clamp(70px, 5vw, 92px);
  }
}
@media screen and (max-width: 768px) {
  .market--gbpjpy .spread__value .unit {
    font-size: 60px;
    font-size: 6rem;
  }
}
.market--gbpjpy .spread__note {
  text-align: center;
  color: var(--green);
}
.demo .modBtn02 {
  max-width: 628px;
  margin-inline: auto;
}
@media screen and (max-width: 1000px) {
  .demo .modBtn02 {
    max-width: 100%;
  }
}
.demo .deviceList:not(:first-child) {
  margin-top: 32px;
}
@media screen and (max-width: 1000px) {
  .demo .deviceList:not(:first-child) {
    margin-top: 24px;
  }
}
.demo .deviceList__item:not(:first-child) {
  padding-top: 32px;
  margin-top: 32px;
  border-top: 1px solid var(--gray2);
}
@media screen and (max-width: 1000px) {
  .demo .deviceList__item:not(:first-child) {
    padding-top: 24px;
    margin-top: 24px;
  }
}
.demo .deviceList__item--recommend .deviceList__item__image {
  position: relative;
}
.demo .deviceList__item--recommend .deviceList__item__image::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url("../../assets/img/pages/login/img_recommendTag.png") no-repeat center center/contain;
  position: absolute;
  top: -32px;
  left: -32px;
}
@media screen and (max-width: 1000px) {
  .demo .deviceList__item--recommend .deviceList__item__image::before {
    width: 90px;
    height: 90px;
    top: -48px;
    left: -14px;
  }
}
@media screen and (max-width: 768px) {
  .demo .deviceList__item--recommend .deviceList__item__image::before {
    top: -66px;
    right: 8px;
    left: auto;
  }
}
.demo .deviceList__item__inner {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
@media screen and (max-width: 1000px) {
  .demo .deviceList__item__inner {
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .demo .deviceList__item__inner {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}
.demo .deviceList__item__image {
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .demo .deviceList__item__image {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .demo .deviceList__item__image {
    margin-bottom: 16px;
  }
}
.demo .deviceList__item__image:has(figcaption) {
  aspect-ratio: 556/400;
}
.demo .deviceList__item__image:has(figcaption) img {
  margin-bottom: 8px;
}
.demo .deviceList__item__image:has(figcaption) figcaption {
  font-size: 16px;
  font-size: 1.6rem;
  color: var(--black2);
  line-height: 1.25;
}
.demo .deviceList__item__image img {
  border-radius: 4px;
  width: 100%;
  height: auto;
  object-fit: cover;
  border: 1px solid var(--gray2);
}
.demo .deviceList__item__content {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .demo .deviceList__item__content {
    display: contents;
  }
}
.demo .deviceList__item__content .title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.25;
  font-weight: 900;
  margin-bottom: 24px;
}
@media screen and (max-width: 1000px) {
  .demo .deviceList__item__content .title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .demo .deviceList__item__content .title {
    order: -1;
    margin-bottom: 16px;
  }
}
.demo .deviceList__item__content .description {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media screen and (max-width: 1000px) {
  .demo .deviceList__item__content .description {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.demo .deviceList__item__content .btn__wrapper {
  width: 100%;
}
.demo .deviceList__item__content .btn__container {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1000px) {
  .demo .deviceList__item__content .btn__container {
    flex-direction: column;
    gap: 12px;
  }
}
.demo .deviceList__item__content .btn__container .modBtn02 {
  width: 100%;
  margin-bottom: 8px;
}
@media screen and (max-width: 1000px) {
  .demo .deviceList__item__content .btn__container .modBtn02 {
    width: 100%;
    min-height: 64px;
  }
}
.demo .deviceList__item__content .btn__container .modBtn--border {
  width: 100%;
  padding-inline: 8px;
  letter-spacing: 0;
  gap: 2px;
  font-size: clamp(12px, 1.2vw, 18px);
}
@media screen and (max-width: 1000px) {
  .demo .deviceList__item__content .btn__container .modBtn--border {
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.demo .deviceList__item__content .qrCode {
  padding: 8px;
  background: var(--gray2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .demo .deviceList__item__content .qrCode {
    display: none;
  }
}
.demo .deviceList__item__content .qrCode img {
  aspect-ratio: 1;
  width: 100%;
  max-width: 80px;
  height: auto;
  object-fit: cover;
}
.demo .deviceList__item__content .qrCode__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.25;
  text-align: center;
  flex: 1;
}
.company .companyInfo {
  container-type: inline-size;
  container-name: companyInfo;
}
.company .companyInfo__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 40px;
}
@container companyInfo (width <= 550px) {
  .company .companyInfo__inner {
    flex-direction: column;
    gap: 24px;
  }
}
.company .companyInfo__item {
  width: calc(50% - 20px);
  background: var(--white);
  padding: 32px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
@container companyInfo (width <= 550px) {
  .company .companyInfo__item {
    width: 100%;
    padding: 24px 16px;
  }
}
.company .companyInfo__item .modHeading02 {
  flex: 1;
  display: flex;
  align-items: center;
}
.company .companyInfo .modHeading02--sm:not(:last-child) {
  margin-bottom: 16px;
}
.company .companyListSection li:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .company .companyListSection li:not(:last-child) {
    margin-bottom: 24px;
  }
}
/* 未来予測チャート マニュアルページ
========================================================*/
.reason .modSection__content:has(+ .modTextNote) {
  margin-bottom: 16px;
}
.reason .modSection--green:has(.topReview) {
  overflow: hidden;
}
.reason .modSection--green:has(.topReview) .modSection__inner {
  padding-bottom: 0;
}
.reason .modFlexItem--lg {
  gap: 64px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .modFlexItem--lg {
    gap: 32px;
  }
}
@media screen and (max-width: 768px) {
  .reason .modFlexItem--lg {
    gap: 24px;
    align-items: flex-start;
  }
}
.reason .modFlexItem .title {
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -0.05em;
  margin-bottom: 16px;
  text-decoration: underline var(--yellow) dotted;
  text-underline-offset: 10px;
  text-decoration-thickness: 20%;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .reason .modFlexItem .title {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 24px;
  }
}
.reason .modFlexItem .description {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .reason .modFlexItem .description {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.reason .modFlexItem__img {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.reason .modFlexItem__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reason .modAccordion--reason {
  counter-reset: accourdionCount;
}
.reason .modAccordion--reason .modAccordion__item {
  counter-increment: accourdionCount;
}
.reason .modAccordion--reason .modAccordion__item__question {
  gap: 40px;
  padding: 24px 40px;
}
@media screen and (max-width: 768px) {
  .reason .modAccordion--reason .modAccordion__item__question {
    padding: 16px;
    gap: 16px;
  }
}
.reason .modAccordion--reason .modAccordion__item__question::before {
  display: none;
}
.reason .modAccordion--reason .modAccordion__item__question .orderAccordionHeader {
  display: flex;
  align-items: center;
  gap: 40px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .reason .modAccordion--reason .modAccordion__item__question .orderAccordionHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.reason .modAccordion--reason .modAccordion__item__question .orderAccordionHeader__title {
  font-weight: 700;
  line-height: 1.5;
  width: calc(38.7126865672% + 28px);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .reason .modAccordion--reason .modAccordion__item__question .orderAccordionHeader__title {
    width: 100%;
  }
}
.reason .modAccordion--reason .modAccordion__item__question .orderAccordionHeader__title::before {
  content: counter(accourdionCount);
  width: 32px;
  aspect-ratio: 1;
  flex-shrink: 0;
  display: block;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
  font-family: "Oswald", sans-serif;
  color: var(--white);
  background: var(--green);
  border-radius: 50em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reason .modAccordion--reason .modAccordion__item__question .orderAccordionHeader__description {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  flex: 1;
}
.reason .modAccordion--reason .modAccordion__item__question .indicator {
  width: 16px;
  height: 16px;
}
.reason .modAccordion--reason .modAccordion__item__question .indicator::before, .reason .modAccordion--reason .modAccordion__item__question .indicator::after {
  width: 16px;
  height: 2px;
}
@media screen and (max-width: 768px) {
  .reason .modAccordion--reason .modAccordion__item__question .indicator::before, .reason .modAccordion--reason .modAccordion__item__question .indicator::after {
    width: 14px;
  }
}
.reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}
.reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody .img {
  width: 38.7126865672%;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody .img {
    width: 100%;
  }
}
.reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody .text {
  flex: 1;
}
.reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody .text__item:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody .text__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody .text__item__tag {
  display: inline-block;
  padding: 8px 12px;
  background: var(--lightGreen);
  color: var(--green);
  font-weight: 700;
  line-height: 1.5;
  border-radius: 4px;
  margin-bottom: 8px;
}
.reason .modAccordion--reason .modAccordion__item__answer .orderAccordionBody .text__item__tag--gray {
  background: var(--gray2);
  color: var(--black);
}
.reason .modBtn--center {
  width: 100%;
  max-width: 556px;
  margin-inline: auto;
}
.reason .infoCard__img {
  aspect-ratio: 368/230;
  margin-bottom: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.reason .infoCard__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.reason .infoCard__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .reason .infoCard__text {
    gap: 8px;
  }
}
.reason .infoCard__text__title {
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.reason .infoCard__text .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--green);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .reason .infoCard__text .arrow {
    width: 24px;
  }
}
.reason .infoCard__text .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: rotate(-90deg);
}
.reason .infoCard:hover .infoCard__img img {
  transform: scale(1.1);
}
.reason .infoCard:hover .infoCard__text .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.reason .infoCardWithBg {
  padding: 24px;
  background: var(--white);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .reason .infoCardWithBg {
    padding: 16px;
  }
}
.reason .infoCardWithBg__img {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .reason .infoCardWithBg__img {
    margin-bottom: 16px;
  }
}
.reason .infoCardWithBg__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.reason .infoCardWithBg__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.reason .infoCardWithBg__text__title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .reason .infoCardWithBg__text__title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.reason .infoCardWithBg__text .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--green);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .reason .infoCardWithBg__text .arrow {
    width: 24px;
  }
}
.reason .infoCardWithBg__text .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: rotate(-90deg);
}
.reason .infoCardWithBg:is(a):hover .infoCardWithBg__img img {
  transform: scale(1.05);
}
.reason .infoCardWithBg:is(a):hover .infoCardWithBg__text .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.reason .pageHeader {
  background: var(--green);
}
.reason .pageHeader__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding-inline: 80px;
  padding-top: 17px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1000px) {
  .reason .pageHeader__inner {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .reason .pageHeader__inner {
    padding-inline: 16px;
    padding-top: 9px;
  }
}
.reason .pageHeader__inner picture {
  aspect-ratio: 1040/224;
  width: 81.25%;
  height: auto;
  display: block;
}
@media screen and (max-width: 1000px) {
  .reason .pageHeader__inner picture {
    aspect-ratio: 343/107;
    width: 91.4666666667%;
  }
}
.reason .pageHeader__inner picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reason .pageHeader__title {
  font-size: 0;
  display: none;
}
.reason .reasonPageAnchor {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  counter-reset: reasonPageAnchor;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor {
    margin-bottom: 16px;
  }
}
.reason .reasonPageAnchor__link {
  width: calc((100% - 16px) / 2);
  display: block;
  padding: 16px 24px;
  background: var(--yellow);
  border-radius: 8px;
  counter-increment: reasonPageAnchor;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__link {
    width: 100%;
    padding: 16px;
    gap: 16px;
  }
}
.reason .reasonPageAnchor__link .text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.05em;
  filter: drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 2px #000);
  text-shadow: 2px 2px 0 #000;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__link .text {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.reason .reasonPageAnchor__link .pointCounter {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  -webkit-text-stroke: 0px #000;
  -moz-text-stroke: 0px #000;
  text-stroke: 0px #000;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-right: 24px;
  border-right: 1px solid #e5cf00;
  color: var(--black);
  font-family: "Barlow", sans-serif;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__link .pointCounter {
    font-size: 13px;
    font-size: 1.3rem;
    padding-right: 16px;
  }
}
.reason .reasonPageAnchor__link .pointCounter::after {
  content: counter(reasonPageAnchor, decimal-leading-zero);
  display: block;
  font-size: 48px;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__link .pointCounter::after {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.reason .reasonPageAnchor__link .arrow {
  width: 32px;
  height: 32px;
  background: var(--white);
  border-radius: 4px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__link .arrow {
    width: 24px;
    height: 24px;
  }
}
.reason .reasonPageAnchor__link .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--black);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
.reason .reasonPageAnchor__link:hover .arrow::after {
  animation: arrowAnimationDown 0.6s ease-out;
}
.reason .reasonPageAnchor__link--top {
  padding: 0;
}
.reason .reasonPageAnchor__link--top .reasonPageAnchor__link__bg {
  width: 100%;
  position: relative;
}
.reason .reasonPageAnchor__link--top .reasonPageAnchor__link__bg img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.reason .reasonPageAnchor__link--top .reasonPageAnchor__link__bg::after {
  content: "";
  display: block;
  width: 18px;
  height: 12px;
  background: var(--black);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  position: absolute;
  bottom: 15px;
  right: 33%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__link--top .reasonPageAnchor__link__bg::after {
    width: 16px;
    height: 9px;
    bottom: 10px;
    right: 33%;
  }
}
.reason .reasonPageAnchor__link--top:hover .reasonPageAnchor__link__bg::after {
  animation: arrowAnimationDown 0.6s ease-out;
}
.reason .reasonPageAnchor__flex {
  width: 100%;
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__flex {
    flex-wrap: wrap;
    gap: 16px;
  }
}
.reason .reasonPageAnchor__quote {
  width: 100%;
  display: block;
  margin-block: 24px 8px;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__quote {
    margin-bottom: 0;
  }
}
.reason .reasonPageAnchor__quote img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-width: 571px;
  margin-inline: auto;
  aspect-ratio: 1142/164;
  display: block;
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__quote img {
    aspect-ratio: 520/161;
  }
}
@media screen and (max-width: 768px) {
  .reason .reasonPageAnchor__quote img {
    max-width: 343px;
  }
}
.reason .monthlyInfo {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .reason .monthlyInfo {
    gap: 16px;
  }
}
.reason .monthlyInfo > * {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 768px) {
  .reason .monthlyInfo > * {
    width: calc((100% - 16px) / 2);
  }
}
.reason .weeklyInfo {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .reason .weeklyInfo {
    gap: 8px;
  }
}
.reason .weeklyInfo__item {
  width: calc((100% - 16px) / 2);
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px;
  background: var(--white);
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .reason .weeklyInfo__item {
    width: 100%;
    gap: 16px;
    padding: 8px 16px;
  }
}
.reason .weeklyInfo__item__img {
  aspect-ratio: 1;
  max-width: 80px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .reason .weeklyInfo__item__img {
    max-width: 73px;
  }
}
.reason .weeklyInfo__item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.reason .weeklyInfo__item__text {
  flex: 1;
}
.reason .weeklyInfo__item__text .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
}
.reason .weeklyInfo__item__text .desc {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
}
.reason .weeklyInfo__item .arrow {
  width: 32px;
  aspect-ratio: 1;
  background: var(--green);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .reason .weeklyInfo__item .arrow {
    width: 24px;
  }
}
.reason .weeklyInfo__item .arrow::after {
  content: "";
  width: 12px;
  height: 7px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.707108%200.707031L5.70711%205.70703L10.7071%200.707031%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  transform: rotate(-90deg);
}
.reason .weeklyInfo__item:hover .arrow::after {
  animation: arrowAnimation 0.6s ease-out;
}
.reason .weeklyInfo__item:hover .weeklyInfo__item__img img {
  transform: scale(1.05);
}
.reason .fullBanner {
  margin-top: 40px;
  display: block;
}
.reason .fullBanner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reason .fastTradingPoint {
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .reason .fastTradingPoint {
    gap: 16px;
    flex-direction: column;
  }
}
.reason .fastTradingPoint__item {
  padding: 24px;
  background: var(--white2);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 347px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .reason .fastTradingPoint__item {
    padding: 16px;
    gap: 8px;
    max-width: 100%;
  }
}
.reason .fastTradingPoint__item__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .reason .fastTradingPoint__item__title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.reason .fastTradingPoint__item__title span {
  color: var(--green);
}
.reason .fastTradingPoint__item__img {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.reason .fastTradingPoint__item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reason .listStar__item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.reason .listStar__item:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .reason .listStar__item:not(:last-child) {
    margin-bottom: 24px;
  }
}
.reason .listStar__item p {
  font-weight: 700;
  line-height: 1.25;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .reason .listStar__item p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.reason .listStar__item p span {
  color: var(--green);
}
.reason .listStar__item::before {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  background: url("../../assets/img/common/icon/icon_starBullet.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.reason .tradingTools {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .reason .tradingTools {
    gap: 16px;
  }
}
.reason .tradingTools > * {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 768px) {
  .reason .tradingTools > * {
    width: 100%;
  }
}
.reason .newStoryItem {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .reason .newStoryItem {
    gap: 16px;
  }
}
.reason .newStoryItem > * {
  width: calc((100% - 24px) / 2);
}
@media screen and (max-width: 768px) {
  .reason .newStoryItem > * {
    width: 100%;
  }
}
.reason .reviews {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .reason .reviews {
    gap: 16px;
  }
}
.reason .reviews > * {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 768px) {
  .reason .reviews > * {
    width: 100%;
  }
}
.reason .topReview {
  display: flex;
  gap: 40px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .topReview {
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .reason .topReview {
    gap: 0;
    flex-direction: column;
  }
}
.reason .topReview__item {
  padding-bottom: 64px;
  position: relative;
  flex: 1;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .topReview__item {
    padding-bottom: 54px;
  }
}
.reason .topReview__item__card {
  position: relative;
  height: 100%;
}
.reason .topReview__item__card__inner {
  padding: 32px;
  background: var(--white2);
  border-radius: 8px;
  color: var(--black);
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .reason .topReview__item__card__inner {
    padding: 24px 26px;
  }
}
.reason .topReview__item__card .title {
  color: var(--green);
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .reason .topReview__item__card .title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
}
.reason .topReview__item__character {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 2;
}
.reason .topReview__item__character img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.reason .topReview__item__character figcaption {
  position: absolute;
  right: calc(100% + 20px);
  bottom: 16px;
  white-space: nowrap;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .topReview__item__character figcaption {
    right: calc(100% + 16px);
    bottom: 8px;
  }
}
.reason .topReview__item:nth-child(1) .topReview__item__character {
  aspect-ratio: 81/92;
  width: 81px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .topReview__item:nth-child(1) .topReview__item__character {
    width: 61px;
  }
}
.reason .topReview__item:nth-child(2) .topReview__item__character {
  aspect-ratio: 74/94;
  width: 74px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .topReview__item:nth-child(2) .topReview__item__character {
    width: 55px;
  }
}
.reason .topReview__item:nth-child(3) .topReview__item__character {
  aspect-ratio: 58/88;
  width: 58px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .topReview__item:nth-child(3) .topReview__item__character {
    width: 48px;
  }
}
.reason .currencyPair {
  container-name: currencyPair;
  container-type: inline-size;
}
.reason .currencyPair__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .reason .currencyPair__inner {
    gap: 8px;
  }
}
.reason .currencyPair__item {
  padding: 12px;
  background: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 4px solid var(--white);
  width: calc((100% - 24px) / 4);
  display: flex;
  align-items: center;
  container-name: currencyPairItem;
  container-type: inline-size;
}
@container currencyPair (max-width: 780px) {
  .reason .currencyPair__item {
    width: calc((100% - 16px) / 3);
  }
}
@container currencyPair (max-width: 580px) {
  .reason .currencyPair__item {
    width: calc((100% - 8px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .reason .currencyPair__item {
    padding: 4px;
  }
}
.reason .currencyPair__item__inner {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
@container currencyPairItem (max-width: 224px) {
  .reason .currencyPair__item__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.reason .currencyPair__item__flag {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}
.reason .currencyPair__item__flag figure {
  width: 33px;
  height: 22px;
  aspect-ratio: 33/22;
}
@media screen and (max-width: 768px) {
  .reason .currencyPair__item__flag figure {
    width: 25px;
    height: auto;
  }
}
.reason .currencyPair__item__flag figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.reason .currencyPair__item__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--black);
  flex: 1;
}
@media screen and (max-width: 768px) {
  .reason .currencyPair__item__title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.reason .currencyPair__item--reinforced {
  border: 4px dotted var(--yellow);
  border-radius: 6px;
  position: relative;
  gap: 8px;
}
.reason .currencyPair__item--reinforced .currencyPair__item__inner::after {
  content: "強化中";
  display: block;
  padding: 6px 10px 6px 7px;
  background: var(--yellow);
  color: var(--black);
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  mask: url("data:image/svg+xml,%3Csvg%20width%3D%2257%22%20height%3D%2224%22%20viewBox%3D%220%200%2057%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2248%22%20height%3D%2224%22%20fill%3D%22%23FFE600%22/%3E%3Cpath%20d%3D%22M57%2024H48V0H57L51.3959%2012L57%2024Z%22%20fill%3D%22%23FFE600%22/%3E%3C/svg%3E") no-repeat center/contain;
}
@container currencyPairItem (max-width: 224px) {
  .reason .currencyPair__item--reinforced .currencyPair__item__inner::after {
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
@media screen and (max-width: 768px) {
  .reason .currencyPair__item--reinforced .currencyPair__item__inner::after {
    top: 8px;
    right: 8px;
    padding: 4px 7px 4px 6px;
  }
}
.reason .bankList {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .reason .bankList {
    gap: 7px;
  }
}
.reason .bankList__item {
  border-radius: 4px;
  overflow: hidden;
  width: calc((100% - 80px) / 6);
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .bankList__item {
    width: calc((100% - 48px) / 4);
  }
}
@media screen and (max-width: 768px) {
  .reason .bankList__item {
    width: calc((100% - 14px) / 3);
  }
}
.reason .bankList__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.reason .trustMechanism__img {
  border-radius: 4px;
  overflow: hidden;
}
.reason .trustMechanism__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.reason .trustMechanism__img figcaption {
  text-align: center;
  line-height: 1;
  font-weight: 700;
  margin-top: 16px;
}
.reason .accountOpenStep {
  display: flex;
  gap: 44px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .accountOpenStep {
    gap: 28px;
  }
}
@media screen and (max-width: 768px) {
  .reason .accountOpenStep {
    gap: 28px;
    flex-direction: column;
  }
}
.reason .accountOpenStep__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  padding: 24px 16px;
  background: var(--white);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .reason .accountOpenStep__item {
    gap: 12px;
    flex-direction: row;
  }
}
.reason .accountOpenStep__item__img {
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 120px;
  margin-bottom: 16px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .reason .accountOpenStep__item__img {
    max-width: 80px;
    margin-bottom: 0;
  }
}
.reason .accountOpenStep__item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.reason .accountOpenStep__item__text {
  display: contents;
}
@media screen and (max-width: 768px) {
  .reason .accountOpenStep__item__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
  }
}
.reason .accountOpenStep__item__text .count {
  order: -1;
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 12px;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 768px) {
  .reason .accountOpenStep__item__text .count {
    background-image: linear-gradient(#ffe600, #ffe600);
    background-size: 100% 50%;
    background-position: center bottom;
    background-repeat: no-repeat;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 900;
    padding-inline: 8px;
    width: fit-content;
  }
}
.reason .accountOpenStep__item__text .count span {
  font-size: 50px;
  font-size: 5rem;
  font-weight: 900;
  line-height: 1.2;
  display: block;
  background-image: linear-gradient(#ffe600, #ffe600);
  background-size: 100% 50%;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-top: -10px;
}
@media screen and (max-width: 768px) {
  .reason .accountOpenStep__item__text .count span {
    background-image: none;
    font-size: 24px;
    font-size: 2.4rem;
    display: inline-block;
    margin-top: 0;
  }
}
.reason .accountOpenStep__item__text .description {
  flex: 1;
  line-height: 1.25;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
}
.reason .accountOpenStep__item:not(:last-child) {
  position: relative;
}
.reason .accountOpenStep__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 12px;
  height: 24px;
  background: var(--green);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  top: 50%;
  right: -28px;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .accountOpenStep__item:not(:last-child)::after {
    right: -22px;
  }
}
@media screen and (max-width: 768px) {
  .reason .accountOpenStep__item:not(:last-child)::after {
    right: 50%;
    transform: translateY(-50%) rotate(90deg);
    bottom: -40px;
    top: auto;
  }
}
.reason .freeList {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 40px;
}
@media screen and (max-width: 768px) {
  .reason .freeList {
    gap: 16px;
  }
}
.reason .freeList__item {
  width: calc((100% - 80px) / 3);
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 1000px) {
  .reason .freeList__item {
    width: calc((100% - 40px) / 2);
  }
}
@media screen and (max-width: 768px) {
  .reason .freeList__item {
    width: calc((100% - 16px) / 2);
    gap: 8px;
  }
}
.reason .freeList__item::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  background: url("../../assets/img/pages/reason/icon_zeoYen.svg") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .reason .freeList__item::before {
    width: 40px;
    height: 40px;
  }
}
.reason .freeList__item h3 {
  font-weight: 700;
  line-height: 1.25;
  font-size: 24px;
  font-size: 2.4rem;
  color: var(--green);
}
@media screen and (max-width: 1000px) {
  .reason .freeList__item h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.reason .specialFeature {
  display: flex;
  gap: 64px;
  align-items: flex-end;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .reason .specialFeature {
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .reason .specialFeature {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
    gap: 24px;
  }
}
.reason .specialFeature__list {
  flex: 1;
  counter-reset: specialFeature;
}
.reason .specialFeature__list__item {
  padding-block: 24px;
  border-bottom: 1px solid var(--gray2);
  counter-increment: specialFeature;
  display: flex;
  align-items: center;
  gap: 14px;
}
.reason .specialFeature__list__item:first-child {
  border-top: 1px solid var(--gray2);
}
.reason .specialFeature__list__item .text {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .reason .specialFeature__list__item .text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.reason .specialFeature__list__item .text span {
  color: var(--green);
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .reason .specialFeature__list__item .text span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.reason .specialFeature__list__item .number {
  filter: drop-shadow(0px 0px 16px rgba(68, 68, 68, 0.16));
  flex-shrink: 0;
}
.reason .specialFeature__list__item .number__inner {
  color: var(--white);
  font-weight: 700;
  position: relative;
  padding: 12px 26px 12px 16px;
  background: var(--yellow);
  clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  display: block;
  min-width: 48px;
}
@media screen and (max-width: 768px) {
  .reason .specialFeature__list__item .number__inner {
    padding: 10px 23px 10px 12px;
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  }
}
.reason .specialFeature__list__item .number__inner::before {
  content: counter(specialFeature, decimal-leading-zero);
  line-height: 1;
  color: var(--white);
  font-family: "Barlow", sans-serif;
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  filter: drop-shadow(2.5px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2.5px 0 #000) drop-shadow(0 -2px 0 #000);
}
@media screen and (max-width: 1000px) {
  .reason .specialFeature__list__item .number__inner::before {
    font-size: 20px;
    font-size: 2rem;
    filter: drop-shadow(3px 0 0 #000) drop-shadow(-2.5px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -2.5px 0 #000);
  }
}
.reason .specialFeature__img {
  width: 27.0833333333%;
  aspect-ratio: 312/260;
}
@media screen and (max-width: 768px) {
  .reason .specialFeature__img {
    width: 100%;
  }
}
.reason .specialFeature__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.reason--matrixtrader .modAnchor {
  padding: 0;
}
.reason--matrixtrader .modText--center {
  word-break: auto-phrase;
}
.reason--matrixtrader .modFigure figcaption {
  margin-top: 8px;
  font-weight: 700;
}
.reason--matrixtrader .flexItem {
  display: flex;
  gap: 24px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .reason--matrixtrader .flexItem {
    flex-direction: column;
  }
}
.reason--matrixtrader .flexItem:not(:last-child) {
  margin-bottom: 24px;
}
.reason--matrixtrader .flexItem__item {
  flex: 1;
  max-width: 840px;
}
@media screen and (max-width: 768px) {
  .reason--matrixtrader .flexItem__item {
    width: 100%;
  }
}
.reason--reputation .reputationList__item {
  display: flex;
  gap: 24px;
  padding: 24px;
  background: var(--white);
  align-items: center;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .reason--reputation .reputationList__item {
    gap: 16px;
    padding: 16px;
    flex-wrap: wrap;
  }
}
.reason--reputation .reputationList__item:not(:last-child) {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .reason--reputation .reputationList__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.reason--reputation .reputationList__item__icon {
  width: 80px;
  height: auto;
  aspect-ratio: 1;
  flex-shrink: 0;
  background: var(--green);
  border-radius: 50em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .reason--reputation .reputationList__item__icon {
    width: 56px;
  }
}
.reason--reputation .reputationList__item__icon::after {
  content: "";
  display: block;
  width: 28px;
  height: 32px;
  background: var(--white);
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2240%22%20viewBox%3D%220%200%2036%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2040H7.30717C7.30717%2034.0849%2012.1055%2029.2698%2018%2029.2698C23.8944%2029.2698%2028.6928%2034.0849%2028.6928%2040H36C36%2032.4106%2031.299%2025.909%2024.6739%2023.2447C27.4506%2021.1916%2029.2652%2017.8918%2029.2652%2014.1644V11.2924C29.2652%205.05958%2024.2111%200%2018.0122%200C11.8133%200%206.75913%205.0718%206.75913%2011.2924V14.1644C6.75913%2017.8918%208.57375%2021.1793%2011.3505%2023.2447C4.7253%2025.909%200.0243566%2032.4106%200.0243566%2040H0ZM14.0419%2011.2924C14.0419%209.1048%2015.8078%207.33272%2017.9878%207.33272C20.1678%207.33272%2021.9337%209.1048%2021.9337%2011.2924V14.1644C21.9337%2016.352%2020.1678%2018.124%2017.9878%2018.124C15.8078%2018.124%2014.0419%2016.352%2014.0419%2014.1644V11.2924Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
@media screen and (max-width: 768px) {
  .reason--reputation .reputationList__item__icon::after {
    width: 28px;
    height: 32px;
  }
}
.reason--reputation .reputationList__item__text {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .reason--reputation .reputationList__item__text {
    display: contents;
  }
}
.reason--reputation .reputationList__item__text .title {
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .reason--reputation .reputationList__item__text .modText {
    width: 100%;
  }
}
.notFoundContent {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 340px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  .notFoundContent {
    padding-top: 7px;
    min-height: 387px;
  }
}
.notFoundContent .modBtn {
  max-width: fit-content;
  min-width: 238px;
}
.notFoundContent .modText {
  margin-bottom: 40px;
}.pageList {
  border-radius: 8px;
  overflow: hidden;
}
.pageList__item {
  display: flex;
  background: var(--white2);
}
.pageList__item:not(:last-child) {
  border-bottom: 1px solid var(--gray2) !important;
}
.pageList__item__container:not(:last-child) {
  border-bottom: 1px solid var(--gray2) !important;
}
.pageList__item > * {
  flex: 1;
  padding: 16px 30px;
  color: var(--black) !important;
  display: flex;
  align-items: center;
}
.pageList__item > *:not(:last-child) {
  border-right: 1px solid var(--gray2) !important;
}
.pageList__item--title {
  background: var(--green) !important;
  font-weight: 700;
}
.pageList__item--subItem {
  background: var(--gray2) !important;
}
.pageList__item--subItem > *:not(:last-child) {
  border-right: 1px solid var(--white) !important;
}.modIframeWrapper--swap.astro-btpvldin.astro-btpvldin{width:100%;max-width:826px;margin:0 auto;padding:0 32px 32px;overflow:hidden;background:var(--white)}





.top .topNews__item--flex .topNews__item__content > :nth-child(1) {

  width: 100%;
  height: 368px;
  align-content: center;
}


.modFigure:not(:last-child) {
  margin-bottom: 0px;
}


.modFigure:not(:first-child) {
  margin-top: 0px;
}



.modFigure_grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 310px !important;
  align-items: center;
}



.top .topNews__item--flex .topNews__item__content {
  display: inherit;
  gap: 0px;
}




.top .topNews__item--flex .topNews__item__content > :nth-child(2) {

  width: 100%;
  background: none;
  border-radius: 0px;
  padding: 0px;

}




.top .topNews__item__content {

  padding-bottom: 24px;
}



.modFigure_kawase {
  display: flex;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  height: auto;
  justify-content: center;
}

.modFigure_tec{
  display: block;
}


@media screen and (max-width:767px){
  .modFigure_grid{
    grid-template-columns:  1fr;
    height: 890px !important;
  }
}