@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

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

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

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  clear: both;
  /* 1 */
  overflow: visible;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  margin: 0;
  color: inherit;
  /* 2 */
  border-top-width: 1px;
}

/**
 * 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: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

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

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/**
 * 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: inherit;
  /* 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 {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  padding: 0;
  font: inherit;
  text-align: inherit;
  vertical-align: middle;
  color: inherit;
  border-radius: 0;
  outline: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * 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] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * 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 {
  padding: 0;
  border-style: none;
}

/**
 * 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;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
}

/**
 * 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 {
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  color: inherit;
  /* 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;
}

/**
 * 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 outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * 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 {
  /* 1 */
  font: inherit;
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

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

/*
 * Add the correct display in all browsers.
 */
summary {
  display: block;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  padding: 0;
  vertical-align: top;
}

th {
  font-weight: bold;
  text-align: left;
}

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

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

/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
* {
  margin: 0;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  color: #5b3d42;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  color: #5b3d42;
}

#root,
#__next {
  isolation: isolate;
}

:root {
  --board: 1440;
  --max: 1px;
}
@media (min-width: 1920px) {
  :root {
    --board: 1920;
    --max: 9999px;
  }
}
@media (max-width: 768px) {
  :root {
    --board: 375;
    --max: 9999px;
  }
}

:root {
  --weightLight: 300;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightBold: 700;
}

:root {
  --fontSize: 16rem;
  --letterSpacing: 0;
  --lineHeight: 1.75;
  --kerning: unset;
  --gothic:
    "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    "MS Pゴシック", "MS PGothic", sans-serif: ;
}

:root {
  --bodyBg: var(--colorBg);
  --speed: 0.3s;
}

html {
  font-size: clamp(1.5625%, 0.0694444444vw, 6.25%);
}
@media (max-width: 768px) {
  html {
    font-size: 0.2666666667vw;
  }
}

body {
  background-color: var(--bodyBg);
  color: var(--color-primary);
  letter-spacing: var(--letterSpacing);
  font-weight: var(--weightRegular);
  font-size: var(--fontSize);
  font-family: "Noto Sans JP", sans-serif !important;
  line-height: var(--lineHeight);
  font-optical-sizing: auto;
  -webkit-font-feature-settings: var(--kerning);
          font-feature-settings: var(--kerning);
}

@-webkit-keyframes bottom-to-top {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bottom-to-top {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes girlsPattern01 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: 5deg;
  }
}
@keyframes girlsPattern01 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: 5deg;
  }
}
@-webkit-keyframes girlsPattern02 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -5deg;
  }
}
@keyframes girlsPattern02 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -5deg;
  }
}
@-webkit-keyframes girlsPattern03 {
  0% {
    translate: 0 0;
    -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  40% {
    translate: 0 -8rem;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.05, 1, 0.45);
            animation-timing-function: cubic-bezier(0.55, 0.05, 1, 0.45);
  }
  70% {
    translate: 0 -5rem;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes girlsPattern03 {
  0% {
    translate: 0 0;
    -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  40% {
    translate: 0 -8rem;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.05, 1, 0.45);
            animation-timing-function: cubic-bezier(0.55, 0.05, 1, 0.45);
  }
  70% {
    translate: 0 -5rem;
  }
  100% {
    translate: 0 0;
  }
}
@-webkit-keyframes girlsPattern04 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -5deg;
  }
}
@keyframes girlsPattern04 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -5deg;
  }
}
@-webkit-keyframes girlsPattern05 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: 2deg;
  }
}
@keyframes girlsPattern05 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: 2deg;
  }
}
@-webkit-keyframes girlsPattern06 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -2deg;
  }
}
@keyframes girlsPattern06 {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 1.5rem;
    rotate: -2deg;
  }
}
a {
  -webkit-transition: opacity var(--speed);
  transition: opacity var(--speed);
}
@media (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}
a:focus {
  text-decoration: none;
}
a img {
  -webkit-transition: opacity var(--speed);
  transition: opacity var(--speed);
}
a[href^="tel:"] {
  color: inherit;
}

b,
strong {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

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

@media (max-width: 768px) {
  img,
  video,
  iframe,
  svg,
  table,
  embed,
  object {
    max-width: 100%;
  }
}

.pc-hide {
  display: none;
}
@media (max-width: 768px) {
  .pc-hide {
    display: block;
  }
}

.sp-hide {
  display: block;
}
@media (max-width: 768px) {
  .sp-hide {
    display: none;
  }
}

footer .innerWrap {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  max-width: 100%;
  padding: 0;
}

@media screen and (max-width: 1180px) and (min-width: 768px) {
  footer .innerWrap {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  footer .innerWrap {
    margin: 0 auto;
  }
}
footer nav {
  background-color: #5b3d42;
}

footer nav ul {
  max-width: 1085px;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}

@media screen and (max-width: 767px) {
  footer nav ul {
    height: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23) clamp(clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15), 4.5333333333vw, clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17));
  }
}
footer nav ul li:last-child {
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  footer nav ul li:last-child {
    margin-right: auto;
  }
  footer nav ul li:last-child::before {
    content: "";
    width: 100vw;
    height: 2px;
    background-color: #949dc4;
    display: block;
    position: relative;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }
}
footer nav ul li:not(:last-child) {
  margin-right: clamp(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20), 2vw, clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30));
}

@media screen and (max-width: 767px) {
  footer nav ul li:not(:last-child) {
    margin-right: 0;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  }
}
footer nav ul li a {
  color: white;
  font-weight: bold;
  -webkit-transition: 0.4s opacity, 0.4s color;
  transition: 0.4s opacity, 0.4s color;
}

footer nav ul li a.currentPage {
  color: white;
  border-bottom: solid 2px white;
}

footer nav ul li a.yet {
  pointer-events: none;
  color: #555976;
}

footer nav ul li a:hover {
  color: white;
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  footer nav ul li a {
    text-align: center;
    display: table;
    margin: 0 auto;
  }
}
footer nav ul li a.miraiseed-home {
  width: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
}

@media screen and (max-width: 767px) {
  footer nav ul li a.miraiseed-home {
    width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }
}
footer .footer-bottom {
  background-color: white;
}

footer .footer-bottom__wrap {
  max-width: 1085px;
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: clamp(0px, 10vw / var(--board) * 10 * 98, var(--max) * 98);
}

@media screen and (max-width: 767px) {
  footer .footer-bottom__wrap {
    height: 100%;
    padding: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
}
footer .footer-bottom__wrap * {
  position: static;
  float: none;
  margin: 0;
  padding: 0;
  color: #000;
  border: none;
  font: 12px/1.231 "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  list-style: none;
}

@media screen and (max-width: 767px) {
  footer .footer-bottom__wrap .copy {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
footer .footer-bottom__wrap .footer-bottom__list {
  float: left;
  display: inline;
  margin: 0 0 0 -12px;
  padding: 0;
  list-style-type: none;
}

@media screen and (max-width: 767px) {
  footer .footer-bottom__wrap .footer-bottom__list {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
footer .footer-bottom__wrap .footer-bottom__list li {
  display: inline;
  margin-left: 12px;
}

footer .footer-bottom__wrap .footer-bottom__list li a {
  display: inline-block;
  padding: 4px 0 4px 10px;
  background: url(/headfoot/img/icon-arrow@2x.png) left center/6px 6px no-repeat;
  color: #0070cb;
  text-decoration: underline;
}

footer .footer-bottom__wrap .footer-logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

@media screen and (max-width: 767px) {
  footer .footer-bottom__wrap .footer-logo {
    position: relative;
    top: auto;
    -webkit-transform: none;
            transform: none;
    right: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
    text-align: center;
    margin: 0 0 0 -8px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#benesse-footer {
  display: none;
}

.m-header {
  background-color: #fff8dc;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}

.m-header-navigation {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 clamp(6.666667px, 0.8474576271vw, 10px);
  color: #5b3d42;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: clamp(37.3333352px, 4.7457627119vw, 56px);
}
@media (max-width: 768px) {
  .m-header-navigation {
    padding: 0 5.3333333333vw 0 2.6666666667vw;
    height: 12vw;
  }
}
.m-header-navigation.active {
  position: relative;
}
.m-header-navigation.active .nav-toggle span:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 96%;
  top: 3.84vw;
  right: -0.6vw;
}
.m-header-navigation.active .nav-toggle span:nth-of-type(2) {
  opacity: 0;
}
.m-header-navigation.active .nav-toggle span:nth-of-type(3) {
  top: 8.5333333333vw;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 96%;
  right: -0.6vw;
}
.m-header-navigation.active .nav-list {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffe169;
  border-radius: 0 0 0 3.2vw;
  z-index: 2;
  top: 12.2666666667vw;
  right: 0;
  margin: 0;
  width: 100%;
}

.menu-icon {
  display: none;
  /* Hidden by default */
  cursor: pointer;
}

.nav-toggle {
  border: none;
  color: #5b3d42;
  cursor: pointer;
  display: none;
}
@media (max-width: 768px) {
  .nav-toggle {
    display: block;
    position: relative;
    width: 6.9333333333vw;
    height: 12vw;
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    margin-left: auto;
  }
  .nav-toggle span {
    display: block;
    margin: 0;
    border: none;
    width: 100%;
    height: 0.5333333333vw;
    background: #5b3d42;
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    position: absolute;
    top: 3.7333333333vw;
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .nav-toggle span:nth-of-type(2) {
    top: 5.8666666667vw;
  }
  .nav-toggle span:nth-of-type(3) {
    top: 8vw;
  }
}

.logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: clamp(236.0000118px, 30vw, 354px);
  gap: clamp(6.666667px, 0.8474576271vw, 10px);
}
@media screen and (max-width: 880px) and (min-width: 767px) {
  .logo-wrap {
    width: clamp(200.00001px, 25.4237288136vw, 300px);
  }
}
@media (max-width: 768px) {
  .logo-wrap {
    width: 67.2vw;
    gap: 2.1333333333vw;
  }
}

.nav-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(6.666667px, 0.8474576271vw, 10px);
  margin-left: auto;
}
@media (max-width: 768px) {
  .nav-list {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 42.6666666667vw;
    padding: 9.8666666667vw 0;
    height: 186.6666666667vw;
    gap: 5.6vw;
  }
}

.nav-list__item a {
  text-decoration: none;
  color: #5b3d42;
  display: block;
  font-size: clamp(9.3333338px, 1.186440678vw, 14px);
  position: relative;
  font-weight: bold;
  background-color: #ffdb4f;
  padding: clamp(5.3333336px, 0.6779661017vw, 8px) clamp(13.333334px, 1.6949152542vw, 20px);
  border-radius: clamp(10.6666672px, 1.3559322034vw, 16px);
  line-height: 1;
  border: 1px solid #5b3d42;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media (max-width: 768px) {
  .nav-list__item a {
    font-size: 4vw;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: auto;
    background-color: white;
    width: 80.2666666667vw;
    height: 12.2666666667vw;
    border-radius: 6.1333333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: none;
  }
}
.nav-list__item.close {
  display: none;
}
@media (max-width: 768px) {
  .nav-list__item.close {
    display: block;
  }
  .nav-list__item.close .button--close {
    width: 22.6666666667vw;
    height: 6.6666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #dcdfe3;
    color: #5b3d42;
    font-size: 3.2vw;
    border-radius: 3.3333333333vw;
    font-weight: bold;
    font-family: "Noto Sans JP", sans-serif;
  }
}
.nav-list__item.corporate a {
  border-radius: clamp(5.3333336px, 0.6779661017vw, 8px);
}
@media (max-width: 768px) {
  .nav-list__item.corporate a {
    border-radius: 6.1333333333vw;
  }
}
.nav-list__item.corporate:not(.current) a {
  background-color: #caebff;
  border-radius: clamp(5.3333336px, 0.6779661017vw, 8px);
}
.nav-list__item.corporate:not(.current) a:after {
  border-color: #caebff transparent transparent transparent;
}
@media (max-width: 768px) {
  .nav-list__item.corporate:not(.current) a {
    border-radius: 6.1333333333vw;
  }
  .nav-list__item.corporate:not(.current) a:after {
    content: none;
  }
}
.nav-list__item.current a {
  background-color: #5b3d42;
  color: white;
}
.nav-list__item.current a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: clamp(-5.7px, -0.4830508475vw, -3.80000019px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #5b3d42 transparent transparent transparent;
  border-width: clamp(3.80000019px, 0.4830508475vw, 5.7px) calc(clamp(7.53333371px, 0.9576271186vw, 11.3px) / 2) 0 calc(clamp(7.53333371px, 0.9576271186vw, 11.3px) / 2);
}
@media (max-width: 768px) {
  .nav-list__item.current a::after {
    content: none;
  }
}

.link-button {
  width: clamp(113.333339px, 14.406779661vw, 170px);
}
@media (max-width: 768px) {
  .link-button {
    width: 22.6666666667vw;
    margin-left: auto;
  }
}

.r-footer {
  background-color: #22554c;
  color: white;
  padding: 5.6rem 0 0rem;
}
.r-footer .footer__content-top {
  padding-right: 4.3rem;
  padding-bottom: 0;
  padding-left: 4.3rem;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .r-footer .footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(136.6666735px, 17.3728813559vw, 205px);
    margin-bottom: clamp(26.666668px, 3.3898305085vw, 40px);
  }
}
.r-footer .footer-top .footer_logo {
  display: inline-block;
  width: 12rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 768px) {
  .r-footer .footer-top .footer_logo {
    width: clamp(105.66667195px, 13.4322033898vw, 158.5px);
    margin: 0;
  }
  .r-footer .footer-top .footer_logo img {
    width: 100%;
  }
}
.r-footer .footer-top .footer-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 10rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .r-footer .footer-top .footer-list {
    -ms-grid-columns: 1fr clamp(80.000004px, 10.1694915254vw, 120px) 1fr clamp(80.000004px, 10.1694915254vw, 120px) 1fr clamp(80.000004px, 10.1694915254vw, 120px) 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 clamp(80.000004px, 10.1694915254vw, 120px);
    margin-bottom: 0;
  }
}
.r-footer .footer-top .footer-list .footer-list__item {
  font-size: 1.3rem;
  line-height: 2.8;
  letter-spacing: 1.3px;
}
@media (max-width: 768px) {
  .r-footer .footer-top .footer-list .footer-list__item {
    font-size: clamp(9.3333338px, 1.186440678vw, 14px);
  }
}
.r-footer .border-box {
  border-color: white;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  letter-spacing: 1.5px;
  line-height: 2.7;
  gap: 1rem;
  font-weight: 300;
  font-family: "Lato", sans-serif;
}
@media (max-width: 768px) {
  .r-footer .border-box {
    width: clamp(106.666672px, 13.5593220339vw, 160px);
    font-size: clamp(9.3333338px, 1.186440678vw, 14px);
    font-weight: 400;
  }
}
.r-footer .border-box img {
  width: 1.8rem;
}
.r-footer .footer-bottom .section-inner {
  padding: 0 4.3rem 2rem;
}
@media (max-width: 768px) {
  .r-footer .footer-bottom .section-inner {
    max-width: 120rem;
    padding-right: 5rem;
    padding-bottom: 6rem;
    padding-left: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.r-footer .footer-bottom .footer-sub-menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 3rem;
  margin-bottom: 7rem;
}
@media (max-width: 768px) {
  .r-footer .footer-bottom .footer-sub-menu {
    margin-bottom: 0;
    -webkit-column-gap: clamp(26.666668px, 3.3898305085vw, 40px);
       -moz-column-gap: clamp(26.666668px, 3.3898305085vw, 40px);
            column-gap: clamp(26.666668px, 3.3898305085vw, 40px);
    width: clamp(500.000025px, 63.5593220339vw, 750px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: auto;
  }
}
.r-footer .footer-bottom .footer-sub-menu li {
  font-size: 1rem;
  line-height: 2.4;
}
@media (max-width: 768px) {
  .r-footer .footer-bottom .footer-sub-menu li {
    font-size: 1.1rem;
    line-height: 2.8;
    letter-spacing: 0.55px;
  }
}
.r-footer .footer-bottom .copyright__content {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .r-footer .footer-bottom .copyright__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.r-footer .footer__content-bottom {
  border: none;
}

html {
  scroll-behavior: smooth;
}

a:not(.more-button):not(.notification-button):not(.download-button):not(.link-button):not(.button.faq-button):not(.button.button-accordion):not(.subject-box__download),
a .add-to-cart-button {
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
@media (hover: hover) {
  a:not(.more-button):not(.notification-button):not(.download-button):not(.link-button):not(.button.faq-button):not(.button.button-accordion):not(.subject-box__download):hover,
  a .add-to-cart-button:hover {
    opacity: 0.7;
  }
}
@media (hover: hover) {
  a.more-button:hover img {
    -webkit-transform: translateX(25%) translateY(-50%);
            transform: translateX(25%) translateY(-50%);
  }
}
a.more-button img {
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
}

* {
  letter-spacing: initial;
}

body {
  background: none;
  font-family: "Noto Sans JP", sans-serif;
}
body #benesse-header .benesse-header__inner,
body #benesse-footer .benesse-footer__inner {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  max-width: 1280px !important;
  width: 100% !important;
}
body #benesse-header .benesse-header__logo {
  margin: -12px auto 0 0 !important;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
  clip-path: inset(50%);
}

.bg-yellow {
  background-color: #ffdb4f;
}

.bg-white {
  background-color: white;
}

.button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  -webkit-transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (max-width: 768px) {
  .button {
    border-width: 0.5333333333vw;
    border-radius: 7.2vw;
    -webkit-box-shadow: 0 1.0666666667vw 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1.0666666667vw 0 0 rgba(0, 0, 0, 0.2);
  }
}
@media (hover: hover) {
  .button:hover {
    background-color: #fff8dc;
    -webkit-box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
    opacity: 1 !important;
    -webkit-transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
            transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
  }
}
.button:not(.flexible) {
  border: solid 2px #5b3d42;
}
.button.link-button, .button.faq-button, .button.button-accordion {
  width: clamp(0px, 10vw / var(--board) * 10 * 448, var(--max) * 448);
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  background-color: white;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  -webkit-transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (hover: hover) {
  .button.link-button:hover, .button.faq-button:hover, .button.button-accordion:hover {
    background-color: #fff8dc;
  }
}
@media (max-width: 768px) {
  .button.link-button, .button.faq-button, .button.button-accordion {
    width: 89.3333333333vw;
    height: 14.4vw;
    font-size: 4vw;
  }
}
.button.link-button:after, .button.faq-button:after, .button.button-accordion:after {
  right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 8.5, var(--max) * 8.5);
  height: clamp(0px, 10vw / var(--board) * 10 * 8.5, var(--max) * 8.5);
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  content: "";
  position: absolute;
  width: 0.85rem;
  height: 0.85rem;
  border-top: solid 0.2rem #5b3d42;
  border-right: solid 0.2rem #5b3d42;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 768px) {
  .button.link-button:after, .button.faq-button:after, .button.button-accordion:after {
    right: 5.3333333333vw;
    width: 2.2627466667vw;
    height: 2.2627466667vw;
  }
}
.button.link-button.link-button--yellow, .button.link-button--yellow.faq-button, .button.link-button--yellow.button-accordion {
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  background-color: #ffdb4f;
  -webkit-transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s color, 0.3s transform, 0.3s box-shadow;
  transition: 0.3s background-color, 0.3s color, 0.3s transform, 0.3s box-shadow, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (hover: hover) {
  .button.link-button.link-button--yellow:hover, .button.link-button--yellow.faq-button:hover, .button.link-button--yellow.button-accordion:hover {
    background-color: #5b3d42;
    -webkit-box-shadow: 0 0vw 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0vw 0 0 rgba(0, 0, 0, 0.2);
    color: white;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  .button.link-button.link-button--yellow:hover:after, .button.link-button--yellow.faq-button:hover:after, .button.link-button--yellow.button-accordion:hover:after {
    border-color: white;
  }
}
@media (max-width: 768px) {
  .button.link-button.link-button--yellow, .button.link-button--yellow.faq-button, .button.link-button--yellow.button-accordion {
    width: 80.2666666667vw;
  }
}
.button.link-button.link-button--blank, .button.link-button--blank.faq-button, .button.link-button--blank.button-accordion {
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 47, var(--max) * 47);
}
@media (max-width: 768px) {
  .button.link-button.link-button--blank, .button.link-button--blank.faq-button, .button.link-button--blank.button-accordion {
    padding-right: 8.6666666667vw;
    width: 77.3333333333vw;
  }
}
.button.link-button.link-button--blank:after, .button.link-button--blank.faq-button:after, .button.link-button--blank.button-accordion:after {
  right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  height: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  border: none;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-link.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .button.link-button.link-button--blank:after, .button.link-button--blank.faq-button:after, .button.link-button--blank.button-accordion:after {
    right: 4vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
.button.link-button.return-button, .button.return-button.faq-button, .button.return-button.button-accordion {
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
}
@media (max-width: 768px) {
  .button.link-button.return-button, .button.return-button.faq-button, .button.return-button.button-accordion {
    width: 80.2666666667vw;
  }
}
.button.link-button.return-button.howto-return, .button.return-button.howto-return.faq-button, .button.return-button.howto-return.button-accordion {
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .button.link-button.return-button.howto-return, .button.return-button.howto-return.faq-button, .button.return-button.howto-return.button-accordion {
    width: 80.2666666667vw;
    height: 14.4vw;
    border-radius: 7.2vw;
    font-size: 4vw;
  }
}
.button.link-button.return-button:after, .button.return-button.faq-button:after, .button.return-button.button-accordion:after {
  content: none;
}
.button.link-button.return-button::before, .button.return-button.faq-button::before, .button.return-button.button-accordion::before {
  right: auto;
  left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 8.5, var(--max) * 8.5);
  height: clamp(0px, 10vw / var(--board) * 10 * 8.5, var(--max) * 8.5);
  content: "";
  position: absolute;
  width: 0.85rem;
  height: 0.85rem;
  border-top: solid 0.2rem #5b3d42;
  border-right: solid 0.2rem #5b3d42;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(225deg);
          transform: translateY(-50%) rotate(225deg);
}
@media (max-width: 768px) {
  .button.link-button.return-button::before, .button.return-button.faq-button::before, .button.return-button.button-accordion::before {
    left: 5.3333333333vw;
    width: 2.2627466667vw;
    height: 2.2627466667vw;
  }
}
.button.button-accordion {
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  background-color: #ffdb4f;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .button.button-accordion {
    width: 71.4666666667vw;
    height: 14.4vw;
    border-radius: 7.2vw;
    font-size: 4vw;
  }
}
.button.button-accordion::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  height: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  border: none;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-plus.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .button.button-accordion::after {
    right: 5.3333333333vw;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
}
.button.button-accordion.active::after {
  top: 66%;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-minus.svg);
}
.button.download-button {
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  margin: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 508, var(--max) * 508);
  height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  border: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  background-color: #ed7d31;
  color: white;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -webkit-transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (hover: hover) {
  .button.download-button:hover {
    background-color: #5b3d42;
  }
}
@media (max-width: 768px) {
  .button.download-button {
    gap: 2.9333333333vw;
    width: 89.3333333333vw;
    height: 16vw;
    border-radius: 8vw;
    font-size: 4.8vw;
  }
}
.button.download-button img {
  width: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
@media (max-width: 768px) {
  .button.download-button img {
    width: 5.8666666667vw;
  }
}
.button.download-button::after {
  content: none;
}
.button.download-button02 {
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 508, var(--max) * 508);
  height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  border: 2px solid #ed7d31;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  background-color: #fff;
  color: #ed7d31;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -webkit-transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (hover: hover) {
  .button.download-button02:hover {
    background-color: #fff8dc;
  }
}
@media (max-width: 768px) {
  .button.download-button02 {
    gap: 2.1333333333vw;
    width: auto;
    height: 12.2666666667vw;
    border-radius: 8vw;
    font-size: 4.1333333333vw;
  }
}
.button.download-button02 img {
  width: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
@media (max-width: 768px) {
  .button.download-button02 img {
    width: 4.8vw;
  }
}
.button.download-button02::after {
  content: none;
}
.button.download-button03 {
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin: auto;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  border: 2px solid #ed7d31;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  background-color: #fff;
  color: #ed7d31;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (hover: hover) {
  .button.download-button03:hover {
    background-color: #fff8dc;
  }
}
@media (max-width: 768px) {
  .button.download-button03 {
    gap: 2.1333333333vw;
    width: auto;
    height: 12.2666666667vw;
    border-radius: 8vw;
    font-size: 4.1333333333vw;
  }
}
.button.download-button03 img {
  width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
@media (max-width: 768px) {
  .button.download-button03 img {
    width: 4.8vw;
  }
}
.button.download-button03::after {
  content: none;
}
.button.download-button03-2 {
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 508, var(--max) * 508);
  height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  border: 2px solid #ed7d31;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  background-color: #fff;
  color: #ed7d31;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -webkit-transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (hover: hover) {
  .button.download-button03-2:hover {
    background-color: #fff8dc;
  }
}
@media (max-width: 768px) {
  .button.download-button03-2 {
    gap: 2.9333333333vw;
    width: auto;
    height: 16vw;
    border-radius: 8vw;
    font-size: 4.8vw;
  }
}
.button.download-button03-2 img {
  width: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
@media (max-width: 768px) {
  .button.download-button03-2 img {
    width: 5.8666666667vw;
  }
}
.button.download-button03-2::after {
  content: none;
}
.button.download-button04 {
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  margin: auto;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  border: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  background-color: #ed7d31;
  color: white;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  -webkit-transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (hover: hover) {
  .button.download-button04:hover {
    background-color: #5b3d42;
  }
}
@media (max-width: 768px) {
  .button.download-button04 {
    gap: 2.9333333333vw;
    width: 100%;
    height: 16vw;
    border-radius: 8vw;
    font-size: 4.8vw;
  }
}
.button.download-button04 img {
  width: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
@media (max-width: 768px) {
  .button.download-button04 img {
    width: 5.8666666667vw;
  }
}
.button.download-button04::after {
  content: none;
}
.button.copy-button, .button.notification-button {
  gap: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  border: none;
  background-color: #0653ce;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 rgba(0, 0, 0, 0.2);
  color: white;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (hover: hover) {
  .button.copy-button:hover, .button.notification-button:hover {
    background-color: #0653ce;
    -webkit-box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
    opacity: 1 !important;
    -webkit-transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
            transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
  }
}
@media (max-width: 768px) {
  .button.copy-button, .button.notification-button {
    gap: 3.2vw;
    width: 80.2666666667vw;
    height: 12.2666666667vw;
    -webkit-box-shadow: 0 1.0666666667vw 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1.0666666667vw 0 0 rgba(0, 0, 0, 0.2);
    font-size: 4vw;
  }
  .button.copy-button img, .button.notification-button img {
    width: 4.8vw;
    height: 5.9066666667vw;
  }
}
.button.copy-button_wide {
  gap: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  width: clamp(0px, 10vw / var(--board) * 10 * 560, var(--max) * 560);
  height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  border: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  background-color: #0653ce;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 rgba(0, 0, 0, 0.2);
  color: white;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.button.copy-button_wide img {
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  height: clamp(0px, 10vw / var(--board) * 10 * 29.5, var(--max) * 29.5);
}
@media (hover: hover) {
  .button.copy-button_wide:hover {
    background-color: #05a9e2;
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .button.copy-button_wide {
    gap: 3.2vw;
    margin: 10.6666666667vw auto 2.1333333333vw;
    width: 89.3333333333vw;
    height: 16vw;
    border-radius: 8vw;
    -webkit-box-shadow: 0 1.0666666667vw 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1.0666666667vw 0 0 rgba(0, 0, 0, 0.2);
    font-size: 4.8vw;
  }
  .button.copy-button_wide img {
    width: 5.8666666667vw;
    height: 7.2266666667vw;
  }
  .button.copy-button_wide::after {
    content: none;
  }
}
.button.code-button {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
  height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.31;
}
@media (max-width: 768px) {
  .button.code-button {
    width: 44vw;
    height: 29.3333333333vw;
    border-radius: 4.8893333333vw;
  }
}
.button.code-button img {
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  height: clamp(0px, 10vw / var(--board) * 10 * 29.5, var(--max) * 29.5);
}
@media (max-width: 768px) {
  .button.code-button img {
    width: 5.8666666667vw;
    height: 7.2266666667vw;
  }
}
.button.faq-button {
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  width: clamp(0px, 10vw / var(--board) * 10 * 508, var(--max) * 508);
  height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  border: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  background-color: #63b6e5;
  color: white;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (hover: hover) {
  .button.faq-button:hover {
    background-color: #5b3d42;
  }
}
@media (max-width: 768px) {
  .button.faq-button {
    gap: 1.8666666667vw;
    width: 89.3333333333vw;
    height: 16vw;
    border-radius: 8vw;
    font-size: 4.8vw;
  }
}
.button.faq-button img {
  width: clamp(0px, 10vw / var(--board) * 10 * 38.1, var(--max) * 38.1);
  height: clamp(0px, 10vw / var(--board) * 10 * 31.7, var(--max) * 31.7);
}
@media (max-width: 768px) {
  .button.faq-button img {
    width: 7.7333333333vw;
    height: 6.44vw;
  }
}
.button.faq-button:after {
  border-top-color: white;
  border-right-color: white;
}
.button.flexible {
  padding: 0 clamp(22.6666678px, 2.8813559322vw, 34px) 0 clamp(13.333334px, 1.6949152542vw, 20px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(32.0000016px, 4.0677966102vw, 48px);
  border: solid 1px #5b3d42;
  -webkit-box-shadow: 0 clamp(2.6666668px, 0.3389830508vw, 4px) 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 clamp(2.6666668px, 0.3389830508vw, 4px) 0 0 rgba(0, 0, 0, 0.2);
  font-weight: 400;
  font-size: clamp(12.0000006px, 1.5254237288vw, 18px);
}
@media (max-width: 768px) {
  .button.flexible {
    padding: 0 7.2vw 0 4vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 10.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
  .button.flexible:after {
    right: 4vw;
  }
}
@media (hover: hover) {
  .button.flexible:hover {
    background-color: #ffdb4f;
    -webkit-box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
    opacity: 1 !important;
    -webkit-transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
            transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
  }
}
.button.flexible.link-button--blank:after {
  right: clamp(13.333334px, 1.6949152542vw, 20px);
  width: clamp(10.6666672px, 1.3559322034vw, 16px);
  height: clamp(10.6666672px, 1.3559322034vw, 16px);
}
.button.flexible:after {
  right: clamp(13.333334px, 1.6949152542vw, 20px);
  width: clamp(5.66666695px, 0.7203389831vw, 8.5px);
  height: clamp(5.66666695px, 0.7203389831vw, 8.5px);
}

.more-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 3rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: solid 1px #4d726b;
  border-radius: 2rem;
  color: #004438;
  letter-spacing: 1.2px;
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  line-height: 2.1667;
}
@media (max-width: 768px) {
  .more-button {
    border-radius: clamp(13.333334px, 1.6949152542vw, 20px);
    letter-spacing: clamp(0.93333338px, 0.1186440678vw, 1.4px);
    font-size: clamp(9.3333338px, 1.186440678vw, 14px);
  }
}
.more-button img {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .more-button img {
    width: clamp(9.3333338px, 1.186440678vw, 14px);
  }
}
.more-button.more-button--white {
  border-color: white;
  color: white;
}
.more-button.more-button--white img {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(209deg) brightness(102%) contrast(103%);
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(209deg) brightness(102%) contrast(103%);
}
@media (max-width: 768px) {
  .more-button.rule {
    width: clamp(166.666675px, 21.186440678vw, 250px);
    height: clamp(29.3333348px, 3.7288135593vw, 44px);
    border-radius: clamp(40.000002px, 5.0847457627vw, 60px);
  }
}

.play-button {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  margin: auto;
  width: 11.5rem;
  height: 11.5rem;
  border: solid 0.1rem white;
  border-radius: 50%;
  color: white;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: 0.3s background-color, 0.3s color;
  transition: 0.3s background-color, 0.3s color;
  inset: 0;
}
@media (max-width: 768px) {
  .play-button {
    width: 17rem;
    height: 17rem;
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  .play-button:hover {
    border: none;
    background-color: rgba(255, 255, 255, 0.6);
    color: #22554c;
  }
}
.play-button:before {
  content: "▶";
}

section:not(.mv) {
  position: relative;
}

.section-inner {
  margin: 0 auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1048, var(--max) * 1048);
}
@media (max-width: 768px) {
  .section-inner {
    margin: auto;
  }
}

.section-copy {
  line-height: 2.2;
}

.section-title {
  position: relative;
  position: absolute;
  top: clamp(-153px, -12.9661016949vw, -102.0000051px);
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: clamp(621.3333644px, 78.9830508475vw, 932px);
  height: clamp(102.0000051px, 12.9661016949vw, 153px);
  border-radius: clamp(20.000001px, 2.5423728814vw, 30px) clamp(20.000001px, 2.5423728814vw, 30px) 0 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#ff7b30), to(#ff7583));
  background-image: linear-gradient(to right, #ff7b30 0%, #ff7583);
  color: white;
  text-align: center;
  letter-spacing: 1.8px;
  font-weight: bold;
  font-size: clamp(24.0000012px, 3.0508474576vw, 36px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .section-title {
    top: -27.0666666667vw;
    width: 100vw;
    height: 27.0666666667vw;
    border-radius: 0;
    font-size: 5.6vw;
  }
}
.section-title small {
  margin-top: clamp(5.3333336px, 0.6779661017vw, 8px);
  line-height: 1;
}
@media (max-width: 768px) {
  .section-title small {
    font-size: 4.8vw;
  }
}
.section-title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: clamp(28.0000014px, 3.5593220339vw, 42px);
  display: inline-block;
  width: clamp(108.0000054px, 13.7288135593vw, 162px);
  height: clamp(78.6666706px, 10vw, 118px);
  background-image: url(/miraiseed/fansite/okulinkplus_update2025/assets/img/icon_section-title.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .section-title:before {
    bottom: 0;
    left: 6.4vw;
    width: 21.6vw;
    height: 19.7333333333vw;
    background-image: url(/miraiseed/fansite/okulinkplus_update2025/assets/img/icon_section-title_sp.svg);
  }
}

.marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, transparent), color-stop(86%, #fff));
  background: linear-gradient(transparent 66%, #fff 86%);
  font-weight: bold;
  line-height: 1.67;
}
@media (max-width: 768px) {
  .marker {
    font-size: 4.8vw;
  }
}

.marker_yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, transparent), color-stop(86%, #f1cf31));
  background: linear-gradient(transparent 66%, #f1cf31 86%);
  font-weight: bold;
  line-height: 1.67;
}

.diagonal-text {
  margin-bottom: 1em;
  text-align: center;
  font-weight: bold;
  font-size: clamp(13.333334px, 1.6949152542vw, 20px);
  position: relative;
}
.diagonal-text::before, .diagonal-text::after {
  content: "";
  position: relative;
  display: inline-block;
  background-color: #2e2f54;
  width: 1px;
  height: 1.15em;
  margin: 0 1em;
  margin-top: -0.3em;
  vertical-align: middle;
  bottom: 0;
  font-weight: normal;
}
@media (max-width: 768px) {
  .diagonal-text::before, .diagonal-text::after {
    position: absolute;
    height: 2.75em;
  }
}
.diagonal-text::before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  left: 5px;
}
.diagonal-text::after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  right: 9px;
}
@media (max-width: 768px) {
  .diagonal-text::after {
    right: 7px;
  }
}
@media (max-width: 768px) {
  .diagonal-text {
    font-size: 4vw;
  }
  .diagonal-text::before, .diagonal-text::after {
    margin: 0 0.45em;
  }
  .diagonal-text::after {
    right: -0.2666666667vw;
  }
  .diagonal-text:before {
    left: -1.0666666667vw;
  }
}

.card-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(4.0000002px, 0.5084745763vw, 6px);
}
@media (max-width: 768px) {
  .card-tag {
    gap: 1.8666666667vw;
  }
}

.card-tag__item {
  padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9) clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9) 0 clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  background-color: #ffdb4f;
  text-align: center;
  font-weight: bold;
  font-size: clamp(9.3333338px, 1.186440678vw, 14px);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .card-tag__item {
    padding: 1.0666666667vw 3.7333333333vw;
    border-radius: 2.4vw 2.4vw 0 2.4vw;
    font-size: 3.7333333333vw;
  }
}

.tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}
@media (max-width: 768px) {
  .tag-list {
    gap: 1.6vw;
    margin-bottom: 10.6666666667vw;
  }
}

.tag-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(0px, 10vw / var(--board) * 10 * 4.54, var(--max) * 4.54) clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  border: solid 1px #ffdb4f;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.21;
}
@media (max-width: 768px) {
  .tag-list__item {
    padding: 1.2vw 3.7333333333vw;
    border-radius: 3.7333333333vw;
    font-size: 3.7333333333vw;
  }
}

.js-details {
  position: relative;
  z-index: 0;
}
.js-details .js-summary {
  padding: clamp(16.0000008px, 2.0338983051vw, 24px) clamp(26.666668px, 3.3898305085vw, 40px);
  border-radius: clamp(10.6666672px, 1.3559322034vw, 16px);
  background-color: #ffdb4f;
  font-size: clamp(16.0000008px, 2.0338983051vw, 24px);
  line-height: 1.5;
  cursor: pointer;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
@media (hover: hover) {
  .js-details .js-summary:hover {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  .js-details .js-summary {
    padding: 5.3333333333vw 4vw;
    border-radius: 3.2vw;
    font-size: 4vw;
  }
}
.js-details .js-summary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.js-details .js-summary .summary_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: clamp(13.333334px, 1.6949152542vw, 20px);
  font-weight: bold;
}
@media (max-width: 768px) {
  .js-details .js-summary .summary_inner {
    gap: 3.2vw;
    font-size: 4vw;
  }
}
.js-details .js-summary .summary_inner .summary-initial {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(18.0000009px, 2.2881355932vw, 27px);
  color: #ed7d31;
  line-height: 1;
}
@media (max-width: 768px) {
  .js-details .js-summary .summary_inner .summary-initial {
    width: 4.3184933333vw;
  }
}
.js-details .js-summary .summary_inner .summary-initial img {
  width: 100%;
}
.js-details .js-summary .summary_inner .trigger-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  width: clamp(29.3333348px, 3.7288135593vw, 44px);
  height: clamp(29.3333348px, 3.7288135593vw, 44px);
  border-radius: 50%;
  background-color: white;
}
@media (max-width: 768px) {
  .js-details .js-summary .summary_inner .trigger-box {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.js-details .js-summary .summary_inner .icon {
  position: relative;
  display: inline-block;
  width: clamp(12.0000006px, 1.5254237288vw, 18px);
  height: 0.3rem;
  background-color: #5b3d42;
}
@media (max-width: 768px) {
  .js-details .js-summary .summary_inner .icon {
    width: 2.4vw;
    height: 0.5333333333vw;
  }
}
.js-details .js-summary .summary_inner .icon::before {
  content: "";
  position: absolute;
  display: block;
  margin: auto;
  width: clamp(12.0000006px, 1.5254237288vw, 18px);
  height: 0.3rem;
  background-color: #5b3d42;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  inset: 0;
}
@media (max-width: 768px) {
  .js-details .js-summary .summary_inner .icon::before {
    width: 2.4vw;
    height: 0.5333333333vw;
  }
}
.js-details .js-content {
  padding: clamp(16.0000008px, 2.0338983051vw, 24px) clamp(26.666668px, 3.3898305085vw, 40px) clamp(21.3333344px, 2.7118644068vw, 32px);
  border-radius: clamp(10.6666672px, 1.3559322034vw, 16px);
  background-color: #fff8dc;
}
@media (max-width: 768px) {
  .js-details .js-content {
    padding: 5.3333333333vw 4vw 6.9333333333vw;
    border-radius: 3.2vw;
  }
}
.js-details .js-content .content_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(13.333334px, 1.6949152542vw, 20px);
}
@media (max-width: 768px) {
  .js-details .js-content .content_inner {
    gap: 2.6666666667vw;
  }
}
.js-details .js-content .summary-answer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(18.0000009px, 2.2881355932vw, 27px);
}
@media (max-width: 768px) {
  .js-details .js-content .summary-answer {
    width: 4.3184933333vw;
  }
}
.js-details .js-content p {
  font-size: clamp(13.333334px, 1.6949152542vw, 20px);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .js-details .js-content p {
    font-size: 4vw;
  }
}
.js-details .js-content .inner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(13.333334px, 1.6949152542vw, 20px);
  margin-top: clamp(13.333334px, 1.6949152542vw, 20px);
}
@media (max-width: 768px) {
  .js-details .js-content .inner-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
    margin-left: -7.4666666667vw;
  }
}
.js-details.is-opened .js-summary {
  padding-bottom: clamp(13.333334px, 1.6949152542vw, 20px);
}
@media (max-width: 768px) {
  .js-details.is-opened .js-summary {
    padding-bottom: 4vw;
  }
}
.js-details.is-opened .js-summary .summary_inner .icon::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.block-inner {
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1048, var(--max) * 1048);
}
@media (max-width: 768px) {
  .block-inner {
    padding: 0;
    max-width: 89.3333333333vw;
  }
}

.other-block {
  border-top: solid 1px white;
  background-color: #ffe169;
}
.other-block .block-inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1088, var(--max) * 1088);
}
@media (max-width: 768px) {
  .other-block .block-inner {
    padding: 0 5.3333333333vw 17.3333333333vw;
    max-width: 100%;
  }
}
.other-block .other-contents .other-contents__title {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: clamp(0px, 10vw / var(--board) * 10 * 471, var(--max) * 471);
  text-align: center;
}
@media (max-width: 768px) {
  .other-block .other-contents .other-contents__title {
    margin-bottom: 10.6666666667vw;
    width: 44.8vw;
  }
}
.other-block .other-contents .other-contents__title img {
  width: 100%;
}
.other-block .other-contents .banner-description {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  text-align: left;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .other-block .other-contents .banner-description {
    margin-bottom: 0.75em;
    text-align: center;
    font-size: 4vw;
  }
}
.other-block .other-contents .banner-top {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  max-width: 1200px;
  text-align: center;
}
@media (max-width: 768px) {
  .other-block .other-contents .banner-top {
    margin-bottom: 11.7333333333vw;
  }
}
.other-block .other-contents .banner-top .main-banner {
  border: solid clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) #5b3d42;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
}
@media (max-width: 768px) {
  .other-block .other-contents .banner-top .main-banner {
    border-width: 0.5333333333vw;
    border-radius: 1.6vw;
  }
}
.other-block .other-contents .banner-top .main-banner.coming-soon {
  pointer-events: none;
}
.other-block .other-contents .banner-top .main-banner img {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
}
@media (max-width: 768px) {
  .other-block .other-contents .banner-top .main-banner img {
    border-radius: 1.6vw;
  }
}
.other-block .other-contents .banner-list {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  margin: 0 auto;
  max-width: 1200px;
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  .other-block .other-contents .banner-list {
    gap: 12vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
.other-block .other-contents .banner-image,
.other-block .other-contents .banner-list__link {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  -webkit-box-shadow: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 rgb(91, 61, 66);
          box-shadow: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 rgb(91, 61, 66);
}
.other-block .other-contents .banner-image img,
.other-block .other-contents .banner-list__link img {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  border: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) solid rgb(91, 61, 66);
}
@media (max-width: 768px) {
  .other-block .other-contents .banner-image,
  .other-block .other-contents .banner-list__link {
    border-radius: 1.6vw;
    -webkit-box-shadow: 1.0666666667vw 1.0666666667vw 0 0 rgb(91, 61, 66);
            box-shadow: 1.0666666667vw 1.0666666667vw 0 0 rgb(91, 61, 66);
  }
  .other-block .other-contents .banner-image img,
  .other-block .other-contents .banner-list__link img {
    border-radius: 1.6vw;
    border: 0.5333333333vw solid rgb(91, 61, 66);
  }
}

.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 23;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  background-color: #fff;
  -webkit-filter: drop-shadow(0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) rgba(0, 0, 0, 0.2));
}
@media (max-width: 768px) {
  .modal__container {
    width: 89.3333333333vw;
    height: 14.4vw;
    border-radius: 1.6vw;
    -webkit-filter: drop-shadow(0 0 2.1333333333vw rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0 0 2.1333333333vw rgba(0, 0, 0, 0.2));
  }
}

.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal__title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  color: #00449e;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
}

.modal__close {
  border: 0;
  background: transparent;
}

.modal__header .modal__close:before {
  content: "✕";
}

.modal__content {
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .modal__content {
    font-size: 4.2666666667vw;
  }
}

.modal__btn {
  overflow: visible;
  margin: 0;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  border-width: 0;
  border-style: none;
  border-radius: 0.25rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  text-transform: none;
  font-size: 0.875rem;
  line-height: 1.15;
  cursor: pointer;
  transition: -webkit-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-appearance: button;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.code-list__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #0653ce;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .code-list__button {
    margin-top: 5.3333333333vw;
    width: 80.1333333333vw;
    height: 10vw;
    font-size: 3.7333333333vw;
  }
}
.code-list__button::after {
  content: "";
  display: block;
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  height: clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-download-button.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .code-list__button::after {
    margin-left: 2.6666666667vw;
    width: 4vw;
    height: 4.8vw;
  }
}

.release-badge {
  background-color: #ed7d31;
  border-radius: calc(infinity * 1px);
  color: #fff;
  display: inline-block;
  font-size: clamp(10.6666672px, 1.3559322034vw, 16px);
  font-weight: 700;
  line-height: 1.3;
  padding: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  position: relative;
  text-align: center;
}
.release-badge::after {
  background-color: #ed7d31;
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  content: "";
  display: block;
  height: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  width: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  position: absolute;
  bottom: clamp(var(--max) * -9, 10vw / var(--board) * 10 * -9, 0px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (max-width: 768px) {
  .release-badge {
    font-size: 4.2666666667vw;
    padding: 0.5333333333vw 4.2666666667vw;
  }
  .release-badge::after {
    border-radius: 0 0 0.8vw 0.8vw;
    bottom: -2.4vw;
    height: 2.9333333333vw;
    width: 1.6vw;
  }
}

.release-card-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .release-card-tag {
    margin-top: 5.3333333333vw;
    gap: 1.8666666667vw;
  }
}

.release-card__item {
  color: #fff;
  padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9) clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9) 0 clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  background-color: #5b3d42;
  text-align: center;
  font-weight: bold;
  font-size: clamp(9.3333338px, 1.186440678vw, 14px);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .release-card__item {
    padding: 1.0666666667vw 3.7333333333vw;
    border-radius: 2.4vw 2.4vw 0 2.4vw;
    font-size: 3.7333333333vw;
  }
}

/* top_revision */
.top .other-block {
  border-top: none;
}

.mv {
  position: relative;
}

.mv-inner {
  margin: 0 auto;
  padding: clamp(13.333334px, 1.6949152542vw, 20px) clamp(13.333334px, 1.6949152542vw, 20px) clamp(172.0000086px, 21.8644067797vw, 258px);
  max-width: 1440px;
}
@media (max-width: 768px) {
  .mv-inner {
    padding: 10.6666666667vw 0 43.0666666667vw;
    height: 100%;
  }
}

.title-wrap {
  position: relative;
  padding: 4.2857142857vw 0 0;
  max-height: 540px;
  height: clamp(360.000018px, 45.7627118644vw, 540px);
}
@media (max-width: 768px) {
  .title-wrap {
    padding-top: 10.6666666667vw;
    max-height: 600px;
    height: 141.3333333333vw;
  }
}
.title-wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  display: inline-block;
  width: 100%;
  max-height: 90px;
  height: 6.4285714286vw;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg-mv_re_pc.svg);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .title-wrap::before {
    max-height: 80px;
    height: 35.2vw;
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg-mv_re_sp.svg);
  }
}

.mv-title {
  margin: 0 auto;
  width: clamp(516.0000258px, 65.593220339vw, 774px);
}
@media (max-width: 768px) {
  .mv-title {
    width: 74.6666666667vw;
  }
}
.mv-title img {
  width: 100%;
}

.title-wrap_inner {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}

.main-copy {
  margin: 2.8571428571vw auto 0;
  text-align: center;
  font-weight: bold;
  font-size: clamp(13.333334px, 1.6949152542vw, 20px);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .main-copy {
    margin: 8vw auto 0;
    font-size: 4.8vw;
    line-height: 1.5;
  }
}
.main-copy strong {
  color: #f45656;
}

.sub-copy {
  margin-top: 1.2857142857vw;
  text-align: center;
  font-size: clamp(12.0000006px, 1.5254237288vw, 18px);
  line-height: 1.78;
}
@media (max-width: 768px) {
  .sub-copy {
    margin-top: 6.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

.mv-illust {
  -webkit-animation: float 5s ease-in-out infinite;
          animation: float 5s ease-in-out infinite;
  position: absolute;
}
.mv-illust.illust1 {
  top: 3.018867924%;
  left: 10.75%;
  width: 4.2857142857vw;
}
@media (max-width: 768px) {
  .mv-illust.illust1 {
    top: -5.572804713%;
    left: 25.73333333%;
    width: 8.5333333333vw;
  }
}
.mv-illust.illust2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  top: 56%;
  left: 8.413%;
  width: 2.2857142857vw;
}
@media (max-width: 768px) {
  .mv-illust.illust2 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    top: 31.579226707%;
    left: 4.266666667%;
    width: 8.5333333333vw;
  }
}
.mv-illust.illust3 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  top: 87.849056603%;
  left: 16.07142857%;
  width: 2.4285714286vw;
}
@media (max-width: 768px) {
  .mv-illust.illust3 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
    top: 24.148820423%;
    left: 88.66666667%;
    width: 8.5333333333vw;
  }
}
.mv-illust.illust4 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  top: -3.924528301%;
  left: 70.85714286%;
  width: 2.2857142857vw;
}
@media (max-width: 768px) {
  .mv-illust.illust4 {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
    top: -1.857601571%;
    left: 91.56666667%;
    width: 10.9333333333vw;
  }
}
.mv-illust.illust5 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  top: 12.679245283%;
  left: 84.57142857%;
  width: 3.4285714286vw;
}
@media (max-width: 768px) {
  .mv-illust.illust5 {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
    top: -5.705490539%;
    left: 5.066666667%;
    width: 9.0666666667vw;
  }
}
.mv-illust.illust6 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  top: 74.566037735%;
  left: 87.85714286%;
  width: 4.2857142857vw;
}
@media (max-width: 768px) {
  .mv-illust.illust6 {
    display: none;
  }
}
.mv-illust.illust7 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  top: 8.452830188%;
  left: 95.34947857%;
  width: 2.1428571429vw;
}
@media (max-width: 768px) {
  .mv-illust.illust7 {
    display: none;
  }
}

.mv-cards {
  position: relative;
}
.mv-cards::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10vw;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg_mv-cards_re_pc.svg);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
}
@media (max-width: 768px) {
  .mv-cards::after {
    height: 26vw;
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg_mv-cards_re_sp.svg);
  }
}
.mv-cards .link-button {
  margin: 2.8571428571vw auto 0;
}
@media (max-width: 768px) {
  .mv-cards .link-button {
    margin-top: 9.8666666667vw;
  }
}

.mv-cards__inner {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg_mv-cards__inner.svg);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding: 3.8571428571vw 0 12.8571428571vw;
  position: relative;
  max-width: 1400px;
  width: 100vw;
  z-index: 1;
}
@media (max-width: 768px) {
  .mv-cards__inner {
    background-image: none;
    padding: 0vw 6.6666666667vw 35.4666666667vw;
    max-width: 100%;
  }
}

.point-icon {
  position: absolute;
  top: -4.0714285714vw;
  right: 13.2857142857vw;
  z-index: 2;
  width: 8.5714285714vw;
}
@media (max-width: 768px) {
  .point-icon {
    display: none;
  }
}
.point-icon img {
  width: 100%;
}

.card-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.8571428571vw;
  margin: 0 auto;
  max-width: 1070px;
  width: 76.4285714286vw;
}
@media (max-width: 768px) {
  .card-list {
    gap: 10.9333333333vw;
    margin-top: 6.6666666667vw;
    width: 100%;
  }
}
@media (max-width: 1080px) {
  .card-list {
    gap: 40px;
  }
}

.card-list__item {
  position: relative;
  z-index: 1;
  padding: clamp(8.0000004px, 1.0169491525vw, 12px) clamp(8.0000004px, 1.0169491525vw, 12px) clamp(20.000001px, 2.5423728814vw, 30px) clamp(8.0000004px, 1.0169491525vw, 12px);
  width: calc((100% - 80px) / 3);
  border-radius: clamp(33.333335px, 4.2372881356vw, 50px);
  background-color: white;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  will-change: transform, filter;
}
@media (hover: hover) {
  .card-list__item:hover {
    -webkit-filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.2));
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  .card-list__item:hover .card-list__inner {
    opacity: 1;
  }
  .card-list__item:hover .card-thumbnail img {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}
@media (hover: hover) and (max-width: 768px) {
  .card-list__item:hover .card-thumbnail img {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 768px) {
  .card-list__item {
    padding: 3.2vw 3.2vw 7.7333333333vw 3.2vw;
    width: 100%;
    border-radius: 14.6666666667vw;
  }
}
@media (max-width: 768px) {
  .card-list__item:nth-child(1) {
    top: auto;
  }
  .card-list__item.coming-soon {
    display: none;
  }
}
.card-list__item.cat01 .card-content__company-name {
  background-color: #82c1ea;
}
.card-list__item.cat01.coming-soon .card-list__inner {
  background-color: #82c1ea;
}
.card-list__item.cat01:after {
  bottom: 7.1428571429vw;
}
@media (max-width: 768px) {
  .card-list__item.cat01:after {
    bottom: 26.1333333333vw;
  }
}
.card-list__item.cat02 .card-content__company-name {
  background-color: #f7a90b;
}
.card-list__item.cat02.coming-soon .card-list__inner {
  background-color: #f7a90b;
}
.card-list__item.cat02:after {
  top: 7.1428571429vw;
}
@media (max-width: 768px) {
  .card-list__item.cat02:after {
    top: 26.1333333333vw;
  }
}
.card-list__item.cat03 .card-content__company-name {
  background-color: #6cbc64;
}
.card-list__item.cat03.coming-soon .card-list__inner {
  background-color: #f19ca6;
}
.card-list__item.cat03:after {
  top: 7.1428571429vw;
}
@media (max-width: 768px) {
  .card-list__item.cat03:after {
    top: auto;
    bottom: 26.1333333333vw;
  }
}
.card-list__item.cat04 .card-content__company-name {
  background-color: #f19ca6;
}
.card-list__item.cat04.coming-soon .card-list__inner {
  background-color: #98d093;
}
.card-list__item.cat04:after {
  bottom: 7.1428571429vw;
}
@media (max-width: 768px) {
  .card-list__item.cat04:after {
    top: 26.1333333333vw;
    bottom: auto;
  }
}
.card-list__item.cat05 .card-content__company-name {
  background-color: #82c1ea;
}
.card-list__item.cat05.coming-soon .card-list__inner {
  background-color: #82c1ea;
}
.card-list__item.cat05:after {
  bottom: 7.1428571429vw;
}
@media (max-width: 768px) {
  .card-list__item.cat05:after {
    top: 26.1333333333vw;
    bottom: auto;
  }
}
.card-list__item.cat05 .card-tag__item {
  padding: 0.2857142857vw 0.5714285714vw;
}
@media (max-width: 768px) {
  .card-list__item.cat05 .card-tag__item {
    padding: 1.0666666667vw 2.6666666667vw;
  }
}
.card-list__item.cat02:after, .card-list__item.cat03:after, .card-list__item.cat05:after {
  right: -1.3571428571vw;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon_arrow-right.svg);
}
@media (max-width: 768px) {
  .card-list__item.cat02:after, .card-list__item.cat03:after, .card-list__item.cat05:after {
    right: -4.5333333333vw;
  }
}
.card-list__item.cat01:after, .card-list__item.cat04:after {
  left: -1.3571428571vw;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon_arrow-left.svg);
}
@media (max-width: 768px) {
  .card-list__item.cat01:after, .card-list__item.cat04:after {
    left: -4.5333333333vw;
  }
}
.card-list__item.coming-soon {
  padding-bottom: 0.8571428571vw;
  min-height: 25vw;
  pointer-events: none;
}
.card-list__item.coming-soon .card-list__inner {
  height: 100%;
  border-radius: 2.7142857143vw;
}
.card-list__item.coming-soon .coming-soon__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.card-list__item.coming-soon .coming-soon__image img {
  width: 7.7857142857vw;
  height: 15.2142857143vw;
}
.card-list__item:nth-child(7):after {
  top: 7.1428571429vw;
  bottom: auto;
}
.card-list__item .card-thumbnail {
  overflow: hidden;
  border-radius: clamp(26.666668px, 3.3898305085vw, 40px) clamp(26.666668px, 3.3898305085vw, 40px) 0 0;
}
@media (max-width: 768px) {
  .card-list__item .card-thumbnail {
    border-radius: 11.4666666667vw 11.4666666667vw 0 0;
  }
}
.card-list__item .card-thumbnail img {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.card-content {
  margin-top: 1.1428571429vw;
}
@media (max-width: 768px) {
  .card-content {
    margin-top: 3.2vw;
  }
}
.card-content .card-content_inner {
  padding: 0 0.8571428571vw;
}
.card-content .card-content__company-name {
  margin-bottom: 1.1428571429vw;
  padding: 0.1071428571vw;
  border-radius: 0.8571428571vw;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: clamp(10.6666672px, 1.3559322034vw, 16px);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .card-content .card-content__company-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 2.9333333333vw;
    padding: 0 1.3333333333vw;
    height: 8vw;
    border-radius: 4vw;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.card-content .card-content__company-description {
  margin-bottom: 0.5714285714vw;
  font-weight: bold;
  font-size: clamp(13.333334px, 1.6949152542vw, 20px);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .card-content .card-content__company-description {
    margin-bottom: 1.3333333333vw;
    font-size: 5.3333333333vw;
  }
}
.card-content .card-content__detail {
  margin-bottom: 1.1428571429vw;
  font-size: clamp(10.6666672px, 1.3559322034vw, 16px);
  line-height: 1.5;
  letter-spacing: -0.08em;
}
@media (max-width: 768px) {
  .card-content .card-content__detail {
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}

.card-illust {
  position: absolute;
  z-index: 1;
  -webkit-animation: swing 4s ease-in-out infinite;
          animation: swing 4s ease-in-out infinite;
}
.card-illust.illust1 {
  top: 3.192569117%;
  left: 6.046335714%;
  width: 4.0729571429vw;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
@media (max-width: 768px) {
  .card-illust.illust1 {
    top: 373.3333333333vw;
    left: 82.03965333%;
    width: 15.20572vw;
  }
}
.card-illust.illust2 {
  top: 4.566931895%;
  left: 92.57987143%;
  width: 4.4916214286vw;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@media (max-width: 768px) {
  .card-illust.illust2 {
    top: 616vw;
    left: 4vw;
    width: 15.20572vw;
  }
}
.card-illust.illust3 {
  top: 22.53614295%;
  left: 3.746857143%;
  width: 4.4916214286vw;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
@media (max-width: 768px) {
  .card-illust.illust3 {
    top: 466.6666666667vw;
    right: 4vw;
    left: auto;
    display: none;
    width: 8.2296533333vw;
  }
}
.card-illust.illust4 {
  top: 37.15840863%;
  left: 45.44784286%;
  width: 6.4272571429vw;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
@media (max-width: 768px) {
  .card-illust.illust4 {
    top: 306.6666666667vw;
    left: 1.138613333%;
    width: 23.9950933333vw;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
  }
}
.card-illust.illust5 {
  top: 28.2376062%;
  left: 70.76762857%;
  width: 2.2623785714vw;
}
@media (max-width: 768px) {
  .card-illust.illust5 {
    top: 470.6666666667vw;
    right: 4vw;
    left: auto;
    width: 8.4462266667vw;
  }
}
.card-illust.illust6 {
  top: 17.89373567%;
  left: 91.89945714%;
  width: 6.4272571429vw;
}
@media (max-width: 768px) {
  .card-illust.illust6 {
    top: 120vw;
    left: 83.09130667%;
    width: 14.89876vw;
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
  }
}
.card-illust.illust7 {
  top: 48.40496291%;
  left: 25.36179286%;
  width: 3.2320642857vw;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
@media (max-width: 768px) {
  .card-illust.illust7 {
    top: 221.3333333333vw;
    right: 2.6666666667vw;
    left: auto;
    width: 11.8533333333vw;
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
  }
}
.card-illust.illust8 {
  top: 72.68223196%;
  left: 65.57142857%;
  width: 5.9963285714vw;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@media (max-width: 768px) {
  .card-illust.illust8 {
    top: 540vw;
    left: 0.4vw;
    width: 22.65092vw;
  }
}

.mv-cards__text {
  margin-top: -23.3571428571vw;
  text-align: center;
  font-weight: bold;
  font-size: 1.2857142857vw;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .mv-cards__text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2.6666666667vw;
    margin-top: 21.0666666667vw;
    font-size: 4.2666666667vw;
    line-height: 1.69;
  }
  .mv-cards__text::before {
    content: "";
    position: relative;
    display: block;
    width: 40vw;
    height: 20.6666666667vw;
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-point_2_sp.svg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
}

.anchor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(14.6666674px, 1.8644067797vw, 22px);
  margin-top: clamp(30.0000015px, 3.813559322vw, 45px);
}
@media (max-width: 768px) {
  .anchor-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.3333333333vw;
    margin-top: 7.4666666667vw;
  }
}

.anchor-list__item a {
  position: relative;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(224.0000112px, 28.4745762712vw, 336px);
  height: clamp(72.0000036px, 9.1525423729vw, 108px);
  border: solid 1px #ffcdc2;
  border-radius: clamp(36.0000018px, 4.5762711864vw, 54px);
  background-color: white;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(234, 118, 83, 0.3);
          box-shadow: 5px 5px 5px 0 rgba(234, 118, 83, 0.3);
  color: #f45656;
  text-align: center;
  font-weight: bold;
  font-size: clamp(12.0000006px, 1.5254237288vw, 18px);
  line-height: 1.33;
}
@media (max-width: 768px) {
  .anchor-list__item a {
    padding-bottom: 2.6666666667vw;
    width: 89.3333333333vw;
    height: 20.5333333333vw;
    border-radius: 10.2666666667vw;
    font-size: 4vw;
  }
}
.anchor-list__item a:after {
  bottom: clamp(8.86666711px, 1.1271186441vw, 13.3px);
  content: "";
  position: absolute;
  width: 0.74rem;
  height: 0.74rem;
  border-top: solid 0.2rem #2e2f54;
  border-right: solid 0.2rem #2e2f54;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media (max-width: 768px) {
  .anchor-list__item a:after {
    bottom: 2.6666666667vw;
    width: 1.9466666667vw;
    height: 1.9466666667vw;
  }
}

.news-block {
  position: relative;
  z-index: 0;
  padding-bottom: 2.6428571429vw;
}
@media (max-width: 768px) {
  .news-block {
    margin-top: 2.6666666667vw;
    padding-bottom: 9.6vw;
  }
}
.news-block:after {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 2.6428571429vw;
  background-color: #ffe169;
  pointer-events: none;
}
@media (max-width: 768px) {
  .news-block:after {
    height: 14.9333333333vw;
  }
}
.news-block .block-inner {
  padding: 0;
}
.news-block .news-attention {
  font-size: 0.8571428571vw;
}
@media (max-width: 768px) {
  .news-block .news-attention {
    font-size: 3.2vw;
  }
}
.news-block .news {
  margin: 5vw auto 2.5vw;
  padding: 1.1428571429vw;
  max-width: 1070px;
  border: solid 0.1428571429vw #5b3d42;
  border-radius: 2vw;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg_color-pattern.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .news-block .news {
    margin-top: 17.6vw;
    margin-bottom: 14.4vw;
    padding: 2.6666666667vw;
    max-width: 100%;
    border-width: 0.5333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.news-block .news:before, .news-block .news:after {
  content: "";
  position: absolute;
  bottom: -3.7142857143vw;
  display: inline-block;
  width: 2.2857142857vw;
  height: 3.7142857143vw;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon_card-list_2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
}
@media (max-width: 768px) {
  .news-block .news:before, .news-block .news:after {
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon_card-list.svg);
    bottom: -9.8666666667vw;
    width: 8.5333333333vw;
    height: 9.8666666667vw;
  }
}
.news-block .news:before {
  left: 11.0714285714vw;
}
@media (max-width: 768px) {
  .news-block .news:before {
    left: 20vw;
  }
}
.news-block .news:after {
  right: 11.0714285714vw;
}
@media (max-width: 768px) {
  .news-block .news:after {
    right: 20vw;
  }
}
.news-block .news .news-inner {
  margin: 0 auto;
  padding: 4.2857142857vw 2.1428571429vw 2.8571428571vw;
  border: solid 0.1428571429vw #5b3d42;
  border-radius: 0.8571428571vw;
  background-color: white;
}
@media (max-width: 768px) {
  .news-block .news .news-inner {
    padding: 8.8vw 5.8666666667vw 12.8vw;
    border-width: 0.5333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.news-block .news .news-inner:has(.no_news) {
  padding: 4.2857142857vw 2.1428571429vw 2.8571428571vw;
}
@media (max-width: 768px) {
  .news-block .news .news-inner:has(.no_news) {
    padding: 8.8vw 5.8666666667vw 6.9333333333vw;
  }
}
.news-block .news .news-title {
  margin: 0 auto 2.8571428571vw;
  width: clamp(251.4813459074px, 31.9679661017vw, 377.222px);
  text-align: center;
  position: relative;
}
@media (max-width: 768px) {
  .news-block .news .news-title {
    margin-bottom: 6.6666666667vw;
    width: 48.86856vw;
  }
}
.news-block .news .news-title::before {
  background: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon_point_release.svg) no-repeat left top;
  background-size: contain;
  content: "";
  display: block;
  height: 7.2857142857vw;
  width: 8.7142857143vw;
  position: absolute;
  top: 50%;
  left: -8.7142857143vw;
  -webkit-transform: translate(0, -55%);
          transform: translate(0, -55%);
}
@media (max-width: 768px) {
  .news-block .news .news-title::before {
    height: 23.6vw;
    width: 26.6666666667vw;
    left: -24vw;
  }
}
.news-block .news-illust {
  position: absolute;
  z-index: 2;
  -webkit-animation: bound 4s ease-in-out infinite;
          animation: bound 4s ease-in-out infinite;
  pointer-events: none;
}
.news-block .news-illust.illust1 {
  bottom: -5.7142857143vw;
  left: -3.5714285714vw;
  width: 7.6770071429vw;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@media (max-width: 768px) {
  .news-block .news-illust.illust1 {
    top: auto;
    bottom: -27.7333333333vw;
    left: -8.9333333333vw;
    width: 26.9760133333vw;
  }
}
.news-block .news-illust.illust2 {
  position: absolute;
  bottom: -5vw;
  right: -1.4285714286vw;
  width: 3.5345785714vw;
  -webkit-animation: none;
          animation: none;
}
@media (max-width: 768px) {
  .news-block .news-illust.illust2 {
    top: auto;
    bottom: -27.7333333333vw;
    left: 76.2666666667vw;
    width: 12.3150133333vw;
    -webkit-animation: bound 4s 0.3s ease-in-out infinite alternate;
            animation: bound 4s 0.3s ease-in-out infinite alternate;
  }
}
.news-block .news-illust.illust2:before {
  content: "";
  position: absolute;
  top: -6.6428571429vw;
  left: 2.1428571429vw;
  display: inline-block;
  width: 5.95vw;
  height: 6.0357142857vw;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-illust_11-flow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -webkit-transform: scale(0.9) translateY(5%);
          transform: scale(0.9) translateY(5%);
}
@media (max-width: 768px) {
  .news-block .news-illust.illust2:before {
    content: none;
  }
}
.news-block .news-illust.illust2.in-view:before {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}

.news-list .news-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 3.5714285714vw;
  margin-top: 1.1428571429vw;
  padding-right: 0.7142857143vw;
  padding-left: 0.7142857143vw;
}
@media (max-width: 768px) {
  .news-list .news-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0vw;
    margin-top: 4.5333333333vw;
    padding-right: 0;
    padding-left: 0;
  }
}
.news-list .news-list__item:not(:last-child) {
  padding-bottom: 1.1428571429vw;
  border-bottom: dotted 0.1428571429vw #5b3d42;
}
@media (max-width: 768px) {
  .news-list .news-list__item:not(:last-child) {
    padding-bottom: 4.5333333333vw;
    border-bottom-width: 0.5333333333vw;
  }
}
.news-list .news-list__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  font-size: 1.2857142857vw;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .news-list .news-list__date {
    font-size: 4vw;
  }
}
.news-list .news-list__text {
  font-size: 1.2857142857vw;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .news-list .news-list__text {
    font-size: 4vw;
  }
}

.no_news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no_news__comment {
  padding-bottom: 1.4285714286vw;
  width: 55.7142857143vw;
}
.no_news__comment img {
  width: 100%;
}

.release-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4.1428571429vw;
}
@media (max-width: 768px) {
  .release-list {
    gap: 15.0666666667vw;
  }
}

.release-list_item {
  position: relative;
  width: calc((100% - 8.2857142857vw) / 3);
}
.release-list_item:not(:nth-child(3n))::after {
  background: url(/miraiseed/fansite/kigyou_collabo/assets/img/line_dot_vertical.svg) repeat-y center top;
  background-size: contain;
  content: "";
  display: block;
  height: 90%;
  width: 0.2857142857vw;
  position: absolute;
  top: 2.7142857143vw;
  right: -2.3571428571vw;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (max-width: 768px) {
  .release-list_item:not(:nth-child(3n))::after {
    background: url(/miraiseed/fansite/kigyou_collabo/assets/img/line_dot_beside.svg) repeat-x left top;
    height: 1.0666666667vw;
    width: 100%;
    top: auto;
    right: auto;
    bottom: -8.8vw;
    left: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@media (max-width: 768px) {
  .release-list_item {
    text-align: center;
    width: 100%;
  }
}

.release-item_image {
  border: 2px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 0.8571428571vw;
}
@media (max-width: 768px) {
  .release-item_image {
    margin-top: 3.2vw;
  }
}

.release-company_name {
  background-color: #ccc;
  color: #fff;
  font-size: clamp(13.333334px, 1.6949152542vw, 20px);
  font-weight: 700;
  line-height: 1.4;
  padding: 0.5714285714vw;
  text-align: center;
}
@media (max-width: 768px) {
  .release-company_name {
    font-size: 5.3333333333vw;
    padding: 2.1333333333vw;
  }
}

.release-item.cat01 .release-item_image {
  border: 2px solid #82c1ea;
}
.release-item.cat01 .release-company_name {
  background-color: #82c1ea;
}
.release-item.cat02 .release-item_image {
  border: 2px solid #f7a90b;
}
.release-item.cat02 .release-company_name {
  background-color: #f7a90b;
}
.release-item.cat03 .release-item_image {
  border: 2px solid #6cbc64;
}
.release-item.cat03 .release-company_name {
  background-color: #6cbc64;
}
.release-item.cat04 .release-item_image {
  border: 2px solid #f19ca6;
}
.release-item.cat04 .release-company_name {
  background-color: #f19ca6;
}
.release-item .button.link-button.link-button--yellow {
  font-size: clamp(10.6666672px, 1.3559322034vw, 16px);
  height: clamp(30.0000015px, 3.813559322vw, 45px);
  margin-top: 0.8571428571vw;
  width: 100%;
}
@media (max-width: 768px) {
  .release-item .button.link-button.link-button--yellow {
    font-size: 4.2666666667vw;
    height: 12vw;
    margin-top: 3.2vw;
  }
}

.release-item_neme {
  font-size: clamp(12.0000006px, 1.5254237288vw, 18px);
  font-weight: 700;
  letter-spacing: -0.05em;
  margin-top: 0.7142857143vw;
}
@media (max-width: 768px) {
  .release-item_neme {
    font-size: 4.8vw;
    margin-top: 2.6666666667vw;
  }
}

.confirm-button {
  position: fixed;
  right: clamp(24.0000012px, 3.0508474576vw, 36px);
  bottom: clamp(24.0000012px, 3.0508474576vw, 36px);
  z-index: 2;
  width: clamp(158.6666746px, 20.1694915254vw, 238px);
  -webkit-transition: bottom 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .confirm-button {
    right: 2.6666666667vw;
    bottom: 3.7333333333vw;
    width: 46.5333333333vw;
  }
}
.confirm-button.sticky {
  bottom: clamp(80.000004px, 10.1694915254vw, 120px);
}

@-webkit-keyframes bound {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  5% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bound {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  5% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg) translateY(-2px);
            transform: rotate(5deg) translateY(-2px);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-5deg) translateY(-2px);
            transform: rotate(-5deg) translateY(-2px);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg) translateY(-2px);
            transform: rotate(5deg) translateY(-2px);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-5deg) translateY(-2px);
            transform: rotate(-5deg) translateY(-2px);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -15px);
            transform: translate(0, -15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -15px);
            transform: translate(0, -15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.modal__top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
.modal__top.is-show {
  opacity: 1;
  pointer-events: auto;
}
.modal__top-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 5.7142857143vw 0 8.5714285714vw;
  width: 66.5714285714vw;
  height: 35.4285714286vw;
  border-radius: 1.4285714286vw;
  background-color: white;
  cursor: default;
}
@media (max-width: 768px) {
  .modal__top-inner {
    padding: 18.6666666667vw 6.6666666667vw 12vw;
    width: 96vw;
    height: 109.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.modal__top-text {
  font-weight: 700;
  font-size: 1.7142857143vw;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .modal__top-text {
    font-size: 5.3333333333vw;
  }
}
.modal__top-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5.7142857143vw;
  margin-top: 3.5714285714vw;
  width: 53.7142857143vw;
}
@media (max-width: 768px) {
  .modal__top-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6.1333333333vw;
    margin-top: 8vw;
    width: 100%;
  }
}
.modal__top-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 23.9285714286vw;
  height: 14.3571428571vw;
  border-radius: 1.1428571429vw;
  -webkit-box-shadow: 0 0.4285714286vw 0 #ccc;
          box-shadow: 0 0.4285714286vw 0 #ccc;
  color: #fff;
  font-weight: 700;
  font-size: 2vw;
}
@media (max-width: 768px) {
  .modal__top-box a {
    width: 100%;
    height: 27.4666666667vw;
    border-radius: 4vw;
    -webkit-box-shadow: 0 0.8vw 0 #ccc;
            box-shadow: 0 0.8vw 0 #ccc;
    font-size: 4.8vw;
  }
}
.modal__top-box:nth-child(1) a {
  background-color: #ed7d31;
}
.modal__top-box:nth-child(2) a {
  background-color: #0978d3;
}
.modal__top-button {
  position: absolute;
  top: 1.4285714286vw;
  right: 1.4285714286vw;
  z-index: 1;
  width: 2.8571428571vw;
  height: 2.8571428571vw;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon_close-top.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .modal__top-button {
    top: 4vw;
    right: 4vw;
    width: 10.4vw;
    height: 10.4vw;
  }
}
.modal__top-button:hover {
  opacity: 0.7;
}

.tab-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -5.2857142857vw auto 4.2857142857vw;
  max-width: 1200px;
  position: relative;
  width: 85.7142857143vw;
}
.tab-block::after {
  background-color: #5b3d42;
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (max-width: 768px) {
  .tab-block {
    margin: 0 auto;
    padding: 5.3333333333vw 0 0;
  }
  .tab-block::after {
    display: none;
  }
}

.tab-list {
  background-color: #ffdb4f;
  border-radius: 1.4285714286vw 1.4285714286vw 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.1428571429vw;
  padding: 0.7142857143vw 0.7142857143vw 0;
  max-width: 1090px;
  width: 100%;
}
@media (max-width: 768px) {
  .tab-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 9px;
  }
}
@media (min-width: 1280px) {
  .tab-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
  }
}
.tab-list .tab {
  background-color: #fff;
  border-top: 2px solid #5b3d42;
  border-right: 2px solid #5b3d42;
  border-left: 2px solid #5b3d42;
  border-radius: 1.0714285714vw 1.0714285714vw 0 0;
  font-size: 1.2857142857vw;
  font-weight: 700;
  padding: clamp(10.0000005px, 1.2711864407vw, 15px) clamp(20.000001px, 2.5423728814vw, 30px);
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}
@media (max-width: 768px) {
  .tab-list .tab {
    border-bottom: 2px solid #5b3d42;
    border-radius: 2vw;
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw;
    width: calc((100% - 27px) / 4);
  }
}
@media (min-width: 1280px) {
  .tab-list .tab {
    font-size: clamp(14.6666674px, 1.8644067797vw, 22px);
  }
}
.tab-list .tab.is-active {
  background-color: #5b3d42;
  color: #fff;
}
.tab-list .tab.is-active::after {
  background: #5b3d42;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  content: "";
  display: inline-block;
  height: 7px;
  width: 14px;
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 3;
}
@media (hover: hover) {
  .tab-list .tab.is-active:hover {
    background-color: #5b3d42;
  }
}
@media (hover: hover) {
  .tab-list .tab:hover {
    background-color: #ffdb4f;
  }
}

.pagination_block {
  margin: 5.7142857143vw auto 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  .pagination_block {
    margin: 13.3333333333vw auto 0;
  }
}
.pagination_block[style*="visibility: hidden"] {
  margin-top: 0;
}

.pagination_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8571428571vw;
}
@media (max-width: 768px) {
  .pagination_list {
    gap: 2.1333333333vw;
  }
}

.pagination_blank,
.pagination_link {
  display: inline-block;
  line-height: 1;
  height: 32px;
  width: 32px;
}
@media (max-width: 768px) {
  .pagination_blank,
  .pagination_link {
    height: 7.4666666667vw;
    width: 7.4666666667vw;
  }
}

.pagination_link {
  background-color: #fff;
  border-radius: 50%;
  font-size: 1.2857142857vw;
  font-weight: 700;
  padding: 8px 4px;
  text-align: center;
}
@media (max-width: 768px) {
  .pagination_link {
    font-size: 4.2666666667vw;
    padding: 1.6vw 0.5333333333vw;
  }
}
@media (min-width: 1280px) {
  .pagination_link {
    font-size: clamp(10.6666672px, 1.3559322034vw, 16px);
  }
}

.pagination_blank {
  padding: 12px 8px 4px;
}
@media (max-width: 768px) {
  .pagination_blank {
    padding: 1.6vw 0.5333333333vw 0.2666666667vw;
  }
}

.link_preview,
.link_next {
  background-color: transparent;
  padding: 10px 8px 6px;
}
@media (max-width: 768px) {
  .link_preview,
  .link_next {
    padding: 1.3333333333vw 0.5333333333vw 0.2666666667vw;
  }
}

.page_current {
  background-color: #5b3d42;
  color: #fff;
}

.contents-attention {
  font-size: 0.8571428571vw;
  margin-top: 2.1428571429vw;
  text-align: center;
}
@media (max-width: 768px) {
  .contents-attention {
    font-size: 3.2vw;
    margin-top: 6.4vw;
  }
}

.lower-page .other-block .block-inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
@media (max-width: 768px) {
  .lower-page .other-block .block-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}

.article .article-container .section-inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 114, var(--max) * 114);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1256, var(--max) * 1256);
}
@media (max-width: 768px) {
  .article .article-container .section-inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
}
.article .article-tags {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .article .article-tags {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.article .article-tags__item {
  padding: clamp(0px, 10vw / var(--board) * 10 * 3.5, var(--max) * 3.5) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) 0 clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  background-color: #5b3d42;
  color: #fffc83;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
}
@media (max-width: 768px) {
  .article .article-tags__item {
    padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.article .article-tags__item:has(small) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article .article-tags__item small {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .article .article-tags__item small {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
}
.article .article-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
}
@media (max-width: 768px) {
  .article .article-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
}
.article .article-header.cat06 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.article .article-header .title-box {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 572, var(--max) * 572);
}
@media (max-width: 768px) {
  .article .article-header .title-box {
    width: 100%;
  }
}
.article .article-header .title-box__content {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
}
@media (max-width: 768px) {
  .article .article-header .title-box__content {
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
  }
}
.article .article-header .title-box__content:before, .article .article-header .title-box__content:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 572, var(--max) * 572);
  height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/border_title-box.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article .article-header .title-box__content:before, .article .article-header .title-box__content:after {
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
}
.article .article-header .title-box__content::before {
  top: 0;
}
.article .article-header .title-box__content::after {
  bottom: 0;
}
.article .article-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  line-height: 1.41;
}
@media (max-width: 768px) {
  .article .article-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  }
}
.article .article-sub-title {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .article-sub-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.article .title-box__target {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  color: #5b3d42;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
.article .title-box__target.title-box__target-ex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .article .title-box__target {
    gap: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.article .title-box__target:before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-target.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article .title-box__target:before {
    width: clamp(0px, 10vw / var(--board) * 10 * 64.8, var(--max) * 64.8);
    height: clamp(0px, 10vw / var(--board) * 10 * 57.6, var(--max) * 57.6);
  }
}
.article .provide-area {
  width: clamp(0px, 10vw / var(--board) * 10 * 418, var(--max) * 418);
}
@media (max-width: 768px) {
  .article .provide-area {
    width: 100%;
    margin: auto;
  }
}
.article .provide-area .provide-area__image {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .article .provide-area .provide-area__image {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .article .provide-area .provide-area__image img {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .provide-area .provide-area__image img {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.article .provide-area .provide-area__image + .provide-area__image {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
@media (max-width: 768px) {
  .article .provide-area .provide-area__image + .provide-area__image {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.article .provide-area img {
  width: 100%;
}
.article .provide-area__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: #5b3d42;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .provide-area__text {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .provide-area__text.text_small {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .article .provide-area__text.text_small {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  }
}
.article .provide-area__text span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.article .provide-area__text a {
  text-decoration: underline;
}
@media (hover: hover) {
  .article .provide-area__text a:hover {
    text-decoration: none;
  }
}
.article .article-header--renewal {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) and (max-width: 768px) {
  .article .article-header--renewal {
    width: 93.5%;
    margin: auto;
  }
}
.article .article-header--renewal .title-box {
  width: clamp(0px, 10vw / var(--board) * 10 * 576, var(--max) * 576);
}
@media (max-width: 768px) {
  .article .article-header--renewal .title-box {
    width: 100%;
  }
}
.article .article-header--renewal .provide-area {
  width: clamp(0px, 10vw / var(--board) * 10 * 576, var(--max) * 576);
}
@media (max-width: 768px) {
  .article .article-header--renewal .provide-area {
    width: 100%;
  }
}
.article .article-header--renewal .title-box__target {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article .article-header--renewal .title-box__target::before {
  content: none;
}
.article .article-header--renewal .title-box__target .title-box__target-icon {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  height: auto;
}
@media (max-width: 768px) {
  .article .article-header--renewal .title-box__target .title-box__target-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 64.8, var(--max) * 64.8);
  }
}
.article .article-header--renewal .title-box__target span {
  display: block;
}
.article .article-header--renewal .provide-swiper__main {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  overflow: hidden;
}
.article .article-header--renewal .provide-swiper__main .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.article .article-header--renewal .provide-swiper__thumbs {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .article .article-header--renewal .provide-swiper__thumbs {
    overflow: hidden;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}
.article .article-header--renewal .provide-swiper__thumbs .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: clamp(0px, 10vw / var(--board) * 10 * 132, var(--max) * 132);
  border: 2px solid #d9d9d9;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 768px) {
  .article .article-header--renewal .provide-swiper__thumbs .swiper-slide {
    width: auto;
    height: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
}
.article .article-header--renewal .provide-swiper__thumbs .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .article .article-header--renewal .provide-swiper__thumbs .swiper-slide img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.article .article-header--renewal .provide-swiper__thumbs .swiper-slide-thumb-active {
  border-color: #ed7d31;
}
.article .copy-box__title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .article .copy-box__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.article .copy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
@media (max-width: 768px) {
  .article .copy-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.article .copy-list.cat03 {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 664, var(--max) * 664);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .article .copy-list.cat03 {
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
.article .copy-list.cat03 .copy-list__item {
  width: 100%;
}
@media (max-width: 768px) {
  .article .copy-list.cat03 .copy-list__item {
    width: 100%;
  }
}
.article .copy-list.cat03 .copy-list__text {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .article .copy-list.cat06 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
@media (max-width: 768px) {
  .article .copy-list.cat06 .copy-list__item {
    width: 100% !important;
  }
}
.article .copy-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  width: auto;
}
@media (max-width: 768px) {
  .article .copy-list__item {
    gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    width: 100%;
  }
}
.article .copy-list__text {
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .copy-list__text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.article .copy-list_extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .article .copy-list_extra {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
}
.article .copy-list_extra .copy-list_extra__module {
  background-color: #fff;
  border-radius: 12px;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 768px) {
  .article .copy-list_extra .copy-list_extra__module {
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.article .copy-list_extra .copy-list_extra__module.ex01, .article .copy-list_extra .copy-list_extra__module.ex02 {
  position: relative;
}
.article .copy-list_extra .copy-list_extra__module.ex01::before, .article .copy-list_extra .copy-list_extra__module.ex02::before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: clamp(var(--max) * -27, 10vw / var(--board) * 10 * -27, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 768px) {
  .article .copy-list_extra .copy-list_extra__module.ex01::before, .article .copy-list_extra .copy-list_extra__module.ex02::before {
    top: clamp(var(--max) * -21, 10vw / var(--board) * 10 * -21, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.article .copy-list_extra .copy-list_extra__module.ex01.ex01::before, .article .copy-list_extra .copy-list_extra__module.ex02.ex01::before {
  aspect-ratio: 278/105;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_ex01.svg);
  width: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
}
@media (max-width: 768px) {
  .article .copy-list_extra .copy-list_extra__module.ex01.ex01::before, .article .copy-list_extra .copy-list_extra__module.ex02.ex01::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  }
}
.article .copy-list_extra .copy-list_extra__module.ex01.ex02 .copy-list__text, .article .copy-list_extra .copy-list_extra__module.ex02.ex02 .copy-list__text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
.article .copy-list_extra .copy-list_extra__module.ex01.ex02::before, .article .copy-list_extra .copy-list_extra__module.ex02.ex02::before {
  aspect-ratio: 218/105;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_ex02.svg);
  width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
}
@media (max-width: 768px) {
  .article .copy-list_extra .copy-list_extra__module.ex01.ex02::before, .article .copy-list_extra .copy-list_extra__module.ex02.ex02::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
}
@media (max-width: 768px) {
  .article .copy-list_extra .copy-list_extra__module .copy-button {
    width: 100%;
  }
}
.article .class-flow {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg_class-flow.png);
  background-position: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  background-size: 97%;
  background-repeat: repeat-y;
}
@media (max-width: 768px) {
  .article .class-flow {
    background-image: none;
  }
}
.article .class-flow .section-inner {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
}
@media (max-width: 768px) {
  .article .class-flow .section-inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 71, var(--max) * 71);
  }
}
.article .class-flow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 100vw;
  height: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg_class-flow_bottom.svg);
}
@media (max-width: 768px) {
  .article .class-flow:after {
    content: none;
  }
}
.article .class-flow.cat01 {
  background-color: #c0e0f4;
}
.article .class-flow.cat02 {
  background-color: #fbd485;
}
.article .class-flow.cat03 {
  background-color: #b5ddb1;
}
.article .class-flow.cat03 .section-inner::after {
  content: "";
  position: absolute;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  left: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #b5ddb1;
}
.article .class-flow.cat04 {
  background-color: #f8cdd2;
}
.article .class-flow.cat04 .section-inner::after {
  content: "";
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  height: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  background-color: #f8cdd2;
}
@media (max-width: 768px) {
  .article .class-flow.cat04 .section-inner::after {
    display: none;
  }
}
.article .class-flow.cat05 {
  background-color: #c0e0f4;
}
.article .class-flow.cat05 .section-inner::after {
  content: "";
  position: absolute;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  left: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #c0e0f4;
}
.article .class-flow.has-twice .pdf-box.twice {
  top: clamp(0px, 10vw / var(--board) * 10 * 254, var(--max) * 254);
}
@media (max-width: 768px) {
  .article .class-flow.has-twice .pdf-box.twice {
    top: auto;
  }
}
.article .class-flow.has-twice .flow-list__inner:has(.flow-problem) .code-box {
  top: auto;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
}
@media (max-width: 768px) {
  .article .class-flow.has-twice .flow-list__inner:has(.flow-problem) .code-box {
    bottom: auto;
  }
}
.article .class-flow .class-flow__title {
  position: relative;
  top: clamp(var(--max) * -14, 10vw / var(--board) * 10 * -14, 0px);
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 327, var(--max) * 327);
}
@media (max-width: 768px) {
  .article .class-flow .class-flow__title {
    top: 0;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21);
    width: clamp(0px, 10vw / var(--board) * 10 * 227.5, var(--max) * 227.5);
  }
}
.article .class-flow .class-flow__title img {
  width: 100%;
}
.article .class-flow.class-flow--renewal .class-flow__title {
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: auto;
  max-width: 100%;
}
@media (max-width: 768px) {
  .article .class-flow.class-flow--renewal .class-flow__title {
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}
.article .class-flow.class-flow--renewal .class-flow__label {
  width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  height: auto;
}
@media (max-width: 768px) {
  .article .class-flow.class-flow--renewal .class-flow__label {
    width: clamp(0px, 10vw / var(--board) * 10 * 207, var(--max) * 207);
  }
}
.article .class-flow.class-flow--renewal .class-flow__heading {
  width: clamp(0px, 10vw / var(--board) * 10 * 267, var(--max) * 267);
  height: auto;
}
@media (max-width: 768px) {
  .article .class-flow.class-flow--renewal .class-flow__heading {
    width: clamp(0px, 10vw / var(--board) * 10 * 227, var(--max) * 227);
  }
}
.article .class-flow.class-flow--renewal .flow-list {
  gap: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
@media (max-width: 768px) {
  .article .class-flow.class-flow--renewal .flow-list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
}
.article .class-flow.class-flow--renewal .flow-list__item {
  padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88);
}
@media (max-width: 768px) {
  .article .class-flow.class-flow--renewal .flow-list__item {
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.article .class-flow.class-flow--renewal .flow-list__item .pdf-box,
.article .class-flow.class-flow--renewal .flow-list__item .code-box {
  position: static;
  top: auto;
  right: auto;
  width: auto;
}
.article .class-flow.class-flow--renewal .flow-list__inner {
  width: 100%;
}
.article .class-flow .flow-list {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.article .class-flow .flow-list__item {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-color: white;
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item {
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.article .class-flow .flow-list__item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: clamp(var(--max) * -44, 10vw / var(--board) * 10 * -44, 0px);
  left: 50%;
  z-index: 1;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  height: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/arrow_class-flow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item:not(:last-child)::after {
    bottom: clamp(var(--max) * -30, 10vw / var(--board) * 10 * -30, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 37.5, var(--max) * 37.5);
    height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    pointer-events: none;
  }
}
.article .class-flow .flow-list__item.flow-list__item--option::before {
  content: "";
  position: absolute;
  top: clamp(var(--max) * -15, 10vw / var(--board) * 10 * -15, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option::before {
    top: clamp(var(--max) * -12, 10vw / var(--board) * 10 * -12, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
    width: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
    height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  }
}
.article .class-flow .flow-list__item.min-hight {
  min-height: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.min-hight {
    min-height: auto;
  }
}
.article .class-flow .flow-list__inner:has(.code-box) {
  width: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__inner:has(.code-box) {
    width: 100%;
  }
}
.article .class-flow .flow-list__inner:has(.flow-problem) .code-box {
  bottom: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__inner:has(.flow-problem) .code-box {
    bottom: auto;
  }
}
.article .class-flow .flow-info {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
}
@media (max-width: 768px) {
  .article .class-flow .flow-info {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}
.article .class-flow .flow-info__approx {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  color: #ed7d31;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .article .class-flow .flow-info__approx {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8.5, var(--max) * 8.5);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.article .class-flow .flow-info__approx::before {
  content: "";
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: clamp(0px, 10vw / var(--board) * 10 * 29, var(--max) * 29);
  height: clamp(0px, 10vw / var(--board) * 10 * 25.49, var(--max) * 25.49);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-timer.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article .class-flow .flow-info__approx::before {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
    width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    height: clamp(0px, 10vw / var(--board) * 10 * 21.095, var(--max) * 21.095);
  }
}
.article .class-flow .flow-info__title {
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.41;
}
@media (max-width: 768px) {
  .article .class-flow .flow-info__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .class-flow .pdf-box {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
}
@media (max-width: 768px) {
  .article .class-flow .pdf-box {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: 100%;
  }
  .article .class-flow .pdf-box:has(+ .pdf-box) {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
@media (hover: hover) {
  .article .class-flow .pdf-box:hover::before {
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-pdf_on.svg);
  }
  .article .class-flow .pdf-box:hover .pdf-box__link {
    opacity: 1;
  }
  .article .class-flow .pdf-box:hover .pdf-box__link img {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}
.article .class-flow .pdf-box.notpdf {
  pointer-events: none;
}
.article .class-flow .pdf-box.notpdf::before {
  content: none;
}
.article .class-flow .pdf-box::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-pdf.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-image 0.3s ease-in-out;
  transition: background-image 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .article .class-flow .pdf-box::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
}
.article .class-flow .pdf-box__text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .class-flow .pdf-box__text {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}
.article .class-flow .pdf-box__link {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.article .class-flow .pdf-box__link img {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.article .class-flow .icon-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
@media (max-width: 768px) {
  .article .class-flow .icon-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    margin-left: clamp(var(--max) * -17, 10vw / var(--board) * 10 * -17, 0px);
    height: clamp(0px, 10vw / var(--board) * 10 * 29, var(--max) * 29);
  }
}
.article .class-flow .icon-title img {
  width: auto;
  height: 100%;
}
.article .class-flow .target-list {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
@media (max-width: 768px) {
  .article .class-flow .target-list {
    margin-bottom: 0;
  }
}
.article .class-flow .target-list.target-list__blank {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}
@media (max-width: 768px) {
  .article .class-flow .target-list.target-list__blank {
    margin-bottom: 0;
  }
}
.article .class-flow .target-list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .class-flow .target-list__item {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .article .class-flow .target-list__item br {
    display: none;
  }
}
.article .class-flow .target-list__item:before {
  content: "●";
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}
@media (max-width: 768px) {
  .article .class-flow .target-list__item:before {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
}
.article .class-flow .target-list__item:not(:last-child) {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}
@media (max-width: 768px) {
  .article .class-flow .target-list__item:not(:last-child) {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
}
.article .class-flow .flow-target:has(+ .flow-solution) .target-list__item:last-child {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 768px) {
  .article .class-flow .flow-target:has(+ .flow-solution) .target-list__item:last-child {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
}
@media (max-width: 768px) {
  .article .class-flow .flow-solution {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
}
.article .class-flow .flow-problem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  padding: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  background-color: #ffede3;
}
@media (max-width: 768px) {
  .article .class-flow .flow-problem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
}
.article .class-flow .flow-problem__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #ed7d31;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .class-flow .flow-problem__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.article .class-flow .flow-problem__text, .article .class-flow .flow-text {
  color: #333;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .class-flow .flow-problem__text, .article .class-flow .flow-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .article .class-flow .flow-problem__text br, .article .class-flow .flow-text br {
    display: none;
  }
}
.article .class-flow .flow-text {
  font-weight: normal;
}
.article .class-flow .flow-solution.pb {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.article .class-flow .code-box {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 294, var(--max) * 294);
  right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
}
@media (max-width: 768px) {
  .article .class-flow .code-box {
    position: relative;
    top: auto;
    right: auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: 100%;
  }
}
.article .class-flow .code-box.code-box_top {
  top: clamp(0px, 10vw / var(--board) * 10 * 252, var(--max) * 252);
}
@media (max-width: 768px) {
  .article .class-flow .code-box.code-box_top {
    top: auto;
  }
}
.article .class-flow .code-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .article .class-flow .code-list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  }
}
.article .class-flow .code-list + .code-list {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .article .class-flow .code-list + .code-list {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.article .class-flow .code-list__item:has(.copy-button) {
  width: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
}
@media (max-width: 768px) {
  .article .class-flow .code-list__item:has(.copy-button) {
    width: clamp(0px, 10vw / var(--board) * 10 * 165, var(--max) * 165);
  }
}
.article .class-flow .code-list__item:has(.qr-image) {
  width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}
@media (max-width: 768px) {
  .article .class-flow .code-list__item:has(.qr-image) {
    width: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  }
}
.article .class-flow .code-list__item .code-list__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .class-flow .code-list__item .code-list__detail {
    gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
}
.article .class-flow .code-list__item .code-list__detail strong {
  color: #0653ce;
}
.article .class-flow .download-button {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .article .class-flow .download-button {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.article .class-flow .download-button.cat06 {
  width: clamp(0px, 10vw / var(--board) * 10 * 800, var(--max) * 800);
}
@media (max-width: 768px) {
  .article .class-flow .download-button.cat06 {
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.article .supervisor .section-inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 144, var(--max) * 144);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 768px) {
  .article .supervisor .section-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.article .supervisor .supervisor-title {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: clamp(0px, 10vw / var(--board) * 10 * 458, var(--max) * 458);
  height: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
}
@media (max-width: 768px) {
  .article .supervisor .supervisor-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    width: clamp(0px, 10vw / var(--board) * 10 * 297.7, var(--max) * 297.7);
    height: clamp(0px, 10vw / var(--board) * 10 * 25.35, var(--max) * 25.35);
  }
}
.article .supervisor .supervisor-title img {
  width: 100%;
}
.article .supervisor.cat03 .supervisor-box__inner:nth-of-type(1), .article .supervisor.cat05 .supervisor-box__inner:nth-of-type(1) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.article .supervisor.cat03 .supervisor-box__inner:nth-of-type(2), .article .supervisor.cat05 .supervisor-box__inner:nth-of-type(2) {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.article .supervisor .supervisor-box {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  border: solid clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) #030202;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg_color-pattern.svg);
  background-size: 138%;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article .supervisor .supervisor-box {
    margin-top: 0;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    max-width: 100%;
    border-width: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background-size: 154%;
  }
}
.article .supervisor .supervisor-box .supervisor-box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin: 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  border: solid clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) #5b3d42;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background-color: white;
}
@media (max-width: 768px) {
  .article .supervisor .supervisor-box .supervisor-box__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    border-width: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
}
.article .supervisor .supervisor-box .supervisor-box__inner + .supervisor-box__inner {
  position: relative;
}
@media (max-width: 768px) {
  .article .supervisor .supervisor-box .supervisor-box__inner + .supervisor-box__inner {
    margin-top: clamp(var(--max) * -25, 10vw / var(--board) * 10 * -25, 0px);
  }
}
.article .supervisor .supervisor-box .supervisor-box__inner + .supervisor-box__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(var(--max) * -1, 10vw / var(--board) * 10 * -1, 0px);
  display: block;
  width: calc(100% + clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2));
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  border-top: 0;
  border-bottom: 0;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/line-message-separate.svg);
  background-position: center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 930, var(--max) * 930) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .article .supervisor .supervisor-box .supervisor-box__inner + .supervisor-box__inner::before {
    left: clamp(var(--max) * -2, 10vw / var(--board) * 10 * -2, 0px);
    width: calc(100% + clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4));
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    border-top: 0;
    border-bottom: 0;
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/line-message-separate_sp.svg);
    background-size: clamp(0px, 10vw / var(--board) * 10 * 318.5, var(--max) * 318.5) clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  }
}
.article .supervisor .teacher-info {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 328, var(--max) * 328);
  text-align: center;
}
@media (max-width: 768px) {
  .article .supervisor .teacher-info {
    width: 100%;
  }
}
.article .supervisor .teacher-info.position-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.article .supervisor .teacher-info__image {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
@media (max-width: 768px) {
  .article .supervisor .teacher-info__image {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    width: clamp(0px, 10vw / var(--board) * 10 * 246, var(--max) * 246);
  }
}
.article .supervisor .teacher-info__position {
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .supervisor .teacher-info__position {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.article .supervisor .teacher-info__position .shoulder-copy {
  display: block;
  font-weight: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .supervisor .teacher-info__position .shoulder-copy {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.article .supervisor .teacher-info__name {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .supervisor .teacher-info__name {
    margin-bottom: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .supervisor .teacher-info__description {
  padding-bottom: 1em;
  text-align: left;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .supervisor .teacher-info__description {
    margin-bottom: 1.5em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.article .supervisor .supervisor-box__message {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 564, var(--max) * 564);
}
@media (max-width: 768px) {
  .article .supervisor .supervisor-box__message {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
  }
}
.article .supervisor .message-title {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  width: clamp(0px, 10vw / var(--board) * 10 * 275, var(--max) * 275);
}
@media (max-width: 768px) {
  .article .supervisor .message-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: clamp(0px, 10vw / var(--board) * 10 * 179, var(--max) * 179);
  }
}
.article .supervisor .message-title img {
  width: 100%;
}
.article .supervisor .supervisor-box__bottom {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  width: 100%;
  background-image: radial-gradient(circle, #5b3d42 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2), transparent clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2));
  background-position: left clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px) top;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-repeat: repeat-x;
  text-align: center;
}
@media (max-width: 768px) {
  .article .supervisor .supervisor-box__bottom {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    background-image: radial-gradient(circle, #5b3d42 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2), transparent clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2));
    background-position: left clamp(var(--max) * -24, 10vw / var(--board) * 10 * -24, 0px) top;
    background-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  }
}
.article .supervisor .supervisor-box__bottom .button {
  margin: auto;
}
.article .supervisor .tag-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
@media (max-width: 768px) {
  .article .supervisor .tag-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .supervisor .tag-box.stand_alone {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 114, var(--max) * 114);
}
@media (max-width: 768px) {
  .article .supervisor .tag-box.stand_alone {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 142, var(--max) * 142);
  }
}
.article .supervisor .tag-box__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .supervisor .tag-box__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.article .supervisor .article-attention {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .supervisor .article-attention {
    margin: 0 auto;
    margin-top: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}
.article .supervisor .return-button {
  margin: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto 0;
}
@media (max-width: 768px) {
  .article .supervisor .return-button {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}

.howto .about .section-inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}
@media (max-width: 768px) {
  .howto .about .section-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 82, var(--max) * 82);
  }
}
.howto .about .about-title {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
@media (max-width: 768px) {
  .howto .about .about-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
    width: clamp(0px, 10vw / var(--board) * 10 * 347, var(--max) * 347);
  }
}
.howto .about .about-title img {
  width: 100%;
}
.howto .about .about-copy {
  margin-bottom: 2em;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.78;
}
@media (max-width: 768px) {
  .howto .about .about-copy {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.howto .about .about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .howto .about .about-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: clamp(0px, 10vw / var(--board) * 10 * 340, var(--max) * 340);
  }
  .howto .about .about-list .about-list__item {
    width: clamp(0px, 10vw / var(--board) * 10 * 162.8, var(--max) * 162.8);
  }
  .howto .about .about-list .about-list__item:last-child {
    margin-top: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
  }
}
.howto .about .about-list .about-list__item {
  width: clamp(0px, 10vw / var(--board) * 10 * 296, var(--max) * 296);
}
.howto .about .about-list .about-list__item img {
  width: 100%;
}
.howto .about .about-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .howto .about .about-text {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto 0;
    padding-left: 1em;
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    text-align: left;
    text-indent: -1em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}
.howto .howto-area .section-inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 768px) {
  .howto .howto-area .section-inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
}
.howto .howto-area .howto-area__title {
  position: absolute;
  top: clamp(var(--max) * -60, 10vw / var(--board) * 10 * -60, 0px);
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 328, var(--max) * 328);
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 0;
  background-color: #ffdb4f;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-area__title {
    top: clamp(var(--max) * -42, 10vw / var(--board) * 10 * -42, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 230, var(--max) * 230);
    height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0;
  }
}
.howto .howto-area .howto-area__title img {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: clamp(0px, 10vw / var(--board) * 10 * 111, var(--max) * 111);
  height: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-area__title img {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75);
    height: clamp(0px, 10vw / var(--board) * 10 * 22.5, var(--max) * 22.5);
  }
}
.howto .howto-area .howto-list {
  margin: 0 auto;
}
.howto .howto-area .howto-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__item {
    gap: clamp(0px, 10vw / var(--board) * 10 * 2.5, var(--max) * 2.5);
  }
}
.howto .howto-area .howto-list__item:not(:last-child) {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__item:not(:last-child) {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.howto .howto-area .howto-list__item:nth-child(1) .howto_main-image {
  width: clamp(0px, 10vw / var(--board) * 10 * 770, var(--max) * 770);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__item:nth-child(1) .howto_main-image {
    width: 100%;
  }
}
.howto .howto-area .howto-list__item:nth-child(1) .howto_main-image img {
  width: 100%;
}
.howto .howto-area .howto-list__item:nth-child(1) .howto_sub-image {
  right: clamp(var(--max) * -25, 10vw / var(--board) * 10 * -25, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 166, var(--max) * 166);
}
.howto .howto-area .howto-list__item:nth-child(1) .howto_sub-image img {
  width: 100%;
}
.howto .howto-area .howto-list__item:nth-child(2) .howto_main-image {
  width: clamp(0px, 10vw / var(--board) * 10 * 759, var(--max) * 759);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__item:nth-child(2) .howto_main-image {
    width: 100%;
  }
}
.howto .howto-area .howto-list__item:nth-child(2) .howto_main-image img {
  width: 100%;
}
.howto .howto-area .howto-list__item:nth-child(2) .howto_sub-image {
  right: clamp(var(--max) * -28, 10vw / var(--board) * 10 * -28, 0px);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  width: clamp(0px, 10vw / var(--board) * 10 * 176.6, var(--max) * 176.6);
}
.howto .howto-area .howto-list__item:nth-child(2) .howto_sub-image img {
  width: 100%;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__item:nth-child(3) .howto-list__wrap {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
}
.howto .howto-area .howto-list__item:nth-child(3) .howto-step .step-line {
  height: 90%;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__item:nth-child(3) .howto-step .step-line {
    height: 93%;
  }
}
.howto .howto-area .howto-list__item:nth-child(3) .howto-step.active .step-line {
  height: 97%;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__item:nth-child(3) .howto-step.active .step-line {
    height: 98%;
  }
}
.howto .howto-area .howto-list__item:nth-child(3) .howto-accordion {
  position: relative;
  overflow: hidden;
  max-height: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__item:nth-child(3) .howto-accordion {
    max-height: clamp(0px, 10vw / var(--board) * 10 * 785, var(--max) * 785);
  }
}
.howto .howto-area .howto-list__item:nth-child(3) .howto-accordion::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%);
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__item:nth-child(3) .howto-accordion::after {
    height: clamp(0px, 10vw / var(--board) * 10 * 209, var(--max) * 209);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(82%, #fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 82%);
  }
}
.howto .howto-area .howto-list__item:nth-child(3) .howto-accordion.active {
  overflow: visible;
  max-height: 100%;
}
.howto .howto-area .howto-list__item:nth-child(3) .howto-accordion.active::after {
  opacity: 0;
}
.howto .howto-area .howto-step {
  position: relative;
  margin-top: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
}
.howto .howto-area .howto-step::after {
  content: "";
  position: absolute;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
}
.howto .howto-area .howto-step .step-line {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 82.8, var(--max) * 82.8);
  left: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23);
  width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  height: 79%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200));
}
@media (max-width: 768px) {
  .howto .howto-area .howto-step .step-line {
    top: clamp(0px, 10vw / var(--board) * 10 * 49.4, var(--max) * 49.4);
    left: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    width: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
    height: 88%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120));
  }
}
.howto .howto-area .howto-step .step-line:after {
  content: "";
  position: absolute;
  bottom: clamp(var(--max) * -19, 10vw / var(--board) * 10 * -19, 0px);
  left: 50%;
  z-index: 1;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/arrow_howto-step.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-step .step-line:after {
    bottom: clamp(var(--max) * -12.4, 10vw / var(--board) * 10 * -12.4, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    height: clamp(0px, 10vw / var(--board) * 10 * 22.8, var(--max) * 22.8);
  }
}
.howto .howto-area .howto-step .step-image {
  position: relative;
  width: clamp(0px, 10vw / var(--board) * 10 * 74, var(--max) * 74);
  height: clamp(0px, 10vw / var(--board) * 10 * 82.8, var(--max) * 82.8);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-step .step-image {
    width: clamp(0px, 10vw / var(--board) * 10 * 44.4, var(--max) * 44.4);
    height: clamp(0px, 10vw / var(--board) * 10 * 49.4, var(--max) * 49.4);
  }
}
.howto .howto-area .howto-step .step-image img {
  width: 100%;
}
.howto .howto-area .howto-list__wrap {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 958, var(--max) * 958);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-color: white;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__wrap {
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 302, var(--max) * 302);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40.135, var(--max) * 40.135);
  }
}
.howto .howto-area .howto-list__title {
  position: relative;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.howto .howto-area .howto-list__title::after {
  content: "";
  position: relative;
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/line_howto-separator.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-list__title::after {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/line_howto-separator_sp.svg);
  }
}
.howto .howto-area .howto_sub-image {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .howto .howto-area .howto_sub-image {
    display: none;
  }
}
.howto .howto-area .howto-inner .howto-inner__item {
  position: relative;
}
.howto .howto-area .howto-inner .howto-inner__item:not(:last-child) {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-inner .howto-inner__item:not(:last-child) {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.howto .howto-area .howto-inner .howto-inner__item:not(:last-child):after {
  content: "";
  position: relative;
  bottom: 0;
  left: 50%;
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/arrow_howto-inner.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-inner .howto-inner__item:not(:last-child):after {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 37.5, var(--max) * 37.5);
    height: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.howto .howto-area .howto-inner .howto-inner__item:last-child .howto_main-image {
  width: clamp(0px, 10vw / var(--board) * 10 * 689, var(--max) * 689);
}
@media (max-width: 768px) {
  .howto .howto-area .howto-inner .howto-inner__item:last-child .howto_main-image {
    width: 100%;
  }
}
.howto .howto-area .howto-inner .howto-inner__item:last-child .howto_sub-image {
  right: clamp(var(--max) * -70, 10vw / var(--board) * 10 * -70, 0px);
  bottom: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 254, var(--max) * 254);
}
.howto .howto-area .howto-inner .howto-inner__item:last-child .howto_sub-image img {
  width: 100%;
}
.howto .howto-area .button-accordion {
  margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto 0;
}
@media (max-width: 768px) {
  .howto .howto-area .button-accordion {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto 0;
  }
}
.howto .howto-area .howto-bottom {
  margin: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto 0;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-bottom {
    margin: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) auto 0;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.howto .howto-area .howto-bottom__copy {
  position: relative;
  display: table;
  margin: 0 auto;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
  position: relative;
}
.howto .howto-area .howto-bottom__copy::before, .howto .howto-area .howto-bottom__copy::after {
  content: "";
  position: relative;
  display: inline-block;
  background-color: #5b3d42;
  width: 1px;
  height: 1.15em;
  margin: 0 1em;
  margin-top: -0.3em;
  vertical-align: middle;
  bottom: 0;
  font-weight: normal;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-bottom__copy::before, .howto .howto-area .howto-bottom__copy::after {
    position: absolute;
    height: 2.75em;
  }
}
.howto .howto-area .howto-bottom__copy::before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  left: 5px;
}
.howto .howto-area .howto-bottom__copy::after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  right: 9px;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-bottom__copy::after {
    right: 7px;
  }
}
@media (max-width: 768px) {
  .howto .howto-area .howto-bottom__copy {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.howto .howto-area .faq-button {
  margin: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto 0;
}
@media (max-width: 768px) {
  .howto .howto-area .faq-button {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.howto .howto-area .howto-return {
  margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto 0;
}
@media (max-width: 768px) {
  .howto .howto-area .howto-return {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.howto .howto-movie {
  margin: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22) auto 0;
  max-width: 920px;
  position: relative;
}
.howto .howto-movie::before {
  content: "";
  float: left;
  padding-top: 56.206088993%;
}
.howto .howto-movie::after {
  content: "";
  display: block;
  clear: both;
}
.howto .howto-movie > :first-child {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .howto .howto-movie {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    position: relative;
  }
  .howto .howto-movie::before {
    content: "";
    float: left;
    padding-top: 56.1194029851%;
  }
  .howto .howto-movie::after {
    content: "";
    display: block;
    clear: both;
  }
  .howto .howto-movie > :first-child {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.faq .section-inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1174, var(--max) * 1174);
}
@media (max-width: 768px) {
  .faq .section-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 357.74755, var(--max) * 357.74755);
  }
}
.faq .faq-area__title img {
  width: 100%;
}
.faq .faq-box {
  margin: 0 auto;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1048, var(--max) * 1048);
}
@media (max-width: 768px) {
  .faq .faq-box {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}
.faq .faq-box .link-button--faq {
  margin: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto 0;
}
@media (max-width: 768px) {
  .faq .faq-box .link-button--faq {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
}
.faq .faq-list {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin: 0 auto;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 768px) {
  .faq .faq-list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.faq .line-banner {
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
}
@media (max-width: 768px) {
  .faq .line-banner {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
}

.usecase .usecase-mv {
  position: relative;
}
.usecase .usecase-mv:before {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  left: 50%;
  z-index: -1;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 1189.3751, var(--max) * 1189.3751);
  height: clamp(0px, 10vw / var(--board) * 10 * 125.0862, var(--max) * 125.0862);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg-usecase.png);
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .usecase .usecase-mv:before {
    top: clamp(0px, 10vw / var(--board) * 10 * 95, var(--max) * 95);
    width: clamp(0px, 10vw / var(--board) * 10 * 357.1839, var(--max) * 357.1839);
    height: clamp(0px, 10vw / var(--board) * 10 * 90.75545, var(--max) * 90.75545);
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg-usecase_sp.png);
  }
}
.usecase .usecase-mv .section-inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 62, var(--max) * 62);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 96, var(--max) * 96);
}
@media (max-width: 768px) {
  .usecase .usecase-mv .section-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65);
  }
}
.usecase .usecase-mv__title {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  width: clamp(0px, 10vw / var(--board) * 10 * 504, var(--max) * 504);
}
@media (max-width: 768px) {
  .usecase .usecase-mv__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: clamp(0px, 10vw / var(--board) * 10 * 275, var(--max) * 275);
  }
}
.usecase .usecase-mv__title img {
  width: 100%;
}
.usecase .usecase-mv__copy {
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.78;
}
@media (max-width: 768px) {
  .usecase .usecase-mv__copy {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.usecase .usecase-archive {
  position: relative;
}
.usecase .usecase-archive::before {
  content: "";
  position: absolute;
  top: -3.7857142857vw;
  left: 50%;
  display: inline-block;
  width: 100vw;
  height: 3.8571428571vw;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg_arc.svg);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 768px) {
  .usecase .usecase-archive::before {
    top: clamp(var(--max) * -30, 10vw / var(--board) * 10 * -30, 0px);
    width: 101%;
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/bg_arc_sp.svg);
  }
}
.usecase .usecase-archive__inner {
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 768px) {
  .usecase .usecase-archive__inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
}
.usecase .card-list {
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1048, var(--max) * 1048);
}
@media (max-width: 768px) {
  .usecase .card-list {
    display: -ms-grid;
    display: grid;
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
  }
}
.usecase .card-list:before {
  content: none;
}
.usecase .card-list__item {
  padding: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  width: clamp(0px, 10vw / var(--board) * 10 * 328, var(--max) * 328);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .usecase .card-list__item {
    padding: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
@media (max-width: 768px) {
  .usecase .card-list__item {
    width: 100%;
  }
  .usecase .card-list__item:nth-child(n+3) {
    display: block;
  }
}
.usecase .card-list__item .card-thumbnail {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 0;
}
.usecase .card-list__item .card-thumbnail img {
  border-radius: 0;
}
.usecase .card-list__item:after {
  content: none;
}
.usecase .card-list__item:nth-child(1) {
  top: auto;
}
.usecase .card-list__item.coming-soon {
  min-height: clamp(0px, 10vw / var(--board) * 10 * 330, var(--max) * 330);
}
@media (max-width: 768px) {
  .usecase .card-list__item.coming-soon {
    margin-right: 0;
    margin-left: 0;
    min-height: clamp(0px, 10vw / var(--board) * 10 * 361, var(--max) * 361);
  }
}
.usecase .card-list__item.coming-soon .card-list__inner {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
@media (max-width: 768px) {
  .usecase .card-list__item.coming-soon .card-list__inner {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.usecase .card-list__item.coming-soon .coming-soon__image img {
  width: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  height: clamp(0px, 10vw / var(--board) * 10 * 213, var(--max) * 213);
}
@media (max-width: 768px) {
  .usecase .card-list__item.coming-soon .coming-soon__image img {
    width: clamp(0px, 10vw / var(--board) * 10 * 109.5, var(--max) * 109.5);
    height: clamp(0px, 10vw / var(--board) * 10 * 213.5, var(--max) * 213.5);
  }
}
.usecase .card-list__item.coming-soon.cat02 .card-list__inner {
  background-color: #f9c355;
}
.usecase .card-list__item.coming-soon.cat03 .card-list__inner {
  background-color: #f5bac1;
}
.usecase .card-list__item:has(.card-content) {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
.usecase .card-content {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.usecase .card-content__company-description {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  text-align: left;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .usecase .card-content__company-description {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.usecase .card-content__name {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .usecase .card-content__name {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.usecase .card-tag {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
}
.usecase .card-tag__item {
  padding: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9) clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9) 0 clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
@media (max-width: 768px) {
  .usecase .card-tag__item {
    padding: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9) clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9) 0 clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.usecase .button-area {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0;
}
@media (max-width: 768px) {
  .usecase .button-area {
    padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
}
.usecase .button-area .button {
  margin: auto;
}

.info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76) 0 0;
}
@media (max-width: 768px) {
  .info-box {
    margin: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  }
}

.info-box__inner {
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: clamp(0px, 10vw / var(--board) * 10 * 868, var(--max) * 868);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  background-color: #f5f7f7;
}
@media (max-width: 768px) {
  .info-box__inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 16.5, var(--max) * 16.5);
  }
}

.info-box__description {
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .info-box__description {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}

.info-box__title {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: #0978d3;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .info-box__title {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}

.info-box__note {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
}
@media (max-width: 768px) {
  .info-box__note {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}

.info-box__button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .info-box__button-area {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .info-box__button-area:nth-of-type(1) .info-box__button {
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  .info-box__button-area:nth-of-type(2) .info-box__button {
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}

.info-box__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 506, var(--max) * 506);
  height: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  border: 1px solid #0978d3;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #fff;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4.5735, var(--max) * 4.5735) 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4.5735, var(--max) * 4.5735) 0 rgba(0, 0, 0, 0.2);
  color: #0978d3;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .info-box__button {
    width: clamp(0px, 10vw / var(--board) * 10 * 301, var(--max) * 301);
    height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
    border-width: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.info-box__button img {
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
@media (max-width: 768px) {
  .info-box__button img {
    position: absolute;
    top: 50%;
    right: clamp(0px, 10vw / var(--board) * 10 * 17.5, var(--max) * 17.5);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    width: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.info-box__button span {
  position: absolute;
  top: 0;
  left: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 1px;
  width: clamp(0px, 10vw / var(--board) * 10 * 72.5, var(--max) * 72.5);
  height: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0 0 clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #0978d3;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .info-box__button span {
    left: -r(2);
    width: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.target-list.cat06 .target-list__item::before {
  display: none;
}
.target-list.cat06 .target-list__item span {
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
}
@media (max-width: 768px) {
  .target-list.cat06 .target-list__item span {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  }
}
@media (max-width: 768px) {
  .target-list.cat06 .target-list__item br {
    display: initial !important;
  }
}

.flow-target__subtitle {
  margin-bottom: 0.75em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .flow-target__subtitle {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.cat06 .section-inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70) !important;
}

.article .class-flow .pdf-box.has_text::before {
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320) * 0.6666666667 - clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72));
  bottom: auto;
}
@media (max-width: 768px) {
  .article .class-flow .pdf-box.has_text::before {
    top: auto;
    bottom: calc(60px + clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10));
  }
}
.article .class-flow .pdf-box.has_text .pdf-box__text {
  min-height: 60px;
}

.flow-list__item .wrap_download-button {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .flow-list__item .wrap_download-button {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
}

.download-button_block .download-button_block__note {
  font-size: 12px;
  text-align: center;
  margin: 20px auto 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 660, var(--max) * 660);
}
@media (max-width: 768px) {
  .download-button_block .download-button_block__note {
    font-size: 11px;
    margin: 10px auto 0;
    text-align: left;
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.article .supervisor.cat03 .supervisor-title {
  height: auto;
}

.article .class-flow .flow-list__item.flow-list__item--option-custom {
  padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom {
    padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.article .class-flow .flow-list__item.flow-list__item--option-custom .pdf-box {
  top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom .pdf-box {
    top: auto;
  }
}
.article .class-flow .flow-list__item.flow-list__item--option-custom .code-box {
  top: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom .code-box {
    top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .class-flow .flow-list__item.flow-list__item--option-custom::before {
  content: "";
  position: absolute;
  top: clamp(var(--max) * -15, 10vw / var(--board) * 10 * -15, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom::before {
    top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    left: clamp(var(--max) * -9, 10vw / var(--board) * 10 * -9, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}

.article .class-flow .flow-list__item.flow-list__item--option-custom.option01::before {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_8-1_pc.svg);
  width: clamp(0px, 10vw / var(--board) * 10 * 436, var(--max) * 436);
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom.option01::before {
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_8-1_sp.svg);
    width: clamp(0px, 10vw / var(--board) * 10 * 294, var(--max) * 294);
    height: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
  }
}

.article .class-flow .flow-list__item.flow-list__item--option-custom.option02::before {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_8-2_pc.svg);
  width: clamp(0px, 10vw / var(--board) * 10 * 348, var(--max) * 348);
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom.option02::before {
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_8-2_sp.svg);
    width: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250);
    height: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
  }
}

.article .class-flow .flow-list__item.option_ex01::before,
.article .class-flow .flow-list__item.option_ex02::before {
  content: "";
  position: absolute;
  left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.option_ex01::before,
  .article .class-flow .flow-list__item.option_ex02::before {
    left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.article .class-flow .flow-list__item.option_ex01::before {
  aspect-ratio: 278/105;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_ex01.svg);
  top: clamp(var(--max) * -26, 10vw / var(--board) * 10 * -26, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.option_ex01::before {
    top: clamp(var(--max) * -17.5, 10vw / var(--board) * 10 * -17.5, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
  }
}

.article .class-flow .flow-list__item.option_ex02::before {
  aspect-ratio: 218/105;
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_ex02.svg);
  width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  top: clamp(var(--max) * -28, 10vw / var(--board) * 10 * -28, 0px);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.option_ex02::before {
    top: clamp(var(--max) * -21, 10vw / var(--board) * 10 * -21, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75);
  }
}

.article .class-flow .flow-list__item.flow-list__item--option-custom:has(.pdf-box.has_text) .code-box {
  top: clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom:has(.pdf-box.has_text) .code-box {
    top: auto;
  }
}

.article .class-flow .flow-problem.mb_none {
  margin-bottom: 0;
}

.article-info {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  text-align: center;
  position: relative;
}
.article-info::before, .article-info::after {
  border-color: #ed7d31;
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
}
.article-info::before {
  border-radius: 12px 0 0 12px;
  border-width: 1px 0 1px 1px;
  left: 0;
}
.article-info::after {
  border-radius: 0 12px 12px 0;
  border-width: 1px 1px 1px 0;
  right: 0;
}
@media (max-width: 768px) {
  .article-info {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}

.article-info__title {
  color: #ed7d31;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  font-weight: 700;
}
@media (max-width: 768px) {
  .article-info__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.article-info__txt {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .article-info__txt {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.article .article-info + .copy-box {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
@media (max-width: 768px) {
  .article .article-info + .copy-box {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.article .supervisor.cat04 .supervisor-title {
  width: 100%;
  height: auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .article .supervisor.cat04 .supervisor-title {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.article .class-flow .flow-list__item.flow-list__item--option-custom02::before {
  content: "";
  position: absolute;
  top: clamp(var(--max) * -15, 10vw / var(--board) * 10 * -15, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  display: block;
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom02::before {
    top: clamp(var(--max) * -12, 10vw / var(--board) * 10 * -12, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.article .class-flow .flow-list__item.flow-list__item--option-custom02.option01::before {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_9-1.svg);
  width: clamp(0px, 10vw / var(--board) * 10 * 252, var(--max) * 252);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom02.option01::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}

.article .class-flow .flow-list__item.flow-list__item--option-custom02.option02::before {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_9-2.svg);
  width: clamp(0px, 10vw / var(--board) * 10 * 252, var(--max) * 252);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom02.option02::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}

.article .class-flow .flow-list__item.flow-list__item--option-custom02.option03::before {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_9-3.svg);
  width: clamp(0px, 10vw / var(--board) * 10 * 252, var(--max) * 252);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom02.option03::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}

.article .class-flow .flow-list__item.flow-list__item--option-custom02.option04::before {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_9-4.svg);
  width: clamp(0px, 10vw / var(--board) * 10 * 178, var(--max) * 178);
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-custom02.option04::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 142, var(--max) * 142);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}

.extra_download {
  background-color: #fff8dc;
  border-radius: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto 0;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1048, var(--max) * 1048);
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  .extra_download {
    border-radius: 24px;
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    max-width: 108rem;
  }
}

.extra_download__txt {
  color: #5b3d42;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .extra_download__txt {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    letter-spacing: -0.05em;
  }
}

.extra_download__note {
  font-size: 12px;
  text-align: center;
  margin: 30px auto 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 660, var(--max) * 660);
}
@media (max-width: 768px) {
  .extra_download__note {
    font-size: 11px;
    margin: 20px auto 0;
    text-align: left;
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.extra_download__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  width: 100%;
}
@media (max-width: 768px) {
  .extra_download__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.extra_download__item {
  width: calc((100% - clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24)) / 3);
}
@media (max-width: 768px) {
  .extra_download__item {
    width: 100%;
  }
}

.notification_block .section-inner {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}
@media (max-width: 768px) {
  .notification_block .section-inner {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}

.notification-button_block .article-attention {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  text-align: center;
}
@media (max-width: 768px) {
  .notification-button_block .article-attention {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.instructional-plan_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
@media (max-width: 768px) {
  .instructional-plan_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.instructional-plan_note {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  text-align: center;
}
@media (max-width: 768px) {
  .instructional-plan_note {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.try-more-title {
  margin: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) auto clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: clamp(0px, 10vw / var(--board) * 10 * 458, var(--max) * 458);
  height: auto;
}
@media (max-width: 768px) {
  .try-more-title {
    margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: clamp(0px, 10vw / var(--board) * 10 * 297.7, var(--max) * 297.7);
  }
}
.try-more-title img {
  width: 100%;
}

.try-more_block {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}
@media (max-width: 768px) {
  .try-more_block {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.try-more_block.extra_eisai {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .try-more_block.extra_eisai {
    padding: 0;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
}

.try-more_inner {
  background-color: #d20100;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
}
@media (max-width: 768px) {
  .try-more_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.try-more_inner.bg_pilot {
  background-color: rgb(0, 60, 165);
}
.try-more_inner.bg_eisai {
  background-color: #ffe169;
}
.try-more_inner.bg_toyotamobilityfoundation {
  background-color: #fff5ce;
}

.try-more_image {
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
}
.try-more_image img {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  -webkit-filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.2));
  width: 100%;
}
@media (max-width: 768px) {
  .try-more_image {
    width: 100%;
  }
}

.try-more_detail {
  width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400) - clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56));
}
@media (max-width: 768px) {
  .try-more_detail {
    width: 100%;
  }
}

.try-more_detail__title {
  color: #fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  font-weight: 700;
}
@media (max-width: 768px) {
  .try-more_detail__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.try-more_detail__text {
  color: #fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .try-more_detail__text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.try-more_link {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
@media (max-width: 768px) {
  .try-more_link {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.try-more_inner.bg_eisai .try-more_detail__title,
.try-more_inner.bg_eisai .try-more_detail__text,
.try-more_inner.bg_toyotamobilityfoundation .try-more_detail__title,
.try-more_inner.bg_toyotamobilityfoundation .try-more_detail__text {
  color: #5b3d42;
}

.try-more_inner.bg_toyotamobilityfoundation .try-more_image {
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
}
.try-more_inner.bg_toyotamobilityfoundation .try-more_image img {
  -webkit-filter: none;
          filter: none;
}
@media (max-width: 768px) {
  .try-more_inner.bg_toyotamobilityfoundation .try-more_image {
    width: 100%;
  }
}

.try-more_block__note {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  text-align: right;
}
@media (max-width: 768px) {
  .try-more_block__note {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
}

.katsuyo-report_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
@media (max-width: 768px) {
  .katsuyo-report_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
}

.katsuyo-report_banner {
  border: 3px solid #5b3d42;
  border-radius: 12px;
  -webkit-box-shadow: 4px 4px 0 0 #5b3d42;
          box-shadow: 4px 4px 0 0 #5b3d42;
  overflow: hidden;
}

.announce_txt {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  text-align: center;
}
@media (max-width: 768px) {
  .announce_txt {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.announce_txt__inner {
  border-bottom: 4px solid #5b3d42;
  display: inline-block;
  color: #5b3d42;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  font-weight: bold;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
@media (max-width: 768px) {
  .announce_txt__inner {
    border-bottom: 2px solid #5b3d42;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.article .class-flow .flow-list__item.flow-list__item--option-period::before {
  content: "";
  position: absolute;
  top: clamp(var(--max) * -15, 10vw / var(--board) * 10 * -15, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 139, var(--max) * 139);
  height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article .class-flow .flow-list__item.flow-list__item--option-period::before {
    top: clamp(var(--max) * -11, 10vw / var(--board) * 10 * -11, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 22.5, var(--max) * 22.5);
    width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    height: clamp(0px, 10vw / var(--board) * 10 * 27.5, var(--max) * 27.5);
  }
}
.article .class-flow .flow-list__item.flow-list__item--option-period.period01::before {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_period-1.svg);
}
.article .class-flow .flow-list__item.flow-list__item--option-period.period02::before {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_period-2.svg);
}
.article .class-flow .flow-list__item.flow-list__item--option-period.period03::before {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/label-flow-option_period-3.svg);
}

.copy-button_note {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  margin: auto;
  text-align: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 560, var(--max) * 560);
}
@media (max-width: 768px) {
  .copy-button_note {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    text-align: left;
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
  }
}

.try-more_inner__ex {
  width: 100%;
}

.try-more_inner__ex-link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  width: 100%;
}
@media (max-width: 768px) {
  .try-more_inner__ex-link__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
}

.try-more_inner__ex-link__item {
  width: calc(50% - clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24));
}
@media (max-width: 768px) {
  .try-more_inner__ex-link__item {
    width: 100%;
  }
}
.try-more_inner__ex-link__item .button.link-button {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  width: 100%;
}
@media (max-width: 768px) {
  .try-more_inner__ex-link__item .button.link-button {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
}

.txt_color__red {
  color: #d20100;
}

.code_block {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
@media (max-width: 768px) {
  .code_block {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}
.code_block + .code_block {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
@media (max-width: 768px) {
  .code_block + .code_block {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
}

.subject-box {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  margin-right: calc(50% - 50vw);
  padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) 0 0 clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  background-color: #fff8dc;
  color: #5b3d42;
}
@media (max-width: 768px) {
  .subject-box {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    margin-right: auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.subject-box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1152px;
  margin: 0;
}
@media (max-width: 768px) {
  .subject-box__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
@media (min-width: 1921px) {
  .subject-box__inner {
    max-width: clamp(0px, 10vw / var(--board) * 10 * 1152, var(--max) * 1152);
  }
}

.subject-box__side {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 314, var(--max) * 314);
}
@media (max-width: 768px) {
  .subject-box__side {
    width: 100%;
  }
}

.subject-box__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
@media (max-width: 768px) {
  .subject-box__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.subject-box__label {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  height: auto;
}
@media (max-width: 768px) {
  .subject-box__label {
    width: clamp(0px, 10vw / var(--board) * 10 * 207, var(--max) * 207);
  }
}

.subject-box__title {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .subject-box__title {
    width: clamp(0px, 10vw / var(--board) * 10 * 271, var(--max) * 271);
  }
}

.subject-box__downloads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}

.subject-box__download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  border-radius: 999px;
  background-color: #ed7d31;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (max-width: 768px) {
  .subject-box__download {
    padding: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
@media (hover: hover) {
  .subject-box__download:hover {
    background-color: #ed7d31;
    -webkit-box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
            transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
  }
}

.subject-box__download-text {
  display: block;
  text-align: left;
}

.subject-box__download-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
  height: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
}
@media (max-width: 768px) {
  .subject-box__download-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    height: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
  }
}

.subject-box__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  min-width: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 750, var(--max) * 750);
  max-width: 100%;
}
@media (max-width: 768px) {
  .subject-box__main {
    width: 100%;
  }
}

.subject-block__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.subject-block__badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  border: 2px solid #5b3d42;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) 0 clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  background-color: #ffdb4f;
  color: #5b3d42;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1;
}
@media (max-width: 768px) {
  .subject-block__badge {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.subject-block__grade {
  color: #5b3d42;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

.subject-block__lead,
.subject-block__title {
  color: #5b3d42;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

.subject-block__title {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 768px) {
  .subject-block__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
}
.subject-block__title:has(+ .subject-block__desc) {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}

.subject-block__lead {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
@media (max-width: 768px) {
  .subject-block__lead {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}

.subject-block__desc {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  color: #5b3d42;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
}

.subject-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.subject-tabs__tab {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  border: 2px solid #d9d9d9;
  border-bottom: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 0;
  background-color: #d9d9d9;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.subject-tabs__tab:after {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  height: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: clamp(var(--max) * -8, 10vw / var(--board) * 10 * -8, 0px);
}
@media (max-width: 768px) {
  .subject-tabs__tab:after {
    width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    bottom: clamp(var(--max) * -6, 10vw / var(--board) * 10 * -6, 0px);
  }
}
@media (max-width: 768px) {
  .subject-tabs__tab {
    height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    padding: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.subject-tabs__tab.is-active {
  border-color: #5b3d42;
  background-color: #5b3d42;
  color: #fff;
}
.subject-tabs__tab.is-active:after {
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/treat_subject-tabs-arrow.svg);
}

.subject-tabs__panel {
  padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  background-color: #fff;
}
@media (max-width: 768px) {
  .subject-tabs__panel {
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    overflow: hidden;
  }
}
.subject-tabs__panel[hidden] {
  display: none;
}

.subject-table-caption {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .subject-table-caption {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}

.subject-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
  .subject-table-scroll {
    margin-right: calc(50% - 42vw);
  }
}

.subject-table {
  width: 100%;
  min-width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #333;
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  line-height: 1.2;
}
.subject-table th,
.subject-table td {
  border: 0;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  vertical-align: middle;
}
.subject-table th:last-child,
.subject-table td:last-child {
  border-right: 0;
}
.subject-table thead th {
  height: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  border-bottom: 1px solid #333;
  background-color: #a6a6a6;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  text-align: center;
}
.subject-table tbody td {
  height: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  border-bottom: 1px dashed #333;
  background-color: #fff;
}
.subject-table tbody tr:last-child td,
.subject-table tbody td.is-span-end {
  border-bottom: 0;
}
.subject-table .subject-table__month,
.subject-table .subject-table__term,
.subject-table .subject-table__period,
.subject-table .subject-table__hours {
  text-align: center;
}
.subject-table .subject-table__month,
.subject-table .subject-table__hours {
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.subject-table .subject-table__term,
.subject-table .subject-table__period {
  width: clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
}
.subject-table .subject-table__unit {
  width: clamp(0px, 10vw / var(--board) * 10 * 169, var(--max) * 169);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.subject-table .subject-table__subunit {
  padding: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  text-align: left;
}
.subject-table td.is-highlight,
.subject-table tr.is-highlight td.subject-table__subunit,
.subject-table tr.is-highlight td.subject-table__hours {
  background-color: #d8ecf8;
  font-weight: 700;
}
.subject-table .subject-table__unit-inner,
.subject-table .subject-table__subunit-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.subject-table .subject-table__unit-no,
.subject-table .subject-table__subunit-no {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.subject-table .subject-table__unit-text,
.subject-table .subject-table__subunit-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  text-align: left;
}
.subject-table td.is-highlight {
  font-weight: 600;
  text-align: center;
}
.subject-table td.is-highlight .subject-table__unit-inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.subject-table td.subject-table__subunit.is-highlight,
.subject-table tr.is-highlight td.subject-table__subunit {
  text-align: left;
}
.subject-table tr.is-highlight td.subject-table__subunit .subject-table__subunit-inner,
.subject-table td.subject-table__subunit.is-highlight .subject-table__subunit-inner {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.subject-theme-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  background-color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .subject-theme-card {
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

.subject-theme-card__label {
  margin: 0;
  color: #5b3d42;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .subject-theme-card__label {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}

.subject-theme-card__themes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  color: #5b3d42;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.45;
}
@media (max-width: 768px) {
  .subject-theme-card__themes {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}

.subject-theme-card__theme:not(:last-child)::after {
  content: "／";
}

.article .class-flow-root {
  position: relative;
}
.article .class-flow-root .class-flow-root__tabs {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: none;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  text-align: center;
  border-bottom: solid 2px #5b3d42;
}
@media (max-width: 768px) {
  .article .class-flow-root .class-flow-root__tabs {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .class-flow-root .class-flow-root__tab {
  width: clamp(0px, 10vw / var(--board) * 10 * 624, var(--max) * 624);
  height: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  border: 2px solid #d9d9d9;
  border-bottom: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 0 0;
  background-color: #d9d9d9;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.2;
  cursor: pointer;
  position: relative;
}
@media (max-width: 768px) {
  .article .class-flow-root .class-flow-root__tab {
    min-width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0 0;
  }
}
.article .class-flow-root .class-flow-root__tab.is-active {
  border-color: #5b3d42;
  background-color: #ed7d31;
  color: #fff;
}
.article .class-flow-root .class-flow-root__tab.is-active:before {
  content: "";
  width: 100%;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -2px;
  background-color: #ed7d31;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.article .class-flow-root .class-flow-root__tab.is-active:after {
  content: "";
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/treat_classflow-tabs-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  height: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: clamp(var(--max) * -8, 10vw / var(--board) * 10 * -8, 0px);
  z-index: 1;
  pointer-events: none;
}
.article .class-flow-root .class-flow-root__panel[hidden] {
  display: none;
}
@media (max-width: 768px) {
  .article .class-flow-root .class-flow .class-flow__title {
    margin-top: 0;
  }
}

.article .class-flow--renewal {
  position: relative;
  overflow: visible;
}
.article .class-flow--renewal .class-flow__body {
  position: relative;
  overflow: visible;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow__body {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
}
.article .class-flow--renewal .class-flow-sticky {
  position: sticky;
  top: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  z-index: 5;
  width: clamp(0px, 10vw / var(--board) * 10 * 172, var(--max) * 172);
  height: 0;
  overflow: visible;
  pointer-events: none;
  -webkit-transition: position 0.3s ease, -webkit-transform 0.3s ease;
  transition: position 0.3s ease, -webkit-transform 0.3s ease;
  transition: position 0.3s ease, transform 0.3s ease;
  transition: position 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.article .class-flow--renewal .class-flow-sticky.is-sticky {
  position: sticky;
}
.article .class-flow--renewal .class-flow-sticky.is-bottom {
  height: auto;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-sticky {
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 30;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .article .class-flow--renewal .class-flow-sticky.is-sticky {
    position: fixed;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .article .class-flow--renewal .class-flow-sticky.is-bottom {
    height: auto;
  }
}
.article .class-flow--renewal .class-flow-sticky__pin {
  pointer-events: auto;
}
.article .class-flow--renewal .class-flow-sticky__balloon {
  position: relative;
  z-index: 1;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 162, var(--max) * 162);
  height: auto;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-sticky__balloon {
    display: none;
  }
}
.article .class-flow--renewal .class-flow-sticky__panel {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  border: 2px solid #5b3d42;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  background-color: #fff8dc;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-sticky__panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    padding-bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) + env(safe-area-inset-bottom, 0px));
    border: none;
    border-top: 2px solid #fff;
    border-radius: 0;
  }
}
.article .class-flow--renewal .class-flow-sticky__heading {
  margin: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 124, var(--max) * 124);
  line-height: 0;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-sticky__heading {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 81, var(--max) * 81);
  }
}
.article .class-flow--renewal .class-flow-sticky__heading-img {
  display: block;
  width: 100%;
  height: auto;
}
.article .class-flow--renewal .class-flow-sticky__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-sticky__tabs {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    min-width: 0;
  }
}
.article .class-flow--renewal .class-flow-sticky__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 124, var(--max) * 124);
  height: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  border: none;
  border-radius: 999px;
  background-color: #d9d9d9;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1;
  cursor: pointer;
}
.article .class-flow--renewal .class-flow-sticky__tab.is-active {
  background-color: #ed7d31;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-sticky__tab {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
    min-width: 0;
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    background-color: #fff;
    color: #5b3d42;
  }
  .article .class-flow--renewal .class-flow-sticky__tab.is-active {
    background-color: #ed7d31;
    color: #fff;
  }
}
.article .class-flow--renewal .class-flow-meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  color: #5b3d42;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
}
.article .class-flow--renewal .class-flow-meta::before, .article .class-flow--renewal .class-flow-meta::after {
  content: "";
  position: absolute;
  top: 50%;
  width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  height: clamp(0px, 10vw / var(--board) * 10 * 171, var(--max) * 171);
  background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/class-flow-meta-union.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta::before, .article .class-flow--renewal .class-flow-meta::after {
    background-image: url(/miraiseed/fansite/kigyou_collabo/assets/img/class-flow-meta-union_sp.svg);
    width: clamp(0px, 10vw / var(--board) * 10 * 311, var(--max) * 311);
    height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.article .class-flow--renewal .class-flow-meta::before {
  left: 0;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta::before {
    top: 0;
    left: 50%;
  }
}
.article .class-flow--renewal .class-flow-meta::after {
  right: 0;
  -webkit-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta::after {
    -webkit-transform: translateX(-50%) scaleY(-1);
            transform: translateX(-50%) scaleY(-1);
    bottom: 0;
  }
}
.article .class-flow--renewal .class-flow-meta__col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 412, var(--max) * 412);
  min-width: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta__col {
    max-width: none;
    padding: 0;
  }
}
.article .class-flow--renewal .class-flow-meta__label {
  margin: 0;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-bottom: 2px dashed #5b3d42;
  text-align: center;
}
.article .class-flow--renewal .class-flow-meta__label-img {
  display: block;
  width: auto;
  height: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta__label-img {
    height: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.article .class-flow--renewal .class-flow-meta__hours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  min-height: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88);
  margin: 0;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta__hours {
    min-height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .class-flow--renewal .class-flow-meta__hours-main {
  font-size: inherit;
}
.article .class-flow--renewal .class-flow-meta__hours-sub {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta__hours-sub {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.article .class-flow--renewal .class-flow-meta__timing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.article .class-flow--renewal .class-flow-meta__timing-title {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
}
.article .class-flow--renewal .class-flow-meta__timing-main {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta__timing-main {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .class-flow--renewal .class-flow-meta__timing-sub {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta__timing-sub {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.article .class-flow--renewal .class-flow-meta__timing-desc {
  margin: 0;
  width: 100%;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
  text-align: left;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .class-flow-meta__timing-desc {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
}
.article .class-flow--renewal .flow-item-heading {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  border-bottom: 1px solid #5b3d42;
  color: #5b3d42;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-item-heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}
.article .class-flow--renewal .flow-item-heading--lesson .flow-item-heading__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-item-heading--lesson .flow-item-heading__title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
}
.article .class-flow--renewal .flow-item-heading--lesson .flow-item-heading__num {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-item-heading--lesson .flow-item-heading__num {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.article .class-flow--renewal .flow-item-heading--lesson .flow-item-heading__unit {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-item-heading--lesson .flow-item-heading__unit {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }
}
.article .class-flow--renewal .flow-item-heading--followup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article .class-flow--renewal .flow-item-heading--followup .flow-item-heading__badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  height: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  border-radius: 999px;
  background-color: #ed7d31;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-item-heading--followup .flow-item-heading__badge {
    width: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
    height: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
.article .class-flow--renewal .flow-item-heading--followup .flow-item-heading__title {
  margin: 0;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.7;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-item-heading--followup .flow-item-heading__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }
}
.article .class-flow--renewal .flow-block:not(:last-child) {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-block:not(:last-child) {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.article .class-flow--renewal .flow-block__label {
  display: block;
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  padding: 0;
  border: none;
  background: none;
  line-height: 0;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-block__label {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    margin-left: calc(50% - 48vw);
  }
}
.article .class-flow--renewal .flow-block__label-img {
  display: block;
  width: auto;
  height: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
  max-width: 100%;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-block__label-img {
    height: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
  }
}
.article .class-flow--renewal .flow-objectives__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.article .class-flow--renewal .flow-objectives__item {
  position: relative;
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 2;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-objectives__item {
    line-height: 1.75;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.article .class-flow--renewal .flow-objectives__item::before {
  content: "●";
  position: absolute;
  top: 1.33em;
  left: 0;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  line-height: 1;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-objectives__item::before {
    top: 1.2em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
}
.article .class-flow--renewal .flow-card__title {
  margin: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  color: #333;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.2;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-card__title {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.article .class-flow--renewal .flow-card__bullet {
  color: #ed7d31;
}
.article .class-flow--renewal .flow-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-card__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
}
.article .class-flow--renewal .flow-card__thumb {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 409, var(--max) * 409);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-card__thumb {
    width: 100%;
  }
}
.article .class-flow--renewal .flow-card__thumb-link {
  position: relative;
  display: block;
  overflow: hidden;
  border: 2px solid #0653ce;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.article .class-flow--renewal .flow-card__thumb-link img {
  display: block;
  width: 100%;
  height: auto;
}
.article .class-flow--renewal .flow-card__thumb-link[href]::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  background: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-pdf_blue.svg) no-repeat center/contain;
  pointer-events: none;
  -webkit-transition: 0.3s background;
  transition: 0.3s background;
}
@media (hover: hover) {
  .article .class-flow--renewal .flow-card__thumb-link:hover::after {
    background: url(/miraiseed/fansite/kigyou_collabo/assets/img/icon-pdf_blue_on.svg) no-repeat center/contain;
  }
}
.article .class-flow--renewal .flow-card__share {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  background-color: #e9f4fb;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 451, var(--max) * 451);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-card__share {
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}
.article .class-flow--renewal .flow-card__share::before {
  content: "";
  position: absolute;
  top: 50%;
  left: clamp(var(--max) * -35, 10vw / var(--board) * 10 * -35, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  height: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
  border-radius: 999px 0 0 999px;
  background-color: #e9f4fb;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-card__share::before {
    content: none;
  }
}
.article .class-flow--renewal .flow-card__share-lead {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #0653ce;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.2;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-card__share-lead {
    line-height: 1.5;
  }
}
.article .class-flow--renewal .flow-card__share-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-card__share-code {
    gap: 0;
  }
}
.article .class-flow--renewal .flow-card__share-code strong {
  color: #0653ce;
  font-weight: 700;
}
.article .class-flow--renewal .flow-card__share-code span {
  color: #333;
  word-break: break-all;
}
.article .class-flow--renewal .flow-card__share-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-card__share-actions {
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.article .class-flow--renewal .flow-card__qr {
  margin: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  height: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.article .class-flow--renewal .flow-card__qr img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article .class-flow--renewal .flow-card__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  border: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  background-color: #0653ce;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.3;
  cursor: pointer;
  -webkit-transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s color;
  transition: 0.3s transform, 0.3s box-shadow, 0.3s background-color, 0.3s color, 0.3s -webkit-transform, 0.3s -webkit-box-shadow;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-card__copy {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
@media (hover: hover) {
  .article .class-flow--renewal .flow-card__copy:hover {
    background-color: #0653ce;
    -webkit-box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.2);
    opacity: 1 !important;
    -webkit-transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
            transform: translateY(clamp(2.6666668px, 0.3389830508vw, 4px));
  }
}
.article .class-flow--renewal .flow-card__copy img {
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  height: auto;
}
.article .class-flow--renewal .flow-steps .flow-block__label {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-steps .flow-block__label {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
.article .class-flow--renewal .flow-steps__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-steps__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.article .class-flow--renewal .flow-step:not(:last-child) {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  border-bottom: 2px dashed #5b3d42;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-step:not(:last-child) {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
}
.article .class-flow--renewal .flow-step__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-step__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .class-flow--renewal .flow-step__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
          flex: 0 0 clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
  width: clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-step__content {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
}
.article .class-flow--renewal .flow-step__phase {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  background-color: #5b3d42;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.2;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-step__phase {
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.article .class-flow--renewal .flow-step__phase-name {
  position: relative;
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.article .class-flow--renewal .flow-step__phase-name::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.article .class-flow--renewal .flow-step__phase-time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffdb4f;
}
.article .class-flow--renewal .flow-step__phase-time img {
  width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-step__phase-time img {
    width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    height: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
}
.article .class-flow--renewal .flow-step__title {
  margin: 0;
  color: #333;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 2;
  text-align: justify;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-step__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    line-height: 1.7;
    text-align: left;
  }
}
.article .class-flow--renewal .flow-step__body {
  margin: 0;
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 2;
  text-align: justify;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-step__body {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    line-height: 1.7;
    text-align: left;
  }
}
.article .class-flow--renewal .flow-step__image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.article .class-flow--renewal .flow-step__image img {
  display: block;
  width: 100%;
  height: auto;
}
.article .class-flow--renewal .flow-highlight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  background-color: #fff8dc;
  color: #5b3d42;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-highlight {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}
.article .class-flow--renewal .flow-highlight__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.article .class-flow--renewal .flow-highlight__eyebrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #ed7d31;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.25;
}
.article .class-flow--renewal .flow-highlight__eyebrow img {
  width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  height: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.article .class-flow--renewal .flow-highlight__title {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-highlight__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
}
.article .class-flow--renewal .flow-highlight__body {
  margin: 0;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  line-height: 1.75;
  text-align: justify;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-highlight__body {
    text-align: left;
  }
}
.article .class-flow--renewal .flow-highlight__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 302, var(--max) * 302);
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
@media (max-width: 768px) {
  .article .class-flow--renewal .flow-highlight__image {
    width: 100%;
  }
}
.article .class-flow--renewal .flow-highlight__image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .article .class-flow--renewal .katsuyo-report_block {
    width: clamp(0px, 10vw / var(--board) * 10 * 335, var(--max) * 335);
    margin: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) auto 0;
  }
}

@media (min-width: 769px) {
  .pc-none {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .sp-none {
    display: none !important;
  }
}

.is-disabled {
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .fade-in,
  .fade-in-scale,
  .slide-in-left,
  .slide-in-right {
    opacity: 0;
    visibility: hidden;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .opacity-in {
    opacity: 0;
  }
}