@charset "UTF-8";
.wrapper {
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 1100px) {
    .wrapper {
      width: auto;
      margin: 0; } }

.col1 {
  margin-bottom: 0;
  margin-right: 0; }
  .col1:nth-child(1) {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .col1 {
      width: 100%;
      margin-right: 0; } }
  .col1 img {
    width: 100%; }

.col2 {
  margin-bottom: 0;
  margin-right: 0; }
  .col2:nth-child(2) {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .col2 {
      width: 100%;
      margin-right: 0; } }
  .col2 img {
    width: 100%; }

.col3 {
  margin-bottom: 0;
  margin-right: 0; }
  .col3:nth-child(3) {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .col3 {
      width: 100%;
      margin-right: 0; } }
  .col3 img {
    width: 100%; }

.col4 {
  margin-bottom: 0;
  margin-right: 0; }
  .col4:nth-child(4) {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .col4 {
      width: 100%;
      margin-right: 0; } }
  .col4 img {
    width: 100%; }

.col5 {
  margin-bottom: 0;
  margin-right: 0; }
  .col5:nth-child(5) {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .col5 {
      width: 100%;
      margin-right: 0; } }
  .col5 img {
    width: 100%; }

.col6 {
  margin-bottom: 0;
  margin-right: 0; }
  .col6:nth-child(6) {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .col6 {
      width: 100%;
      margin-right: 0; } }
  .col6 img {
    width: 100%; }

@keyframes humb {
  100% {
    background: rgba(0, 0, 0, 0); } }
@keyframes scaleOut {
  100% {
    transform: scale(0);
    opacity: 0; } }
@keyframes pageTransition {
  100% {
    transform: translateX(0); } }
@keyframes pageFadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes scaleIn {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  20% {
    opacity: 0.4; }
  80% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }
@keyframes slideIn {
  0% {
    transform: translate(0, 100%); }
  100% {
    transform: translate(0, 0); } }
@keyframes slideOut {
  0% {
    transform: translate(0, 0); }
  2% {
    transform: translate(1%, 1%); }
  10% {
    transform: translate(1%, 1%); }
  50% {
    transform: translate(50%, 50%); }
  100% {
    transform: translate(100%, 70%);
    opacity: 0; } }
@keyframes neon {
  40% {
    opacity: .85; }
  42% {
    opacity: .4; }
  43% {
    opacity: .85; }
  45% {
    opacity: .4; }
  46% {
    opacity: .85; } }
@keyframes PageAnime {
  0% {
    transform-origin: right;
    transform: scaleX(0); }
  50% {
    transform-origin: right;
    transform: scaleX(1); }
  50.001% {
    transform-origin: left; }
  100% {
    transform-origin: left;
    transform: scaleX(0); } }
@keyframes PageAnimeAppear {
  0% {
    opacity: 0; }
  20% {
    opacity: 0.4; }
  80% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }
@keyframes right-move {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0);
    visibility: hidden; } }
@keyframes flowing-anim {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }
@keyframes bgLRextendAnime {
  0% {
    transform-origin: right; }
  50% {
    transform-origin: right; }
  50.001% {
    transform-origin: right; }
  100% {
    transform-origin: right;
    transform: scaleX(0); } }
@keyframes bgRLextendAnime {
  0% {
    transform-origin: left; }
  50% {
    transform-origin: left; }
  50.001% {
    transform-origin: left; }
  100% {
    transform-origin: left;
    transform: scaleX(0); } }
.fx {
  opacity: 0;
  -webkit-transform: translate(0, 90px);
  transform: translate(0, 90px);
  backface-visibility: hidden;
  will-change: transform; }
  .fx .fxBox {
    opacity: 0;
    -webkit-transform: translate(0, 90px);
    transform: translate(0, 90px);
    backface-visibility: hidden;
    will-change: transform; }
  .fx .cols {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
    .fx .cols .fxInr {
      opacity: 0;
      -webkit-transform: translate(0, 90px);
      transform: translate(0, 90px);
      backface-visibility: hidden;
      will-change: transform; }
  .fx .left {
    opacity: 0;
    -webkit-transform: translate(-150px, -90px);
    transform: translate(-150px, -90px);
    backface-visibility: hidden;
    will-change: transform; }
  .fx .right {
    opacity: 0;
    -webkit-transform: translate(150px, -90px);
    transform: translate(150px, -90px);
    backface-visibility: hidden;
    will-change: transform; }
  .fx.on {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: ease 1s 0s;
    transition: ease 1s 0s;
    backface-visibility: hidden;
    overflow: hidden;
    will-change: transform; }
    .fx.on .fxBox {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: ease 2s 0s;
      transition: ease 2s 0s;
      backface-visibility: hidden;
      will-change: transform; }
      .fx.on .fxBox:nth-child(1) {
        -webkit-transition: ease-out 0.6s 0.1s;
        transition: ease-out 0.6s 0.1s; }
      .fx.on .fxBox:nth-child(2) {
        -webkit-transition: ease-out 0.6s 0.3s;
        transition: ease-out 0.6s 0.3s; }
      .fx.on .fxBox:nth-child(3) {
        -webkit-transition: ease-out 0.6s 0.5s;
        transition: ease-out 0.6s 0.5s; }
      .fx.on .fxBox:nth-child(4) {
        -webkit-transition: ease-out 0.6s 0.7s;
        transition: ease-out 0.6s 0.7s; }
      .fx.on .fxBox:nth-child(5) {
        -webkit-transition: ease-out 0.6s 0.9s;
        transition: ease-out 0.6s 0.9s; }
      .fx.on .fxBox:nth-child(6) {
        -webkit-transition: ease-out 0.6s 1.1s;
        transition: ease-out 0.6s 1.1s; }
      .fx.on .fxBox:nth-child(7) {
        -webkit-transition: ease-out 0.6s 1.3s;
        transition: ease-out 0.6s 1.3s; }
      .fx.on .fxBox:nth-child(8) {
        -webkit-transition: ease-out 0.6s 1.5s;
        transition: ease-out 0.6s 1.5s; }
      .fx.on .fxBox:nth-child(9) {
        -webkit-transition: ease-out 0.6s 1.7s;
        transition: ease-out 0.6s 1.7s; }
      .fx.on .fxBox:nth-child(10) {
        -webkit-transition: ease-out 0.6s 1.9s;
        transition: ease-out 0.6s 1.9s; }
      .fx.on .fxBox:nth-child(11) {
        -webkit-transition: ease-out 0.6s 2.1s;
        transition: ease-out 0.6s 2.1s; }
      .fx.on .fxBox:nth-child(12) {
        -webkit-transition: ease-out 0.6s 2.3s;
        transition: ease-out 0.6s 2.3s; }
      .fx.on .fxBox:nth-child(13) {
        -webkit-transition: ease-out 0.6s 2.5s;
        transition: ease-out 0.6s 2.5s; }
      .fx.on .fxBox:nth-child(14) {
        -webkit-transition: ease-out 0.6s 2.7s;
        transition: ease-out 0.6s 2.7s; }
      .fx.on .fxBox:nth-child(15) {
        -webkit-transition: ease-out 0.6s 2.9s;
        transition: ease-out 0.6s 2.9s; }
      .fx.on .fxBox:nth-child(16) {
        -webkit-transition: ease-out 0.6s 3.1s;
        transition: ease-out 0.6s 3.1s; }
      .fx.on .fxBox:nth-child(17) {
        -webkit-transition: ease-out 0.6s 3.3s;
        transition: ease-out 0.6s 3.3s; }
      .fx.on .fxBox:nth-child(18) {
        -webkit-transition: ease-out 0.6s 3.5s;
        transition: ease-out 0.6s 3.5s; }
      .fx.on .fxBox:nth-child(19) {
        -webkit-transition: ease-out 0.6s 3.7s;
        transition: ease-out 0.6s 3.7s; }
      .fx.on .fxBox:nth-child(20) {
        -webkit-transition: ease-out 0.6s 3.9s;
        transition: ease-out 0.6s 3.9s; }
      .fx.on .fxBox:nth-child(21) {
        -webkit-transition: ease-out 0.6s 4.1s;
        transition: ease-out 0.6s 4.1s; }
      .fx.on .fxBox:nth-child(22) {
        -webkit-transition: ease-out 0.6s 4.3s;
        transition: ease-out 0.6s 4.3s; }
      .fx.on .fxBox:nth-child(23) {
        -webkit-transition: ease-out 0.6s 4.5s;
        transition: ease-out 0.6s 4.5s; }
      .fx.on .fxBox:nth-child(24) {
        -webkit-transition: ease-out 0.6s 4.7s;
        transition: ease-out 0.6s 4.7s; }
      .fx.on .fxBox:nth-child(25) {
        -webkit-transition: ease-out 0.6s 4.9s;
        transition: ease-out 0.6s 4.9s; }
      .fx.on .fxBox:nth-child(26) {
        -webkit-transition: ease-out 0.6s 5.1s;
        transition: ease-out 0.6s 5.1s; }
      .fx.on .fxBox:nth-child(27) {
        -webkit-transition: ease-out 0.6s 5.3s;
        transition: ease-out 0.6s 5.3s; }
      .fx.on .fxBox:nth-child(28) {
        -webkit-transition: ease-out 0.6s 5.5s;
        transition: ease-out 0.6s 5.5s; }
      .fx.on .fxBox:nth-child(29) {
        -webkit-transition: ease-out 0.6s 5.7s;
        transition: ease-out 0.6s 5.7s; }
      .fx.on .fxBox:nth-child(30) {
        -webkit-transition: ease-out 0.6s 5.9s;
        transition: ease-out 0.6s 5.9s; }
    .fx.on .cols .fxInr {
      opacity: 1;
      backface-visibility: hidden;
      will-change: transform;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: ease 2s 0.6s;
      transition: ease 2s 0.6s; }
      .fx.on .cols .fxInr:nth-child(1) {
        -webkit-transition: ease-out 0.6s 0.1s;
        transition: ease-out 0.6s 0.1s; }
      .fx.on .cols .fxInr:nth-child(2) {
        -webkit-transition: ease-out 0.6s 0.3s;
        transition: ease-out 0.6s 0.3s; }
      .fx.on .cols .fxInr:nth-child(3) {
        -webkit-transition: ease-out 0.6s 0.5s;
        transition: ease-out 0.6s 0.5s; }
      .fx.on .cols .fxInr:nth-child(4) {
        -webkit-transition: ease-out 0.6s 0.7s;
        transition: ease-out 0.6s 0.7s; }
      .fx.on .cols .fxInr:nth-child(5) {
        -webkit-transition: ease-out 0.6s 0.9s;
        transition: ease-out 0.6s 0.9s; }
      .fx.on .cols .fxInr:nth-child(6) {
        -webkit-transition: ease-out 0.6s 1.1s;
        transition: ease-out 0.6s 1.1s; }
      .fx.on .cols .fxInr:nth-child(7) {
        -webkit-transition: ease-out 0.6s 1.3s;
        transition: ease-out 0.6s 1.3s; }
      .fx.on .cols .fxInr:nth-child(8) {
        -webkit-transition: ease-out 0.6s 1.5s;
        transition: ease-out 0.6s 1.5s; }
      .fx.on .cols .fxInr:nth-child(9) {
        -webkit-transition: ease-out 0.6s 1.7s;
        transition: ease-out 0.6s 1.7s; }
      .fx.on .cols .fxInr:nth-child(10) {
        -webkit-transition: ease-out 0.6s 1.9s;
        transition: ease-out 0.6s 1.9s; }
      .fx.on .cols .fxInr:nth-child(11) {
        -webkit-transition: ease-out 0.6s 2.1s;
        transition: ease-out 0.6s 2.1s; }
      .fx.on .cols .fxInr:nth-child(12) {
        -webkit-transition: ease-out 0.6s 2.3s;
        transition: ease-out 0.6s 2.3s; }
      .fx.on .cols .fxInr:nth-child(13) {
        -webkit-transition: ease-out 0.6s 2.5s;
        transition: ease-out 0.6s 2.5s; }
      .fx.on .cols .fxInr:nth-child(14) {
        -webkit-transition: ease-out 0.6s 2.7s;
        transition: ease-out 0.6s 2.7s; }
      .fx.on .cols .fxInr:nth-child(15) {
        -webkit-transition: ease-out 0.6s 2.9s;
        transition: ease-out 0.6s 2.9s; }
      .fx.on .cols .fxInr:nth-child(16) {
        -webkit-transition: ease-out 0.6s 3.1s;
        transition: ease-out 0.6s 3.1s; }
      .fx.on .cols .fxInr:nth-child(17) {
        -webkit-transition: ease-out 0.6s 3.3s;
        transition: ease-out 0.6s 3.3s; }
      .fx.on .cols .fxInr:nth-child(18) {
        -webkit-transition: ease-out 0.6s 3.5s;
        transition: ease-out 0.6s 3.5s; }
      .fx.on .cols .fxInr:nth-child(19) {
        -webkit-transition: ease-out 0.6s 3.7s;
        transition: ease-out 0.6s 3.7s; }
      .fx.on .cols .fxInr:nth-child(20) {
        -webkit-transition: ease-out 0.6s 3.9s;
        transition: ease-out 0.6s 3.9s; }
      .fx.on .cols .fxInr:nth-child(21) {
        -webkit-transition: ease-out 0.6s 4.1s;
        transition: ease-out 0.6s 4.1s; }
      .fx.on .cols .fxInr:nth-child(22) {
        -webkit-transition: ease-out 0.6s 4.3s;
        transition: ease-out 0.6s 4.3s; }
      .fx.on .cols .fxInr:nth-child(23) {
        -webkit-transition: ease-out 0.6s 4.5s;
        transition: ease-out 0.6s 4.5s; }
      .fx.on .cols .fxInr:nth-child(24) {
        -webkit-transition: ease-out 0.6s 4.7s;
        transition: ease-out 0.6s 4.7s; }
      .fx.on .cols .fxInr:nth-child(25) {
        -webkit-transition: ease-out 0.6s 4.9s;
        transition: ease-out 0.6s 4.9s; }
      .fx.on .cols .fxInr:nth-child(26) {
        -webkit-transition: ease-out 0.6s 5.1s;
        transition: ease-out 0.6s 5.1s; }
      .fx.on .cols .fxInr:nth-child(27) {
        -webkit-transition: ease-out 0.6s 5.3s;
        transition: ease-out 0.6s 5.3s; }
      .fx.on .cols .fxInr:nth-child(28) {
        -webkit-transition: ease-out 0.6s 5.5s;
        transition: ease-out 0.6s 5.5s; }
      .fx.on .cols .fxInr:nth-child(29) {
        -webkit-transition: ease-out 0.6s 5.7s;
        transition: ease-out 0.6s 5.7s; }
      .fx.on .cols .fxInr:nth-child(30) {
        -webkit-transition: ease-out 0.6s 5.9s;
        transition: ease-out 0.6s 5.9s; }
    .fx.on .left {
      backface-visibility: hidden;
      opacity: 1;
      will-change: transform;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: ease 1s 0s;
      transition: ease 1s 0s; }
    .fx.on .right {
      backface-visibility: hidden;
      opacity: 1;
      will-change: transform;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: ease 1s 0s;
      transition: ease 1s 0s; }

.fxside .left {
  opacity: 0;
  -webkit-transform: translate(-150px, 0);
  transform: translate(-150px, 0);
  backface-visibility: hidden;
  will-change: transform; }
.fxside .right {
  opacity: 0;
  -webkit-transform: translate(150px, 0);
  transform: translate(150px, 0);
  backface-visibility: hidden;
  will-change: transform; }
.fxside .bgLRextend::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #37a250;
  z-index: 10;
  transform: scaleX(1); }
.fxside .bgRLextend::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #37a250;
  z-index: 10;
  transform: scaleX(1); }
.fxside.on .left {
  backface-visibility: hidden;
  opacity: 1;
  will-change: transform;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: ease 1s 0s;
  transition: ease 1s 0s; }
.fxside.on .right {
  backface-visibility: hidden;
  opacity: 1;
  will-change: transform;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: ease 1s 0s;
  transition: ease 1s 0s; }
.fxside.on .bgLRextend::before {
  animation-name: bgLRextendAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #37a250;
  z-index: 10;
  transform: scaleX(1); }
.fxside.on .bgRLextend::before {
  animation-name: bgRLextendAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #37a250;
  z-index: 10;
  transform: scaleX(1); }

body #splash {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: white;
  z-index: 0;
  text-align: center;
  color: white; }
  body #splash #splash-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-name: fadeIn;
    animation-duration: 2.0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards; }
body .splashbg {
  display: none; }
body #container {
  opacity: 0; }
body.appear #splash {
  animation-name: pageFadeout;
  animation-duration: 2.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards; }
  body.appear #splash #splash-logo {
    animation-name: pageFadeout;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; }
body.appear .splashbg {
  display: block;
  /*content: "";
  position:fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transform: scaleX(0);
  background-color: $keyColor;
  animation-name: PageAnime;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 2.5s;*/ }
  body.appear .splashbg::before, body.appear .splashbg::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    transform-origin: right; }
  body.appear .splashbg::before {
    background-color: #37a250;
    z-index: -1;
    animation: right-move 0.8s forwards;
    animation-delay: 1.5s; }
  body.appear .splashbg::after {
    transform-origin: left;
    background-color: black;
    z-index: -2;
    animation: right-move 0.8s forwards;
    animation-delay: 1.5s; }
body.appear #container {
  animation-name: PageAnimeAppear;
  animation-duration: 0.2s;
  animation-delay: 2.4s;
  animation-fill-mode: forwards;
  opacity: 0; }

.flowing {
  overflow: hidden;
  white-space: nowrap;
  animation: flowing-anim 0.3s forwards linear;
  animation-delay: 3.0s;
  width: 0; }

.flowing:nth-child(2) {
  animation-delay: 3.5s; }

.flowing:nth-child(3) {
  animation-delay: 4.0s; }

br.sp {
  display: none; }
  @media screen and (max-width: 375px) {
    br.sp {
      display: block; } }
@media screen and (max-width: 1100px) {
  br.pc {
    display: none; } }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.0;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, p {
  margin: 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  color: inherit;
  text-decoration: none; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

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

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

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

html {
  height: 100%; }
  html body {
    height: 100%; }
    html body main {
      min-height: 100dvh;
      background-image: url("../image/bg-img.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: relative; }
      @media screen and (max-width: 1100px) {
        html body main {
          padding: 60px 0 70px 0; } }
      html body main article {
        margin: 0 0 0 280px; }
        @media screen and (max-width: 1100px) {
          html body main article {
            margin: 0 auto; } }
        html body main article #category {
          padding: 24px 0 0 0; }
          html body main article #category .slider {
            position: relative;
            overflow: hidden;
            width: 100%; }
            html body main article #category .slider .slides {
              display: flex;
              width: 800px;
              height: 100%;
              margin: 0 auto;
              transition: transform 400ms ease;
              will-change: transform; }
              html body main article #category .slider .slides figure.slide-cont {
                flex: 0 0 100%;
                width: 800px;
                height: 450px;
                margin: 0;
                position: relative; }
                @media screen and (max-width: 768px) {
                  html body main article #category .slider .slides figure.slide-cont {
                    width: 335px;
                    height: 188px;
                    flex-shrink: 0;
                    aspect-ratio: 335/188; } }
                html body main article #category .slider .slides figure.slide-cont a.slide-img, html body main article #category .slider .slides figure.slide-cont div.slide-img {
                  position: absolute;
                  inset: 0;
                  display: block;
                  text-decoration: none;
                  cursor: pointer; }
                  html body main article #category .slider .slides figure.slide-cont a.slide-img img, html body main article #category .slider .slides figure.slide-cont div.slide-img img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    display: block;
                    pointer-events: none;
                    user-select: none; }
                    @media screen and (max-width: 768px) {
                      html body main article #category .slider .slides figure.slide-cont a.slide-img img.img-pc, html body main article #category .slider .slides figure.slide-cont div.slide-img img.img-pc {
                        display: none; } }
                    html body main article #category .slider .slides figure.slide-cont a.slide-img img.img-sp, html body main article #category .slider .slides figure.slide-cont div.slide-img img.img-sp {
                      display: none; }
                      @media screen and (max-width: 768px) {
                        html body main article #category .slider .slides figure.slide-cont a.slide-img img.img-sp, html body main article #category .slider .slides figure.slide-cont div.slide-img img.img-sp {
                          display: block; } }
                html body main article #category .slider .slides figure.slide-cont div.slide-img {
                  cursor: inherit; }
          html body main article #category .dots {
            display: flex;
            justify-content: center;
            gap: 7px;
            margin-top: 26px;
            width: 100%; }
          html body main article #category .dots button {
            width: 8px !important;
            height: 8px;
            border-radius: 50%;
            border: none;
            background: white;
            cursor: pointer;
            padding: 0; }
          html body main article #category .dots button[aria-selected="true"] {
            background: gray; }
          html body main article #category .slider, html body main article #category .slider * {
            user-select: none;
            -webkit-user-select: none; }
          html body main article #category .slider.single .nav,
          html body main article #category .slider.single .dots {
            display: none !important; }
          html body main article #category .slider.single + .dots {
            display: none !important; }
          html body main article #category .slider.single .slides {
            transform: none !important; }
        html body main article .main-inner {
          margin: 0 auto;
          padding: 0 0 100px 0;
          color: black;
          font-style: normal;
          width: 800px;
          max-width: 800px;
          padding: 40px 0 100px 0; }
          @media screen and (max-width: 1100px) {
            html body main article .main-inner {
              width: auto; } }
          @media screen and (max-width: 690px) {
            html body main article .main-inner {
              padding: 54px 0 80px 0;
              margin: 0 20px; } }
          html body main article .main-inner .inner-contents {
            width: 640px;
            max-width: 640px;
            margin: 0 0 0 85px; }
            @media screen and (max-width: 1100px) {
              html body main article .main-inner .inner-contents {
                width: auto;
                margin: 0 auto; } }
            html body main article .main-inner .inner-contents #tag .cont-title {
              text-align: center;
              font-size: 18px;
              font-weight: 600;
              line-height: 100%;
              margin: 0 0 18px; }
            html body main article .main-inner .inner-contents #tag .tag-inner {
              display: flex;
              justify-content: center;
              align-items: center;
              align-content: center;
              gap: 8px;
              align-self: stretch;
              flex-wrap: wrap; }
              html body main article .main-inner .inner-contents #tag .tag-inner a.tag-col, html body main article .main-inner .inner-contents #tag .tag-inner span.tag-col {
                display: flex;
                padding: 8px 20px;
                justify-content: center;
                align-items: center;
                gap: 10px;
                border-radius: 100px;
                background: white;
                text-align: center;
                font-size: 16px;
                font-weight: 400;
                line-height: 100%; }
                html body main article .main-inner .inner-contents #tag .tag-inner a.tag-col:hover, html body main article .main-inner .inner-contents #tag .tag-inner span.tag-col:hover {
                  color: white;
                  background: #37a250; }
              html body main article .main-inner .inner-contents #tag .tag-inner span.tag-col:hover {
                color: black;
                background: white; }
              @media screen and (max-width: 768px) {
                html body main article .main-inner .inner-contents #tag .tag-inner .tag-col.br {
                  line-height: 120%; } }
              html body main article .main-inner .inner-contents #tag .tag-inner .tag-col.br .brsp {
                display: none; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #tag .tag-inner .tag-col.br .brsp {
                    display: block; } }
            html body main article .main-inner .inner-contents #about {
              margin: 80px 0 0 0;
              display: flex;
              align-items: flex-start;
              align-self: stretch; }
              @media screen and (max-width: 768px) {
                html body main article .main-inner .inner-contents #about {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-end;
                  gap: 13px;
                  margin: 80px auto 0; } }
              html body main article .main-inner .inner-contents #about .left-col {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 31px;
                flex: 1 0 0; }
                html body main article .main-inner .inner-contents #about .left-col .cont-title {
                  align-self: stretch;
                  color: #37a250;
                  font-size: 26px;
                  font-weight: 700;
                  line-height: 150%;
                  letter-spacing: 1.3px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #about .left-col .cont-title {
                      text-align: center; } }
                  html body main article .main-inner .inner-contents #about .left-col .cont-title .bk-f {
                    color: black;
                    font-size: 26px;
                    font-weight: 700;
                    line-height: 150%;
                    letter-spacing: 1.3px; }
                html body main article .main-inner .inner-contents #about .left-col .lead {
                  align-self: stretch;
                  font-size: 18px;
                  font-weight: 400;
                  line-height: 180%;
                  letter-spacing: 0.9px; }
                  html body main article .main-inner .inner-contents #about .left-col .lead .bol-f {
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 180%;
                    letter-spacing: 0.9px; }
              @media screen and (max-width: 768px) {
                html body main article .main-inner .inner-contents #about .right-col {
                  margin: 0 auto; } }
              html body main article .main-inner .inner-contents #about .right-col figure {
                width: 336px;
                height: 375px;
                margin: 0; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #about .right-col figure {
                    width: 335px;
                    height: 201px;
                    aspect-ratio: 5/3; } }
                html body main article .main-inner .inner-contents #about .right-col figure img {
                  width: 100%;
                  height: 100%;
                  display: block; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #about .right-col figure img.img-pc {
                      display: none; } }
                  html body main article .main-inner .inner-contents #about .right-col figure img.img-sp {
                    display: none; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #about .right-col figure img.img-sp {
                        display: block; } }
            html body main article .main-inner .inner-contents #recommend {
              margin: 40px 0 0 0;
              display: flex;
              flex-direction: column;
              align-items: center;
              align-self: stretch;
              gap: 32px; }
              @media screen and (max-width: 768px) {
                html body main article .main-inner .inner-contents #recommend {
                  margin: 80px 0 0 0;
                  gap: 24px; } }
              html body main article .main-inner .inner-contents #recommend .tilte-area {
                display: flex;
                flex-direction: column;
                align-items: center; }
                html body main article .main-inner .inner-contents #recommend .tilte-area .title-main {
                  text-align: center;
                  font-size: 24px;
                  font-weight: 700;
                  line-height: 100%;
                  letter-spacing: 1.2px;
                  margin: 0 0 8px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #recommend .tilte-area .title-main {
                      font-size: 20px;
                      letter-spacing: 1px; } }
                html body main article .main-inner .inner-contents #recommend .tilte-area .title-sub {
                  text-align: center;
                  font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 100%;
                  letter-spacing: 3.2px;
                  margin: 0 0 24px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #recommend .tilte-area .title-sub {
                      margin: 0 0 8px; } }
                html body main article .main-inner .inner-contents #recommend .tilte-area .lead {
                  align-self: stretch;
                  text-align: center;
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 100%;
                  letter-spacing: 0.8px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #recommend .tilte-area .lead {
                      line-height: 180%; } }
              html body main article .main-inner .inner-contents #recommend .rec-container {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                align-content: flex-start;
                row-gap: 32px;
                align-self: stretch;
                flex-wrap: wrap; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #recommend .rec-container {
                    width: 335px;
                    margin: 0 auto; } }
                html body main article .main-inner .inner-contents #recommend .rec-container .rec-container-col {
                  width: 152px;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: 14px; }
                  html body main article .main-inner .inner-contents #recommend .rec-container .rec-container-col .col-title {
                    align-self: stretch;
                    text-align: center;
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 130%;
                    letter-spacing: 0.9px; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #recommend .rec-container .rec-container-col .col-title .brpc {
                        font-size: 20px;
                        letter-spacing: 1px; } }
                  html body main article .main-inner .inner-contents #recommend .rec-container .rec-container-col figure {
                    width: 152px;
                    height: 152px;
                    margin: 0; }
                    html body main article .main-inner .inner-contents #recommend .rec-container .rec-container-col figure img {
                      width: 100%;
                      height: 100%;
                      display: block; }
                  html body main article .main-inner .inner-contents #recommend .rec-container .rec-container-col .txt {
                    align-self: stretch;
                    text-align: center;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 140%;
                    letter-spacing: 0.7px; }
            html body main article .main-inner .inner-contents #get-news {
              margin: 80px 0 0 0;
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 40px;
              align-self: stretch; }
              html body main article .main-inner .inner-contents #get-news .tilte-area {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 8px; }
                html body main article .main-inner .inner-contents #get-news .tilte-area .title-main {
                  text-align: center;
                  font-size: 24px;
                  font-weight: 700;
                  line-height: 100%;
                  letter-spacing: 1.2px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #get-news .tilte-area .title-main {
                      font-size: 20px;
                      letter-spacing: 1px; } }
                html body main article .main-inner .inner-contents #get-news .tilte-area .title-sub {
                  text-align: center;
                  font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 100%;
                  letter-spacing: 3.2px; }
              html body main article .main-inner .inner-contents #get-news .ger-container {
                display: flex;
                align-items: center;
                gap: 40px;
                align-self: stretch; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #get-news .ger-container {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: flex-start;
                    gap: 40px;
                    align-self: stretch;
                    margin: 0 auto; } }
                html body main article .main-inner .inner-contents #get-news .ger-container .rec-container-col {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 16px;
                  flex: 1 0 0;
                  align-self: stretch; }
                  html body main article .main-inner .inner-contents #get-news .ger-container .rec-container-col figure {
                    width: 300px;
                    height: 169px;
                    aspect-ratio: 437/291;
                    margin: 0; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #get-news .ger-container .rec-container-col figure {
                        width: 100%;
                        height: 100%;
                        aspect-ratio: initial; } }
                    html body main article .main-inner .inner-contents #get-news .ger-container .rec-container-col figure img {
                      width: 100%;
                      height: 100%;
                      display: block;
                      border-radius: 10px; }
                  html body main article .main-inner .inner-contents #get-news .ger-container .rec-container-col .col-title {
                    align-self: stretch;
                    font-size: 18px;
                    font-weight: 600;
                    line-height: 150%;
                    letter-spacing: 0.9px; }
                  html body main article .main-inner .inner-contents #get-news .ger-container .rec-container-col .txt {
                    align-self: stretch;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 160%;
                    letter-spacing: 0.8px; }
                  html body main article .main-inner .inner-contents #get-news .ger-container .rec-container-col .tag-col {
                    color: #37a250;
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 100%;
                    letter-spacing: 0.8px;
                    text-decoration-line: underline;
                    text-decoration-style: solid;
                    text-decoration-skip-ink: auto;
                    text-decoration-thickness: auto;
                    text-underline-offset: auto;
                    text-underline-position: from-font;
                    position: relative; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #get-news .ger-container .rec-container-col .tag-col {
                        font-size: 14px;
                        line-height: 160%;
                        letter-spacing: 0.7px; } }
                    html body main article .main-inner .inner-contents #get-news .ger-container .rec-container-col .tag-col::after {
                      content: "";
                      position: absolute;
                      top: 3px;
                      right: -19px;
                      width: 13px;
                      height: 13px;
                      background-image: url("../image/arrow.png");
                      background-position: center;
                      background-size: cover;
                      background-repeat: no-repeat;
                      background-clip: border-box; }
              html body main article .main-inner .inner-contents #get-news .tab-online {
                display: flex;
                width: 300px;
                padding: 10px 16px;
                justify-content: center;
                align-items: center;
                border-radius: 5px;
                border: 1px solid #238339;
                background: white;
                margin: 24px 0 0 0; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #get-news .tab-online {
                    margin: 0; } }
                html body main article .main-inner .inner-contents #get-news .tab-online .tag-col {
                  color: #238339;
                  text-align: center;
                  font-family: "Noto Sans JP";
                  font-size: 16px;
                  font-style: normal;
                  font-weight: 600;
                  line-height: 130%;
                  position: relative;
                  margin: 0 20px 0 0; }
                  html body main article .main-inner .inner-contents #get-news .tab-online .tag-col:hover {
                    opacity: 0.7; }
                  html body main article .main-inner .inner-contents #get-news .tab-online .tag-col::after {
                    content: "";
                    position: absolute;
                    top: 14px;
                    right: -48px;
                    width: 10px;
                    height: 14px;
                    background-image: url("../image/arrow-right.png");
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-clip: border-box; }
                    html body main article .main-inner .inner-contents #get-news .tab-online .tag-col::after:hover {
                      opacity: 0.7; }
              html body main article .main-inner .inner-contents #get-news .get-tab {
                display: flex;
                flex-direction: column;
                width: 640px;
                padding: 24px 30px;
                border-radius: 10px;
                background: #42b7ac;
                margin: 24px 0 0 0; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #get-news .get-tab {
                    margin: 0;
                    width: 100%;
                    display: flex;
                    padding: 32px 20px;
                    flex-direction: column;
                    align-items: center;
                    gap: 16px; } }
                html body main article .main-inner .inner-contents #get-news .get-tab:hover {
                  opacity: 0.8; }
                html body main article .main-inner .inner-contents #get-news .get-tab .brsp {
                  display: none; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #get-news .get-tab .brsp {
                      display: block; } }
                html body main article .main-inner .inner-contents #get-news .get-tab .col-title {
                  color: white;
                  font-size: 22px;
                  font-weight: 600;
                  line-height: 120%;
                  letter-spacing: 1.1px;
                  padding: 0 0 0 30px;
                  position: relative; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #get-news .get-tab .col-title {
                      text-align: center;
                      font-size: 20px;
                      line-height: 130%;
                      letter-spacing: 1px;
                      padding: 25px 0 0 0; } }
                  html body main article .main-inner .inner-contents #get-news .get-tab .col-title::before {
                    content: "";
                    position: absolute;
                    top: 3px;
                    left: 0px;
                    width: 22px;
                    height: 18px;
                    background-image: url("../image/get-tab-icon.png");
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-clip: border-box; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #get-news .get-tab .col-title::before {
                        top: 0;
                        left: 50%;
                        transform: translateX(-50%); } }
                html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner {
                  display: flex;
                  justify-content: space-between; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner {
                      flex-direction: column;
                      align-items: center; } }
                  html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    color: white;
                    position: relative; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left {
                        align-items: center; } }
                    html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left::after {
                      content: "";
                      position: absolute;
                      top: 0px;
                      right: -219px;
                      width: 153.738px;
                      height: 94.69px;
                      flex-shrink: 0;
                      aspect-ratio: 153.74/94.69;
                      background-image: url("../image/get-tab-img.png");
                      background-position: center;
                      background-size: cover;
                      background-repeat: no-repeat;
                      background-clip: border-box; }
                      @media screen and (max-width: 768px) {
                        html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left::after {
                          display: none; } }
                    html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left .txt {
                      font-size: 16px;
                      font-weight: 400;
                      line-height: 100%;
                      letter-spacing: 0.8px;
                      margin: 14px 0 24px; }
                      @media screen and (max-width: 768px) {
                        html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left .txt {
                          text-align: center;
                          line-height: 160%;
                          margin: 0 0 16px; } }
                    html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left .tag-col {
                      font-size: 16px;
                      font-weight: 600;
                      line-height: 100%;
                      letter-spacing: 0.8px;
                      text-decoration-line: underline;
                      text-decoration-style: solid;
                      text-decoration-skip-ink: auto;
                      text-decoration-thickness: auto;
                      text-underline-offset: auto;
                      text-underline-position: from-font;
                      position: relative; }
                      @media screen and (max-width: 768px) {
                        html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left .tag-col {
                          text-align: center;
                          line-height: 160%; } }
                      @media screen and (max-width: 768px) {
                        html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left .tag-col .colma {
                          display: none; } }
                      html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left .tag-col::after {
                        content: "";
                        position: absolute;
                        top: 1px;
                        right: -19px;
                        width: 13px;
                        height: 13px;
                        background-image: url("../image/arrow-blue.png");
                        background-position: center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-clip: border-box; }
                        @media screen and (max-width: 768px) {
                          html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-left .tag-col::after {
                            top: 17px;
                            right: -19px; } }
                  html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-right {
                    display: none; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-right {
                        display: block;
                        margin: 24px 0 0 0; } }
                    html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-right figure {
                      width: 153.738px;
                      height: 94.69px;
                      flex-shrink: 0;
                      aspect-ratio: 153.74/94.69;
                      margin: 0; }
                      html body main article .main-inner .inner-contents #get-news .get-tab .get-tab-inner .get-tab-col-right figure img {
                        width: 100%;
                        height: 100%;
                        display: block; }
            html body main article .main-inner .inner-contents #category-info .cate-inner {
              display: flex;
              padding: 40px 0;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              gap: 56px;
              align-self: stretch;
              border-radius: 10px;
              background: #37a250;
              margin: 80px 0 0 0;
              position: relative; }
              html body main article .main-inner .inner-contents #category-info .cate-inner::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0px;
                width: 80px;
                height: 80px;
                background-image: url("../image/cate-top.png");
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                background-clip: border-box; }
              html body main article .main-inner .inner-contents #category-info .cate-inner::after {
                content: "";
                position: absolute;
                bottom: 0px;
                right: 0px;
                width: 80px;
                height: 80px;
                height: 80px;
                background-image: url("../image/cate-bottom.png");
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                background-clip: border-box; }
              @media screen and (max-width: 768px) {
                html body main article .main-inner .inner-contents #category-info .cate-inner {
                  padding: 32px 0; } }
              html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 24px; }
                html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .tilte-area {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: 8px;
                  color: white; }
                  html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .tilte-area .title-main {
                    text-align: center;
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 100%;
                    letter-spacing: 1.2px; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .tilte-area .title-main {
                        font-size: 20px;
                        letter-spacing: 1px; } }
                  html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .tilte-area .title-sub {
                    text-align: center;
                    font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 100%;
                    letter-spacing: 3.2px; }
                html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .current-inner {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-end;
                  gap: 8px; }
                  html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .current-inner .current-back {
                    display: flex;
                    padding: 10px 18px;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 10px;
                    border-radius: 113.617px;
                    background: white; }
                    html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .current-inner .current-back .current-num {
                      display: flex;
                      align-items: baseline;
                      gap: 5px;
                      align-self: stretch;
                      color: #37a250; }
                      html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .current-inner .current-back .current-num .kana {
                        text-align: right;
                        font-size: 18px;
                        font-weight: 700;
                        line-height: 100%;
                        letter-spacing: 0.9px; }
                      html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .current-inner .current-back .current-num .num {
                        color: #37a250;
                        font-family: "din-2014", sans-serif;
                        font-size: 34px;
                        font-weight: 700;
                        line-height: 80%;
                        letter-spacing: 1.7px;
                        display: inline-block; }
                  html body main article .main-inner .inner-contents #category-info .cate-inner .cate-top .current-inner .kome {
                    color: white;
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 100%;
                    letter-spacing: 0.6px; }
              html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon {
                display: flex;
                justify-content: center;
                align-items: center;
                align-content: center;
                gap: 16px;
                align-self: stretch;
                flex-wrap: wrap; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon {
                    margin: 0 20px; } }
                html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon a.icon-col:hover, html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon span.icon-col:hover {
                  opacity: 0.8; }
                html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon a.icon-col .category-icon-col, html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon span.icon-col .category-icon-col {
                  width: 265px;
                  height: 176px;
                  margin: 0; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon a.icon-col .category-icon-col, html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon span.icon-col .category-icon-col {
                      width: 230px;
                      height: 153px;
                      aspect-ratio: 230/153; } }
                  html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon a.icon-col .category-icon-col img, html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon span.icon-col .category-icon-col img {
                    width: 100%;
                    height: 100%;
                    display: block; }
                html body main article .main-inner .inner-contents #category-info .cate-inner .category-icon span.icon-col:hover {
                  opacity: 1.0; }
            html body main article .main-inner .inner-contents #category-info .btn-gre {
              margin: 40px auto 0;
              display: flex;
              width: 230px;
              height: 50px;
              padding: 10px;
              justify-content: center;
              align-items: center;
              border-radius: 5px;
              background: #37a250;
              color: white;
              text-align: center;
              font-size: 16px;
              font-weight: 700;
              line-height: 100%; }
              html body main article .main-inner .inner-contents #category-info .btn-gre:hover {
                background: #80d193; }
            html body main article .main-inner .inner-contents #seminar {
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 40px;
              align-self: stretch;
              margin: 80px 0 0 0; }
              html body main article .main-inner .inner-contents #seminar .tilte-area {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 8px; }
                html body main article .main-inner .inner-contents #seminar .tilte-area .title-main {
                  text-align: center;
                  font-size: 24px;
                  font-weight: 700;
                  line-height: 100%;
                  letter-spacing: 1.2px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #seminar .tilte-area .title-main {
                      font-size: 20px;
                      letter-spacing: 1px; } }
                html body main article .main-inner .inner-contents #seminar .tilte-area .title-sub {
                  text-align: center;
                  font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
                  text-align: center;
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 100%;
                  letter-spacing: 3.2px; }
              html body main article .main-inner .inner-contents #seminar .seminar-inner {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 40px;
                align-self: stretch; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #seminar .seminar-inner {
                    gap: 32px;
                    margin: 0 auto; } }
                html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: 24px;
                  align-self: stretch; }
                  html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-left .seminar-img-col {
                    width: 640px;
                    height: 344px;
                    margin: 0; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-left .seminar-img-col {
                        width: 100%;
                        height: 100%; } }
                    html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-left .seminar-img-col img {
                      width: 100%;
                      height: 100%;
                      display: block;
                      border-radius: 10px; }
                  html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-right .col-title {
                    font-size: 18px;
                    font-weight: 600;
                    line-height: 150%;
                    letter-spacing: 0.9px;
                    margin: 0 0 8px; }
                  html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-right .date {
                    align-self: stretch;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 100%;
                    letter-spacing: 0.8px;
                    margin: 0 0 8px; }
                  html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-right .txt {
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 160%;
                    letter-spacing: 0.8px;
                    margin: 0 0 16px; }
                  html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-right .tag-col {
                    color: #37a250;
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 100%;
                    letter-spacing: 0.8px;
                    text-decoration-line: underline;
                    text-decoration-style: solid;
                    text-decoration-skip-ink: auto;
                    text-decoration-thickness: auto;
                    text-underline-offset: auto;
                    text-underline-position: from-font;
                    position: relative; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-right .tag-col {
                        font-size: 14px; } }
                    html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-right .tag-col::after {
                      content: "";
                      position: absolute;
                      top: 7px;
                      right: -19px;
                      width: 13px;
                      height: 13px;
                      background-image: url("../image/arrow.png");
                      background-position: center;
                      background-size: cover;
                      background-repeat: no-repeat;
                      background-clip: border-box; }
                      @media screen and (max-width: 768px) {
                        html body main article .main-inner .inner-contents #seminar .seminar-inner .seminar-col .seminar-col-right .tag-col::after {
                          top: 4px; } }
              html body main article .main-inner .inner-contents #seminar .btn-gre {
                margin: 20px auto 0;
                display: flex;
                width: 230px;
                height: 50px;
                padding: 10px;
                justify-content: center;
                align-items: center;
                border-radius: 5px;
                background: #37a250;
                color: white;
                text-align: center;
                font-size: 16px;
                font-weight: 700;
                line-height: 100%; }
                html body main article .main-inner .inner-contents #seminar .btn-gre:hover {
                  background: #80d193; }
            html body main article .main-inner .inner-contents #campaign {
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 24px;
              align-self: stretch;
              margin: 80px 0 0 0; }
              html body main article .main-inner .inner-contents #campaign .tilte-area {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 8px; }
                html body main article .main-inner .inner-contents #campaign .tilte-area .title-main {
                  text-align: center;
                  font-size: 24px;
                  font-weight: 700;
                  line-height: 100%;
                  letter-spacing: 1.2px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #campaign .tilte-area .title-main {
                      font-size: 20px;
                      letter-spacing: 1px; } }
                html body main article .main-inner .inner-contents #campaign .tilte-area .title-sub {
                  text-align: center;
                  font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
                  text-align: center;
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 100%;
                  letter-spacing: 3.2px; }
              html body main article .main-inner .inner-contents #campaign .campaign-col {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 24px;
                align-self: stretch; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #campaign .campaign-col {
                    gap: 16px;
                    width: 335px;
                    margin: 0 auto; } }
                html body main article .main-inner .inner-contents #campaign .campaign-col .campaign-img-col {
                  display: flex;
                  width: 640px;
                  height: 360px;
                  justify-content: center;
                  align-items: center;
                  aspect-ratio: 16/9;
                  margin: 0; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #campaign .campaign-col .campaign-img-col {
                      width: 335px;
                      height: 188px;
                      aspect-ratio: 335/188; } }
                  html body main article .main-inner .inner-contents #campaign .campaign-col .campaign-img-col img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    border-radius: 10px; }
                html body main article .main-inner .inner-contents #campaign .campaign-col .campaign-txt-col {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 8px;
                  align-self: stretch; }
                  html body main article .main-inner .inner-contents #campaign .campaign-col .campaign-txt-col .campaign-title {
                    align-self: stretch;
                    font-size: 22px;
                    font-weight: 700;
                    line-height: 150%;
                    letter-spacing: 1.1px; }
                  html body main article .main-inner .inner-contents #campaign .campaign-col .campaign-txt-col .campaign-txt {
                    align-self: stretch;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 160%;
                    letter-spacing: 0.8px;
                    margin: 0 0 24px; }
            html body main article .main-inner .inner-contents #information {
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 40px;
              align-self: stretch;
              margin: 80px 0 0 0; }
              html body main article .main-inner .inner-contents #information .tilte-area {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 8px; }
                html body main article .main-inner .inner-contents #information .tilte-area .title-main {
                  text-align: center;
                  font-size: 24px;
                  font-weight: 700;
                  line-height: 100%;
                  letter-spacing: 1.2px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #information .tilte-area .title-main {
                      font-size: 20px;
                      letter-spacing: 1px; } }
                html body main article .main-inner .inner-contents #information .tilte-area .title-sub {
                  text-align: center;
                  font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
                  text-align: center;
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 100%;
                  letter-spacing: 3.2px; }
              html body main article .main-inner .inner-contents #information .information-inner {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
                align-self: stretch; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #information .information-inner {
                    width: 335px;
                    margin: 0 auto; } }
                html body main article .main-inner .inner-contents #information .information-inner .new-container-col {
                  display: flex;
                  align-items: flex-start;
                  gap: 32px;
                  align-self: stretch;
                  border-bottom: 1px solid #37a250;
                  padding: 0 0 16px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #information .information-inner .new-container-col {
                      display: flex;
                      padding-bottom: 16px;
                      flex-direction: column;
                      justify-content: center;
                      align-items: flex-start;
                      gap: 8px;
                      align-self: stretch; } }
                  html body main article .main-inner .inner-contents #information .information-inner .new-container-col .info {
                    display: flex;
                    align-items: center;
                    gap: 8px; }
                    html body main article .main-inner .inner-contents #information .information-inner .new-container-col .info .date {
                      font-size: 16px;
                      font-weight: 400;
                      line-height: 100%;
                      letter-spacing: 0.8px; }
                    html body main article .main-inner .inner-contents #information .information-inner .new-container-col .info .type {
                      display: flex;
                      height: 22px;
                      padding: 2px 15px;
                      justify-content: center;
                      align-items: center;
                      gap: 11.139px;
                      border-radius: 3px;
                      background: white;
                      text-align: center;
                      font-size: 14px;
                      font-weight: 600;
                      line-height: 100%; }
                  html body main article .main-inner .inner-contents #information .information-inner .new-container-col .news-col {
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    flex: 1;
                    color: #37a250;
                    text-overflow: ellipsis;
                    font-family: "Noto Sans JP";
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 100%;
                    letter-spacing: 0.8px;
                    text-decoration: underline !important;
                    text-decoration-style: solid;
                    text-decoration-skip-ink: auto;
                    text-decoration-thickness: auto;
                    text-underline-offset: auto;
                    text-underline-position: from-font;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #information .information-inner .new-container-col .news-col {
                        flex: 1;
                        display: block;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        width: 100%; } }
              html body main article .main-inner .inner-contents #information .btn-gre {
                margin: 16px auto 0;
                display: flex;
                width: 230px;
                height: 50px;
                padding: 10px;
                justify-content: center;
                align-items: center;
                border-radius: 5px;
                background: #37a250;
                color: white;
                text-align: center;
                font-size: 16px;
                font-weight: 700;
                line-height: 100%; }
                html body main article .main-inner .inner-contents #information .btn-gre:hover {
                  background: #80d193; }
            html body main article .main-inner .inner-contents #voice {
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 24px;
              align-self: stretch;
              margin: 80px 0 0 0; }
              html body main article .main-inner .inner-contents #voice .tilte-area {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 8px; }
                html body main article .main-inner .inner-contents #voice .tilte-area .title-main {
                  text-align: center;
                  font-size: 24px;
                  font-weight: 700;
                  line-height: 100%;
                  letter-spacing: 1.2px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #voice .tilte-area .title-main {
                      font-size: 20px;
                      letter-spacing: 1px; } }
                html body main article .main-inner .inner-contents #voice .tilte-area .title-sub {
                  text-align: center;
                  font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
                  text-align: center;
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 100%;
                  letter-spacing: 3.2px; }
              html body main article .main-inner .inner-contents #voice .voice-container {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                align-content: flex-start;
                row-gap: 16px;
                align-self: stretch;
                flex-wrap: wrap; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #voice .voice-container {
                    justify-content: center; } }
                html body main article .main-inner .inner-contents #voice .voice-container .voice-container-col {
                  display: flex;
                  width: 310px;
                  height: 166px;
                  padding: 20px;
                  align-items: center;
                  gap: 16px;
                  border-radius: 10px;
                  background: white; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #voice .voice-container .voice-container-col {
                      width: 335px;
                      height: 160px; } }
                  html body main article .main-inner .inner-contents #voice .voice-container .voice-container-col .voice-container-col-left {
                    flex: 1 0 0;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 150%;
                    letter-spacing: 0.8px; }
                  html body main article .main-inner .inner-contents #voice .voice-container .voice-container-col .voice-container-col-right .campaign-img-col {
                    display: flex;
                    width: 97px;
                    padding: 9.5px 2px 0 1px;
                    justify-content: center;
                    align-items: center;
                    flex-shrink: 0;
                    border-radius: 1000px;
                    margin: 0; }
                    html body main article .main-inner .inner-contents #voice .voice-container .voice-container-col .voice-container-col-right .campaign-img-col img {
                      width: 100%;
                      height: 100%;
                      display: block; }
            html body main article .main-inner .inner-contents #faq {
              margin: 80px 0 0 0; }
              html body main article .main-inner .inner-contents #faq .faq-inner {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 20px;
                align-self: stretch; }
                html body main article .main-inner .inner-contents #faq .faq-inner .tilte-area {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  gap: 8px; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #faq .faq-inner .tilte-area {
                      width: 335px;
                      margin: 0 auto; } }
                  html body main article .main-inner .inner-contents #faq .faq-inner .tilte-area .title-main {
                    text-align: center;
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 100%;
                    letter-spacing: 1.2px; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #faq .faq-inner .tilte-area .title-main {
                        font-size: 20px;
                        letter-spacing: 1px; } }
                  html body main article .main-inner .inner-contents #faq .faq-inner .tilte-area .title-sub {
                    text-align: center;
                    font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
                    text-align: center;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 100%;
                    letter-spacing: 3.2px; }
                html body main article .main-inner .inner-contents #faq .faq-inner .faq-area {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 20px;
                  align-self: stretch; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #faq .faq-inner .faq-area {
                      width: 335px;
                      margin: 0 auto; } }
                  html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col {
                    display: flex;
                    padding: 24px 48px;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 10px;
                    align-self: stretch;
                    border-radius: 10px;
                    background: white; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col {
                        padding: 20px; } }
                    html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a {
                      display: flex;
                      align-items: center;
                      gap: 16px;
                      font-size: 20px;
                      font-weight: 700;
                      line-height: 150%;
                      letter-spacing: 1px; }
                      @media screen and (max-width: 768px) {
                        html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a {
                          font-size: 18px;
                          letter-spacing: 0.9px; } }
                      html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q .icon, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a .icon {
                        display: block;
                        width: 40px;
                        height: 40px; }
                        html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q .icon img, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a .icon img {
                          width: 100%;
                          height: 100%;
                          display: block; }
                      html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q .q-txt, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q .a-txt, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a .q-txt, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a .a-txt {
                        width: 496px;
                        flex-shrink: 0;
                        font-size: 20px;
                        font-weight: 700;
                        line-height: 150%;
                        letter-spacing: 1px; }
                        @media screen and (max-width: 768px) {
                          html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q .q-txt, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q .a-txt, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a .q-txt, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a .a-txt {
                            width: 239px;
                            font-size: 16px;
                            letter-spacing: 0.8px; } }
                      html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q .a-txt, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a .a-txt {
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 160%;
                        letter-spacing: 0.9px; }
                        html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-q .a-txt .a-txt-online, html body main article .main-inner .inner-contents #faq .faq-inner .faq-area .faq-col .txt-a .a-txt .a-txt-online {
                          text-decoration-line: underline; }
              html body main article .main-inner .inner-contents #faq .howto-tab {
                display: flex;
                width: 640px;
                padding: 24px 30px;
                justify-content: space-between;
                align-items: center;
                border-radius: 10px;
                background: #42b7ac;
                margin: 80px 0 0 0; }
                @media screen and (max-width: 768px) {
                  html body main article .main-inner .inner-contents #faq .howto-tab {
                    display: flex;
                    width: 335px;
                    padding: 32px 20px;
                    flex-direction: column;
                    align-items: center;
                    gap: 24px;
                    margin: 80px auto 0; } }
                html body main article .main-inner .inner-contents #faq .howto-tab:hover {
                  opacity: 0.8; }
                html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 14px;
                  color: white; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left {
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                      gap: 16px;
                      align-self: stretch; } }
                  html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left .col-title {
                    font-size: 22px;
                    font-weight: 600;
                    line-height: 150%;
                    letter-spacing: 1.1px;
                    padding: 0 0 0 30px;
                    position: relative; }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left .col-title {
                        font-size: 20px;
                        line-height: 100%;
                        letter-spacing: 1px; } }
                    html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left .col-title::before {
                      content: "";
                      position: absolute;
                      top: 3px;
                      left: 0px;
                      width: 22px;
                      height: 18px;
                      background-image: url("../image/get-tab-icon.png");
                      background-position: center;
                      background-size: cover;
                      background-repeat: no-repeat;
                      background-clip: border-box; }
                  html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left .txt {
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 100%;
                    letter-spacing: 0.8px;
                    margin: 0 0 10px; }
                    html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left .txt .brsp {
                      display: none; }
                      @media screen and (max-width: 768px) {
                        html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left .txt .brsp {
                          display: block; } }
                    @media screen and (max-width: 768px) {
                      html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left .txt {
                        align-self: stretch;
                        text-align: center;
                        line-height: 160%; } }
                  html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left .tag-col {
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 160%;
                    letter-spacing: 0.8px;
                    text-decoration-line: underline;
                    text-decoration-style: solid;
                    text-decoration-skip-ink: auto;
                    text-decoration-thickness: auto;
                    text-underline-offset: auto;
                    text-underline-position: from-font;
                    position: relative; }
                    html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-left .tag-col::after {
                      content: "";
                      position: absolute;
                      top: 6px;
                      right: -19px;
                      width: 13px;
                      height: 13px;
                      background-image: url("../image/arrow-blue.png");
                      background-position: center;
                      background-size: cover;
                      background-repeat: no-repeat;
                      background-clip: border-box; }
                html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-right figure {
                  width: 205.999px;
                  height: 146.456px;
                  flex-shrink: 0;
                  margin: 0; }
                  @media screen and (max-width: 768px) {
                    html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-right figure {
                      display: flex;
                      width: 283px;
                      height: 201px;
                      justify-content: center;
                      align-items: center; } }
                  html body main article .main-inner .inner-contents #faq .howto-tab .howto-tab-col-right figure img {
                    width: 100%;
                    height: 100%;
                    display: block; }
        html body main article.exhibit .main-inner, html body main article.news .main-inner, html body main article.howto .main-inner, html body main article.online .main-inner {
          width: 640px;
          padding: 100px 0;
          font-style: normal; }
          @media screen and (max-width: 1100px) {
            html body main article.exhibit .main-inner, html body main article.news .main-inner, html body main article.howto .main-inner, html body main article.online .main-inner {
              margin: 0 auto; } }
          @media screen and (max-width: 768px) {
            html body main article.exhibit .main-inner, html body main article.news .main-inner, html body main article.howto .main-inner, html body main article.online .main-inner {
              margin: 0 15px;
              padding: 64px 0 80px;
              width: auto; } }
          html body main article.exhibit .main-inner .breadcrumb .breadcrumb__list, html body main article.news .main-inner .breadcrumb .breadcrumb__list, html body main article.howto .main-inner .breadcrumb .breadcrumb__list, html body main article.online .main-inner .breadcrumb .breadcrumb__list {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 0.5em;
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 100%;
            color: #37a250;
            line-height: 1; }
            html body main article.exhibit .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a, html body main article.news .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a, html body main article.howto .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a, html body main article.online .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a {
              color: #37a250;
              text-decoration: none; }
              html body main article.exhibit .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a:hover, html body main article.exhibit .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a:focus-visible, html body main article.news .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a:hover, html body main article.news .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a:focus-visible, html body main article.howto .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a:hover, html body main article.howto .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a:focus-visible, html body main article.online .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a:hover, html body main article.online .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item a:focus-visible {
                text-decoration: underline; }
            html body main article.exhibit .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item.is-current a, html body main article.news .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item.is-current a, html body main article.howto .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item.is-current a, html body main article.online .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item.is-current a {
              pointer-events: none; }
            html body main article.exhibit .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item.is-current::before, html body main article.news .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item.is-current::before, html body main article.howto .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item.is-current::before, html body main article.online .main-inner .breadcrumb .breadcrumb__list .breadcrumb__item.is-current::before {
              content: ">";
              display: inline-block;
              margin: 0;
              color: #37a250; }
          html body main article.exhibit .main-inner .page-title, html body main article.news .main-inner .page-title, html body main article.howto .main-inner .page-title, html body main article.online .main-inner .page-title {
            margin: 16px 0 64px 0;
            color: #37a250;
            font-size: 26px;
            font-weight: 700;
            line-height: 100%; }
            @media screen and (max-width: 768px) {
              html body main article.exhibit .main-inner .page-title, html body main article.news .main-inner .page-title, html body main article.howto .main-inner .page-title, html body main article.online .main-inner .page-title {
                margin: 16px 0 40px 0; } }
          html body main article.exhibit .main-inner .log-inner, html body main article.news .main-inner .log-inner, html body main article.howto .main-inner .log-inner, html body main article.online .main-inner .log-inner {
            display: flex;
            padding: 10px 0;
            justify-content: center;
            align-items: center;
            gap: 10px;
            align-self: stretch;
            background-color: #37a250;
            color: white; }
            html body main article.exhibit .main-inner .log-inner .tag-col, html body main article.news .main-inner .log-inner .tag-col, html body main article.howto .main-inner .log-inner .tag-col, html body main article.online .main-inner .log-inner .tag-col {
              color: white;
              font-size: 16px;
              font-weight: 600;
              line-height: 100%;
              letter-spacing: 0.8px;
              text-decoration-style: solid;
              text-decoration-skip-ink: auto;
              text-decoration-thickness: auto;
              text-underline-offset: auto;
              text-underline-position: from-font; }
              @media screen and (max-width: 768px) {
                html body main article.exhibit .main-inner .log-inner .tag-col, html body main article.news .main-inner .log-inner .tag-col, html body main article.howto .main-inner .log-inner .tag-col, html body main article.online .main-inner .log-inner .tag-col {
                  font-size: 14px;
                  line-height: 160%;
                  letter-spacing: 0.7px;
                  text-align: center;
                  display: block; } }
              html body main article.exhibit .main-inner .log-inner .tag-col .brsp, html body main article.news .main-inner .log-inner .tag-col .brsp, html body main article.howto .main-inner .log-inner .tag-col .brsp, html body main article.online .main-inner .log-inner .tag-col .brsp {
                display: none; }
                @media screen and (max-width: 768px) {
                  html body main article.exhibit .main-inner .log-inner .tag-col .brsp, html body main article.news .main-inner .log-inner .tag-col .brsp, html body main article.howto .main-inner .log-inner .tag-col .brsp, html body main article.online .main-inner .log-inner .tag-col .brsp {
                    display: block; } }
          html body main article.exhibit .main-inner .cate-inner, html body main article.news .main-inner .cate-inner, html body main article.howto .main-inner .cate-inner, html body main article.online .main-inner .cate-inner {
            margin: 32px 0 0 0; }
            html body main article.exhibit .main-inner .cate-inner .cate-title, html body main article.news .main-inner .cate-inner .cate-title, html body main article.howto .main-inner .cate-inner .cate-title, html body main article.online .main-inner .cate-inner .cate-title {
              color: black;
              font-size: 16px;
              font-weight: 700;
              line-height: 100%; }
            html body main article.exhibit .main-inner .cate-inner .cate-container, html body main article.news .main-inner .cate-inner .cate-container, html body main article.howto .main-inner .cate-inner .cate-container, html body main article.online .main-inner .cate-inner .cate-container {
              margin: 16px 0 0 0;
              display: flex;
              align-items: flex-end;
              align-content: flex-end;
              gap: 16px;
              align-self: stretch;
              flex-wrap: wrap; }
              html body main article.exhibit .main-inner .cate-inner .cate-container .cate-container-col, html body main article.news .main-inner .cate-inner .cate-container .cate-container-col, html body main article.howto .main-inner .cate-inner .cate-container .cate-container-col, html body main article.online .main-inner .cate-inner .cate-container .cate-container-col {
                display: flex;
                align-items: center;
                gap: 8px; }
                html body main article.exhibit .main-inner .cate-inner .cate-container .cate-container-col figure, html body main article.news .main-inner .cate-inner .cate-container .cate-container-col figure, html body main article.howto .main-inner .cate-inner .cate-container .cate-container-col figure, html body main article.online .main-inner .cate-inner .cate-container .cate-container-col figure {
                  width: 26px;
                  height: 26px;
                  flex-shrink: 0;
                  margin: 0; }
                  html body main article.exhibit .main-inner .cate-inner .cate-container .cate-container-col figure img, html body main article.news .main-inner .cate-inner .cate-container .cate-container-col figure img, html body main article.howto .main-inner .cate-inner .cate-container .cate-container-col figure img, html body main article.online .main-inner .cate-inner .cate-container .cate-container-col figure img {
                    width: 100%;
                    height: 100%;
                    display: block; }
                html body main article.exhibit .main-inner .cate-inner .cate-container .cate-container-col .col-title, html body main article.news .main-inner .cate-inner .cate-container .cate-container-col .col-title, html body main article.howto .main-inner .cate-inner .cate-container .cate-container-col .col-title, html body main article.online .main-inner .cate-inner .cate-container .cate-container-col .col-title {
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 100%; }
          html body main article.exhibit .main-inner .kana-bar, html body main article.news .main-inner .kana-bar, html body main article.howto .main-inner .kana-bar, html body main article.online .main-inner .kana-bar {
            margin: 40px 0 0 0;
            display: flex;
            justify-content: space-between; }
            @media screen and (max-width: 1100px) {
              html body main article.exhibit .main-inner .kana-bar, html body main article.news .main-inner .kana-bar, html body main article.howto .main-inner .kana-bar, html body main article.online .main-inner .kana-bar {
                margin: 40px 20px;
                width: auto;
                display: flex;
                align-items: center;
                justify-content: center; } }
            @media screen and (max-width: 768px) {
              html body main article.exhibit .main-inner .kana-bar, html body main article.news .main-inner .kana-bar, html body main article.howto .main-inner .kana-bar, html body main article.online .main-inner .kana-bar {
                flex-direction: column; } }
            html body main article.exhibit .main-inner .kana-bar .kana-bar_top, html body main article.exhibit .main-inner .kana-bar .kana-bar_bot, html body main article.news .main-inner .kana-bar .kana-bar_top, html body main article.news .main-inner .kana-bar .kana-bar_bot, html body main article.howto .main-inner .kana-bar .kana-bar_top, html body main article.howto .main-inner .kana-bar .kana-bar_bot, html body main article.online .main-inner .kana-bar .kana-bar_top, html body main article.online .main-inner .kana-bar .kana-bar_bot {
              display: flex;
              align-items: center;
              gap: 16px; }
            @media screen and (max-width: 1100px) {
              html body main article.exhibit .main-inner .kana-bar .kana-bar_top, html body main article.news .main-inner .kana-bar .kana-bar_top, html body main article.howto .main-inner .kana-bar .kana-bar_top, html body main article.online .main-inner .kana-bar .kana-bar_top {
                margin: 0 8px 0 0; } }
            @media screen and (max-width: 768px) {
              html body main article.exhibit .main-inner .kana-bar .kana-bar_top, html body main article.news .main-inner .kana-bar .kana-bar_top, html body main article.howto .main-inner .kana-bar .kana-bar_top, html body main article.online .main-inner .kana-bar .kana-bar_top {
                margin: 0; } }
            @media screen and (max-width: 1100px) {
              html body main article.exhibit .main-inner .kana-bar .kana-bar_bot, html body main article.news .main-inner .kana-bar .kana-bar_bot, html body main article.howto .main-inner .kana-bar .kana-bar_bot, html body main article.online .main-inner .kana-bar .kana-bar_bot {
                margin: 0 0 0 8px; } }
            @media screen and (max-width: 768px) {
              html body main article.exhibit .main-inner .kana-bar .kana-bar_bot, html body main article.news .main-inner .kana-bar .kana-bar_bot, html body main article.howto .main-inner .kana-bar .kana-bar_bot, html body main article.online .main-inner .kana-bar .kana-bar_bot {
                margin: 16px 0 0 0; } }
            html body main article.exhibit .main-inner .kana-bar .kana, html body main article.news .main-inner .kana-bar .kana, html body main article.howto .main-inner .kana-bar .kana, html body main article.online .main-inner .kana-bar .kana {
              display: flex;
              width: 50px;
              height: 50px;
              padding: 16px 16px 18px 18px;
              justify-content: center;
              align-items: center;
              color: black;
              font-size: 16px;
              font-style: normal;
              font-weight: 600;
              line-height: 100%;
              background-color: white;
              border-radius: 10px;
              border: none; }
              html body main article.exhibit .main-inner .kana-bar .kana:hover, html body main article.news .main-inner .kana-bar .kana:hover, html body main article.howto .main-inner .kana-bar .kana:hover, html body main article.online .main-inner .kana-bar .kana:hover {
                background-color: #37a250;
                color: white; }
              html body main article.exhibit .main-inner .kana-bar .kana:active, html body main article.news .main-inner .kana-bar .kana:active, html body main article.howto .main-inner .kana-bar .kana:active, html body main article.online .main-inner .kana-bar .kana:active {
                transform: translateY(0); }
          html body main article.exhibit .main-inner .kana-rail, html body main article.news .main-inner .kana-rail, html body main article.howto .main-inner .kana-rail, html body main article.online .main-inner .kana-rail {
            margin: 64px 0 0 0; }
            html body main article.exhibit .main-inner .kana-rail span, html body main article.news .main-inner .kana-rail span, html body main article.howto .main-inner .kana-rail span, html body main article.online .main-inner .kana-rail span {
              color: #000;
              font-size: 18px;
              font-weight: 600;
              line-height: 100%;
              display: flex;
              padding-bottom: 8px;
              flex-direction: column;
              justify-content: center;
              align-self: stretch;
              border-bottom: 1px solid black;
              margin: 0 0 32px; }
          html body main article.exhibit .main-inner .company-grid, html body main article.news .main-inner .company-grid, html body main article.howto .main-inner .company-grid, html body main article.online .main-inner .company-grid {
            display: flex;
            align-items: center;
            align-content: center;
            gap: 32px;
            align-self: stretch;
            flex-wrap: wrap; }
            html body main article.exhibit .main-inner .company-grid .card, html body main article.news .main-inner .company-grid .card, html body main article.howto .main-inner .company-grid .card, html body main article.online .main-inner .company-grid .card {
              display: flex;
              width: 304px;
              height: 220px;
              flex-direction: column;
              justify-content: flex-start;
              align-items: flex-end;
              gap: 16px; }
              @media screen and (max-width: 690px) {
                html body main article.exhibit .main-inner .company-grid .card, html body main article.news .main-inner .company-grid .card, html body main article.howto .main-inner .company-grid .card, html body main article.online .main-inner .company-grid .card {
                  width: 100%; } }
              html body main article.exhibit .main-inner .company-grid .card .card-inner-top, html body main article.news .main-inner .company-grid .card .card-inner-top, html body main article.howto .main-inner .company-grid .card .card-inner-top, html body main article.online .main-inner .company-grid .card .card-inner-top {
                display: flex;
                align-items: flex-start;
                gap: 16px;
                align-self: stretch; }
                html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__media figure, html body main article.news .main-inner .company-grid .card .card-inner-top .card__media figure, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__media figure, html body main article.online .main-inner .company-grid .card .card-inner-top .card__media figure {
                  width: 65px;
                  height: 65px;
                  margin: 0; }
                  html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__media figure img, html body main article.news .main-inner .company-grid .card .card-inner-top .card__media figure img, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__media figure img, html body main article.online .main-inner .company-grid .card .card-inner-top .card__media figure img {
                    width: 100%;
                    height: 100%;
                    display: block; }
                html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt {
                  display: flex;
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 8px;
                  flex: 1 0 0;
                  width: 223px;
                  min-width: 0; }
                  @media screen and (max-width: 690px) {
                    html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt {
                      width: 100%; } }
                  html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt .card__title, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt .card__title, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt .card__title, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt .card__title {
                    align-self: stretch;
                    color: #0d0d0d;
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 160%; }
                  html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt .card__badges, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt .card__badges, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt .card__badges, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt .card__badges {
                    display: flex;
                    align-items: center;
                    gap: 3px;
                    align-self: stretch; }
                    html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt .card__badges .badge, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt .card__badges .badge, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt .card__badges .badge, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt .card__badges .badge {
                      width: 26px;
                      height: 26px;
                      margin: 0; }
                      html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt .card__badges .badge img, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt .card__badges .badge img, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt .card__badges .badge img, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt .card__badges .badge img {
                        width: 100%;
                        height: 100%;
                        display: block; }
                  html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x {
                    display: flex;
                    flex-wrap: nowrap;
                    gap: 8px;
                    overflow-x: auto;
                    overflow-y: hidden;
                    -webkit-overflow-scrolling: touch;
                    padding-bottom: 4px; }
                  html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x .badge, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x .badge, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x .badge, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x .badge {
                    flex: 0 0 auto; }
                  html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x::-webkit-scrollbar, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x::-webkit-scrollbar, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x::-webkit-scrollbar, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x::-webkit-scrollbar {
                    height: 8px; }
                  html body main article.exhibit .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x::-webkit-scrollbar-thumb, html body main article.news .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x::-webkit-scrollbar-thumb, html body main article.howto .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x::-webkit-scrollbar-thumb, html body main article.online .main-inner .company-grid .card .card-inner-top .card__txt .card__badges.badges-x::-webkit-scrollbar-thumb {
                    background: rgba(0, 0, 0, 0.2);
                    border-radius: 4px; }
              @media screen and (max-width: 690px) {
                html body main article.exhibit .main-inner .company-grid .card .card-inner-bot, html body main article.news .main-inner .company-grid .card .card-inner-bot, html body main article.howto .main-inner .company-grid .card .card-inner-bot, html body main article.online .main-inner .company-grid .card .card-inner-bot {
                  width: 100%; } }
              html body main article.exhibit .main-inner .company-grid .card .card-inner-bot .card__desc, html body main article.news .main-inner .company-grid .card .card-inner-bot .card__desc, html body main article.howto .main-inner .company-grid .card .card-inner-bot .card__desc, html body main article.online .main-inner .company-grid .card .card-inner-bot .card__desc {
                color: #0d0d0d;
                font-size: 16px;
                font-weight: 600;
                line-height: 150%;
                margin: 0;
                width: 304px; }
                @media screen and (max-width: 690px) {
                  html body main article.exhibit .main-inner .company-grid .card .card-inner-bot .card__desc, html body main article.news .main-inner .company-grid .card .card-inner-bot .card__desc, html body main article.howto .main-inner .company-grid .card .card-inner-bot .card__desc, html body main article.online .main-inner .company-grid .card .card-inner-bot .card__desc {
                    width: 100%; } }
              html body main article.exhibit .main-inner .company-grid .card .card-inner-bot .tag-col, html body main article.news .main-inner .company-grid .card .card-inner-bot .tag-col, html body main article.howto .main-inner .company-grid .card .card-inner-bot .tag-col, html body main article.online .main-inner .company-grid .card .card-inner-bot .tag-col {
                color: #37a250;
                font-size: 16px;
                font-weight: 600;
                line-height: 100%;
                letter-spacing: 0.8px;
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
                position: relative;
                display: flex;
                justify-content: flex-end;
                padding: 0 20px 0 0; }
                @media screen and (max-width: 768px) {
                  html body main article.exhibit .main-inner .company-grid .card .card-inner-bot .tag-col, html body main article.news .main-inner .company-grid .card .card-inner-bot .tag-col, html body main article.howto .main-inner .company-grid .card .card-inner-bot .tag-col, html body main article.online .main-inner .company-grid .card .card-inner-bot .tag-col {
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.7px; } }
                html body main article.exhibit .main-inner .company-grid .card .card-inner-bot .tag-col::after, html body main article.news .main-inner .company-grid .card .card-inner-bot .tag-col::after, html body main article.howto .main-inner .company-grid .card .card-inner-bot .tag-col::after, html body main article.online .main-inner .company-grid .card .card-inner-bot .tag-col::after {
                  content: "";
                  position: absolute;
                  top: 5px;
                  right: 0;
                  width: 13px;
                  height: 13px;
                  background-image: url("../image/arrow.png");
                  background-position: center;
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-clip: border-box; }
        @media screen and (max-width: 690px) {
          html body main article.news {
            margin: 0 15px 80px; } }
        html body main article.news .main-inner {
          height: 110vh;
          padding: 100px 0 0 0; }
          @media screen and (max-width: 690px) {
            html body main article.news .main-inner {
              height: 100%;
              padding: 64px 0 0 0; } }
          html body main article.news .main-inner .information-inner {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            align-self: stretch; }
            @media screen and (max-width: 768px) {
              html body main article.news .main-inner .information-inner {
                width: 100%;
                margin: 0; } }
            html body main article.news .main-inner .information-inner .new-container-col {
              display: flex;
              align-items: flex-start;
              gap: 32px;
              align-self: stretch;
              border-bottom: 1px solid #37a250;
              padding: 0 0 16px; }
              @media screen and (max-width: 768px) {
                html body main article.news .main-inner .information-inner .new-container-col {
                  display: flex;
                  padding-bottom: 16px;
                  flex-direction: column;
                  justify-content: center;
                  align-items: flex-start;
                  gap: 8px;
                  align-self: stretch; } }
              html body main article.news .main-inner .information-inner .new-container-col .info {
                display: flex;
                align-items: center;
                gap: 8px; }
                html body main article.news .main-inner .information-inner .new-container-col .info .date {
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 1.5;
                  letter-spacing: 0.8px; }
                html body main article.news .main-inner .information-inner .new-container-col .info .type {
                  display: flex;
                  height: 22px;
                  padding: 2px 15px;
                  justify-content: center;
                  align-items: center;
                  gap: 11.139px;
                  border-radius: 3px;
                  background: white;
                  text-align: center;
                  font-size: 14px;
                  font-weight: 600;
                  line-height: 100%; }
              html body main article.news .main-inner .information-inner .new-container-col .news-col {
                display: -webkit-box;
                -webkit-line-clamp: 1;
                flex: 1;
                color: #37a250;
                text-overflow: ellipsis;
                font-family: "Noto Sans JP";
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 100%;
                letter-spacing: 0.8px;
                text-decoration: underline !important;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
                text-overflow: ellipsis;
                line-height: 1.5; }
                @media screen and (max-width: 768px) {
                  html body main article.news .main-inner .information-inner .new-container-col .news-col {
                    flex: 1;
                    display: block;
                    text-overflow: ellipsis;
                    width: 100%; } }
        html body main article.howto .main-inner .howto-inner .anker {
          display: flex;
          align-items: center;
          gap: 40px;
          align-self: stretch; }
          @media screen and (max-width: 768px) {
            html body main article.howto .main-inner .howto-inner .anker {
              flex-direction: column;
              gap: 24px; } }
          html body main article.howto .main-inner .howto-inner .anker .col-name {
            display: flex;
            width: 300px;
            height: 60px;
            padding: 20px;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            border: 2px solid #37a250;
            border-radius: 5px;
            background: white;
            color: #37a250;
            text-align: center;
            font-family: "Noto Sans JP";
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 100%;
            position: relative; }
            html body main article.howto .main-inner .howto-inner .anker .col-name:hover {
              color: white;
              background: #37a250; }
              html body main article.howto .main-inner .howto-inner .anker .col-name:hover::after {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='9' viewBox='0 0 17 9' fill='none'><path d='M0.329102 0.376221L8.32911 7.37622L16.3291 0.376221' stroke='%23fff'/></svg>"); }
            html body main article.howto .main-inner .howto-inner .anker .col-name::after {
              content: "";
              position: absolute;
              right: 14px;
              top: 50%;
              transform: translateY(-50%);
              width: 16px;
              height: 7px;
              background: no-repeat center/100% 100% url("data:image/svg+xml;utf8,										<svg xmlns='http://www.w3.org/2000/svg' width='17' height='9' viewBox='0 0 17 9' fill='none'>										<path d='M0.329102 0.376221L8.32911 7.37622L16.3291 0.376221' stroke='%2337A250'/>										</svg>"); }
        html body main article.howto .main-inner .howto-inner #visitor, html body main article.howto .main-inner .howto-inner #booth {
          margin: 120px 0 0 0; }
          @media screen and (max-width: 768px) {
            html body main article.howto .main-inner .howto-inner #visitor, html body main article.howto .main-inner .howto-inner #booth {
              margin: 80px 0 0 0; } }
          html body main article.howto .main-inner .howto-inner #visitor .sec-title, html body main article.howto .main-inner .howto-inner #booth .sec-title {
            font-size: 28px;
            font-weight: 700;
            line-height: 100%;
            margin: 0 0 40px 0; }
            @media screen and (max-width: 768px) {
              html body main article.howto .main-inner .howto-inner #visitor .sec-title, html body main article.howto .main-inner .howto-inner #booth .sec-title {
                font-size: 22px;
                margin: 0 0 32px 0; } }
          html body main article.howto .main-inner .howto-inner #visitor .sec-lead, html body main article.howto .main-inner .howto-inner #booth .sec-lead {
            font-size: 20px;
            font-weight: 500;
            line-height: 100%;
            margin: 0 0 32px 0; }
            @media screen and (max-width: 768px) {
              html body main article.howto .main-inner .howto-inner #visitor .sec-lead, html body main article.howto .main-inner .howto-inner #booth .sec-lead {
                line-height: 150%;
                margin: 0 0 24px 0; } }
            html body main article.howto .main-inner .howto-inner #visitor .sec-lead .ore, html body main article.howto .main-inner .howto-inner #booth .sec-lead .ore {
              color: #fc8700;
              font-size: 23px;
              font-weight: 700;
              line-height: 100%; }
              @media screen and (max-width: 768px) {
                html body main article.howto .main-inner .howto-inner #visitor .sec-lead .ore, html body main article.howto .main-inner .howto-inner #booth .sec-lead .ore {
                  line-height: 150%; } }
              html body main article.howto .main-inner .howto-inner #visitor .sec-lead .ore .brsp, html body main article.howto .main-inner .howto-inner #booth .sec-lead .ore .brsp {
                display: none; }
                @media screen and (max-width: 768px) {
                  html body main article.howto .main-inner .howto-inner #visitor .sec-lead .ore .brsp, html body main article.howto .main-inner .howto-inner #booth .sec-lead .ore .brsp {
                    display: block; } }
          html body main article.howto .main-inner .howto-inner #visitor .step-container, html body main article.howto .main-inner .howto-inner #booth .step-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 48px;
            align-self: stretch; }
            @media screen and (max-width: 768px) {
              html body main article.howto .main-inner .howto-inner #visitor .step-container, html body main article.howto .main-inner .howto-inner #booth .step-container {
                gap: 40px; } }
            html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col {
              display: flex;
              align-items: flex-start;
              gap: 31px;
              align-self: stretch; }
              @media screen and (max-width: 768px) {
                html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col {
                  gap: 24px;
                  flex-direction: column; } }
              html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-left .step, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-left .step {
                display: flex;
                width: 110px;
                padding: 7px 0;
                justify-content: center;
                align-items: center;
                gap: 3px;
                border-radius: 54px;
                background: #37a250;
                color: white;
                text-align: center;
                font-size: 18px;
                font-weight: 600;
                line-height: 100%;
                margin: 0 0 24px 0; }
                @media screen and (max-width: 768px) {
                  html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-left .step, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-left .step {
                    font-size: 16px;
                    margin: 0 0 16px 0; } }
                html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-left .step .num, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-left .step .num {
                  text-align: center;
                  font-size: 24px;
                  font-weight: 600;
                  line-height: 100%; }
                  @media screen and (max-width: 768px) {
                    html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-left .step .num, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-left .step .num {
                      font-size: 22px; } }
              html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-left .lead, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-left .lead {
                align-self: stretch;
                font-size: 24px;
                font-weight: 700;
                line-height: 100%;
                letter-spacing: 1.2px;
                margin: 0 0 16px 0; }
                @media screen and (max-width: 768px) {
                  html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-left .lead, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-left .lead {
                    font-size: 18px;
                    font-style: normal;
                    letter-spacing: 0.9px;
                    margin: 0 0 8px 0; } }
              html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-left .text, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-left .text {
                align-self: stretch;
                color: #000;
                font-size: 16px;
                font-weight: 400;
                line-height: 180%;
                letter-spacing: 0.8px; }
              @media screen and (max-width: 768px) {
                html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-right, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-right {
                  margin: 0 auto; } }
              html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-right figure, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-right figure {
                width: 332px;
                height: 212px;
                margin: 0; }
                @media screen and (max-width: 768px) {
                  html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-right figure, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-right figure {
                    width: 335px;
                    height: 215px; } }
                html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col .step-col-right figure img, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col .step-col-right figure img {
                  width: 100%;
                  height: 100%;
                  display: block; }
            html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col-gre, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col-gre {
              display: flex;
              padding: 32px;
              align-items: center;
              gap: 38px;
              align-self: stretch;
              border-radius: 15px;
              background: #37a250; }
              @media screen and (max-width: 768px) {
                html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col-gre, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col-gre {
                  padding: 28px 20px;
                  flex-direction: column;
                  gap: 38px; } }
              html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col-gre .step-col-left .text-gre, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col-gre .step-col-left .text-gre {
                color: white;
                font-size: 18px;
                font-weight: 700;
                line-height: 180%;
                letter-spacing: 0.9px; }
                @media screen and (max-width: 768px) {
                  html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col-gre .step-col-left .text-gre, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col-gre .step-col-left .text-gre {
                    font-size: 16px;
                    letter-spacing: 0.8px; } }
              html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col-gre .step-col-right figure, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col-gre .step-col-right figure {
                width: 274px;
                height: 148px;
                flex-shrink: 0;
                margin: 0; }
                @media screen and (max-width: 768px) {
                  html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col-gre .step-col-right figure, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col-gre .step-col-right figure {
                    width: 295px;
                    height: 160px;
                    aspect-ratio: 59/32; } }
                html body main article.howto .main-inner .howto-inner #visitor .step-container .step-col-gre .step-col-right figure img, html body main article.howto .main-inner .howto-inner #booth .step-container .step-col-gre .step-col-right figure img {
                  width: 100%;
                  height: 100%;
                  display: block; }
        @media screen and (max-width: 768px) {
          html body main article.howto .main-inner .howto-inner #booth .sec-title {
            margin: 0 0 24px 0; } }
        html body main article.howto .main-inner .howto-inner #booth .visitor-container {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 64px;
          align-self: stretch; }
          @media screen and (max-width: 768px) {
            html body main article.howto .main-inner .howto-inner #booth .visitor-container {
              gap: 40px; } }
          html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col {
            display: flex;
            align-items: center;
            align-self: stretch; }
            @media screen and (max-width: 768px) {
              html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col {
                flex-direction: column;
                margin: 0 auto; } }
            html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-left {
              display: flex;
              padding: 0 110px 0 30px;
              flex-direction: column;
              justify-content: center;
              align-items: flex-start;
              gap: 8px;
              flex: 1 0 0;
              align-self: stretch;
              border-radius: 15px;
              background: white;
              box-shadow: 3px 3px 0 0 #37a250; }
              @media screen and (max-width: 768px) {
                html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-left {
                  display: flex;
                  width: 280px;
                  padding: 20px 20px 40px 20px;
                  flex-direction: column;
                  justify-content: center;
                  align-items: flex-start;
                  gap: 8px; } }
              html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-left .lead {
                color: #37a250;
                text-align: center;
                font-size: 24px;
                font-weight: 700;
                line-height: 100%; }
                @media screen and (max-width: 768px) {
                  html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-left .lead {
                    font-size: 18px; } }
              html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-left .text {
                align-self: stretch;
                font-size: 16px;
                font-weight: 500;
                line-height: 180%;
                letter-spacing: 0.32px; }
                @media screen and (max-width: 768px) {
                  html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-left .text {
                    align-self: stretch; } }
            html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-right {
              margin-left: -100px; }
              @media screen and (max-width: 768px) {
                html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-right {
                  margin: -30px 0 0 0; } }
              html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-right figure {
                width: 385.167px;
                height: 230px;
                flex-shrink: 0;
                aspect-ratio: 385.17/230.00;
                margin: 0; }
                @media screen and (max-width: 768px) {
                  html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-right figure {
                    width: 333.254px;
                    height: 199px;
                    flex-shrink: 0;
                    aspect-ratio: 333.25/199.00; } }
                html body main article.howto .main-inner .howto-inner #booth .visitor-container .visitor-col .visitor-col-right figure img {
                  width: 100%;
                  height: 100%;
                  display: block; }
        html body main article.online {
          padding: 10px 10px 0 10px; }
          @media screen and (max-width: 1100px) {
            html body main article.online {
              padding: 0; } }
          html body main article.online .online-hero {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
            color: white;
            background-image: url("../image/online-img01_pc.png");
            background-size: cover;
            background-repeat: no-repeat;
            padding: 86px 0 70px 0; }
            @media screen and (max-width: 768px) {
              html body main article.online .online-hero {
                padding: 70px 0; } }
            html body main article.online .online-hero .online-hero__inner-top {
              margin: 0 0 61px 0; }
              @media screen and (max-width: 768px) {
                html body main article.online .online-hero .online-hero__inner-top {
                  margin: 0 0 40px 0; } }
              html body main article.online .online-hero .online-hero__inner-top .online-title {
                display: flex;
                align-items: center;
                flex-direction: column; }
                html body main article.online .online-hero .online-hero__inner-top .online-title .title-01, html body main article.online .online-hero .online-hero__inner-top .online-title .title-02 {
                  font-size: 50px;
                  font-weight: 500;
                  line-height: 100%;
                  letter-spacing: 4.5px;
                  margin: 0 0 26px 0; }
                  @media screen and (max-width: 768px) {
                    html body main article.online .online-hero .online-hero__inner-top .online-title .title-01, html body main article.online .online-hero .online-hero__inner-top .online-title .title-02 {
                      font-size: 28px;
                      font-weight: 700;
                      letter-spacing: 2.52px;
                      margin: 0 0 24px 0; } }
                html body main article.online .online-hero .online-hero__inner-top .online-title .title-02 {
                  font-weight: 700;
                  margin: 0; }
            html body main article.online .online-hero .online-hero__inner-bot {
              display: flex;
              width: 400px;
              flex-direction: column;
              align-items: flex-start;
              gap: 16px;
              margin: 0 auto; }
              @media screen and (max-width: 768px) {
                html body main article.online .online-hero .online-hero__inner-bot {
                  width: 100%;
                  max-width: 400px; } }
              @media screen and (max-width: 690px) {
                html body main article.online .online-hero .online-hero__inner-bot {
                  margin: 0 20px;
                  max-width: calc(100% - 40px); } }
              html body main article.online .online-hero .online-hero__inner-bot .online-hero__text {
                align-self: stretch;
                text-shadow: 0 0 30px rgba(55, 162, 80, 0.4);
                font-size: 16px;
                font-weight: 700;
                line-height: 200%;
                letter-spacing: 0.8px; }
                @media screen and (max-width: 768px) {
                  html body main article.online .online-hero .online-hero__inner-bot .online-hero__text {
                    align-self: stretch; } }
          html body main article.online .main-inner {
            padding: 25px 0 100px 0; }
            @media screen and (max-width: 768px) {
              html body main article.online .main-inner {
                padding: 25px 0 80px 0;
                margin: 0 20px; } }
            html body main article.online .main-inner .img-cols-container {
              display: flex;
              justify-content: space-between;
              align-items: center;
              align-self: stretch;
              flex-wrap: wrap;
              margin: 100px 0 0 0; }
              @media screen and (max-width: 768px) {
                html body main article.online .main-inner .img-cols-container {
                  display: grid;
                  grid-template-columns: 1fr 1fr;
                  column-gap: 0;
                  row-gap: clamp(16px, 3vw, 32px);
                  width: 100%;
                  align-items: start;
                  margin: 56px 0 0 0; } }
              html body main article.online .main-inner .img-cols-container .img-col {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 16px; }
                @media screen and (max-width: 768px) {
                  html body main article.online .main-inner .img-cols-container .img-col {
                    justify-self: center;
                    text-align: center; } }
                html body main article.online .main-inner .img-cols-container .img-col figure {
                  width: 200px;
                  height: 200px;
                  margin: 0; }
                  @media screen and (max-width: 690px) {
                    html body main article.online .main-inner .img-cols-container .img-col figure {
                      width: 152px;
                      height: 152px; } }
                  html body main article.online .main-inner .img-cols-container .img-col figure img {
                    width: 100%;
                    height: 100%;
                    display: block; }
                html body main article.online .main-inner .img-cols-container .img-col .txt {
                  align-self: stretch;
                  text-align: center;
                  font-size: 16px;
                  font-weight: 700;
                  line-height: 150%;
                  letter-spacing: 0.8px; }
                  @media screen and (max-width: 768px) {
                    html body main article.online .main-inner .img-cols-container .img-col .txt {
                      width: 152px; } }
                  @media screen and (max-width: 768px) {
                    html body main article.online .main-inner .img-cols-container .img-col .txt .brpc {
                      display: none; } }
                html body main article.online .main-inner .img-cols-container .img-col:nth-child(1) {
                  justify-self: start; }
                html body main article.online .main-inner .img-cols-container .img-col:nth-child(2) {
                  justify-self: end; }
                html body main article.online .main-inner .img-cols-container .img-col:nth-child(3) {
                  grid-column: 1 / -1;
                  justify-self: center; }
            html body main article.online .main-inner .lead {
              align-self: stretch;
              text-align: center;
              font-size: 28px;
              font-weight: 700;
              line-height: 170%;
              letter-spacing: 1.4px;
              margin: 80px auto 0; }
              @media screen and (max-width: 768px) {
                html body main article.online .main-inner .lead {
                  width: 335px;
                  text-align: center;
                  font-size: 24px;
                  font-weight: 700;
                  line-height: 160%;
                  letter-spacing: 1.2px;
                  margin: 48px auto 0; } }
              html body main article.online .main-inner .lead .brpc {
                display: block; }
                @media screen and (max-width: 768px) {
                  html body main article.online .main-inner .lead .brpc {
                    display: none; } }
              html body main article.online .main-inner .lead .brsp {
                display: none; }
                @media screen and (max-width: 768px) {
                  html body main article.online .main-inner .lead .brsp {
                    display: block; } }
            html body main article.online .main-inner .tab-online {
              display: flex;
              width: 300px;
              padding: 10px 16px;
              justify-content: center;
              align-items: center;
              border-radius: 5px;
              border: 1px solid #238339;
              background: white;
              margin: 64px auto 0; }
              @media screen and (max-width: 768px) {
                html body main article.online .main-inner .tab-online {
                  margin: 56px auto 0; } }
              html body main article.online .main-inner .tab-online .tag-col {
                color: #238339;
                text-align: center;
                font-family: "Noto Sans JP";
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 130%;
                position: relative;
                margin: 0 20px 0 0; }
                html body main article.online .main-inner .tab-online .tag-col:hover {
                  opacity: 0.7; }
                html body main article.online .main-inner .tab-online .tag-col::after {
                  content: "";
                  position: absolute;
                  top: 14px;
                  right: -48px;
                  width: 10px;
                  height: 14px;
                  background-image: url("../image/arrow-right.png");
                  background-position: center;
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-clip: border-box; }
                  html body main article.online .main-inner .tab-online .tag-col::after:hover {
                    opacity: 0.7; }
            html body main article.online .main-inner .result {
              margin: 64px 0 0 0; }
              @media screen and (max-width: 768px) {
                html body main article.online .main-inner .result {
                  margin: 56px 0 0 0; } }
              html body main article.online .main-inner .result .tilte-area {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 6px; }
                html body main article.online .main-inner .result .tilte-area .title-main {
                  text-align: center;
                  font-size: 24px;
                  font-weight: 700;
                  line-height: 100%;
                  letter-spacing: 1.2px; }
                  @media screen and (max-width: 768px) {
                    html body main article.online .main-inner .result .tilte-area .title-main {
                      font-size: 20px;
                      letter-spacing: 1px; } }
                html body main article.online .main-inner .result .tilte-area .title-sub {
                  text-align: center;
                  font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 100%;
                  letter-spacing: 3.2px; }
              html body main article.online .main-inner .result .mini-title {
                text-align: center;
                font-size: 18px;
                font-weight: 500;
                line-height: 100%;
                letter-spacing: 0.9px;
                margin: 32px 0 0 0; }
              html body main article.online .main-inner .result .result-conteiner {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 24px;
                align-self: stretch;
                margin: 16px 0 0 0; }
                @media screen and (max-width: 768px) {
                  html body main article.online .main-inner .result .result-conteiner {
                    gap: 16px; } }
                html body main article.online .main-inner .result .result-conteiner .result-col {
                  display: flex;
                  padding: 28px 32px;
                  align-items: center;
                  gap: 24px;
                  align-self: stretch;
                  border-radius: 10px;
                  background: white; }
                  @media screen and (max-width: 768px) {
                    html body main article.online .main-inner .result .result-conteiner .result-col {
                      display: flex;
                      width: 335px;
                      padding: 24px 20px;
                      flex-direction: column;
                      justify-content: center;
                      align-items: center;
                      gap: 16px;
                      margin: 0 auto; } }
                  html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 11px;
                    flex: 1 0 0; }
                    html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left .text-left {
                      font-family: "Noto Sans JP";
                      font-size: 24px;
                      font-weight: 700;
                      line-height: normal;
                      text-align: center; }
                      @media screen and (max-width: 768px) {
                        html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left .text-left {
                          font-size: 18px; } }
                      @media screen and (max-width: 768px) {
                        html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left .text-left .brpc {
                          display: none; } }
                      html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left .text-left .gre {
                        color: #37a250;
                        font-family: "din-2014", sans-serif;
                        font-size: 70px;
                        font-weight: 600;
                        line-height: 100%; }
                        @media screen and (max-width: 768px) {
                          html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left .text-left .gre {
                            font-size: 50px; } }
                    html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left .text-right .gre {
                      color: #37a250;
                      font-family: "din-2014", sans-serif;
                      font-size: 70px;
                      font-weight: 600;
                      line-height: 100%; }
                      @media screen and (max-width: 768px) {
                        html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left .text-right .gre {
                          font-size: 50px; } }
                    html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left .text-right .unit {
                      font-family: "Noto Sans JP";
                      font-size: 24px;
                      font-weight: 700;
                      line-height: normal; }
                      @media screen and (max-width: 768px) {
                        html body main article.online .main-inner .result .result-conteiner .result-col .result-col-left .text-right .unit {
                          font-size: 18px; } }
                  html body main article.online .main-inner .result .result-conteiner .result-col .result-col-right figure {
                    width: 250px;
                    height: 152px;
                    margin: 0; }
                    html body main article.online .main-inner .result .result-conteiner .result-col .result-col-right figure img {
                      width: 100%;
                      height: 100%;
                      display: block; }

/* hidden 属性が付いたカードを非表示に */
#companyGrid .card[hidden] {
  display: none !important; }

.dots {
  display: flex;
  gap: .5rem;
  justify-content: center;
  margin-top: .5rem; }

.dots button {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  border: 0;
  background: #ccc;
  cursor: pointer; }

.dots button[aria-selected="true"] {
  background: #333; }

.slider.single .nav,
.slider.single + .dots {
  display: none !important; }

/* SPだけ改行したい場合 */
.brsp {
  display: none; }

@media (max-width: 768px) {
  .brsp {
    display: inline; } }
.cate-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; }

.cate-container-col {
  position: relative;
  display: grid;
  /* 画像とタイトルを縦積み */
  gap: 8px; }

.cate-container-col .stretched-link {
  position: absolute;
  inset: 0;
  /* 親の全域に広げる */
  z-index: 1; }

.cate-container-col figure,
.cate-container-col .col-title {
  position: relative;
  z-index: 2;
  /* 伸びるリンクより上に描画（テキスト選択可） */ }

.brsp {
  display: none; }

@media (max-width: 768px) {
  .brsp {
    display: inline; } }
.no-posts {
  margin: 0 auto; }

.slider {
  overflow: hidden; }

/* 行高はサイト基準に合わせて調整 */
.card__desc {
  line-height: 1.6; }

/* モダン環境：lh単位が使える場合 */
@supports (max-block-size: 1lh) {
  .card__desc-wrap {
    max-block-size: calc(5lh);
    /* 5行分 */
    overflow-y: auto;
    margin: 0 0 16px; } }
/* フォールバック：lh未対応ブラウザ */
@supports not (max-block-size: 1lh) {
  .card__desc {
    --lh: 1.6;
    line-height: calc(var(--lh) * 1em); }

  .card__desc-wrap {
    max-height: calc(var(--lh) * 1em * 3);
    /* 5行分 */
    overflow-y: auto; } }
.card__desc-wrap {
  position: relative;
  overflow: hidden;
  /* 外側ははみ出させない */
  box-sizing: border-box; }

.card__desc {
  /* 実際にスクロールさせる要素をひとつ内側に */
  overflow-y: auto;
  max-block-size: calc(var(--lh, 1.6) * 1em * 3);
  padding-right: 0;
  /* ← スクロールバーぶんの余白（Windows想定） */
  min-width: 0; }

.card__desc.has-scroll {
  scrollbar-gutter: stable;
  padding-right: 12px;
  /* Windows向け余白 */ }

/* 任意：スクロールバー装飾（WebKit） */
.card__desc-wrap::-webkit-scrollbar {
  width: 8px; }

.card__desc-wrap::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

/* 親がflexレイアウトなら、親にも min-width: 0; を */
.card-inner-bot {
  min-width: 0; }

/* 1行で…省略 */
.tag-col.is-ellipsis {
  display: block;
  /* または inline-block */
  max-width: 100%;
  /* 親幅に合わせて省略 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* もし .tag-col の親が flex 子要素なら、その子にも縮小許可 */
.card-inner-bot .tag-col.is-ellipsis {
  min-width: 0; }

/* ページのデフォルト */
html {
  scroll-behavior: smooth; }

/* 1100px以下で、固定ヘッダー高ぶんオフセット */
@media (max-width: 1100px) {
  html {
    scroll-padding-top: 60px; }

  /* ← .nav-top-sp の実高さに合わせて調整 */ }
/* 念のため、要素側にもヒント（旧環境の補助） */
[id] {
  scroll-margin-top: 60px; }

/* 同じ値でOK。可変なら②を採用 */
html {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "YuGothic", Meiryo, sans-serif;
  scroll-behavior: smooth; }
  html body #header {
    position: relative;
    z-index: 10; }
    html body #header .nav-top-sp {
      display: none; }
      @media screen and (max-width: 1100px) {
        html body #header .nav-top-sp {
          display: flex;
          align-items: center;
          padding: 18px 12px;
          height: 60px;
          gap: 18px;
          position: fixed;
          width: 100%;
          background-color: white; }
          html body #header .nav-top-sp .logo-area .logo {
            display: inline-block;
            width: 89px;
            height: 24px;
            flex-shrink: 0;
            aspect-ratio: 89/24;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url("../image/logo-pc.png"); }
          html body #header .nav-top-sp .title .title-logo {
            width: 162px;
            height: 33px;
            aspect-ratio: 54/11;
            margin: 0; }
            html body #header .nav-top-sp .title .title-logo img {
              width: 100%;
              height: 100%; } }
    html body #header .nav-bottom-online {
      display: none; }
      @media screen and (max-width: 1100px) {
        html body #header .nav-bottom-online {
          display: block;
          position: fixed;
          bottom: 90px;
          right: 20px; }
          html body #header .nav-bottom-online .col-btn {
            display: flex;
            width: 104px;
            height: 104px;
            padding: 25px 8px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
            border-radius: 51px;
            border: 2px solid #FFF;
            background: #42B7AC;
            box-sizing: border-box;
            color: #FFF;
            text-align: center;
            font-family: "Noto Sans JP";
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            text-decoration: none; }
          html body #header .nav-bottom-online .nav-bottom-close {
            position: absolute;
            top: 0;
            right: 0;
            width: 26px;
            height: 26px;
            border: none;
            padding: 0;
            border-radius: 50%;
            background-image: url("../image/back.png");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            background-clip: border-box;
            cursor: pointer; } }
    html body #header .nav-bottom-sp {
      display: none; }
      @media screen and (max-width: 1100px) {
        html body #header .nav-bottom-sp {
          display: flex;
          justify-content: center;
          align-items: flex-end;
          align-self: stretch;
          position: fixed;
          bottom: 0;
          width: 100%;
          padding: 20px 20px 10px;
          background-color: white;
          gap: 15px; }
          html body #header .nav-bottom-sp .btn {
            display: flex;
            width: 160px;
            height: 40px;
            padding: 10px;
            justify-content: center;
            align-items: center;
            border-radius: 5px;
            background: #37a250;
            color: white;
            text-align: center;
            font-family: "Noto Sans JP";
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 100%;
            position: relative; }
            html body #header .nav-bottom-sp .btn:hover {
              background: #80d193; }
            html body #header .nav-bottom-sp .btn .huki {
              position: absolute;
              bottom: 30px;
              display: inline-flex;
              height: 22px;
              padding: 0 10px;
              justify-content: center;
              align-items: center;
              gap: 10px;
              flex-shrink: 0;
              border-radius: 1000px;
              border: 1px solid #37a250;
              background: white; }
              html body #header .nav-bottom-sp .btn .huki .ore {
                color: #fc8700;
                text-align: center;
                font-size: 12px;
                font-style: normal;
                font-weight: 900;
                line-height: 100%; }
                html body #header .nav-bottom-sp .btn .huki .ore .bik {
                  letter-spacing: -2.52px; }
              html body #header .nav-bottom-sp .btn .huki .gre {
                color: #37a250;
                font-size: 12px;
                font-style: normal;
                font-weight: 500;
                line-height: 100%; }
                html body #header .nav-bottom-sp .btn .huki .gre .bik {
                  letter-spacing: -2.76px; }
          html body #header .nav-bottom-sp .btn.nolink {
            background: #B4B4B4;
            flex-direction: column;
            line-height: 150%; }
            html body #header .nav-bottom-sp .btn.nolink .date {
              display: block;
              color: #FFF;
              font-family: "Noto Sans JP";
              font-size: 11px;
              font-style: normal;
              font-weight: 700;
              line-height: 150%; } }

html body .footer {
  width: 100%;
  position: sticky;
  top: 100vh; }
  html body .footer .footer-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    html body .footer .footer-inner .footer-top {
      display: flex;
      padding: 64px 0;
      flex-direction: column;
      align-items: center;
      gap: 32px;
      align-self: stretch;
      background-color: #37a250;
      color: white; }
      @media screen and (max-width: 768px) {
        html body .footer .footer-inner .footer-top {
          padding: 40px 20px;
          gap: 16px; } }
      html body .footer .footer-inner .footer-top .tilte-area {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px; }
        html body .footer .footer-inner .footer-top .tilte-area .title-main {
          text-align: center;
          font-size: 24px;
          font-weight: 700;
          line-height: 100%;
          letter-spacing: 1.2px; }
          @media screen and (max-width: 768px) {
            html body .footer .footer-inner .footer-top .tilte-area .title-main {
              font-size: 20px;
              letter-spacing: 1px; } }
        html body .footer .footer-inner .footer-top .tilte-area .title-sub {
          text-align: center;
          font-family: "DM Serif Display", "Times New Roman", Times, "Hiragino Mincho ProN", "Yu Mincho", serif;
          text-align: center;
          font-size: 16px;
          font-weight: 400;
          line-height: 100%;
          letter-spacing: 3.2px; }
      html body .footer .footer-inner .footer-top .txt-area {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px; }
        html body .footer .footer-inner .footer-top .txt-area .title-txt {
          text-align: center;
          font-size: 16px;
          font-weight: 500;
          line-height: 100%;
          letter-spacing: 0.32px; }
          @media screen and (max-width: 768px) {
            html body .footer .footer-inner .footer-top .txt-area .title-txt {
              line-height: 160%; } }
          html body .footer .footer-inner .footer-top .txt-area .title-txt .brsp {
            display: none; }
            @media screen and (max-width: 768px) {
              html body .footer .footer-inner .footer-top .txt-area .title-txt .brsp {
                display: block; } }
        html body .footer .footer-inner .footer-top .txt-area .title-mail {
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 100%;
          letter-spacing: 0.28px; }
    html body .footer .footer-inner .footer-bottom {
      display: flex;
      padding: 24px 32px;
      justify-content: space-between;
      align-items: center;
      align-self: stretch; }
      @media screen and (max-width: 768px) {
        html body .footer .footer-inner .footer-bottom {
          padding: 16px 20px 24px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 16px;
          align-self: stretch; } }
      html body .footer .footer-inner .footer-bottom .copyright {
        font-size: 12px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0.24px; }
      html body .footer .footer-inner .footer-bottom .ft-container {
        display: flex;
        align-items: flex-start;
        gap: 32px; }
        @media screen and (max-width: 768px) {
          html body .footer .footer-inner .footer-bottom .ft-container {
            gap: 23px; } }
        html body .footer .footer-inner .footer-bottom .ft-container .ft-col {
          text-align: center;
          font-size: 16px;
          font-weight: 400;
          line-height: 100%;
          letter-spacing: 0.32px; }
          @media screen and (max-width: 768px) {
            html body .footer .footer-inner .footer-bottom .ft-container .ft-col {
              font-size: 14px;
              letter-spacing: 0.28px; } }

html body .hamburger {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 1000;
  background-color: #37a250; }
  @media screen and (max-width: 1100px) {
    html body .hamburger {
      display: block;
      padding: 22px 15px; } }
  html body .hamburger span {
    display: block;
    height: 1px;
    margin: 0;
    background: white;
    transition: .3s; }
    html body .hamburger span.ue {
      margin: 0 0 8px;
      width: 30px; }
    html body .hamburger span.naka {
      margin: 0 0 8px;
      width: 25px; }
    html body .hamburger span.sita {
      margin: 0;
      width: 20px; }
html body .hamburger.open span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
  background: white; }
html body .hamburger.open span:nth-child(2) {
  opacity: 0;
  background: white; }
html body .hamburger.open span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
  background: white;
  width: 30px; }
html body .side-menu {
  position: fixed;
  top: 10px;
  left: 10px; }
  @media screen and (max-width: 1100px) {
    html body .side-menu {
      position: fixed;
      top: 0;
      right: -100%;
      left: inherit;
      width: 100%;
      height: 100%;
      background: white;
      transition: .3s;
      z-index: 999;
      padding-top: 60px;
      overflow-y: auto; } }
  html body .side-menu .nav-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 32px 20px;
    gap: 16px;
    border-radius: 5px;
    background-color: white;
    margin: 0 0 5px; }
    @media screen and (max-width: 1100px) {
      html body .side-menu .nav-top {
        margin: 0; } }
  html body .side-menu .logo-area {
    height: 40px; }
    html body .side-menu .logo-area .logo {
      display: inline-block;
      width: 145.455px;
      height: 40px;
      aspect-ratio: 145.45/40.00;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("../image/logo-pc.png"); }
  html body .side-menu .title .title-logo {
    width: 234px;
    height: 47px;
    aspect-ratio: 234/47;
    margin: 0; }
    html body .side-menu .title .title-logo img {
      width: 100%;
      height: 100%; }
  html body .side-menu .period {
    color: black;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; }
    html body .side-menu .period .date {
      display: inline-block;
      margin: 0 0 0 8px; }
  html body .side-menu .btn {
    display: flex;
    width: 230px;
    height: 50px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #37a250;
    color: white;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    position: relative; }
    html body .side-menu .btn:hover {
      background: #80d193; }
    html body .side-menu .btn .huki {
      position: absolute;
      bottom: 42px;
      display: flex;
      width: 180px;
      height: 32px;
      padding-bottom: 3px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
      border-radius: 1000px;
      border: 1px solid #37a250;
      background: white; }
      html body .side-menu .btn .huki .ore {
        color: #fc8700;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 900;
        line-height: 100%; }
        html body .side-menu .btn .huki .ore .bik {
          letter-spacing: -3.78px; }
      html body .side-menu .btn .huki .gre {
        color: #37a250;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; }
        html body .side-menu .btn .huki .gre .bik {
          letter-spacing: -3.78px; }
  html body .side-menu .btn.ma {
    margin: 0 0 24px; }
  html body .side-menu .btn.nolink {
    background: #B4B4B4;
    flex-direction: column;
    line-height: 150%; }
    html body .side-menu .btn.nolink .date {
      display: block;
      color: #FFF;
      font-family: "Noto Sans JP";
      font-size: 11px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%; }
  html body .side-menu .nav-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 32px 20px;
    gap: 16px;
    border-radius: 5px;
    background-color: white;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-gutter: stable; }
    @media screen and (max-width: 1100px) {
      html body .side-menu .nav-menu {
        overflow-y: inherit; } }
    html body .side-menu .nav-menu .col-name {
      display: flex;
      padding-bottom: 16px;
      flex-direction: column;
      align-items: flex-start;
      align-self: stretch;
      color: black;
      font-feature-settings: 'palt' on;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%;
      letter-spacing: 0.8px;
      border-bottom: 1px solid #e6e1e1; }
      html body .side-menu .nav-menu .col-name:hover {
        color: #37a250;
        border-bottom: 1px solid #37a250; }
      @media screen and (max-width: 1100px) {
        html body .side-menu .nav-menu .col-name .brpc {
          display: none; } }
    html body .side-menu .nav-menu .col-btn {
      display: flex;
      padding: 10px 16px;
      justify-content: center;
      align-items: center;
      align-self: stretch;
      border-radius: 5px;
      border: 1px solid #238339;
      background: #b1e104;
      color: #238339;
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 100%; }
      html body .side-menu .nav-menu .col-btn:hover {
        border: 1px solid rgba(35, 131, 57, 0.7);
        background: #c1e739;
        color: rgba(35, 131, 57, 0.7); }
  html body .side-menu.active {
    right: 0; }
    html body .side-menu.active .nav-menu {
      margin: 0 0 100px; }
  html body .side-menu .menu_sp {
    display: none; }
    @media screen and (max-width: 1100px) {
      html body .side-menu .menu_sp {
        display: block;
        color: white;
        text-align: center;
        position: relative;
        margin: 0 0 30px 0;
        padding: 0 0 20px 0; }
        html body .side-menu .menu_sp::after {
          content: "";
          position: absolute;
          bottom: 0px;
          left: 25px;
          display: block;
          width: 200px;
          height: 1px;
          background: white;
          margin: 0 auto; } }
  html body .side-menu .side-menu_nav {
    height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center; }