@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);
:root {
  --board: 1280;
  --max: 1px;
}

html:has(.post) {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
html:has(.post) .global-header,
html:has(.post) .header,
html:has(.post) .footer {
  font-size: clamp(1.5625%, 0.078125vw, 6.25%);
}

.body-post {
  background-color: #e9f5fc;
}

:where(.post) {
  font-size: 16px;
  /*! =========================================================
   _reset
  ========================================================= */
  /*!
  html5doctor.com Reset Stylesheet
  v1.6.1
  Last Updated: 2010-09-17
  Author: Richard Clark - http://richclarkdesign.com
  Twitter: @rich_clark
  */
}
:where(.post) abbr, :where(.post) address, :where(.post) article, :where(.post) aside, :where(.post) audio, :where(.post) b, :where(.post) blockquote, :where(.post) body, :where(.post) button, :where(.post) canvas, :where(.post) caption, :where(.post) cite, :where(.post) code, :where(.post) dd, :where(.post) del, :where(.post) details, :where(.post) dfn, :where(.post) div, :where(.post) dl, :where(.post) dt, :where(.post) em, :where(.post) fieldset, :where(.post) figcaption, :where(.post) figure, :where(.post) footer, :where(.post) form, :where(.post) h1, :where(.post) h2, :where(.post) h3, :where(.post) h4, :where(.post) h5, :where(.post) h6, :where(.post) header, :where(.post) hgroup, :where(.post) html, :where(.post) i, :where(.post) iframe, :where(.post) img, :where(.post) input, :where(.post) ins, :where(.post) kbd, :where(.post) label, :where(.post) legend, :where(.post) li, :where(.post) mark, :where(.post) menu, :where(.post) nav, :where(.post) object, :where(.post) ol, :where(.post) option, :where(.post) p, :where(.post) pre, :where(.post) q, :where(.post) samp, :where(.post) section, :where(.post) select, :where(.post) small, :where(.post) span, :where(.post) strong, :where(.post) sub, :where(.post) summary, :where(.post) sup, :where(.post) table, :where(.post) tbody, :where(.post) td, :where(.post) textarea, :where(.post) tfoot, :where(.post) th, :where(.post) thead, :where(.post) time, :where(.post) tr, :where(.post) ul, :where(.post) var, :where(.post) video {
  font-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  background: 0 0;
}
:where(.post) body, :where(.post) button, :where(.post) input, :where(.post) option, :where(.post) select, :where(.post) textarea {
  line-height: 1;
}
:where(.post) article, :where(.post) aside, :where(.post) details, :where(.post) figcaption, :where(.post) figure, :where(.post) footer, :where(.post) header, :where(.post) hgroup, :where(.post) menu, :where(.post) nav, :where(.post) section {
  display: block;
}
:where(.post) nav ul {
  list-style: none;
}
:where(.post) blockquote, :where(.post) q {
  quotes: none;
}
:where(.post) blockquote:after, :where(.post) blockquote:before, :where(.post) q:after, :where(.post) q:before {
  content: "";
  content: none;
}
:where(.post) a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: 0 0;
}
:where(.post) ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}
:where(.post) mark {
  font-weight: 700;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}
:where(.post) del {
  text-decoration: line-through;
}
:where(.post) abbr[title], :where(.post) dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
:where(.post) table {
  border-spacing: 0;
  border-collapse: collapse;
}
:where(.post) hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}
:where(.post) input, :where(.post) select {
  vertical-align: middle;
}
:where(.post) {
  /*! =========================================================
   _foundation
  ========================================================= */
}
@font-face {
  font-family: "-Hiragino";
  font-weight: 400;
  src: local("HiraginoSans-W3"), local("Hiragino Kaku Gothic ProN");
}
@font-face {
  font-family: "-Hiragino";
  font-weight: 700;
  src: local("HiraginoSans-W6"), local("Hiragino Kaku Gothic ProN W6");
}
@font-face {
  font-family: "-YuGothic";
  font-weight: 400;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic");
}
@font-face {
  font-family: "-YuGothic";
  font-weight: 700;
  src: local("YuGothic-Bold"), local("Yu Gothic"), local("YuGothic");
}
:where(.post) {
  /*! =========================================================
   _core
  ========================================================= */
}
:where(.post) .c-article_inner, :where(.post) .c-detail_inner, :where(.post) .c-faq_inner, :where(.post) .c-localNav_inner, :where(.post) .c-modal_inner, :where(.post) .c-notfound_inner, :where(.post) .c-operationPage .c-localNav_inner, :where(.post) .c-operationPage .g-siteHeader_inner, :where(.post) .c-outsideContainer_inner, :where(.post) .c-searchResults_inner, :where(.post) .g-siteHeader_inner, :where(.post) .l-inner {
  max-width: calc(1032px + 4rem);
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
:where(.post) {
  /*! =========================================================
   _global
  ========================================================= */
}
:where(.post) html {
  font-family: "Noto Sans JP", "-Hiragino", Meiryo, sans-serif;
  font-size: 16px;
}
:where(.post) body, :where(.post) button, :where(.post) input, :where(.post) option, :where(.post) select, :where(.post) textarea {
  font-size: 100%;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
}
:where(.post) body *, :where(.post) body :after, :where(.post) body :before, :where(.post) button *, :where(.post) button :after, :where(.post) button :before, :where(.post) input *, :where(.post) input :after, :where(.post) input :before, :where(.post) option *, :where(.post) option :after, :where(.post) option :before, :where(.post) select *, :where(.post) select :after, :where(.post) select :before, :where(.post) textarea *, :where(.post) textarea :after, :where(.post) textarea :before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
:where(.post) button, :where(.post) input, :where(.post) option, :where(.post) select, :where(.post) textarea {
  font-family: inherit;
  font-size: inherit;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  border: 0;
}
:where(.post) button {
  cursor: pointer;
}
:where(.post) a {
  -webkit-transition: opacity 0.1s, color 0.1s;
  transition: opacity 0.1s, color 0.1s;
  text-decoration: underline;
  color: #0977d3;
}
:where(.post) a:visited {
  text-decoration: underline;
  color: #0977d3;
}
:where(.post) a:active, :where(.post) a:hover {
  text-decoration: underline;
  opacity: 0.8;
  color: #1991f5;
}
:where(.post) em {
  font-style: normal;
}
:where(.post) li {
  list-style-type: none;
}
:where(.post) figure {
  margin: 0;
}
:where(.post) :focus {
  outline: auto;
  outline-style: auto;
  outline-color: #1991f5;
}
:where(.post) .sitetitle {
  display: none;
}
:where(.post) .g-wrapper {
  background-color: #f7f5ee;
}
:where(.post) .g-container {
  margin-top: 0;
  padding-bottom: 4rem;
}
:where(.post) {
  /*! =========================================================
   _layouts
  ========================================================= */
  /*! Inner */
}
:where(.post) .l-contentInner {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
:where(.post) {
  /*! Grid */
}
:where(.post) .l-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  margin-right: -0.75rem;
  margin-bottom: -1rem;
  margin-left: -0.75rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .l-grid:first-child {
  margin-top: 0;
}
:where(.post) .l-grid_item {
  min-height: 0;
  margin-bottom: 1rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
:where(.post) .l-grid_item-1 {
  width: 8.3333%;
}
:where(.post) .l-grid_item-2 {
  width: 16.6667%;
}
:where(.post) .l-grid_item-3 {
  width: 25%;
}
:where(.post) .l-grid_item-4 {
  width: 33.3333%;
}
:where(.post) .l-grid_item-5 {
  width: 41.6667%;
}
:where(.post) .l-grid_item-6 {
  width: 50%;
}
:where(.post) .l-grid_item-7 {
  width: 58.3333%;
}
:where(.post) .l-grid_item-8 {
  width: 66.6667%;
}
:where(.post) .l-grid_item-9 {
  width: 75%;
}
:where(.post) .l-grid_item-10 {
  width: 83.3333%;
}
:where(.post) .l-grid_item-11 {
  width: 91.6667%;
}
:where(.post) .l-grid_item-12 {
  width: 100%;
}
:where(.post) .l-grid_item-1-1 {
  width: 100%;
}
:where(.post) .l-grid_item-1-2 {
  width: 50%;
}
:where(.post) .l-grid_item-2-2 {
  width: 100%;
}
:where(.post) .l-grid_item-1-3 {
  width: 33.3333%;
}
:where(.post) .l-grid_item-2-3 {
  width: 66.6667%;
}
:where(.post) .l-grid_item-3-3 {
  width: 100%;
}
:where(.post) .l-grid_item-1-4 {
  width: 25%;
}
:where(.post) .l-grid_item-2-4 {
  width: 50%;
}
:where(.post) .l-grid_item-3-4 {
  width: 75%;
}
:where(.post) .l-grid_item-4-4 {
  width: 100%;
}
:where(.post) .l-grid_item-1-5 {
  width: 20%;
}
:where(.post) .l-grid_item-2-5 {
  width: 40%;
}
:where(.post) .l-grid_item-3-5 {
  width: 60%;
}
:where(.post) .l-grid_item-4-5 {
  width: 80%;
}
:where(.post) .l-grid_item-5-5 {
  width: 100%;
}
:where(.post) .l-grid_item-1-6 {
  width: 16.6667%;
}
:where(.post) .l-grid_item-2-6 {
  width: 33.3333%;
}
:where(.post) .l-grid_item-3-6 {
  width: 50%;
}
:where(.post) .l-grid_item-4-6 {
  width: 66.6667%;
}
:where(.post) .l-grid_item-5-6 {
  width: 83.3333%;
}
:where(.post) .l-grid_item-6-6 {
  width: 100%;
}
:where(.post) .l-grid_item-1-7 {
  width: 14.2857%;
}
:where(.post) .l-grid_item-2-7 {
  width: 28.5714%;
}
:where(.post) .l-grid_item-3-7 {
  width: 42.8571%;
}
:where(.post) .l-grid_item-4-7 {
  width: 57.1429%;
}
:where(.post) .l-grid_item-5-7 {
  width: 71.4286%;
}
:where(.post) .l-grid_item-6-7 {
  width: 85.7143%;
}
:where(.post) .l-grid_item-7-7 {
  width: 100%;
}
:where(.post) .l-grid_item-1-8 {
  width: 12.5%;
}
:where(.post) .l-grid_item-2-8 {
  width: 25%;
}
:where(.post) .l-grid_item-3-8 {
  width: 37.5%;
}
:where(.post) .l-grid_item-4-8 {
  width: 50%;
}
:where(.post) .l-grid_item-5-8 {
  width: 62.5%;
}
:where(.post) .l-grid_item-6-8 {
  width: 75%;
}
:where(.post) .l-grid_item-7-8 {
  width: 87.5%;
}
:where(.post) .l-grid_item-8-8 {
  width: 100%;
}
:where(.post) .l-grid_item-1-9 {
  width: 11.1111%;
}
:where(.post) .l-grid_item-2-9 {
  width: 22.2222%;
}
:where(.post) .l-grid_item-3-9 {
  width: 33.3333%;
}
:where(.post) .l-grid_item-4-9 {
  width: 44.4444%;
}
:where(.post) .l-grid_item-5-9 {
  width: 55.5556%;
}
:where(.post) .l-grid_item-6-9 {
  width: 66.6667%;
}
:where(.post) .l-grid_item-7-9 {
  width: 77.7778%;
}
:where(.post) .l-grid_item-8-9 {
  width: 88.8889%;
}
:where(.post) .l-grid_item-9-9 {
  width: 100%;
}
:where(.post) .l-grid_item-1-10 {
  width: 10%;
}
:where(.post) .l-grid_item-2-10 {
  width: 20%;
}
:where(.post) .l-grid_item-3-10 {
  width: 30%;
}
:where(.post) .l-grid_item-4-10 {
  width: 40%;
}
:where(.post) .l-grid_item-5-10 {
  width: 50%;
}
:where(.post) .l-grid_item-6-10 {
  width: 60%;
}
:where(.post) .l-grid_item-7-10 {
  width: 70%;
}
:where(.post) .l-grid_item-8-10 {
  width: 80%;
}
:where(.post) .l-grid_item-9-10 {
  width: 90%;
}
:where(.post) .l-grid_item-10-10 {
  width: 100%;
}
:where(.post) .l-grid_item-1-11 {
  width: 9.0909%;
}
:where(.post) .l-grid_item-2-11 {
  width: 18.1818%;
}
:where(.post) .l-grid_item-3-11 {
  width: 27.2727%;
}
:where(.post) .l-grid_item-4-11 {
  width: 36.3636%;
}
:where(.post) .l-grid_item-5-11 {
  width: 45.4545%;
}
:where(.post) .l-grid_item-6-11 {
  width: 54.5455%;
}
:where(.post) .l-grid_item-7-11 {
  width: 63.6364%;
}
:where(.post) .l-grid_item-8-11 {
  width: 72.7273%;
}
:where(.post) .l-grid_item-9-11 {
  width: 81.8182%;
}
:where(.post) .l-grid_item-10-11 {
  width: 90.9091%;
}
:where(.post) .l-grid_item-11-11 {
  width: 100%;
}
:where(.post) .l-grid_item-1-12 {
  width: 8.3333%;
}
:where(.post) .l-grid_item-2-12 {
  width: 16.6667%;
}
:where(.post) .l-grid_item-3-12 {
  width: 25%;
}
:where(.post) .l-grid_item-4-12 {
  width: 33.3333%;
}
:where(.post) .l-grid_item-5-12 {
  width: 41.6667%;
}
:where(.post) .l-grid_item-6-12 {
  width: 50%;
}
:where(.post) .l-grid_item-7-12 {
  width: 58.3333%;
}
:where(.post) .l-grid_item-8-12 {
  width: 66.6667%;
}
:where(.post) .l-grid_item-9-12 {
  width: 75%;
}
:where(.post) .l-grid_item-10-12 {
  width: 83.3333%;
}
:where(.post) .l-grid_item-11-12 {
  width: 91.6667%;
}
:where(.post) .l-grid_item-12-12 {
  width: 100%;
}
:where(.post) .l-grid-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .l-grid_item-5per {
  width: 5%;
}
:where(.post) .l-grid_item-10per {
  width: 10%;
}
:where(.post) .l-grid_item-15per {
  width: 15%;
}
:where(.post) .l-grid_item-20per {
  width: 20%;
}
:where(.post) .l-grid_item-25per {
  width: 25%;
}
:where(.post) .l-grid_item-30per {
  width: 30%;
}
:where(.post) .l-grid_item-35per {
  width: 35%;
}
:where(.post) .l-grid_item-40per {
  width: 40%;
}
:where(.post) .l-grid_item-45per {
  width: 45%;
}
:where(.post) .l-grid_item-50per {
  width: 50%;
}
:where(.post) .l-grid_item-55per {
  width: 55%;
}
:where(.post) .l-grid_item-60per {
  width: 60%;
}
:where(.post) .l-grid_item-65per {
  width: 65%;
}
:where(.post) .l-grid_item-70per {
  width: 70%;
}
:where(.post) .l-grid_item-75per {
  width: 75%;
}
:where(.post) .l-grid_item-80per {
  width: 80%;
}
:where(.post) .l-grid_item-85per {
  width: 85%;
}
:where(.post) .l-grid_item-90per {
  width: 90%;
}
:where(.post) .l-grid_item-95per {
  width: 95%;
}
:where(.post) .l-grid_item-100per {
  width: 100%;
}
:where(.post) .l-grid-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
:where(.post) .l-grid-noGutter {
  margin-right: 0;
  margin-left: 0;
}
:where(.post) .l-grid-noGutter .l-grid_item {
  padding-right: 0;
  padding-left: 0;
}
:where(.post) .l-grid-halfGutter {
  margin-right: -0.375rem;
  margin-left: -0.375rem;
}
:where(.post) .l-grid-halfGutter .l-grid_item {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
:where(.post) .l-grid-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .l-grid-flexSpaceBetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
:where(.post) .l-grid-flexEnd {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
:where(.post) .l-grid_item-flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) {
  /*! Tile */
}
:where(.post) .l-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  margin-right: -0.5rem;
  margin-bottom: -1rem;
  margin-left: -0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .l-tile:first-child {
  margin-top: 0;
}
:where(.post) .l-tile_item {
  width: 100%;
  margin-bottom: 1rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
:where(.post) .l-tile-1col .l-tile_item {
  width: 100%;
}
:where(.post) .l-tile-2col .l-tile_item {
  width: 50%;
}
:where(.post) .l-tile-3col .l-tile_item {
  width: 33.3333%;
}
:where(.post) .l-tile-4col .l-tile_item {
  width: 25%;
}
:where(.post) .l-tile-5col .l-tile_item {
  width: 20%;
}
:where(.post) .l-tile-6col .l-tile_item {
  width: 16.6667%;
}
:where(.post) .l-tile-7col .l-tile_item {
  width: 14.2857%;
}
:where(.post) .l-tile-8col .l-tile_item {
  width: 12.5%;
}
:where(.post) .l-tile-9col .l-tile_item {
  width: 11.1111%;
}
:where(.post) .l-tile-10col .l-tile_item {
  width: 10%;
}
:where(.post) {
  /*! Separator */
}
:where(.post) .l-separator-x0 {
  margin-top: 0;
}
:where(.post) .l-separator-x0-imp {
  margin-top: 0 !important;
}
:where(.post) .l-separator-x1 {
  margin-top: 0.5rem;
}
:where(.post) .l-separator-x1-imp {
  margin-top: 0.5rem !important;
}
:where(.post) .l-separator-x2 {
  margin-top: 1rem;
}
:where(.post) .l-separator-x2-imp {
  margin-top: 1rem !important;
}
:where(.post) .l-separator-x3 {
  margin-top: 1.5rem;
}
:where(.post) .l-separator-x3-imp {
  margin-top: 1.5rem !important;
}
:where(.post) .l-separator-x4 {
  margin-top: 2rem;
}
:where(.post) .l-separator-x4-imp {
  margin-top: 2rem !important;
}
:where(.post) .l-separator-x5 {
  margin-top: 2.5rem;
}
:where(.post) .l-separator-x5-imp {
  margin-top: 2.5rem !important;
}
:where(.post) .l-separator-x6 {
  margin-top: 3rem;
}
:where(.post) .l-separator-x6-imp {
  margin-top: 3rem !important;
}
:where(.post) .l-separator-x7 {
  margin-top: 3.5rem;
}
:where(.post) .l-separator-x7-imp {
  margin-top: 3.5rem !important;
}
:where(.post) .l-separator-x8 {
  margin-top: 4rem;
}
:where(.post) .l-separator-x8-imp {
  margin-top: 4rem !important;
}
:where(.post) .l-separator-x9 {
  margin-top: 4.5rem;
}
:where(.post) .l-separator-x9-imp {
  margin-top: 4.5rem !important;
}
:where(.post) .l-separator-x10 {
  margin-top: 5rem;
}
:where(.post) .l-separator-x10-imp {
  margin-top: 5rem !important;
}
:where(.post) .l-separator-x11 {
  margin-top: 5.5rem;
}
:where(.post) .l-separator-x11-imp {
  margin-top: 5.5rem !important;
}
:where(.post) .l-separator-x12 {
  margin-top: 6rem;
}
:where(.post) .l-separator-x12-imp {
  margin-top: 6rem !important;
}
:where(.post) .l-separator-x13 {
  margin-top: 6.5rem;
}
:where(.post) .l-separator-x13-imp {
  margin-top: 6.5rem !important;
}
:where(.post) .l-separator-x14 {
  margin-top: 7rem;
}
:where(.post) .l-separator-x14-imp {
  margin-top: 7rem !important;
}
:where(.post) .l-separator-x15 {
  margin-top: 7.5rem;
}
:where(.post) .l-separator-x15-imp {
  margin-top: 7.5rem !important;
}
:where(.post) .l-separator-x16 {
  margin-top: 8rem;
}
:where(.post) .l-separator-x16-imp {
  margin-top: 8rem !important;
}
:where(.post) .l-separator-x17 {
  margin-top: 8.5rem;
}
:where(.post) .l-separator-x17-imp {
  margin-top: 8.5rem !important;
}
:where(.post) .l-separator-x18 {
  margin-top: 9rem;
}
:where(.post) .l-separator-x18-imp {
  margin-top: 9rem !important;
}
:where(.post) .l-separator-x19 {
  margin-top: 9.5rem;
}
:where(.post) .l-separator-x19-imp {
  margin-top: 9.5rem !important;
}
:where(.post) .l-separator-x20 {
  margin-top: 10rem;
}
:where(.post) .l-separator-x20-imp {
  margin-top: 10rem !important;
}
:where(.post) .l-separator-x0_5 {
  margin-top: 0.25rem;
}
:where(.post) .l-separator-x0_5-imp {
  margin-top: 0.25rem !important;
}
:where(.post) .l-separator-x1_5 {
  margin-top: 0.75rem;
}
:where(.post) .l-separator-x1_5-imp {
  margin-top: 0.75rem !important;
}
:where(.post) .l-separator-x2_5 {
  margin-top: 1.25rem;
}
:where(.post) .l-separator-x2_5-imp {
  margin-top: 1.25rem !important;
}
:where(.post) .l-separator-x3_5 {
  margin-top: 1.75rem;
}
:where(.post) .l-separator-x3_5-imp {
  margin-top: 1.75rem !important;
}
:where(.post) .l-separator-x4_5 {
  margin-top: 2.25rem;
}
:where(.post) .l-separator-x4_5-imp {
  margin-top: 2.25rem !important;
}
:where(.post) .l-separator-x5_5 {
  margin-top: 2.75rem;
}
:where(.post) .l-separator-x5_5-imp {
  margin-top: 2.75rem !important;
}
:where(.post) .l-separator-x6_5 {
  margin-top: 3.25rem;
}
:where(.post) .l-separator-x6_5-imp {
  margin-top: 3.25rem !important;
}
:where(.post) .l-separator-x7_5 {
  margin-top: 3.75rem;
}
:where(.post) .l-separator-x7_5-imp {
  margin-top: 3.75rem !important;
}
:where(.post) .l-separator-x8_5 {
  margin-top: 4.25rem;
}
:where(.post) .l-separator-x8_5-imp {
  margin-top: 4.25rem !important;
}
:where(.post) .l-separator-x9_5 {
  margin-top: 4.75rem;
}
:where(.post) .l-separator-x9_5-imp {
  margin-top: 4.75rem !important;
}
:where(.post) .l-separator-x10_5 {
  margin-top: 5.25rem;
}
:where(.post) .l-separator-x10_5-imp {
  margin-top: 5.25rem !important;
}
:where(.post) .l-separator-x11_5 {
  margin-top: 5.75rem;
}
:where(.post) .l-separator-x11_5-imp {
  margin-top: 5.75rem !important;
}
:where(.post) .l-separator-x12_5 {
  margin-top: 6.25rem;
}
:where(.post) .l-separator-x12_5-imp {
  margin-top: 6.25rem !important;
}
:where(.post) .l-separator-x13_5 {
  margin-top: 6.75rem;
}
:where(.post) .l-separator-x13_5-imp {
  margin-top: 6.75rem !important;
}
:where(.post) .l-separator-x14_5 {
  margin-top: 7.25rem;
}
:where(.post) .l-separator-x14_5-imp {
  margin-top: 7.25rem !important;
}
:where(.post) .l-separator-x15_5 {
  margin-top: 7.75rem;
}
:where(.post) .l-separator-x15_5-imp {
  margin-top: 7.75rem !important;
}
:where(.post) .l-separator-x16_5 {
  margin-top: 8.25rem;
}
:where(.post) .l-separator-x16_5-imp {
  margin-top: 8.25rem !important;
}
:where(.post) .l-separator-x17_5 {
  margin-top: 8.75rem;
}
:where(.post) .l-separator-x17_5-imp {
  margin-top: 8.75rem !important;
}
:where(.post) .l-separator-x18_5 {
  margin-top: 9.25rem;
}
:where(.post) .l-separator-x18_5-imp {
  margin-top: 9.25rem !important;
}
:where(.post) .l-separator-x19_5 {
  margin-top: 9.75rem;
}
:where(.post) .l-separator-x19_5-imp {
  margin-top: 9.75rem !important;
}
:where(.post) .l-separator-x20_5 {
  margin-top: 10.25rem;
}
:where(.post) .l-separator-x20_5-imp {
  margin-top: 10.25rem !important;
}
:where(.post) {
  /*! =========================================================
   _components
  ========================================================= */
  /*! Header */
}
:where(.post) .g-siteHeader {
  position: relative;
  z-index: 1;
  background-color: #2c3152;
}
:where(.post) .g-siteHeader a {
  text-decoration: none;
  color: #fff !important;
}
:where(.post) .g-siteHeader_root {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
:where(.post) .g-siteHeader_fog {
  display: none;
}
:where(.post) .g-headerLogo {
  margin: 1.125rem 2rem 1.125rem 0;
}
:where(.post) .g-headerLogo_link:hover {
  opacity: 1;
}
:where(.post) .g-headerLogo_link img {
  width: 104px;
  vertical-align: bottom;
}
:where(.post) .g-headerSwitch {
  display: none;
}
:where(.post) .g-headerSwitch:after, :where(.post) .g-headerSwitch:before, :where(.post) .g-headerSwitch_hamburger {
  font-size: 0;
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 0;
  margin: auto;
  border-bottom: 2px solid #fff;
}
:where(.post) .g-headerSwitch_hamburger {
  top: 23px;
}
:where(.post) .is-active .g-headerSwitch_hamburger {
  display: none;
}
:where(.post) .g-headerSwitch:after, :where(.post) .g-headerSwitch:before {
  content: "";
}
:where(.post) .g-headerSwitch.is-active:before {
  top: 23px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
:where(.post) .g-headerSwitch.is-active:after {
  top: 23px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
:where(.post) .g-headerSwitch:before {
  top: 18px;
}
:where(.post) .g-headerSwitch:after {
  top: 28px;
}
:where(.post) .g-headerMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
:where(.post) .g-headerNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.75rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
:where(.post) .g-headerNav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
:where(.post) .g-headerNav_listItem {
  margin-bottom: 0.5rem;
}
:where(.post) .g-headerNav_listItem:after {
  display: block;
  height: 4px;
  content: "";
  pointer-events: none;
  border-radius: 2px;
  background-color: transparent;
}
:where(.post) .g-headerNav_listItem.is-current:after {
  background-color: #ffe940;
}
:where(.post) .g-headerNav_listItem.is-current .g-headerNav_link {
  color: #ffe940 !important;
}
:where(.post) .g-headerNav_link {
  font-size: 1rem;
  font-weight: 700;
  display: block;
  margin-bottom: -0.25rem;
  padding: 0.75rem 0.75rem 1rem;
  color: #fff !important;
}
:where(.post) .g-headerNav_link:active, :where(.post) .g-headerNav_link:hover {
  opacity: 1;
  color: #ffe940 !important;
}
:where(.post) .g-headerSubNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .g-headerSubNav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
:where(.post) .g-headerSubNav_listItem.is-current .g-headerSubNav_link {
  color: #ffe940 !important;
}
:where(.post) .g-headerSubNav_link {
  font-size: 0.75rem;
  font-weight: 700;
  display: block;
  padding: 0.75rem;
  color: #fff !important;
}
:where(.post) .g-headerSubNav_link:active, :where(.post) .g-headerSubNav_link:hover {
  opacity: 1;
  color: #ffe940 !important;
}
:where(.post) .c-localNav {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 2px solid #dedcd5;
  background-color: #fff;
}
:where(.post) .c-localNav a {
  text-decoration: none;
}
:where(.post) .c-localNav a:active, :where(.post) .c-localNav a:hover {
  font-weight: 700;
  text-decoration: none;
  opacity: 1;
  color: #2c3152 !important;
}
:where(.post) .c-localNav_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-localNav_content {
  margin-left: 2rem;
  border-left: 2px dotted #dedcd5;
}
:where(.post) .c-localNav_menu-small {
  display: none;
}
:where(.post) .c-localNav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-localNav_listItem {
  margin-left: 1.5rem;
}
:where(.post) .c-localNav_listItem:first-child {
  margin-left: 2rem;
}
:where(.post) .c-localNav_listItem:after {
  display: block;
  height: 4px;
  content: "";
  pointer-events: none;
  border-radius: 2px;
  background-color: transparent;
}
:where(.post) .c-localNav_listItem.is-current:after {
  background-color: #8abce6;
}
:where(.post) .c-localNav_listItem.is-current .c-localNav_link {
  font-weight: 700;
  color: #2c3152 !important;
}
:where(.post) .c-localNav_link {
  margin-bottom: -0.25rem;
  padding-bottom: 0.5rem;
}
:where(.post) .c-localNav_pulldown {
  position: relative;
  width: auto;
}
:where(.post) .c-localNav_pulldown select {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0 1.5rem 0 0;
  cursor: pointer;
  color: #2c3152;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:where(.post) .c-localNav_pulldown select::-ms-expand {
  display: none;
}
:where(.post) .c-localNav_pulldown:before {
  font-size: 1rem;
  position: absolute;
  top: calc(50% - 0.2em);
  right: 0.5rem;
  display: inline-block;
  margin-top: -0.5rem;
  pointer-events: none;
  color: #0977d3;
}
:where(.post) .c-operationPage .g-siteHeader {
  position: relative;
  z-index: 1;
  background-color: #2c3152;
}
:where(.post) .c-operationPage .g-siteHeader a {
  text-decoration: none;
  color: #fff !important;
}
:where(.post) .c-operationPage .g-siteHeader a:hover {
  opacity: 1;
}
:where(.post) .c-operationPage .g-siteHeader_root {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) [data-js-fixed-html] .c-operationPage .g-siteHeader {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  margin: auto;
}
:where(.post) [data-js-fixed-html] .c-operationPage .g-siteHeader_fog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  background-color: #2c3152;
}
:where(.post) .c-operationPage .g-headerLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0.75rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-operationPage .g-headerLogo_link:hover {
  opacity: 1;
}
:where(.post) .c-operationPage .g-headerLogo_link img {
  width: 104px;
  vertical-align: bottom;
}
:where(.post) .c-operationPage .g-headerSwitch {
  font-size: 0;
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  display: block;
  width: 48px;
  height: 48px;
  margin-top: -24px;
}
:where(.post) .c-operationPage .g-headerSwitch.is-active .g-headerSwitch_hamburger {
  display: none;
}
:where(.post) .c-operationPage .g-headerSwitch:after, :where(.post) .c-operationPage .g-headerSwitch:before, :where(.post) .c-operationPage .g-headerSwitch_hamburger {
  font-size: 0;
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 0;
  margin: auto;
  border-bottom: 2px solid #fff;
}
:where(.post) .c-operationPage .g-headerSwitch_hamburger {
  top: 23px;
}
:where(.post) .c-operationPage .g-headerSwitch:after, :where(.post) .c-operationPage .g-headerSwitch:before {
  content: "";
}
:where(.post) .c-operationPage .g-headerSwitch.is-active:before {
  top: 23px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
:where(.post) .c-operationPage .g-headerSwitch.is-active:after {
  top: 23px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
:where(.post) .c-operationPage .g-headerSwitch:before {
  top: 18px;
}
:where(.post) .c-operationPage .g-headerSwitch:after {
  top: 28px;
}
:where(.post) .c-operationPage .g-headerMenu {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: block;
  display: none;
  width: 100%;
  width: 100%;
  margin: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
:where(.post) .c-operationPage .g-headerNav {
  display: block;
  margin-top: 2rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
:where(.post) .c-operationPage .g-headerNav_list {
  display: block;
}
:where(.post) .c-operationPage .g-headerNav_listItem {
  margin-bottom: 0;
}
:where(.post) .c-operationPage .g-headerNav_listItem:after {
  display: none;
}
:where(.post) .c-operationPage .g-headerNav_listItem.is-current:after {
  display: none;
  background-color: #ffe940;
}
:where(.post) .c-operationPage .g-headerNav_listItem.is-current .c-operationPage .g-headerNav_link {
  color: #ffe940 !important;
}
:where(.post) .c-operationPage .g-headerNav_link {
  font-size: 1rem;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  padding: 0.75rem;
  text-align: center;
  color: #fff !important;
}
:where(.post) .c-operationPage .g-headerNav_link:active, :where(.post) .c-operationPage .g-headerNav_link:hover {
  opacity: 1;
  color: #ffe940 !important;
}
:where(.post) .c-operationPage .g-headerSubNav {
  display: block;
  margin-top: 3rem;
  margin-bottom: 3.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-operationPage .g-headerSubNav_list {
  display: block;
  margin: 0;
}
:where(.post) .c-operationPage .g-headerSubNav_listItem.is-current .c-operationPage .g-headerSubNav_link {
  color: #ffe940 !important;
}
:where(.post) .c-operationPage .g-headerSubNav_link {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  padding: 0.75rem;
  text-align: center;
  color: #fff !important;
}
:where(.post) .c-operationPage .g-headerSubNav_link:active, :where(.post) .c-operationPage .g-headerSubNav_link:hover {
  opacity: 1;
  color: #ffe940 !important;
}
:where(.post) .c-operationPage .c-localNav {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #dedcd5;
  background-color: #fff;
}
:where(.post) .c-operationPage .c-localNav a {
  text-decoration: none;
}
:where(.post) .c-operationPage .c-localNav a:active, :where(.post) .c-operationPage .c-localNav a:hover {
  font-weight: 700;
  text-decoration: none;
  opacity: 1;
  color: #2c3152 !important;
}
:where(.post) .c-operationPage .c-localNav_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-operationPage .c-localNav_content {
  margin-left: auto;
  border-left: none;
}
:where(.post) .c-operationPage .c-localNav_menu-small {
  display: none;
}
:where(.post) .c-operationPage .c-localNav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-operationPage .c-localNav_listItem {
  margin-left: 1.5rem;
}
:where(.post) .c-operationPage .c-localNav_listItem:first-child {
  margin-left: 2rem;
}
:where(.post) .c-operationPage .c-localNav_listItem:after {
  display: block;
  height: 4px;
  content: "";
  pointer-events: none;
  border-radius: 2px;
  background-color: transparent;
}
:where(.post) .c-operationPage .c-localNav_listItem.is-current:after {
  background-color: #8abce6;
}
:where(.post) .c-operationPage .c-localNav_listItem.is-current .c-operationPage .c-localNav_link {
  font-weight: 700;
  color: #2c3152 !important;
}
:where(.post) .c-operationPage .c-localNav_link {
  margin-bottom: -0.25rem;
  padding-bottom: 0.5rem;
}
:where(.post) .c-operationPage .c-localNav_pulldown {
  position: relative;
  width: auto;
}
:where(.post) .c-operationPage .c-localNav_pulldown select {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0 1.5rem 0 0;
  cursor: pointer;
  color: #2c3152;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:where(.post) .c-operationPage .c-localNav_pulldown select::-ms-expand {
  display: none;
}
:where(.post) .c-operationPage .c-localNav_pulldown:before {
  font-size: 1rem;
  position: absolute;
  top: calc(50% - 0.2em);
  right: 0.5rem;
  display: inline-block;
  margin-top: -0.5rem;
  pointer-events: none;
  color: #0977d3;
}
:where(.post) {
  /*! Footer */
}
:where(.post) .g-siteFooter {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #fff;
}
:where(.post) .g-siteFooter a {
  text-decoration: none;
}
:where(.post) .g-siteFooter_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: calc(1032px + 4rem);
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .g-footerNav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .g-footerNav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .g-footerNav_listItem {
  font-size: 0.75rem;
  line-height: 1.5;
  margin-left: 1.5rem;
}
:where(.post) .g-footerNav_listItem:first-child {
  margin-left: 0;
}
:where(.post) .g-footerLogo {
  width: 120px;
}
:where(.post) .g-footerLogo a:hover {
  opacity: 1;
}
:where(.post) .g-footerCopyright {
  font-size: 0.75rem;
  line-height: 1.5;
  width: 100%;
  margin-top: 4rem;
  color: #3f498c;
}
:where(.post) .g-footerCopyright:first-child {
  margin-top: 0;
}
:where(.post) .c-pagetop {
  position: fixed;
  z-index: 100;
  right: 40px;
  bottom: 40px;
  visibility: hidden;
  width: 64px;
  height: 64px;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  opacity: 0;
}
:where(.post) .c-pagetop.is-active {
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
  opacity: 1;
}
:where(.post) .c-pagetop a {
  display: block;
}
:where(.post) .c-pagetop a:active, :where(.post) .c-pagetop a:hover {
  opacity: 0.9;
}
:where(.post) .c-pagetop img {
  width: 100%;
  height: auto;
}
:where(.post) {
  /*! Heading */
}
:where(.post) .c-headingLv1 {
  font-size: 1.6875rem;
  font-weight: 700;
  margin-top: 4rem;
  color: #3f498c;
}
:where(.post) .c-headingLv1:first-child {
  margin-top: 0;
}
:where(.post) .c-headingLv1-center {
  text-align: center;
}
:where(.post) .c-iconHeadingLv1 {
  font-size: 1.5rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #3f498c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-iconHeadingLv1:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 3rem 3rem;
}
:where(.post) .c-iconHeadingLv1-start:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_start.svg);
}
:where(.post) .c-iconHeadingLv1-use:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_use.svg);
}
:where(.post) .c-iconHeadingLv1-app:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_app.svg);
}
:where(.post) .c-iconHeadingLv1-case:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_case.svg);
}
:where(.post) .c-iconHeadingLv1-info:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_info.svg);
}
:where(.post) .c-iconHeadingLv1-recommend:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_recommend.svg);
}
:where(.post) .c-iconHeadingLv1-faq:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_faq.svg);
}
:where(.post) .c-iconTopHeadingLv1 {
  font-size: 1.6875rem;
  font-weight: 700;
  text-align: center;
  color: #3f498c;
}
:where(.post) .c-iconTopHeadingLv1:before {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: auto;
  margin-bottom: 0.5rem;
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 3.5rem 3.5rem;
}
:where(.post) .c-iconTopHeadingLv1-beginner:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_beginner.svg);
}
:where(.post) .c-iconTopHeadingLv1-manager:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_manager.svg);
}
:where(.post) .c-iconTopHeadingLv1-contact:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_contact.svg);
}
:where(.post) .c-iconTopHeadingLv1-start:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_start.svg);
}
:where(.post) .c-articleHeadingLv1 {
  font-size: 1.875rem;
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: 1.337;
  display: inline;
}
:where(.post) .c-articleHeadingLv1-info {
  font-size: 1.875rem;
  font-weight: 700;
  display: inline;
}
:where(.post) .c-articleHeading-useIcon {
  font-size: 19px;
  line-height: 1.5;
  position: relative;
  padding-left: 40px;
  color: #3f498c;
}
:where(.post) .c-articleHeading-useIcon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 31px;
  height: 31px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_use.svg);
  background-size: contain;
}
:where(.post) .c-headingLv2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 3rem;
  color: #3f498c;
}
:where(.post) .c-headingLv2:first-child {
  margin-top: 0;
}
:where(.post) .c-headingLv2_num {
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
  z-index: 0;
  display: inline-block;
}
:where(.post) .c-headingLv2_num em {
  font-size: 1.5rem;
  font-weight: 700;
}
:where(.post) .c-headingLv2_num:before {
  position: absolute;
  z-index: -1;
  bottom: 0.25rem;
  left: 0;
  width: 100%;
  height: 0.5rem;
  content: "";
  background-color: #ffe940;
}
:where(.post) .c-headingLv2_label {
  display: block;
}
:where(.post) .c-headingLv3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 1.5rem;
  color: #3f498c;
}
:where(.post) .c-headingLv3:first-child {
  margin-top: 0;
}
:where(.post) .c-headingLv3_num {
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-block;
  color: #a1aae6;
}
:where(.post) .c-headingLv3_num em {
  font-size: 1.25rem;
  font-weight: 700;
}
:where(.post) .c-headingLv3_label {
  display: block;
}
:where(.post) .c-headingLv4 {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 1.5rem;
}
:where(.post) .c-headingLv4:first-child {
  margin-top: 0;
}
:where(.post) {
  /*! Text */
}
:where(.post) .c-text {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.5rem;
}
:where(.post) .c-text:first-child {
  margin-top: 0;
}
:where(.post) .c-catchText {
  font-size: 2.5rem;
  font-weight: 700;
  margin-top: 1.5rem;
}
:where(.post) .c-catchText:first-child {
  margin-top: 0;
}
:where(.post) .c-leadText {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1.5rem;
}
:where(.post) .c-leadText:first-child {
  margin-top: 0;
}
:where(.post) .c-titleText {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1.5rem;
}
:where(.post) .c-titleText:first-child {
  margin-top: 0;
}
:where(.post) .c-iconTitleText {
  font-size: 1.1875rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #3f498c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-iconTitleText:before {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 2.5rem 2.5rem;
}
:where(.post) .c-iconTitleText-info:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_info.svg);
}
:where(.post) .c-iconTitleText-related:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_related.svg);
}
:where(.post) .c-subText {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 1.5rem;
}
:where(.post) .c-subText:first-child {
  margin-top: 0;
}
:where(.post) .c-note {
  font-size: 0.875rem;
  line-height: 1.5;
}
:where(.post) .c-note-mark {
  padding-left: 1em;
  text-indent: -1em;
}
:where(.post) .c-note-mark:before {
  display: inline-block;
  width: 1em;
  content: "※";
  vertical-align: top;
  text-indent: 0;
}
:where(.post) .c-note-order {
  padding-left: 2em;
  text-indent: -2em;
}
:where(.post) .c-note_num {
  display: inline-block;
  width: 2em;
  text-indent: 0;
}
:where(.post) .c-emphasisText {
  font-weight: 700;
}
:where(.post) .c-strongText {
  font-weight: 700;
}
:where(.post) .c-smallText {
  font-size: 0.75em;
}
:where(.post) .c-subscriptText {
  font-size: 0.875rem;
  font-size: 0.75em;
  line-height: 1.5;
  vertical-align: sub;
}
:where(.post) .c-superscriptText {
  font-size: 0.875rem;
  font-size: 0.75em;
  line-height: 1.5;
  vertical-align: super;
}
:where(.post) .c-tag {
  font-size: 0.75rem;
  line-height: 1.5;
  display: inline-block;
  margin-right: 0.875rem;
  vertical-align: middle;
  color: #3f498c;
}
:where(.post) .c-products {
  margin-bottom: -0.875rem;
}
:where(.post) .c-product {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
  margin-right: 0.875rem;
  margin-bottom: 0.875rem;
  vertical-align: middle;
  color: #3f498c;
}
:where(.post) .c-product:before {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.375rem;
  content: "";
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 2rem 2rem;
}
:where(.post) .c-product-okulink {
  color: #56559b;
}
:where(.post) .c-product-movenote {
  color: #c01734;
}
:where(.post) .c-product-drill {
  color: #2ba553;
}
:where(.post) .c-product-chart {
  color: #56c1ee;
}
:where(.post) .c-product-rpdca {
  color: #00afcc;
}
:where(.post) .c-product-exploration {
  color: #3254a4;
}
:where(.post) .c-product-lab {
  color: #ed7c8c;
}
:where(.post) .c-product-discussion_training {
  color: #bf0167;
}
:where(.post) .c-product-okulink:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_okulink.svg);
}
:where(.post) .c-product-movenote:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_movenote.svg);
}
:where(.post) .c-product-drill:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_drill.svg);
}
:where(.post) .c-product-chart:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_chart.svg);
}
:where(.post) .c-product-rpdca:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_rpdca.svg);
}
:where(.post) .c-product-exploration:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_exploration.svg);
}
:where(.post) .c-product-lab:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_lab.svg);
}
:where(.post) .c-product-discussion_training:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_discussion_training.svg);
}
:where(.post) .c-list {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.5rem;
}
:where(.post) .c-list:first-child {
  margin-top: 0;
}
:where(.post) li > .c-list {
  margin-top: 0;
}
:where(.post) .c-list_item {
  padding-left: 20px;
  text-indent: -20px;
}
:where(.post) .c-list_item * {
  text-indent: 0;
}
:where(.post) .c-list_item:before {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 8px;
  margin-top: -4px;
  content: "";
  vertical-align: middle;
  border-radius: 100%;
  background-color: #000;
}
:where(.post) .c-list-nomark .c-list_item {
  padding-left: 0;
  text-indent: 0;
}
:where(.post) .c-list-nomark .c-list_item:before {
  display: none;
}
:where(.post) .c-list-order .c-list_item {
  padding-left: 1.8em;
  text-indent: -1.8em;
}
:where(.post) .c-list-order .c-list_item:before {
  display: none;
}
:where(.post) .c-list-order .c-list_marker {
  display: inline-block;
  width: 1.8em;
  text-indent: 0;
}
:where(.post) .c-list-float {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .c-list-float .c-list_item {
  padding-right: 1rem;
  word-wrap: break-word;
}
:where(.post) .c-list-1col .c-list_item {
  width: 100%;
}
:where(.post) .c-list-2col .c-list_item {
  width: 50%;
}
:where(.post) .c-list-3col .c-list_item {
  width: 33.3333%;
}
:where(.post) .c-list-4col .c-list_item {
  width: 25%;
}
:where(.post) .c-list-5col .c-list_item {
  width: 20%;
}
:where(.post) .c-list-6col .c-list_item {
  width: 16.6667%;
}
:where(.post) .c-list-7col .c-list_item {
  width: 14.2857%;
}
:where(.post) .c-list-8col .c-list_item {
  width: 12.5%;
}
:where(.post) .c-descriptionList {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.5rem;
}
:where(.post) .c-descriptionList:first-child {
  margin-top: 0;
}
:where(.post) .c-descriptionList_term {
  font-weight: 700;
  display: block;
}
:where(.post) .c-descriptionList_definition {
  display: block;
}
:where(.post) .c-descriptionList_definition + .c-descriptionList_term {
  margin-top: 1rem;
}
:where(.post) .c-table {
  margin-top: 1.5rem;
  text-align: left;
}
:where(.post) .c-table:first-child {
  margin-top: 0;
}
:where(.post) .c-table_caption {
  padding-bottom: 0.25rem;
  text-align: left;
}
:where(.post) .c-table_content {
  width: 100%;
}
:where(.post) .c-table_content td, :where(.post) .c-table_content th {
  font-weight: 400;
  padding: 0.5rem 1rem;
  word-wrap: break-word;
  border: 1px solid #f6f8f8;
  overflow-wrap: break-word;
}
:where(.post) .c-table .c-table_headCell, :where(.post) .c-table_head td, :where(.post) .c-table_head th {
  font-weight: 400;
  border: 1px solid #f6f8f8;
  background-color: #eee;
}
:where(.post) .c-img {
  display: inline-block;
  width: 100%;
  margin-top: 1.5rem;
}
:where(.post) .c-img:first-child {
  margin-top: 0;
}
:where(.post) .c-img > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
:where(.post) .c-img:link:hover img {
  opacity: 0.9;
}
:where(.post) .c-btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: block;
  width: 100%;
  max-width: 400px;
  margin-top: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  padding: 0.75rem 1rem;
  -webkit-transition: background-color 0.1s, opacity 0.1s;
  transition: background-color 0.1s, opacity 0.1s;
  text-align: center;
  color: #fff;
  border-radius: 3em;
  background-color: #0977d3;
}
:where(.post) .c-btn:first-child {
  margin-top: 0;
}
:where(.post) .c-btn:active, :where(.post) .c-btn:hover, :where(.post) .c-btn:link, :where(.post) .c-btn:visited {
  text-decoration: none;
  color: #fff !important;
}
:where(.post) .c-btn:active, :where(.post) .c-btn:hover {
  opacity: 1;
  background-color: #1991f5;
}
:where(.post) .c-btn-autoWidth {
  width: auto;
}
:where(.post) .c-btn-short {
  width: 96px;
}
:where(.post) .c-btn-next:before {
  right: 1rem;
}
:where(.post) .c-btn-back:before {
  left: 1rem;
}
:where(.post) .c-btn-note {
  position: relative;
}
:where(.post) .c-btn-note::before {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 20px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_note.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-btn-linkBlank:before {
  right: 1rem;
}
:where(.post) .c-btn-back:before, :where(.post) .c-btn-linkBlank:before, :where(.post) .c-btn-next:before {
  font-size: 1.25rem;
  position: absolute;
  top: calc(50% - 0.2em);
  display: inline-block;
  margin-top: -0.625rem;
  pointer-events: none;
  color: #fff;
}
:where(.post) .c-btn-secondary {
  color: #767676;
  border: 1px solid #ccc;
  background: #fff;
}
:where(.post) .c-btn-secondary:active, :where(.post) .c-btn-secondary:hover, :where(.post) .c-btn-secondary:link, :where(.post) .c-btn-secondary:visited {
  color: #767676 !important;
  background: #fff;
}
:where(.post) .c-btn-solid {
  width: 312px;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-cards {
  margin-top: 1rem;
}
:where(.post) .c-card {
  margin-top: 0.5rem;
}
:where(.post) .c-card:first-child {
  margin-top: 0;
}
:where(.post) .c-card_link {
  display: block;
  padding: 1.5rem;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
}
:where(.post) .c-card_link:active, :where(.post) .c-card_link:hover, :where(.post) .c-card_link:link, :where(.post) .c-card_link:visited {
  text-decoration: none;
  color: #333 !important;
}
:where(.post) .c-card_link:active, :where(.post) .c-card_link:hover {
  opacity: 0.9;
  -webkit-box-shadow: 0 0 7px 0 #dedcd5;
          box-shadow: 0 0 7px 0 #dedcd5;
}
:where(.post) .c-card_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-card_meta {
  margin-left: -1.5rem;
}
:where(.post) .c-card_category {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  line-height: 1.5rem;
  display: inline-block;
  margin-right: 0.75rem;
  padding-right: 1rem;
  padding-left: 1.5rem;
  color: #3f498c;
  border-radius: 0 12px 12px 0;
  background-color: #ffe940;
}
:where(.post) .c-card_date {
  font-size: 0.6875rem;
  color: #999;
}
:where(.post) .c-card_data {
  color: #999;
}
:where(.post) .c-card_data .u-icon {
  margin-left: 0.5rem;
}
:where(.post) .c-card_body {
  margin-top: 1rem;
}
:where(.post) .c-card_titleLabel {
  font-size: 1.1875rem;
  font-weight: 700;
}
:where(.post) .c-card_titleSub {
  font-size: 0.8125rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
:where(.post) .c-card_text {
  font-size: 0.875rem;
  margin-top: 1rem;
  word-wrap: break-word;
}
:where(.post) .c-card_tags {
  margin-top: 0.25rem;
}
:where(.post) .c-card_products {
  margin-top: 1rem;
}
:where(.post) .c-verticalCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
:where(.post) .c-verticalCard_link {
  display: block;
  width: 100%;
  padding: 0.375rem 0.375rem 1.5rem 0.375rem;
  text-decoration: none;
  border-radius: 10px;
  background: #fff;
}
:where(.post) .c-verticalCard_link:hover {
  text-decoration: none;
  opacity: 0.9;
  -webkit-box-shadow: 0 0 7px 0 #dedcd5;
          box-shadow: 0 0 7px 0 #dedcd5;
}
:where(.post) .c-verticalCard_container {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}
:where(.post) .c-verticalCard_img {
  text-align: center;
}
:where(.post) .c-verticalCard_img img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
:where(.post) .c-verticalCard_unit {
  padding: 8px 16px 12px;
  aspect-ratio: 16/9;
}
:where(.post) .c-verticalCard_unit-bg01 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_card_bg_01.svg);
  background-size: 324px 182px;
}
:where(.post) .c-verticalCard_unit-bg02 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_card_bg_02.svg);
  background-size: 324px 182px;
}
:where(.post) .c-verticalCard_unit-bg03 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_card_bg_03.svg);
  background-size: 324px 182px;
}
:where(.post) .c-verticalCard_unit-bg04 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_card_bg_04.svg);
  background-size: 324px 182px;
}
:where(.post) .c-verticalCard_unit-bg05 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_card_bg_05.svg);
  background-size: 324px 182px;
}
:where(.post) .c-verticalCard_unit-bg06 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_card_bg_06.svg);
  background-size: 324px 182px;
}
:where(.post) .c-verticalCard_unit-bg07 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_card_bg_07.svg);
  background-size: 324px 182px;
}
:where(.post) .c-verticalCard_unit-bg08 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_card_bg_08.svg);
  background-size: 324px 182px;
}
:where(.post) .c-verticalCard_unitIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -8px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
:where(.post) .c-verticalCard_unitIcon img {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 2px solid #fff;
  border-radius: 50%;
}
:where(.post) .c-verticalCard_unitIcon img + img {
  margin-left: 4px;
}
:where(.post) .c-verticalCard_unitTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 22px;
  color: #3f498c;
}
:where(.post) .c-verticalCard_unitName {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}
:where(.post) .c-verticalCard_unitName + .c-verticalCard_unitName::before {
  width: 1em;
  height: auto;
  content: "｜";
}
:where(.post) .c-verticalCard_unitText {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 8px;
  color: #3f498c;
}
:where(.post) .c-verticalCard_title {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1rem;
  color: #333;
}
:where(.post) .c-verticalCard_subTitle {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0.25rem;
  color: #333;
}
:where(.post) .c-verticalCard_description {
  font-size: 0.75rem;
  line-height: 1.5;
  margin-top: 0.25rem;
  color: #3f498c;
}
:where(.post) .c-verticalCard_description-black {
  color: #333;
}
:where(.post) .c-verticalCard_text {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 1rem;
  margin-top: 0.25rem;
  color: #333;
}
:where(.post) .c-verticalCard_tag {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
  padding-left: 1.875rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .c-verticalCard_tag::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_tag.svg);
  background-size: contain;
}
:where(.post) .c-verticalCard_tagItem {
  font-size: 0.75rem;
  margin-right: 0.75rem;
  text-decoration: none;
  color: #3f498c !important;
}
:where(.post) .swiper .c-verticalCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
:where(.post) .c-info {
  width: 100%;
  min-height: 72vh;
  margin-top: 1rem;
}
:where(.post) .c-info .c-loader {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-info:first-child {
  margin-top: 0;
}
:where(.post) .c-info a {
  text-decoration: none;
}
:where(.post) .c-info_item {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 0.5rem;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
}
:where(.post) .c-info_item:first-child {
  margin-top: 0;
}
:where(.post) .c-info_link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
  color: #0977d3 !important;
}
:where(.post) .c-info_link:hover {
  text-decoration: none;
}
:where(.post) .c-info_link:before {
  font-size: 1.25rem;
  position: absolute;
  top: calc(50% - 0.2em);
  right: 1rem;
  display: inline-block;
  margin-top: -0.625rem;
  pointer-events: none;
  color: #0977d3;
}
:where(.post) .c-info_date {
  min-width: 16%;
  min-width: 7em;
  padding-right: 1.5rem;
  white-space: nowrap;
  color: #3f498c;
}
:where(.post) .c-info_content {
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .c-tab {
  margin-top: 1.5rem;
}
:where(.post) .c-tab:first-child {
  margin-top: 0;
}
:where(.post) .c-tab_head {
  border: 1px solid #f6f8f8;
  border-bottom: 0;
}
:where(.post) .c-tab_tabs {
  font-size: 1rem;
  line-height: 1.5;
  display: table;
  width: 100%;
  table-layout: fixed;
}
:where(.post) .c-tab .c-tab_trigger {
  display: table-cell;
  padding: 12px 1em;
  cursor: pointer;
  text-align: center;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #bdbdbd;
}
:where(.post) .c-tab .c-tab_trigger:hover {
  text-decoration: none;
}
:where(.post) .c-tab .c-tab_trigger-active {
  font-weight: 700;
  color: #000;
  border-color: #bdbdbd;
  border-bottom-color: transparent;
}
:where(.post) .c-tab .c-tab_trigger-active:first-child {
  border-left: 0;
}
:where(.post) .c-tab .c-tab_trigger-active:last-child {
  border-right: 0;
}
:where(.post) .c-tab_content {
  display: none;
}
:where(.post) .c-tab_content-open {
  display: block;
}
:where(.post) .c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-pagination_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-pagination_item {
  line-height: 1;
  display: inline-block;
  margin: 0 2px;
  vertical-align: top;
}
:where(.post) .c-pagination_item > span {
  color: #707070;
}
:where(.post) .c-pagination_item > a {
  border-radius: 4px;
  background-color: #fff;
}
:where(.post) .c-pagination_item > a, :where(.post) .c-pagination_item > span {
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  padding: 0.5rem 0.875rem;
  text-decoration: none;
}
:where(.post) .c-pagination_item > a:hover {
  opacity: 1;
  color: #1991f5 !important;
  background-color: #e0f1ff;
}
:where(.post) .c-pagination_item-current > a, :where(.post) .c-pagination_item-current > a:hover {
  font-weight: 700;
  opacity: 1;
  color: #3f498c !important;
  background-color: #ffe940;
}
:where(.post) .c-pagination_prev > a, :where(.post) .c-pagination_prev > span {
  background-color: transparent;
}
:where(.post) .c-pagination_prev > a:hover {
  font-weight: 400;
  opacity: 0.7;
  color: #0977d3 !important;
  background-color: transparent;
}
:where(.post) .c-pagination_prevText {
  font-size: 0;
}
:where(.post) .c-pagination_next > a, :where(.post) .c-pagination_next > span {
  background-color: transparent;
}
:where(.post) .c-pagination_next > a:hover {
  font-weight: 400;
  opacity: 0.7;
  color: #0977d3 !important;
  background-color: transparent;
}
:where(.post) .c-pagination_nextText {
  font-size: 0;
}
:where(.post) .c-form {
  margin-top: 1.5rem;
}
:where(.post) .c-form:first-child {
  margin-top: 0;
}
:where(.post) .c-form_col {
  padding: 1rem 0;
}
:where(.post) .c-form_title {
  font-size: 1rem;
  line-height: 1.5;
}
:where(.post) .c-form_titleLabel {
  display: inline-block;
  margin-right: 1.5rem;
}
:where(.post) .c-form_tag {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  top: -0.1em;
  display: inline-block;
  padding: 0 1rem;
  border: 1px solid #000;
}
:where(.post) .c-form_message-error {
  color: #c62b40;
}
:where(.post) .c-radio, :where(.post) .c-selectbox {
  position: relative;
  display: inline-block;
  margin-top: 1.5rem;
}
:where(.post) .c-radio:first-child, :where(.post) .c-selectbox:first-child {
  margin-top: 0;
}
:where(.post) .c-radio_input, :where(.post) .c-selectbox_input {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
}
:where(.post) .c-radio_text, :where(.post) .c-selectbox_text {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  cursor: pointer;
  vertical-align: middle;
}
:where(.post) .c-radio_text:after, :where(.post) .c-radio_text:before, :where(.post) .c-selectbox_text:after, :where(.post) .c-selectbox_text:before {
  position: absolute;
  display: inline-block;
  content: "";
}
:where(.post) .c-radio_text:before, :where(.post) .c-selectbox_text:before {
  z-index: 1;
}
:where(.post) .c-selectbox {
  margin-top: 1.5rem;
}
:where(.post) .c-selectbox:first-child {
  margin-top: 0;
}
:where(.post) .c-selectbox_input:checked + .c-selectbox_text:before {
  opacity: 1;
}
:where(.post) .c-selectbox_input:checked + .c-selectbox_text:after {
  background-color: #0977d3;
}
:where(.post) .c-selectbox_text:before {
  top: 0;
  bottom: 0;
  left: 5px;
  width: 7px;
  height: 12px;
  margin: auto;
  -webkit-transform: rotate(45deg) translate(-1px, -1px);
  transform: rotate(45deg) translate(-1px, -1px);
  opacity: 0;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
:where(.post) .c-selectbox_text:after {
  top: 0;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin: auto;
  border: 2px solid #0977d3;
  border-radius: 2px;
  background-color: transparent;
}
:where(.post) .c-radio {
  margin-top: 1.5rem;
  margin-right: 1.5rem;
}
:where(.post) .c-radio:first-child {
  margin-top: 0;
}
:where(.post) .c-radio_input:checked + .c-radio_text:before {
  background-color: #0977d3;
}
:where(.post) .c-radio_text:after, :where(.post) .c-radio_text:before {
  top: 0;
  bottom: 0;
  margin: auto;
}
:where(.post) .c-radio_text:before {
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 3em;
  background-color: transparent;
}
:where(.post) .c-radio_text:after {
  top: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  border: 2px solid #0977d3;
  border-radius: 3em;
  background-color: #fff;
}
:where(.post) .c-pulldown {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 1.5rem;
}
:where(.post) .c-pulldown:first-child {
  margin-top: 0;
}
:where(.post) .c-pulldown-autoWidth {
  width: auto;
}
:where(.post) .c-pulldown-autoWidth select {
  display: inline-block;
  width: auto;
}
:where(.post) .c-pulldown select {
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  width: 100%;
  height: 2.25rem;
  padding: 0 3em 0 1em;
  cursor: pointer;
  color: #2c3152;
  border: 2px solid #dedcd5;
  border-radius: 3em;
  background-color: #edeadf;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:where(.post) .c-pulldown select::-ms-expand {
  display: none;
}
:where(.post) .c-pulldown select:disabled {
  opacity: 0.4;
  color: #aba9a4;
}
:where(.post) .c-pulldown select:disabled + .u-icon:before {
  opacity: 0.4;
  color: #aba9a4;
}
:where(.post) .c-pulldown:before {
  font-size: 1rem;
  position: absolute;
  top: calc(50% - 0.2em);
  right: 0.5rem;
  display: inline-block;
  margin-top: -0.5rem;
  pointer-events: none;
  color: #0977d3;
}
:where(.post) .c-inputText, :where(.post) .c-textarea {
  font-size: 1rem;
  line-height: 1.5;
  line-height: 1;
  display: inline-block;
  width: 100%;
  margin-top: 1.5rem;
  padding: 0.75rem 1rem;
  border: 2px solid #dedcd5;
  border-radius: 3em;
  background-color: #fcfcfa;
}
:where(.post) .c-inputText:first-child, :where(.post) .c-textarea:first-child {
  margin-top: 0;
}
:where(.post) .c-inputText::-webkit-input-placeholder, :where(.post) .c-textarea::-webkit-input-placeholder {
  color: #ccc;
}
:where(.post) .c-inputText::-moz-placeholder, :where(.post) .c-textarea::-moz-placeholder {
  color: #ccc;
}
:where(.post) .c-inputText:-ms-input-placeholder, :where(.post) .c-textarea:-ms-input-placeholder {
  color: #ccc;
}
:where(.post) .c-inputText::-ms-input-placeholder, :where(.post) .c-textarea::-ms-input-placeholder {
  color: #ccc;
}
:where(.post) .c-inputText::placeholder, :where(.post) .c-textarea::placeholder {
  color: #ccc;
}
:where(.post) .c-inputText-error, :where(.post) .c-textarea-error {
  border-color: #e65100;
}
:where(.post) .c-inputText-autoWidth, :where(.post) .c-textarea-autoWidth {
  width: auto;
}
:where(.post) .c-searchBox {
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
}
:where(.post) .c-searchBox_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
:where(.post) .c-searchBox_input {
  line-height: 1;
  padding: 0.75rem 1rem;
  border: 1px solid #bdbdbd;
  border-radius: 4px 0 0 4px;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .c-searchBox-mini .c-searchBox_input {
  padding: 0.25rem 0.75rem;
}
:where(.post) .c-searchBox_submit {
  line-height: 1;
  padding: 0.5rem 1.5rem;
  border: 1px solid #bdbdbd;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  background-color: #e0e0e0;
}
:where(.post) .c-searchBox-mini .c-searchBox_submit {
  padding: 0 0.75rem;
}
:where(.post) #modal {
  display: none;
}
:where(.post) .c-modal_inner {
  position: relative;
  max-width: 1024px;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 48px 32px;
  border: solid 1px #333;
  background-color: #fff;
}
:where(.post) .c-modal_close {
  font-size: 0;
  position: absolute;
  top: 12px;
  right: 30px;
  width: 32px;
  height: 32px;
}
:where(.post) .c-modal_body {
  margin-top: 24px;
}
:where(.post) [data-js-modal] {
  position: absolute;
  z-index: 5000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
:where(.post) [data-js-modal_bg] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
:where(.post) [data-js-modal_container] {
  position: relative;
  width: 75%;
  max-width: 1032px;
  margin: 0 auto;
  opacity: 0;
}
:where(.post) [data-js-modal_correct_right] {
  margin-right: 15px;
}
:where(.post) [data-js-modal_fixed] {
  overflow: hidden !important;
}
:where(.post) [data-js-modal_fixed] body, :where(.post) [data-js-modal_fixed] button, :where(.post) [data-js-modal_fixed] input, :where(.post) [data-js-modal_fixed] option, :where(.post) [data-js-modal_fixed] select, :where(.post) [data-js-modal_fixed] textarea {
  overflow: hidden !important;
}
:where(.post) [data-js-modal_fixed] [data-js-modal_bg] {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
:where(.post) .c-outsideContainer {
  border-bottom: 1px solid #f6f8f8;
}
:where(.post) .c-outsideContainer_close {
  font-size: 0;
  position: absolute;
  top: 24px;
  right: 16px;
  width: 32px;
  height: 32px;
}
:where(.post) .c-outsideContainer_inner {
  position: relative;
  padding-top: 48px;
  padding-bottom: 48px;
}
:where(.post) .c-outsideContainer_body {
  margin-top: 24px;
}
:where(.post) .search.is-loading .g-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}
:where(.post) .search.is-loading .g-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .search.is-loading .g-pageMain {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .search.is-loading .c-searchResults {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .search.is-loading .c-searchResults_inner {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .search.is-loading .c-searchResults_content {
  display: none;
}
:where(.post) .c-searchPane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
:where(.post) .c-searchPane-displaySm {
  display: none;
}
:where(.post) .c-searchPane_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.25rem;
}
:where(.post) .c-searchPane_list:first-child {
  margin-left: 0;
}
:where(.post) .c-searchPane_listItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-searchPane_listItem > .c-btn-next, :where(.post) .c-searchPane_listItem > .c-info_link, :where(.post) .c-searchPane_listItem > .u-icon-chevronRight {
  color: #dedcd5;
}
:where(.post) .c-searchPane_listItem > .c-pulldown {
  margin-top: 0;
}
:where(.post) .c-searchResults {
  margin-top: 2rem;
}
:where(.post) .c-searchResults_content {
  display: block;
}
:where(.post) .c-searchNotfound {
  margin-top: 1rem;
  padding: 9.6875rem 1.5rem;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
}
:where(.post) .c-searchNotfound_title {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
}
:where(.post) .c-searchNotfound_text {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.5rem;
  text-align: center;
}
:where(.post) .c-serchAccordion {
  margin-top: 1rem;
}
:where(.post) .c-serchAccordion .c-serchAccordion_item {
  width: calc(50% - 1rem);
  margin: 0 0.5rem 1rem;
  padding-right: 0;
  padding-left: 0;
  border-radius: 20px;
  background: #fff;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
:where(.post) .c-serchAccordion_img {
  position: relative;
}
:where(.post) .c-serchAccordion_img::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 72px;
  height: 72px;
  margin: auto;
  content: "";
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_movie.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_img > img {
  border-radius: 20px 20px 0 0;
}
:where(.post) .c-serchAccordion_head {
  padding: 0 1rem;
  border-bottom: 2px solid #dedcd5;
}
:where(.post) .c-serchAccordion_headLink {
  font-size: 1.1875rem;
  font-weight: 700;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-decoration: none;
  color: #333 !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-serchAccordion_headLink:active, :where(.post) .c-serchAccordion_headLink:hover {
  text-decoration: none;
  color: #1991f5 !important;
}
:where(.post) .c-serchAccordion_headLink:visited {
  color: #333 !important;
}
:where(.post) .c-serchAccordion_headLink::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 32px;
  margin: auto 0;
  content: "";
}
:where(.post) .c-serchAccordion_headLink-movenote {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-movenote::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_movenote.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-okulink {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-okulink::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_okulink.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-drill {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-drill::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_drill.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-chart {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-chart::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_chart.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-rpdca {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-rpdca::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_rpdca.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-discussion_training {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-discussion_training::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_discussion_training.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-manager {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-manager::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_manager.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-okulinkplus {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-okulinkplus::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_okulinkplus.png) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-testpark {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-testpark::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/icon_testpark.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-use-class {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-use-class::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_use-class.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-use-primary {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-use-primary::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_use-primary.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLink-use-secondary {
  padding-left: 2.5rem;
}
:where(.post) .c-serchAccordion_headLink-use-secondary::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_use-secondary.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-serchAccordion_headLinkIcon {
  margin-left: auto;
  color: #0977d3;
}
:where(.post) .c-serchAccordionBox {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  padding-bottom: 1.25rem;
}
:where(.post) .c-serchAccordionContainer {
  border-bottom: 1px solid #dedcd5;
}
:where(.post) .c-serchAccordionContainerItem {
  padding-right: 1.5rem;
  padding-left: 1rem;
}
:where(.post) .c-serchAccordionContainerItem:not(:first-child) {
  border-top: 1px solid #dedcd5;
}
:where(.post) .c-serchAccordionTrigger {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  cursor: pointer;
}
:where(.post) .c-serchAccordionTrigger.is-open::before {
  display: none;
}
:where(.post) .c-serchAccordionTrigger::before {
  position: absolute;
  top: calc(50% - 7px);
  right: 3px;
  width: 0;
  height: 14px;
  content: "";
  border-left: 2px solid #0977d3;
}
:where(.post) .c-serchAccordionTrigger::after {
  position: absolute;
  top: calc(50% - 1px);
  right: -3px;
  width: 14px;
  height: 0;
  content: "";
  border-top: 2px solid #0977d3;
}
:where(.post) .c-serchAccordionTrigger_label {
  font-weight: 700;
  padding-right: calc(2em + 7px);
}
:where(.post) .c-serchAccordionChest {
  display: none;
  margin-right: -1.5rem;
  margin-left: -1rem;
}
:where(.post) .c-serchAccordionChest_item {
  position: relative;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-top: 1px solid #dedcd5;
}
:where(.post) .c-serchAccordionChest_link {
  position: relative;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  color: #0977d3 !important;
}
:where(.post) .c-serchAccordionChest_link::before {
  position: absolute;
  top: 48%;
  left: 0;
  width: 6px;
  height: 6px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background: #ccc;
}
:where(.post) .c-articleData_category, :where(.post) .c-articleData_category-info {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  line-height: 1.5rem;
  display: inline-block;
  margin-right: 0.75rem;
  padding: 0 1rem;
  color: #3f498c;
  border-radius: 3em;
}
:where(.post) .atc-headingLv1, :where(.post) .c-articleData_wysiwyg h1, :where(.post) .c-articleData_wysiwyg_opperationList h1 {
  font-size: 1.875rem;
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: 1.337;
  margin-top: 1.25em;
}
:where(.post) .atc-headingLv1:first-child, :where(.post) .c-articleData_wysiwyg h1:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h1:first-child {
  margin-top: 0;
}
:where(.post) .atc-headingLv1_sub {
  font-size: 1rem;
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px 4px 4px 0;
  background: #c9eafa;
}
:where(.post) .atc-headingLv1_sub::before {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 9px;
  height: 9px;
  content: "";
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_bubble.svg) no-repeat;
  background-size: contain;
}
:where(.post) .atc-headingLv2, :where(.post) .c-articleData_wysiwyg h2, :where(.post) .c-articleData_wysiwyg_opperationList h2 {
  font-size: 1.5rem;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.337;
  margin-top: 1.25em;
  margin-top: 2.5em;
  margin-bottom: 1.25rem;
  padding-bottom: 6px;
  border-bottom: 2px solid #8abce6;
}
:where(.post) .atc-headingLv2:first-child, :where(.post) .c-articleData_wysiwyg h2:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h2:first-child {
  margin-top: 0;
}
:where(.post) .atc-headingLv2_sub, :where(.post) .c-articleData_wysiwyg h2 u:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h2 em:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h2 strong:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h2 u:first-child {
  font-size: 1rem;
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px 4px 4px 0;
  background: #c9eafa;
}
:where(.post) .atc-headingLv2_sub::before, :where(.post) .c-articleData_wysiwyg h2 u:first-child::before, :where(.post) .c-articleData_wysiwyg_opperationList h2 em:first-child::before, :where(.post) .c-articleData_wysiwyg_opperationList h2 strong:first-child::before, :where(.post) .c-articleData_wysiwyg_opperationList h2 u:first-child::before {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 9px;
  height: 9px;
  content: "";
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_bubble.svg) no-repeat;
  background-size: contain;
}
:where(.post) .atc-headingLv2_em {
  font-size: 1rem;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}
:where(.post) .atc-emphasisText, :where(.post) .c-articleData_wysiwyg em, :where(.post) .c-articleData_wysiwyg h2 em, :where(.post) .c-articleData_wysiwyg_opperationList em {
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}
:where(.post) .c-articleData_wysiwyg h2 strong, :where(.post) .c-articleData_wysiwyg h3 strong {
  font-size: 1rem;
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px 4px 4px 0;
  background: #c9eafa;
}
:where(.post) .c-articleData_wysiwyg h2 strong::before, :where(.post) .c-articleData_wysiwyg h3 strong::before {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 9px;
  height: 9px;
  content: "";
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_bubble.svg) no-repeat;
  background-size: contain;
}
:where(.post) .atc-headingLv3, :where(.post) .c-articleData_wysiwyg h3, :where(.post) .c-articleData_wysiwyg_opperationList h3 {
  font-size: 1.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1.25em;
  margin-top: 2em;
  color: #000;
}
:where(.post) .atc-headingLv3:first-child, :where(.post) .c-articleData_wysiwyg h3:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h3:first-child {
  margin-top: 0;
}
:where(.post) .atc-headingLv3_sub, :where(.post) .c-articleData_wysiwyg h3 em:first-child, :where(.post) .c-articleData_wysiwyg h3 u:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h3 em:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h3 strong:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h3 u:first-child {
  font-size: 0.6em;
  display: inline-block;
  vertical-align: baseline;
  color: #838fdb;
}
:where(.post) .atc-headingLv4, :where(.post) .c-articleData_wysiwyg h4, :where(.post) .c-articleData_wysiwyg_opperationList h4 {
  font-size: 1.125rem;
  line-height: 1.5;
  margin-top: 1.5rem;
}
:where(.post) .atc-headingLv5, :where(.post) .c-articleData_wysiwyg h5, :where(.post) .c-articleData_wysiwyg_opperationList h5 {
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 1.5rem;
}
:where(.post) .atc-text, :where(.post) .c-articleData_htmlInput p, :where(.post) .c-articleData_wysiwyg p, :where(.post) .c-articleData_wysiwyg_opperationList p {
  font-size: 1.125rem;
  line-height: 1.778;
  margin-top: 1.25em;
  margin-top: 1.5rem;
}
:where(.post) .atc-text:first-child, :where(.post) .c-articleData_htmlInput p:first-child, :where(.post) .c-articleData_wysiwyg p:first-child, :where(.post) .c-articleData_wysiwyg_opperationList p:first-child {
  margin-top: 0;
}
:where(.post) .atc-strongText, :where(.post) .c-articleData_wysiwyg strong, :where(.post) .c-articleData_wysiwyg_opperationList strong {
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}
:where(.post) .atc-emphasisText, :where(.post) .c-articleData_wysiwyg em, :where(.post) .c-articleData_wysiwyg h2 em, :where(.post) .c-articleData_wysiwyg_opperationList em {
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}
:where(.post) .atc-underline, :where(.post) .c-articleData_wysiwyg u, :where(.post) .c-articleData_wysiwyg_opperationList u {
  font-style: normal;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, transparent), color-stop(15%, #ffe940));
  background: linear-gradient(transparent 85%, #ffe940 15%);
}
:where(.post) .atc-quote, :where(.post) .c-articleData_wysiwyg blockquote, :where(.post) .c-articleData_wysiwyg_opperationList blockquote {
  margin-top: 1.5rem;
  padding: 1.25rem 1.5rem;
  border-radius: 20px;
  background-color: #f7f5ee;
}
:where(.post) .atc-pre, :where(.post) .c-articleData_wysiwyg pre, :where(.post) .c-articleData_wysiwyg_opperationList pre {
  font-size: 13px;
  position: relative;
  overflow-x: auto;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 24px;
  white-space: pre-wrap;
  color: #657b83;
  border: 1px solid #e0e6ed;
  border-radius: 4px;
  background-color: #f9fafc;
}
:where(.post) .atc-list, :where(.post) .atc-list-order, :where(.post) .c-articleData_wysiwyg ol, :where(.post) .c-articleData_wysiwyg ul, :where(.post) .c-articleData_wysiwyg_opperationList ol, :where(.post) .c-articleData_wysiwyg_opperationList ul {
  margin-top: 1.25em;
  padding-left: 2em;
}
:where(.post) .atc-list-order:first-child, :where(.post) .atc-list:first-child, :where(.post) .c-articleData_wysiwyg ol:first-child, :where(.post) .c-articleData_wysiwyg ul:first-child, :where(.post) .c-articleData_wysiwyg_opperationList ol:first-child, :where(.post) .c-articleData_wysiwyg_opperationList ul:first-child {
  margin-top: 0;
}
:where(.post) .atc-video, :where(.post) .c-articleData_wysiwyg iframe, :where(.post) .c-articleData_wysiwyg_opperationList iframe {
  display: block;
  max-width: 100%;
  margin-top: 1.25em;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .atc-video:first-child, :where(.post) .c-articleData_wysiwyg iframe:first-child, :where(.post) .c-articleData_wysiwyg_opperationList iframe:first-child {
  margin-top: 0;
}
:where(.post) .article.is-loading .g-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}
:where(.post) .article.is-loading .g-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .article.is-loading .g-pageMain {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .article.is-loading .c-article {
  display: none;
}
:where(.post) .is-loading.c-operationPage .c-operation {
  height: auto;
}
:where(.post) .c-article {
  display: block;
  margin-top: 2rem;
}
:where(.post) .c-articleData {
  position: relative;
  word-wrap: break-word;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
}
:where(.post) .c-articleData_inner {
  max-width: 630px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
:where(.post) .c-articleData_back {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
:where(.post) .c-articleData_head {
  padding-bottom: 2rem;
  border-bottom: 2px dotted #dedcd5;
}
:where(.post) .c-articleData_head-noBorder {
  border-bottom: none;
}
:where(.post) .c-articleData_head-noPb {
  padding-bottom: 0;
}
:where(.post) .c-articleData_text {
  line-height: 1.778;
}
:where(.post) .c-articleData_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-articleData-meta {
  margin-top: -8px;
}
:where(.post) .c-articleData_category {
  margin-top: 8px;
  background-color: #ffe940;
}
:where(.post) .c-articleData_category-info {
  background-color: #daddf2;
}
:where(.post) .c-articleData_date {
  font-size: 0.6875rem;
  color: #999;
}
:where(.post) .c-articleData_data {
  color: #999;
}
:where(.post) .c-articleData_data .u-icon {
  font-size: 1rem;
  margin-left: 0.5rem;
}
:where(.post) .c-articleData_heading {
  margin-top: 3rem;
}
:where(.post) .c-articleData_heading rt {
  font-size: 30%;
}
:where(.post) .c-articleData_headingSub {
  font-size: 0.875rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0.25rem;
}
:where(.post) .c-articleData_person {
  font-size: 0.875rem;
  position: relative;
  margin-top: 0.875rem;
  padding-left: 20px;
  color: #3f498c;
}
:where(.post) .c-articleData_person::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 18px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_person.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-articleData_footerTag {
  margin-top: 4rem;
  padding-top: 1rem;
  border-top: 2px dotted #dedcd5;
}
:where(.post) .c-articleData_footerTagInline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .c-articleData_footerTagInline::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_tag.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-articleData_footerTagItem {
  margin-right: 0.75rem;
}
:where(.post) .c-articleData_footerTagLink {
  font-size: 0.875rem;
  text-decoration: none;
  pointer-events: none;
  color: #3f498c !important;
}
:where(.post) .c-articleData_footerTagLink:visited {
  color: #3f498c !important;
}
:where(.post) .c-articleData_tags {
  margin-top: 1rem;
}
:where(.post) .c-articleData_tags .c-tag {
  font-size: 0.875rem;
  line-height: 1.5;
}
:where(.post) .c-articleData_products {
  margin-top: 1rem;
}
:where(.post) .c-articleData_body {
  margin-top: 2rem;
}
:where(.post) .c-articleData_wysiwyg h1 {
  color: #000;
}
:where(.post) .c-articleData_wysiwyg h2 em {
  font-size: 0.6em;
}
:where(.post) .c-articleData_wysiwyg u {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, transparent), color-stop(15%, #ffe940));
  background: linear-gradient(transparent 85%, #ffe940 15%);
}
:where(.post) .c-articleData_wysiwyg ul li {
  font-size: 1.125rem;
  line-height: 1.5;
  display: list-item;
  list-style-type: disc;
}
:where(.post) .c-articleData_wysiwyg ol li {
  font-size: 1.125rem;
  line-height: 1.5;
  display: list-item;
  list-style-type: decimal;
}
:where(.post) .c-articleData_wysiwyg img {
  max-width: 100%;
  height: auto !important;
}
:where(.post) .c-articleData_wysiwyg_opperationList {
  padding-bottom: 2rem;
}
:where(.post) .c-articleData_wysiwyg_opperationList_video {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 1.75rem;
  padding-top: 56.25%;
}
:where(.post) .c-articleData_wysiwyg_opperationList_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:where(.post) .c-articleData_wysiwyg_opperationList ul li {
  display: list-item;
  list-style-type: disc;
}
:where(.post) .c-articleData_wysiwyg_opperationList ol li {
  display: list-item;
  list-style-type: decimal;
}
:where(.post) .c-articleData_wysiwyg_opperationList img {
  max-width: 100%;
  height: auto;
}
:where(.post) .c-articleData_download {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 2px solid #dedcd5;
}
:where(.post) .c-articleData_downloadTitle {
  font-weight: 700;
}
:where(.post) .c-articleData_downloadTitle .u-icon {
  color: #0977d3;
}
:where(.post) .c-articleData_downloadList {
  margin-top: 0.625rem;
}
:where(.post) .c-articleRelatedCards {
  margin-top: 1.5rem;
}
:where(.post) .c-articleRelatedCards:first-child {
  margin-top: 0;
}
:where(.post) .atc-ta-center {
  text-align: center;
}
:where(.post) .atc-ta-center-imp {
  text-align: center !important;
}
:where(.post) .atc-ta-left {
  text-align: left;
}
:where(.post) .atc-ta-left-imp {
  text-align: left !important;
}
:where(.post) .atc-ta-right {
  text-align: right;
}
:where(.post) .atc-ta-right-imp {
  text-align: right !important;
}
:where(.post) .atc-ta-justify {
  text-align: justify;
}
:where(.post) .atc-ta-justify-imp {
  text-align: justify !important;
}
:where(.post) .atc-list li {
  font-size: 1.125rem;
  line-height: 1.5;
}
:where(.post) .atc-list_item {
  display: list-item;
  list-style-type: disc;
}
:where(.post) .atc-list li {
  font-size: 1.125rem;
  line-height: 1.5;
  display: list-item;
  list-style-type: disc;
}
:where(.post) .atc-list-order li {
  font-size: 1.125rem;
  line-height: 1.5;
  display: list-item;
  list-style-type: decimal;
}
:where(.post) .atc-img {
  display: inline-block;
  width: 100%;
  margin-top: 2rem;
}
:where(.post) .atc-img:first-child {
  margin-top: 0;
}
:where(.post) .atc-img > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
:where(.post) .c-articleData_tagInline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
:where(.post) .c-articleData_tagInline .c-articleData_products {
  margin-top: 0.75rem;
}
:where(.post) .c-articleData_tagInline .c-articleData_tags, :where(.post) .c-articleData_tagInline .c-card_tags {
  position: relative;
  margin-top: 0.75rem;
  padding-left: 1rem;
}
:where(.post) .c-articleData_tagInline .c-articleData_tags::before, :where(.post) .c-articleData_tagInline .c-card_tags::before {
  font-size: 0.875rem;
  position: absolute;
  top: 0.1875rem;
  left: 0;
  content: "|";
  color: #3f498c;
}
:where(.post) .c-articleData_tagInline .c-articleData_tags.hide-line, :where(.post) .c-articleData_tagInline .c-card_tags.hide-line {
  padding-left: 0;
}
:where(.post) .c-articleData_tagInline .c-articleData_tags.hide-line::before, :where(.post) .c-articleData_tagInline .c-card_tags.hide-line::before {
  display: none;
}
:where(.post) .c-articleData_tagInline .c-card_tags {
  margin-top: 1rem;
}
:where(.post) .c-articleData_htmlInput_opperationList {
  padding-bottom: 2rem;
}
:where(.post) .c-contentsFooter {
  padding: 2rem 1rem;
  background: #d4eefa;
}
:where(.post) .c-contentsFooter_container {
  max-width: 1032px;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-contentsFooter_heading {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  color: #3f498c;
}
:where(.post) .c-contentsFooter_items {
  margin-top: 1.5rem;
  margin-bottom: -0.5rem;
}
:where(.post) .c-contentsFooter_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
:where(.post) .c-contentsFooter_link {
  display: block;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  border-radius: 10px;
  background: #fff;
}
:where(.post) .c-contentsFooter_link:hover {
  text-decoration: none;
}
:where(.post) .c-contentsFooter_img {
  max-width: 137px;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-contentsFooter_img img {
  max-width: 100%;
  height: auto;
}
:where(.post) .c-contentsFooter_lead {
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 0.75rem;
  text-align: center;
  color: #3f498c;
}
:where(.post) .c-contentsFooter_title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 0.25rem;
  text-align: center;
  color: #3f498c;
}
:where(.post) .c-contentsFooter_linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-contentsFooter_facebook {
  display: block;
  text-decoration: none;
  color: #3f498c !important;
}
:where(.post) .c-contentsFooter_facebook:hover {
  text-decoration: none;
}
:where(.post) .c-contentsFooter_text {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  margin-left: 1rem;
  color: #3f498c;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
:where(.post) .c-articleHero {
  position: relative;
}
:where(.post) .c-articleHero_img {
  position: relative;
  display: block;
}
:where(.post) .c-articleHero_img::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65%;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
}
:where(.post) .c-articleHero_img img {
  border-radius: 20px 20px 0 0;
}
:where(.post) .c-articleHero_text {
  position: absolute;
  bottom: 48px;
  left: 51px;
  width: 500px;
  padding-right: 40px;
  padding-left: 40px;
}
:where(.post) .c-articleHero_text.widFree {
  width: auto !important;
}
:where(.post) .c-articleHero_head {
  font-size: 24px;
  line-height: 1.5;
  position: relative;
  color: #fff;
  text-shadow: #000 0 0 20px, #000 0 0 10px, rgba(0, 0, 0, 0.5) 0 0 5px;
}
:where(.post) .c-articleHero_head::before {
  position: absolute;
  top: 0;
  left: -40px;
  width: 32px;
  height: 24px;
  content: "";
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_dx_quote_01.svg) no-repeat;
  background-size: contain;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
}
:where(.post) .c-articleHero_head::after {
  position: absolute;
  right: -40px;
  bottom: 0;
  width: 32px;
  height: 24px;
  content: "";
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_dx_quote_02.svg) no-repeat;
  background-size: contain;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
}
:where(.post) .c-articleHero_school {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 16px;
  color: #fff;
  text-shadow: #000 0 0 20px, #000 0 0 10px, rgba(0, 0, 0, 0.5) 0 0 5px;
}
:where(.post) .c-articLargeContents {
  max-width: 892px;
  margin-top: 64px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}
:where(.post) .c-editorNote {
  padding-top: 18px;
}
:where(.post) .c-editorNote_cover {
  position: relative;
  padding: 24px;
  border-radius: 20px;
  background: #dbf2ff;
}
:where(.post) .c-editorNote_cover::before {
  position: absolute;
  top: -16px;
  left: 24px;
  width: 32px;
  height: 18px;
  content: "";
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_bud.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-editorNote_title {
  font-size: 18px;
  font-weight: 700;
  color: #3f498c;
}
:where(.post) .c-editorNote_essay {
  font-size: 18px;
  line-height: 1.778;
  margin-top: 16px;
  color: #3f498c;
}
:where(.post) .c-schoolProfile {
  font-size: 14px;
  padding-top: 32px;
  border-top: 2px dotted #dedcd5;
}
:where(.post) .c-articleContents {
  padding: 24px;
  border-radius: 20px;
  background: #f7f5ee;
}
:where(.post) .c-articleContents_title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-left: 8px;
  color: #3f498c;
}
:where(.post) .c-articleContents_list {
  margin-top: 8px;
}
:where(.post) .c-articleContents_item + .c-articleContents_item {
  padding-top: 6px;
  background-image: linear-gradient(to right, #dedcd5, #dedcd5 2px, transparent 3px, transparent 8px);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 6px 3px;
}
:where(.post) .c-articleContents_link {
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
  text-decoration: none;
}
:where(.post) .c-articleContents_link:before {
  font-size: 1.2em;
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 4px;
}
:where(.post) .c-articleVerticalImg {
  margin-bottom: 8px !important;
}
:where(.post) .lesson .c-articleData_inner, :where(.post) .manabi-dx-story .c-articleData_inner {
  padding-top: 48px;
}
:where(.post) .lesson .c-articleData_wysiwyg em, :where(.post) .manabi-dx-story .c-articleData_wysiwyg em {
  font-weight: 400;
  color: #3f498c;
}
:where(.post) .lesson .c-articleData_wysiwyg u, :where(.post) .manabi-dx-story .c-articleData_wysiwyg u {
  background-image: linear-gradient(to right, #ffe940, #ffe940 3px, transparent 3px, transparent 9px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 6px 3px;
}
:where(.post) .c-articleBanner {
  margin-top: 1rem;
  border-top: 2px dotted #dedcd5;
}
:where(.post) .c-articleBanner_text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  color: #3f498c;
}
:where(.post) .is-loading .c-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
:where(.post) .c-loader {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-loader .donutSpinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  -webkit-animation: donut-spin 1.2s linear infinite;
  animation: donut-spin 1.2s linear infinite;
  border: 4px solid #dedcd5;
  border-left-color: #ffe940;
  border-radius: 50%;
}
@-webkit-keyframes donut-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes donut-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
:where(.post) .c-detail {
  display: block;
  margin-top: 2rem;
}
:where(.post) .c-detailData {
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
}
:where(.post) .c-detailData_inner {
  max-width: 912px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 3rem;
  padding-right: 1.5rem;
  padding-bottom: 4rem;
  padding-left: 1.5rem;
}
:where(.post) .c-detailData .c-text {
  line-height: 1.75;
}
:where(.post) .c-detailImg {
  max-width: 640px;
  margin-top: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-detailImg:first-child {
  margin-top: 0;
}
:where(.post) .c-video {
  display: block;
  max-width: 100%;
  margin-top: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-video:first-child {
  margin-top: 0;
}
:where(.post) .c-movieRecomend {
  display: -ms-grid;
  display: grid;
  width: 100%;
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  -webkit-column-gap: 28px;
  -moz-column-gap: 28px;
  column-gap: 28px;
  -ms-grid-columns: calc(100% - 476px - 28px) 28px 476px;
  grid-template-columns: calc(100% - 476px - 28px) 476px;
}
:where(.post) .c-movieRecomend .item01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
:where(.post) .c-movieRecomend .item02 {
  line-height: 1.75;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
:where(.post) .c-movieRecomend .item03 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
:where(.post) {
  /*! =========================================================
   _utility
  ========================================================= */
}
:where(.post) .u-box {
  padding: 1.5rem;
  color: #000;
  border: 1px solid #cfd8dc;
  background: #fff;
}
:where(.post) .u-box-strong {
  border-color: #eceff1;
  background: #eceff1;
}
:where(.post) .u-box-dark {
  color: #fff;
  border-color: #263238;
  background: #263238;
}
:where(.post) .u-box-shadow {
  border: 1px solid #cfd8dc;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
}
:where(.post) .u-smOnly {
  display: none;
}
:where(.post) .u-ta-center {
  text-align: center;
}
:where(.post) .u-ta-center-imp {
  text-align: center !important;
}
:where(.post) .u-ta-left {
  text-align: left;
}
:where(.post) .u-ta-left-imp {
  text-align: left !important;
}
:where(.post) .u-ta-right {
  text-align: right;
}
:where(.post) .u-ta-right-imp {
  text-align: right !important;
}
:where(.post) .u-va-top {
  vertical-align: top;
}
:where(.post) .u-va-top-imp {
  vertical-align: top !important;
}
:where(.post) .u-va-middle {
  vertical-align: middle;
}
:where(.post) .u-va-middle-imp {
  vertical-align: middle !important;
}
:where(.post) .u-va-bottom {
  vertical-align: bottom;
}
:where(.post) .u-va-bottom-imp {
  vertical-align: bottom !important;
}
:where(.post) .u-fz-10 {
  font-size: 10px;
}
:where(.post) .u-fz-10-imp {
  font-size: 10px !important;
}
:where(.post) .u-fz-11 {
  font-size: 11px;
}
:where(.post) .u-fz-11-imp {
  font-size: 11px !important;
}
:where(.post) .u-fz-12 {
  font-size: 12px;
}
:where(.post) .u-fz-12-imp {
  font-size: 12px !important;
}
:where(.post) .u-fz-13 {
  font-size: 13px;
}
:where(.post) .u-fz-13-imp {
  font-size: 13px !important;
}
:where(.post) .u-fz-14 {
  font-size: 14px;
}
:where(.post) .u-fz-14-imp {
  font-size: 14px !important;
}
:where(.post) .u-fz-15 {
  font-size: 15px;
}
:where(.post) .u-fz-15-imp {
  font-size: 15px !important;
}
:where(.post) .u-fz-16 {
  font-size: 16px;
}
:where(.post) .u-fz-16-imp {
  font-size: 16px !important;
}
:where(.post) .u-fz-17 {
  font-size: 17px;
}
:where(.post) .u-fz-17-imp {
  font-size: 17px !important;
}
:where(.post) .u-fz-18 {
  font-size: 18px;
}
:where(.post) .u-fz-18-imp {
  font-size: 18px !important;
}
:where(.post) .u-fz-19 {
  font-size: 19px;
}
:where(.post) .u-fz-19-imp {
  font-size: 19px !important;
}
:where(.post) .u-fz-20 {
  font-size: 20px;
}
:where(.post) .u-fz-20-imp {
  font-size: 20px !important;
}
:where(.post) .u-fz-21 {
  font-size: 21px;
}
:where(.post) .u-fz-21-imp {
  font-size: 21px !important;
}
:where(.post) .u-fz-22 {
  font-size: 22px;
}
:where(.post) .u-fz-22-imp {
  font-size: 22px !important;
}
:where(.post) .u-fz-23 {
  font-size: 23px;
}
:where(.post) .u-fz-23-imp {
  font-size: 23px !important;
}
:where(.post) .u-fz-24 {
  font-size: 24px;
}
:where(.post) .u-fz-24-imp {
  font-size: 24px !important;
}
:where(.post) .u-fz-25 {
  font-size: 25px;
}
:where(.post) .u-fz-25-imp {
  font-size: 25px !important;
}
:where(.post) .u-fz-26 {
  font-size: 26px;
}
:where(.post) .u-fz-26-imp {
  font-size: 26px !important;
}
:where(.post) .u-fz-27 {
  font-size: 27px;
}
:where(.post) .u-fz-27-imp {
  font-size: 27px !important;
}
:where(.post) .u-fz-28 {
  font-size: 28px;
}
:where(.post) .u-fz-28-imp {
  font-size: 28px !important;
}
:where(.post) .u-fz-29 {
  font-size: 29px;
}
:where(.post) .u-fz-29-imp {
  font-size: 29px !important;
}
:where(.post) .u-fz-30 {
  font-size: 30px;
}
:where(.post) .u-fz-30-imp {
  font-size: 30px !important;
}
:where(.post) .u-fz-31 {
  font-size: 31px;
}
:where(.post) .u-fz-31-imp {
  font-size: 31px !important;
}
:where(.post) .u-fz-32 {
  font-size: 32px;
}
:where(.post) .u-fz-32-imp {
  font-size: 32px !important;
}
:where(.post) .u-fz-33 {
  font-size: 33px;
}
:where(.post) .u-fz-33-imp {
  font-size: 33px !important;
}
:where(.post) .u-fz-34 {
  font-size: 34px;
}
:where(.post) .u-fz-34-imp {
  font-size: 34px !important;
}
:where(.post) .u-fz-35 {
  font-size: 35px;
}
:where(.post) .u-fz-35-imp {
  font-size: 35px !important;
}
:where(.post) .u-fz-36 {
  font-size: 36px;
}
:where(.post) .u-fz-36-imp {
  font-size: 36px !important;
}
:where(.post) .u-fz-37 {
  font-size: 37px;
}
:where(.post) .u-fz-37-imp {
  font-size: 37px !important;
}
:where(.post) .u-fz-38 {
  font-size: 38px;
}
:where(.post) .u-fz-38-imp {
  font-size: 38px !important;
}
:where(.post) .u-fz-39 {
  font-size: 39px;
}
:where(.post) .u-fz-39-imp {
  font-size: 39px !important;
}
:where(.post) .u-fz-40 {
  font-size: 40px;
}
:where(.post) .u-fz-40-imp {
  font-size: 40px !important;
}
:where(.post) .u-fz-41 {
  font-size: 41px;
}
:where(.post) .u-fz-41-imp {
  font-size: 41px !important;
}
:where(.post) .u-fz-42 {
  font-size: 42px;
}
:where(.post) .u-fz-42-imp {
  font-size: 42px !important;
}
:where(.post) .u-fz-43 {
  font-size: 43px;
}
:where(.post) .u-fz-43-imp {
  font-size: 43px !important;
}
:where(.post) .u-fz-44 {
  font-size: 44px;
}
:where(.post) .u-fz-44-imp {
  font-size: 44px !important;
}
:where(.post) .u-fz-45 {
  font-size: 45px;
}
:where(.post) .u-fz-45-imp {
  font-size: 45px !important;
}
:where(.post) .u-fz-46 {
  font-size: 46px;
}
:where(.post) .u-fz-46-imp {
  font-size: 46px !important;
}
:where(.post) .u-fz-47 {
  font-size: 47px;
}
:where(.post) .u-fz-47-imp {
  font-size: 47px !important;
}
:where(.post) .u-fz-48 {
  font-size: 48px;
}
:where(.post) .u-fz-48-imp {
  font-size: 48px !important;
}
:where(.post) .u-fz-49 {
  font-size: 49px;
}
:where(.post) .u-fz-49-imp {
  font-size: 49px !important;
}
:where(.post) .u-fz-50 {
  font-size: 50px;
}
:where(.post) .u-fz-50-imp {
  font-size: 50px !important;
}
:where(.post) .u-fz-51 {
  font-size: 51px;
}
:where(.post) .u-fz-51-imp {
  font-size: 51px !important;
}
:where(.post) .u-fz-52 {
  font-size: 52px;
}
:where(.post) .u-fz-52-imp {
  font-size: 52px !important;
}
:where(.post) .u-fz-53 {
  font-size: 53px;
}
:where(.post) .u-fz-53-imp {
  font-size: 53px !important;
}
:where(.post) .u-fz-54 {
  font-size: 54px;
}
:where(.post) .u-fz-54-imp {
  font-size: 54px !important;
}
:where(.post) .u-fz-55 {
  font-size: 55px;
}
:where(.post) .u-fz-55-imp {
  font-size: 55px !important;
}
:where(.post) .u-fz-56 {
  font-size: 56px;
}
:where(.post) .u-fz-56-imp {
  font-size: 56px !important;
}
:where(.post) .u-fz-57 {
  font-size: 57px;
}
:where(.post) .u-fz-57-imp {
  font-size: 57px !important;
}
:where(.post) .u-fz-58 {
  font-size: 58px;
}
:where(.post) .u-fz-58-imp {
  font-size: 58px !important;
}
:where(.post) .u-fz-59 {
  font-size: 59px;
}
:where(.post) .u-fz-59-imp {
  font-size: 59px !important;
}
:where(.post) .u-fz-60 {
  font-size: 60px;
}
:where(.post) .u-fz-60-imp {
  font-size: 60px !important;
}
:where(.post) .u-fz-61 {
  font-size: 61px;
}
:where(.post) .u-fz-61-imp {
  font-size: 61px !important;
}
:where(.post) .u-fz-62 {
  font-size: 62px;
}
:where(.post) .u-fz-62-imp {
  font-size: 62px !important;
}
:where(.post) .u-fz-63 {
  font-size: 63px;
}
:where(.post) .u-fz-63-imp {
  font-size: 63px !important;
}
:where(.post) .u-fz-64 {
  font-size: 64px;
}
:where(.post) .u-fz-64-imp {
  font-size: 64px !important;
}
:where(.post) .u-fz-65 {
  font-size: 65px;
}
:where(.post) .u-fz-65-imp {
  font-size: 65px !important;
}
:where(.post) .u-fz-66 {
  font-size: 66px;
}
:where(.post) .u-fz-66-imp {
  font-size: 66px !important;
}
:where(.post) .u-fz-67 {
  font-size: 67px;
}
:where(.post) .u-fz-67-imp {
  font-size: 67px !important;
}
:where(.post) .u-fz-68 {
  font-size: 68px;
}
:where(.post) .u-fz-68-imp {
  font-size: 68px !important;
}
:where(.post) .u-fz-69 {
  font-size: 69px;
}
:where(.post) .u-fz-69-imp {
  font-size: 69px !important;
}
:where(.post) .u-fz-70 {
  font-size: 70px;
}
:where(.post) .u-fz-70-imp {
  font-size: 70px !important;
}
:where(.post) .u-fz-71 {
  font-size: 71px;
}
:where(.post) .u-fz-71-imp {
  font-size: 71px !important;
}
:where(.post) .u-fz-72 {
  font-size: 72px;
}
:where(.post) .u-fz-72-imp {
  font-size: 72px !important;
}
:where(.post) .u-fz-73 {
  font-size: 73px;
}
:where(.post) .u-fz-73-imp {
  font-size: 73px !important;
}
:where(.post) .u-fz-74 {
  font-size: 74px;
}
:where(.post) .u-fz-74-imp {
  font-size: 74px !important;
}
:where(.post) .u-fz-75 {
  font-size: 75px;
}
:where(.post) .u-fz-75-imp {
  font-size: 75px !important;
}
:where(.post) .u-fz-76 {
  font-size: 76px;
}
:where(.post) .u-fz-76-imp {
  font-size: 76px !important;
}
:where(.post) .u-fz-77 {
  font-size: 77px;
}
:where(.post) .u-fz-77-imp {
  font-size: 77px !important;
}
:where(.post) .u-fz-78 {
  font-size: 78px;
}
:where(.post) .u-fz-78-imp {
  font-size: 78px !important;
}
:where(.post) .u-fz-79 {
  font-size: 79px;
}
:where(.post) .u-fz-79-imp {
  font-size: 79px !important;
}
:where(.post) .u-fz-80 {
  font-size: 80px;
}
:where(.post) .u-fz-80-imp {
  font-size: 80px !important;
}
:where(.post) .u-fz-81 {
  font-size: 81px;
}
:where(.post) .u-fz-81-imp {
  font-size: 81px !important;
}
:where(.post) .u-fz-82 {
  font-size: 82px;
}
:where(.post) .u-fz-82-imp {
  font-size: 82px !important;
}
:where(.post) .u-fz-83 {
  font-size: 83px;
}
:where(.post) .u-fz-83-imp {
  font-size: 83px !important;
}
:where(.post) .u-fz-84 {
  font-size: 84px;
}
:where(.post) .u-fz-84-imp {
  font-size: 84px !important;
}
:where(.post) .u-fz-85 {
  font-size: 85px;
}
:where(.post) .u-fz-85-imp {
  font-size: 85px !important;
}
:where(.post) .u-fz-86 {
  font-size: 86px;
}
:where(.post) .u-fz-86-imp {
  font-size: 86px !important;
}
:where(.post) .u-fz-87 {
  font-size: 87px;
}
:where(.post) .u-fz-87-imp {
  font-size: 87px !important;
}
:where(.post) .u-fz-88 {
  font-size: 88px;
}
:where(.post) .u-fz-88-imp {
  font-size: 88px !important;
}
:where(.post) .u-fz-89 {
  font-size: 89px;
}
:where(.post) .u-fz-89-imp {
  font-size: 89px !important;
}
:where(.post) .u-fz-90 {
  font-size: 90px;
}
:where(.post) .u-fz-90-imp {
  font-size: 90px !important;
}
:where(.post) .u-fz-91 {
  font-size: 91px;
}
:where(.post) .u-fz-91-imp {
  font-size: 91px !important;
}
:where(.post) .u-fz-92 {
  font-size: 92px;
}
:where(.post) .u-fz-92-imp {
  font-size: 92px !important;
}
:where(.post) .u-fz-93 {
  font-size: 93px;
}
:where(.post) .u-fz-93-imp {
  font-size: 93px !important;
}
:where(.post) .u-fz-94 {
  font-size: 94px;
}
:where(.post) .u-fz-94-imp {
  font-size: 94px !important;
}
:where(.post) .u-fz-95 {
  font-size: 95px;
}
:where(.post) .u-fz-95-imp {
  font-size: 95px !important;
}
:where(.post) .u-fz-96 {
  font-size: 96px;
}
:where(.post) .u-fz-96-imp {
  font-size: 96px !important;
}
:where(.post) .u-fz-97 {
  font-size: 97px;
}
:where(.post) .u-fz-97-imp {
  font-size: 97px !important;
}
:where(.post) .u-fz-98 {
  font-size: 98px;
}
:where(.post) .u-fz-98-imp {
  font-size: 98px !important;
}
:where(.post) .u-fz-99 {
  font-size: 99px;
}
:where(.post) .u-fz-99-imp {
  font-size: 99px !important;
}
:where(.post) .u-fz-100 {
  font-size: 100px;
}
:where(.post) .u-fz-100-imp {
  font-size: 100px !important;
}
:where(.post) .u-fw-thin {
  font-weight: 100;
}
:where(.post) .u-fw-thin-imp {
  font-weight: 100 !important;
}
:where(.post) .u-fw-light {
  font-weight: 200;
}
:where(.post) .u-fw-light-imp {
  font-weight: 200 !important;
}
:where(.post) .u-fw-demilight {
  font-weight: 300;
}
:where(.post) .u-fw-demilight-imp {
  font-weight: 300 !important;
}
:where(.post) .u-fw-regular {
  font-weight: 400;
}
:where(.post) .u-fw-regular-imp {
  font-weight: 400 !important;
}
:where(.post) .u-fw-medium {
  font-weight: 500;
}
:where(.post) .u-fw-medium-imp {
  font-weight: 500 !important;
}
:where(.post) .u-fw-bold {
  font-weight: 700;
}
:where(.post) .u-fw-bold-imp {
  font-weight: 700 !important;
}
:where(.post) .u-fw-black {
  font-weight: 900;
}
:where(.post) .u-fw-black-imp {
  font-weight: 900 !important;
}
:where(.post) .u-tc-black {
  color: #000;
}
:where(.post) .u-tc-black-imp {
  color: #000 !important;
}
:where(.post) .u-tc-grey900 {
  color: #212121;
}
:where(.post) .u-tc-grey900-imp {
  color: #212121 !important;
}
:where(.post) .u-tc-grey800 {
  color: #424242;
}
:where(.post) .u-tc-grey800-imp {
  color: #424242 !important;
}
:where(.post) .u-tc-grey700 {
  color: #616161;
}
:where(.post) .u-tc-grey700-imp {
  color: #616161 !important;
}
:where(.post) .u-tc-grey600 {
  color: #757575;
}
:where(.post) .u-tc-grey600-imp {
  color: #757575 !important;
}
:where(.post) .u-tc-grey500 {
  color: #9e9e9e;
}
:where(.post) .u-tc-grey500-imp {
  color: #9e9e9e !important;
}
:where(.post) .u-tc-grey400 {
  color: #bdbdbd;
}
:where(.post) .u-tc-grey400-imp {
  color: #bdbdbd !important;
}
:where(.post) .u-tc-grey300 {
  color: #e0e0e0;
}
:where(.post) .u-tc-grey300-imp {
  color: #e0e0e0 !important;
}
:where(.post) .u-tc-grey200 {
  color: #eee;
}
:where(.post) .u-tc-grey200-imp {
  color: #eee !important;
}
:where(.post) .u-tc-grey100 {
  color: #f5f5f5;
}
:where(.post) .u-tc-grey100-imp {
  color: #f5f5f5 !important;
}
:where(.post) .u-tc-grey50 {
  color: #fafafa;
}
:where(.post) .u-tc-grey50-imp {
  color: #fafafa !important;
}
:where(.post) .u-tc-white {
  color: #fff;
}
:where(.post) .u-tc-white-imp {
  color: #fff !important;
}
:where(.post) .u-tc-accent {
  color: #ffe940;
}
:where(.post) .u-tc-accent-imp {
  color: #ffe940 !important;
}
:where(.post) .u-tc-base {
  color: #f7f5ee;
}
:where(.post) .u-tc-base-imp {
  color: #f7f5ee !important;
}
:where(.post) .u-tc-border {
  color: #dedcd5;
}
:where(.post) .u-tc-border-imp {
  color: #dedcd5 !important;
}
:where(.post) .u-tc-identity {
  color: #2c3152;
}
:where(.post) .u-tc-identity-imp {
  color: #2c3152 !important;
}
:where(.post) .u-tc-error {
  color: #c62b40;
}
:where(.post) .u-tc-error-imp {
  color: #c62b40 !important;
}
:where(.post) .u-tc-blue01 {
  color: #3f498c;
}
:where(.post) .u-tc-blue01-imp {
  color: #3f498c !important;
}
:where(.post) .u-tc-blue02 {
  color: #0977d3;
}
:where(.post) .u-tc-blue02-imp {
  color: #0977d3 !important;
}
:where(.post) .u-tc-blue03 {
  color: #8abce6;
}
:where(.post) .u-tc-blue03-imp {
  color: #8abce6 !important;
}
:where(.post) .u-tc-grey01 {
  color: #dedcd5;
}
:where(.post) .u-tc-grey01-imp {
  color: #dedcd5 !important;
}
:where(.post) .u-tc-grey02 {
  color: #999;
}
:where(.post) .u-tc-grey02-imp {
  color: #999 !important;
}
:where(.post) .u-tf-h1 {
  font-size: 1.875rem;
  font-weight: 700;
}
:where(.post) .u-tf-h2 {
  font-size: 1.6875rem;
  font-weight: 700;
}
:where(.post) .u-tf-h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
:where(.post) .u-tf-h4 {
  font-size: 1.25rem;
  font-weight: 700;
}
:where(.post) .u-tf-h5 {
  font-size: 1rem;
  font-weight: 700;
}
:where(.post) .u-tf-h6 {
  font-size: 0.875rem;
  font-weight: 700;
}
:where(.post) .u-tf-h7 {
  font-size: 0.75rem;
  font-weight: 700;
}
:where(.post) .u-tf-catch {
  font-size: 2.5rem;
  font-weight: 700;
}
:where(.post) .u-tf-lead {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
:where(.post) .u-tf-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
:where(.post) .u-tf-body {
  font-size: 1rem;
  line-height: 1.5;
}
:where(.post) .u-tf-sub {
  font-size: 0.875rem;
  line-height: 1.5;
}
:where(.post) .u-tf-note {
  font-size: 0.875rem;
  line-height: 1.5;
}
:where(.post) .u-tf-labelL {
  font-size: 1.125rem;
  line-height: 1.5;
}
:where(.post) .u-tf-labelM {
  font-size: 1rem;
  line-height: 1.5;
}
:where(.post) .u-tf-labelS {
  font-size: 0.875rem;
  line-height: 1.5;
}
:where(.post) .u-tf-labelXS {
  font-size: 0.75rem;
  line-height: 1.5;
}
:where(.post) .u-bgc-black {
  background: #000;
}
:where(.post) .u-bgc-black-imp {
  background: #000 !important;
}
:where(.post) .u-bgc-grey900 {
  background: #212121;
}
:where(.post) .u-bgc-grey900-imp {
  background: #212121 !important;
}
:where(.post) .u-bgc-grey800 {
  background: #424242;
}
:where(.post) .u-bgc-grey800-imp {
  background: #424242 !important;
}
:where(.post) .u-bgc-grey700 {
  background: #616161;
}
:where(.post) .u-bgc-grey700-imp {
  background: #616161 !important;
}
:where(.post) .u-bgc-grey600 {
  background: #757575;
}
:where(.post) .u-bgc-grey600-imp {
  background: #757575 !important;
}
:where(.post) .u-bgc-grey500 {
  background: #9e9e9e;
}
:where(.post) .u-bgc-grey500-imp {
  background: #9e9e9e !important;
}
:where(.post) .u-bgc-grey400 {
  background: #bdbdbd;
}
:where(.post) .u-bgc-grey400-imp {
  background: #bdbdbd !important;
}
:where(.post) .u-bgc-grey300 {
  background: #e0e0e0;
}
:where(.post) .u-bgc-grey300-imp {
  background: #e0e0e0 !important;
}
:where(.post) .u-bgc-grey200 {
  background: #eee;
}
:where(.post) .u-bgc-grey200-imp {
  background: #eee !important;
}
:where(.post) .u-bgc-grey100 {
  background: #f5f5f5;
}
:where(.post) .u-bgc-grey100-imp {
  background: #f5f5f5 !important;
}
:where(.post) .u-bgc-grey50 {
  background: #fafafa;
}
:where(.post) .u-bgc-grey50-imp {
  background: #fafafa !important;
}
:where(.post) .u-bgc-white {
  background: #fff;
}
:where(.post) .u-bgc-white-imp {
  background: #fff !important;
}
:where(.post) .u-bgc-accent {
  background: #ffe940;
}
:where(.post) .u-bgc-accent-imp {
  background: #ffe940 !important;
}
:where(.post) .u-bgc-base {
  background: #f7f5ee;
}
:where(.post) .u-bgc-base-imp {
  background: #f7f5ee !important;
}
:where(.post) .u-bgc-border {
  background: #dedcd5;
}
:where(.post) .u-bgc-border-imp {
  background: #dedcd5 !important;
}
:where(.post) .u-bgc-identity {
  background: #2c3152;
}
:where(.post) .u-bgc-identity-imp {
  background: #2c3152 !important;
}
:where(.post) .u-bgc-error {
  background: #c62b40;
}
:where(.post) .u-bgc-error-imp {
  background: #c62b40 !important;
}
:where(.post) .u-bgc-blue01 {
  background: #3f498c;
}
:where(.post) .u-bgc-blue01-imp {
  background: #3f498c !important;
}
:where(.post) .u-bgc-blue02 {
  background: #0977d3;
}
:where(.post) .u-bgc-blue02-imp {
  background: #0977d3 !important;
}
:where(.post) .u-bgc-blue03 {
  background: #8abce6;
}
:where(.post) .u-bgc-blue03-imp {
  background: #8abce6 !important;
}
:where(.post) .u-bgc-grey01 {
  background: #dedcd5;
}
:where(.post) .u-bgc-grey01-imp {
  background: #dedcd5 !important;
}
:where(.post) .u-bgc-grey02 {
  background: #999;
}
:where(.post) .u-bgc-grey02-imp {
  background: #999 !important;
}
:where(.post) .u-bdc-black {
  border-color: #000;
}
:where(.post) .u-bdc-black-imp {
  border-color: #000 !important;
}
:where(.post) .u-bdc-grey900 {
  border-color: #212121;
}
:where(.post) .u-bdc-grey900-imp {
  border-color: #212121 !important;
}
:where(.post) .u-bdc-grey800 {
  border-color: #424242;
}
:where(.post) .u-bdc-grey800-imp {
  border-color: #424242 !important;
}
:where(.post) .u-bdc-grey700 {
  border-color: #616161;
}
:where(.post) .u-bdc-grey700-imp {
  border-color: #616161 !important;
}
:where(.post) .u-bdc-grey600 {
  border-color: #757575;
}
:where(.post) .u-bdc-grey600-imp {
  border-color: #757575 !important;
}
:where(.post) .u-bdc-grey500 {
  border-color: #9e9e9e;
}
:where(.post) .u-bdc-grey500-imp {
  border-color: #9e9e9e !important;
}
:where(.post) .u-bdc-grey400 {
  border-color: #bdbdbd;
}
:where(.post) .u-bdc-grey400-imp {
  border-color: #bdbdbd !important;
}
:where(.post) .u-bdc-grey300 {
  border-color: #e0e0e0;
}
:where(.post) .u-bdc-grey300-imp {
  border-color: #e0e0e0 !important;
}
:where(.post) .u-bdc-grey200 {
  border-color: #eee;
}
:where(.post) .u-bdc-grey200-imp {
  border-color: #eee !important;
}
:where(.post) .u-bdc-grey100 {
  border-color: #f5f5f5;
}
:where(.post) .u-bdc-grey100-imp {
  border-color: #f5f5f5 !important;
}
:where(.post) .u-bdc-grey50 {
  border-color: #fafafa;
}
:where(.post) .u-bdc-grey50-imp {
  border-color: #fafafa !important;
}
:where(.post) .u-bdc-white {
  border-color: #fff;
}
:where(.post) .u-bdc-white-imp {
  border-color: #fff !important;
}
:where(.post) .u-bdc-accent {
  border-color: #ffe940;
}
:where(.post) .u-bdc-accent-imp {
  border-color: #ffe940 !important;
}
:where(.post) .u-bdc-base {
  border-color: #f7f5ee;
}
:where(.post) .u-bdc-base-imp {
  border-color: #f7f5ee !important;
}
:where(.post) .u-bdc-border {
  border-color: #dedcd5;
}
:where(.post) .u-bdc-border-imp {
  border-color: #dedcd5 !important;
}
:where(.post) .u-bdc-identity {
  border-color: #2c3152;
}
:where(.post) .u-bdc-identity-imp {
  border-color: #2c3152 !important;
}
:where(.post) .u-bdc-error {
  border-color: #c62b40;
}
:where(.post) .u-bdc-error-imp {
  border-color: #c62b40 !important;
}
:where(.post) .u-bdc-blue01 {
  border-color: #3f498c;
}
:where(.post) .u-bdc-blue01-imp {
  border-color: #3f498c !important;
}
:where(.post) .u-bdc-blue02 {
  border-color: #0977d3;
}
:where(.post) .u-bdc-blue02-imp {
  border-color: #0977d3 !important;
}
:where(.post) .u-bdc-blue03 {
  border-color: #8abce6;
}
:where(.post) .u-bdc-blue03-imp {
  border-color: #8abce6 !important;
}
:where(.post) .u-bdc-grey01 {
  border-color: #dedcd5;
}
:where(.post) .u-bdc-grey01-imp {
  border-color: #dedcd5 !important;
}
:where(.post) .u-bdc-grey02 {
  border-color: #999;
}
:where(.post) .u-bdc-grey02-imp {
  border-color: #999 !important;
}
:where(.post) .u-icon {
  line-height: 1;
}
:where(.post) .u-icon:before {
  font-size: 1.25em;
  vertical-align: middle;
}
:where(.post) .u-iconLink a, :where(.post) .u-iconText a {
  text-decoration: none;
}
:where(.post) .u-iconLink .u-icon:before, :where(.post) .u-iconText .u-icon:before {
  position: relative;
  top: -0.1em;
  margin-left: 4px;
}
:where(.post) .u-iconLink .u-icon:first-child:before, :where(.post) .u-iconText .u-icon:first-child:before {
  margin-right: 4px;
  margin-left: 0;
}
:where(.post) .u-iconLink .u-icon {
  color: #0977d3;
}
@font-face {
  font-family: iconfont;
  src: url(/miraiseed/fansite/assets-fansite/fonts/iconfont.eot) format("eot"), url(/miraiseed/fansite/assets-fansite/fonts/iconfont.woff2) format("woff2"), url(/miraiseed/fansite/assets-fansite/fonts/iconfont.woff) format("woff"), url(/miraiseed/fansite/assets-fansite/fonts/iconfont.ttf) format("truetype"), url(/miraiseed/fansite/assets-fansite/fonts/iconfont.svg#iconfont) format("svg");
}
:where(.post) .c-articleContents_link:before, :where(.post) .c-btn-back:before, :where(.post) .c-btn-linkBlank:before, :where(.post) .c-btn-next:before, :where(.post) .c-info_link:before, :where(.post) .c-localNav_pulldown:before, :where(.post) .c-operationPage .c-localNav_pulldown:before, :where(.post) .c-pulldown:before, :where(.post) .u-icon-arrowLeft:before, :where(.post) .u-icon-arrowRight:before, :where(.post) .u-icon-check:before, :where(.post) .u-icon-chevronDown:before, :where(.post) .u-icon-chevronLeft:before, :where(.post) .u-icon-chevronRight:before, :where(.post) .u-icon-chevronUp:before, :where(.post) .u-icon-document:before, :where(.post) .u-icon-linkBlank:before, :where(.post) .u-icon-minus:before, :where(.post) .u-icon-play:before, :where(.post) .u-icon-plus:before, :where(.post) .u-icon-triDown:before, :where(.post) .u-icon-triUp:before {
  font-family: iconfont;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.post) .u-icon-arrowLeft:before {
  content: "\f001";
}
:where(.post) .u-icon-arrowRight:before {
  content: "\f002";
}
:where(.post) .u-icon-check:before {
  content: "\f003";
}
:where(.post) .c-articleContents_link:before, :where(.post) .u-icon-chevronDown:before {
  content: "\f004";
}
:where(.post) .c-btn-back:before, :where(.post) .u-icon-chevronLeft:before {
  content: "\f005";
}
:where(.post) .c-btn-next:before, :where(.post) .c-info_link:before, :where(.post) .u-icon-chevronRight:before {
  content: "\f006";
}
:where(.post) .u-icon-chevronUp:before {
  content: "\f007";
}
:where(.post) .u-icon-document:before {
  content: "\f008";
}
:where(.post) .c-btn-linkBlank:before, :where(.post) .u-icon-linkBlank:before {
  content: "\f009";
}
:where(.post) .u-icon-minus:before {
  content: "\f00a";
}
:where(.post) .u-icon-play:before {
  content: "\f00b";
}
:where(.post) .u-icon-plus:before {
  content: "\f00c";
}
:where(.post) .c-localNav_pulldown:before, :where(.post) .c-operationPage .c-localNav_pulldown:before, :where(.post) .c-pulldown:before, :where(.post) .u-icon-triDown:before {
  content: "\f00d";
}
:where(.post) .u-icon-triUp:before {
  content: "\f00e";
}
:where(.post) {
  /*! =========================================================
   _individual
  ========================================================= */
}
:where(.post) .notfound .g-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  background-color: #fff;
}
:where(.post) .notfound .g-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .notfound .g-pageMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-notfound {
  padding: 4rem 0.5rem;
}
:where(.post) .c-notfound_logo .c-headingLv1 {
  width: 228px;
  margin: 0 auto;
}
:where(.post) .c-notfound_logo .c-headingLv1 > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
:where(.post) .c-notfound_title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 4rem;
  text-align: center;
}
:where(.post) .c-notfound_text {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.5rem;
  text-align: center;
}
:where(.post) .c-notfound .c-btn {
  max-width: 336px;
}
:where(.post) .about .g-wrapper {
  background-color: #fff;
}
:where(.post) .c-about {
  padding-top: 6rem;
}
:where(.post) .c-about_inner {
  max-width: calc(756px + 4rem);
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
:where(.post) .c-about_logo .c-headingLv1 {
  width: 180px;
  margin: 0 auto;
}
:where(.post) .c-about_logo .c-headingLv1 > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
:where(.post) .c-aboutHeadingLv2 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 4rem;
  text-align: center;
}
:where(.post) .c-aboutHeadingLv2:first-child {
  margin-top: 0;
}
:where(.post) .c-aboutHeadingLv3 {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 4rem;
  text-align: center;
}
:where(.post) .c-aboutHeadingLv3:first-child {
  margin-top: 0;
}
:where(.post) .c-about_content_list {
  margin-top: 1.5rem;
}
:where(.post) .c-about_content_listItem {
  margin-top: 3rem;
}
:where(.post) .c-about_content_listItem:first-child {
  margin-top: 0;
}
:where(.post) .c-about_content_title {
  font-size: 1.25rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #3f498c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-about_content_title:before {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 3rem 3rem;
}
:where(.post) .c-about_content_title-start:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_start.svg);
}
:where(.post) .c-about_content_title-use:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_use.svg);
}
:where(.post) .c-about_content_title-app:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_app.svg);
}
:where(.post) .c-about_content_title-case:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_case.svg);
}
:where(.post) .c-about_content_title-info:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_info.svg);
}
:where(.post) .c-about_content_title-recommend:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_recommend.svg);
}
:where(.post) .c-about_content_title-faq:before {
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_faq.svg);
}
:where(.post) .c-about_content_text {
  line-height: 1.75;
  margin-top: 0.5rem;
}
:where(.post) .c-about_box:before {
  display: block;
  margin-top: 3rem;
  content: "＊＊＊";
  text-align: center;
}
:where(.post) .c-about_box .c-text {
  margin-top: 3rem;
}
:where(.post) .c-about .c-text {
  line-height: 1.75;
}
:where(.post) .c-about .c-btn {
  max-width: 336px;
}
:where(.post) .c-contactHeadingLv2 {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 1.5rem;
  text-align: center;
}
:where(.post) .c-contactHeadingLv2:first-child {
  margin-top: 0;
}
:where(.post) .c-contactHeadingLv2-versatile {
  font-size: 1.875rem;
  margin-top: 5rem;
  padding-bottom: 6px;
  text-align: left;
  border-bottom: 2px solid #8abce6;
}
:where(.post) .c-contactHeadingLv2-versatile:first-of-type {
  margin-top: 3rem;
}
:where(.post) .c-contactHeadingLv2-versatile:first-child {
  margin-top: 0;
}
:where(.post) .c-contactNumberHeading {
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  margin-top: 2rem;
}
:where(.post) .c-contactNumberHeadingWrap {
  margin-top: 2.5rem;
  margin-left: 2.5rem;
}
:where(.post) .c-contactNumberHeadingWrap-marginL {
  margin-top: 4rem;
}
:where(.post) .c-contactNumberHeading_number {
  position: absolute;
  top: 0.3rem;
  left: -2.5rem;
}
:where(.post) .c-contactNumberHeading_text {
  display: block;
  overflow: hidden;
}
:where(.post) .c-contactLink {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
:where(.post) .c-contactLink a {
  text-decoration: none;
}
:where(.post) .c-contact .c-note {
  line-height: 1.7;
}
:where(.post) .c-contactUnderline {
  position: relative;
  z-index: 4;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffe940), to(#ffe940));
  background-image: linear-gradient(to right, #ffe940, #ffe940);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 40%;
}
:where(.post) .c-contactAskQuestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -1.25rem;
  margin-right: -0.875rem;
  margin-left: -0.875rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .c-contactAskQuestion_item {
  width: 50%;
  margin-top: 1.25rem;
  padding-right: 0.875rem;
  padding-left: 0.875rem;
}
:where(.post) .c-contactAskQuestion_item:nth-child(1) .c-contactAskQuestion_link {
  padding-top: 0;
  border-top: none;
}
:where(.post) .c-contactAskQuestion_item:nth-child(2) .c-contactAskQuestion_link {
  padding-top: 0;
  border-top: none;
}
:where(.post) .c-contactAskQuestion_link {
  padding-top: 1rem;
  border-top: 1px solid #dadee0;
}
:where(.post) .c-contactAskQuestion_link a {
  position: relative;
  display: block;
  padding-left: 1.75rem;
  text-decoration: none;
}
:where(.post) .c-contactAskQuestion_link a:hover {
  text-decoration: underline;
}
:where(.post) .c-contactAskQuestion_link a::before {
  position: absolute;
  top: calc(0.75em - 4px);
  left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  content: "";
  border-radius: 50%;
  background: #c9eafa;
}
:where(.post) .c-contactFooter {
  padding: 1.5rem;
  border: 1px solid #cfd8dc;
  border-radius: 2px;
}
:where(.post) .c-contactInquiry {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}
:where(.post) .c-contactInquiry_break {
  display: none;
}
:where(.post) .c-contactLine a {
  text-decoration: none;
}
:where(.post) .c-contactLinkLine a {
  text-decoration: underline;
}
:where(.post) .c-contactSmOnly {
  display: none;
}
:where(.post) .faq.is-loading .g-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}
:where(.post) .faq.is-loading .g-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .faq.is-loading .g-pageMain {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .faq.is-loading .c-faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .faq.is-loading .c-faq_inner {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .faq.is-loading .c-faq_content {
  display: none;
}
:where(.post) .c-faq {
  margin-top: 2rem;
}
:where(.post) .c-faq_content {
  display: block;
}
:where(.post) .c-faq_list {
  margin-top: 1rem;
}
:where(.post) .c-faq_listItem {
  margin-top: 0.5rem;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
}
:where(.post) .c-faq_listItem:first-child {
  margin-top: 0;
}
:where(.post) .c-faq_question {
  position: relative;
  cursor: pointer;
}
:where(.post) .c-faq_question:before {
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  width: 0;
  height: 14px;
  content: "";
  border-left: 2px solid #0977d3;
}
:where(.post) .c-faq_question.is-open:before {
  opacity: 0;
}
:where(.post) .c-faq_question:after {
  position: absolute;
  top: calc(50% - 1px);
  right: 1rem;
  width: 14px;
  height: 0;
  content: "";
  border-top: 2px solid #0977d3;
}
:where(.post) .c-faq_questionLabel {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 1.5rem;
  padding-right: calc(14px + 2rem);
  padding-bottom: 1.5rem;
  padding-left: calc(32px + 2rem);
}
:where(.post) .is-open .c-faq_questionLabel {
  color: #3f498c;
}
:where(.post) .c-faq_questionLabel:before {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_q.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px 32px;
}
:where(.post) .c-faq_answer {
  position: relative;
  display: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
  border-top: 2px dotted #dedcd5;
}
:where(.post) .is-open + .c-faq_answer {
  opacity: 1;
}
:where(.post) .c-faq_answerLabel {
  font-size: 1rem;
  line-height: 1.75;
  padding-top: 1.5rem;
  padding-right: 4rem;
  padding-bottom: 1.5rem;
  padding-left: calc(32px + 2rem);
  word-wrap: break-word;
}
:where(.post) .c-faq_answerLabel:before {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 32px;
  height: 32px;
  content: "";
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_a.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px 32px;
}
:where(.post) .c-faq_answer .c-text {
  line-height: 1.75;
}
:where(.post) .c-faq_answer .c-list_item {
  margin-top: 0.5rem;
}
:where(.post) .c-faq_answer .c-list_item:first-child {
  margin-top: 0;
}
:where(.post) .c-serchForm {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 420px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
:where(.post) .c-serchForm_input {
  position: relative;
  width: 77.619%;
  padding: 8px 8px 8px 36px;
  border: 1px solid #83bae9;
  border-right: none;
  border-radius: 100vw 0 0 100vw;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:where(.post) .c-serchForm_icon {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where(.post) .c-serchForm_submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 98px;
  color: #fff;
  border-radius: 0 100vw 100vw 0;
  background: #0977d3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 98px;
          flex: 1 0 98px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-serchForm_submit:hover {
  opacity: 1;
  background: #1991f5;
}
:where(.post) .c-categorySearch {
  border: 2px solid #dedcd6;
  border-radius: 10px;
  background: #fff;
}
:where(.post) .c-categorySearch_accordion {
  position: relative;
  padding: 1rem 0.75rem;
  cursor: pointer;
}
:where(.post) .c-categorySearch_accordion.active .c-categorySearch_head::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_accordion_close.svg);
}
:where(.post) .c-categorySearch_head {
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 28px;
  color: #333;
}
:where(.post) .c-categorySearch_head::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_accordion_open.svg);
  background-size: contain;
}
:where(.post) .c-categorySearch_backbutton {
  position: absolute;
  top: 50%;
  right: 25px;
  display: none;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where(.post) .c-categorySearch_squeeze {
  width: 5em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5em;
          flex: 0 0 5em;
}
:where(.post) .c-categorySearch_checkList {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:where(.post) .c-categorySearch_checkItem {
  display: inline-block;
}
:where(.post) .c-categorySearch_checkItem:not(:last-child)::after {
  content: ", ";
}
:where(.post) .c-categorySearch_container {
  padding: 1rem 2.5rem 2.5rem 2.5rem;
  border-top: 1px solid #dedcd6;
}
:where(.post) .c-categorySearch_box {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dedcd6;
}
:where(.post) .c-categorySearch_box:first-child {
  padding-top: 0;
}
:where(.post) .c-categorySearch_box:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
:where(.post) .c-categorySearch_actionButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
:where(.post) .c-categorySearch_reset {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 118px;
  margin-right: 1rem;
  padding-top: calc(0.75rem - 1px);
  padding-bottom: calc(0.75rem - 1px);
  color: #0977d3;
  border: 1px solid #0977d3;
  border-radius: 100vw;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-categorySearch_reset:hover {
  color: #1991f5;
  border-color: #1991f5;
  background-color: #e0f1ff;
}
:where(.post) .c-categorySearch_submit {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  padding-top: calc(0.75rem - 1px);
  padding-bottom: calc(0.75rem - 1px);
  color: #fff;
  border-radius: 100vw;
  background: #0977d3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-categorySearch_submit:hover {
  opacity: 1;
  background: #1991f5;
}
:where(.post) .c-categoryForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .c-categoryForm-secondary {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #dedcd6;
}
:where(.post) .c-categoryForm_label {
  width: 190px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
:where(.post) .c-categoryForm_genre {
  font-size: 1rem;
  font-weight: 700;
  width: 100%;
  margin-bottom: 0.5rem;
}
:where(.post) .c-categoryForm_name {
  font-size: 1rem;
  font-weight: 700;
  padding-right: 0.5rem;
}
:where(.post) .c-categoryForm_name-sub {
  font-weight: 400;
}
:where(.post) .c-categoryForm_all {
  font-size: 0.75rem;
  text-decoration: underline;
  color: #999;
}
:where(.post) .c-categoryForm_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 190px;
          flex: 1 0 190px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .c-categoryForm_check {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1rem;
  padding-top: 8px;
  padding-left: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-categoryForm_control {
  position: absolute;
  margin-right: 0.5rem;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:where(.post) .c-categoryForm_control + .c-categoryForm_render::before {
  position: absolute;
  bottom: 2.5px;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_check_off.svg);
  background-size: contain;
}
:where(.post) .c-categoryForm_control:checked + .c-categoryForm_render::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_check_on.svg);
  background-size: contain;
}
:where(.post) .c-categoryForm_render {
  font-size: 1rem;
  color: #3f498c;
}
:where(.post) .c-headingLv2 + .c-serchMatch {
  margin-top: 1rem;
}
:where(.post) .c-serchMatch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
:where(.post) .c-serchMatch + .c-serchArticles {
  margin-top: 0.5rem;
}
:where(.post) .c-serchMatch_value {
  font-size: 0.875rem;
  position: relative;
  padding-left: 22px;
  color: #666;
}
:where(.post) .c-serchMatch_value::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_search_window.svg);
  background-size: contain;
}
:where(.post) .c-serchArticles {
  margin-top: 4rem;
}
:where(.post) .info {
  overflow-x: hidden;
}
:where(.post) .info .c-primeHeading {
  margin-top: 0 !important;
}
:where(.post) .c-infoToggle {
  margin-top: 64px;
}
:where(.post) .c-infoContents {
  margin-top: 32px;
}
:where(.post) .c-infoTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-infoTab_item {
  width: 100%;
  max-width: 197px;
}
:where(.post) .c-infoTab_button {
  font-size: 18px;
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 10px;
  text-align: center;
  text-decoration: none;
  color: #3f498c !important;
}
:where(.post) .c-infoTab_button:visited {
  color: #3f498c !important;
}
:where(.post) .c-infoTab_button:hover {
  font-weight: 700;
  text-decoration: none;
  color: #3f498c !important;
}
:where(.post) .c-infoTab_button::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #dedcd5;
}
:where(.post) .c-infoTab_button.current {
  font-weight: 700;
}
:where(.post) .c-infoTab_button.current::before {
  width: 100%;
  height: 4px;
  background-color: #ffe940;
}
:where(.post) .c-infoCard_link {
  display: block;
  text-decoration: none;
  color: #333 !important;
  border-radius: 8px;
  background: #fff;
}
:where(.post) .c-infoCard_link:hover {
  text-decoration: none;
  color: inherit !important;
}
:where(.post) .c-infoCard_link:visited {
  color: inherit !important;
}
:where(.post) .c-infoCard_img {
  padding: 6px 6px 0 6px;
}
:where(.post) .c-infoCard_img img {
  max-width: 100%;
}
:where(.post) .c-infoCard_contents {
  padding: 16px 24px 24px;
}
:where(.post) .c-infoCard_title {
  font-size: 19px;
}
:where(.post) .c-infoCard_date {
  font-size: 14px;
  margin-top: 16px;
  color: #333;
}
:where(.post) .c-infoCard_day {
  color: #3f498c;
}
:where(.post) .c-infoCard_tag {
  color: #3f498c;
}
:where(.post) .c-infoSelect {
  position: relative;
  display: none;
  margin-top: 32px;
}
:where(.post) .c-infoSelect::before {
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 10px;
  width: 24px;
  height: 24px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_select_down.svg);
}
:where(.post) .c-infoSelect_tab {
  position: relative;
  width: 192px;
  padding: 6px 15px;
  border: 2px solid #dedcd5;
  border-radius: 50vw;
  background: #edeadf;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
:where(.post) .c-lessonBox {
  padding: 24px;
  border-radius: 16px;
  background: #f7f5ee;
}
:where(.post) .u-ml-0 {
  margin-left: 0;
}
:where(.post) .lesson .g-container {
  overflow-x: hidden;
}
:where(.post) .c-lesson.c-articleHero {
  position: relative;
  padding: 56px 88px;
}
:where(.post) .c-lesson.c-articleHero.c-lesson-bg01 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_01.svg);
  background-size: 1032px 516px;
}
:where(.post) .c-lesson.c-articleHero.c-lesson-bg02 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_02.svg);
  background-size: 1032px 516px;
}
:where(.post) .c-lesson.c-articleHero.c-lesson-bg03 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_03.svg);
  background-size: 1032px 516px;
}
:where(.post) .c-lesson.c-articleHero.c-lesson-bg04 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_04.svg);
  background-size: 1032px 516px;
}
:where(.post) .c-lesson.c-articleHero.c-lesson-bg05 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_05.svg);
  background-size: 1032px 516px;
}
:where(.post) .c-lesson.c-articleHero.c-lesson-bg06 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_06.svg);
  background-size: 1032px 516px;
}
:where(.post) .c-lesson.c-articleHero.c-lesson-bg07 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_07.svg);
  background-size: 1032px 516px;
}
:where(.post) .c-lesson.c-articleHero.c-lesson-bg08 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_08.svg);
  background-size: 1032px 516px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-lesson.c-articleHero .c-lessonIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
:where(.post) .c-lesson.c-articleHero .c-lessonIcon img {
  display: block;
  width: 100%;
}
:where(.post) .c-lesson.c-articleHero .c-lessonIcon img + img {
  margin-left: 8px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonTags {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-left: 8px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonTags .c-lessonTagName + .c-lessonTagName {
  position: relative;
}
:where(.post) .c-lesson.c-articleHero .c-lessonTags .c-lessonTagName + .c-lessonTagName::before {
  content: "｜";
}
:where(.post) .c-lesson.c-articleHero .c-lessonAbout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonUnit {
  width: calc(100% - 196px);
  margin-right: 40px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonTitle {
  font-size: 39px;
  font-weight: 700;
  line-height: 1.5;
}
:where(.post) .c-lesson.c-articleHero .c-lessonPoint {
  margin-top: 24px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonPointTag {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
  padding: 2px 16px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 50vw;
}
:where(.post) .c-lesson.c-articleHero .c-lessonList {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 4px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonListItem {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}
:where(.post) .c-lesson.c-articleHero .c-lessonListItem:before {
  content: "・";
}
:where(.post) .c-lesson.c-articleHero .c-lessonListItem + .c-lessonListItem {
  margin-top: 4px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonBtn {
  margin-top: 32px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonInfomation {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
:where(.post) .c-lesson.c-articleHero .c-lessonIntroduction {
  margin-bottom: -42px;
}
:where(.post) .c-lesson.c-articleHero .c-lessonTeacher {
  text-align: center;
}
:where(.post) .c-lesson.c-articleHero .c-lessonTeacher img {
  width: 100%;
  height: 100%;
}
:where(.post) .c-lesson.c-articleHero .c-lessonTeacher .teacher-img {
  width: 152px;
  height: 152px;
  margin-top: 6px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #fff;
}
:where(.post) .c-lesson.c-articleHero .c-lessonTeacherInfo {
  text-align: center;
}
:where(.post) .c-lesson.c-articleHero .c-lessonTip {
  font-size: 14px;
  line-height: 1.5;
}
:where(.post) .login .g-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  background-color: #fff;
}
:where(.post) .login .g-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0;
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/bg_login.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
:where(.post) .login .g-pageMain {
  margin-top: 3rem;
  margin-right: 5%;
  margin-bottom: 3rem;
}
:where(.post) .c-login_body {
  width: 376px;
  padding-top: 4rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
}
:where(.post) .c-login_logo .c-headingLv1 {
  width: 228px;
  margin: 0 auto;
}
:where(.post) .c-login_logo .c-headingLv1 > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
:where(.post) .c-login_action .c-note {
  font-size: 0.6875rem;
  line-height: 1.5;
  margin-top: 0.25rem;
  color: #727272;
}
:where(.post) .c-login_action .u-tc-error {
  display: none;
}
:where(.post) .c-login_action .u-tc-error.is-error {
  display: block;
}
:where(.post) .c-login_btn {
  position: relative;
  margin-top: 1.5rem;
}
:where(.post) .c-login_btn .c-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}
:where(.post) .is-loading .c-login_btn .c-btn {
  opacity: 0.05;
}
:where(.post) .c-login_footer {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 2px solid #f6f8f8;
}
:where(.post) .c-managerLocalNav {
  margin-top: 1.5rem;
  border-bottom: 2px solid #dedcd5;
}
:where(.post) .c-managerLocalNav a {
  font-weight: 700;
  text-decoration: none;
}
:where(.post) .c-managerLocalNav a:active, :where(.post) .c-managerLocalNav a:hover {
  text-decoration: none;
  opacity: 1;
  color: #3f498c !important;
}
:where(.post) .c-managerLocalNav_list {
  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;
}
:where(.post) .c-managerLocalNav_listItem {
  margin-bottom: -3px;
  margin-left: 1.5rem;
}
:where(.post) .c-managerLocalNav_listItem:first-child {
  margin-left: 0;
}
:where(.post) .c-managerLocalNav_listItem:after {
  display: block;
  height: 4px;
  content: "";
  pointer-events: none;
  border-radius: 2px;
  background-color: transparent;
}
:where(.post) .c-managerLocalNav_listItem.is-current:after {
  background-color: #b7e6ff;
}
:where(.post) .c-managerLocalNav_listItem.is-current .c-managerLocalNav_link {
  color: #3f498c !important;
}
:where(.post) .c-managerLocalNav_link {
  margin-bottom: -0.25rem;
  padding-bottom: 0.5rem;
}
:where(.post) .c-managerQrImage img {
  width: 174px;
}
:where(.post) .c-managerMovie iframe {
  display: block;
  max-width: 100%;
  margin-top: 1.25em;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-managerTileItem {
  margin-bottom: 1.5rem;
}
:where(.post) .c-managerButtonLink {
  font-weight: 700;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  margin: auto 0;
  padding-right: 1.5rem;
  padding-left: 70px;
  text-decoration: none;
  color: #fff !important;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-managerButtonLinkBr {
  display: none;
}
:where(.post) .c-managerButtonLink:hover {
  text-decoration: none;
  color: #fff !important;
}
:where(.post) .c-managerButtonLink:visited {
  color: #fff !important;
}
:where(.post) .c-managerButtonLink::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  margin: auto 0;
  content: "";
}
:where(.post) .c-managerButtonLink-okulink {
  background: #56559b;
}
:where(.post) .c-managerButtonLink-okulink::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_okulink.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-managerButtonLink-movenote {
  background: #c01734;
}
:where(.post) .c-managerButtonLink-movenote::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_movenote.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-managerButtonLink_icon {
  margin-left: auto;
  color: #fff;
}
:where(.post) .c-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 72px);
  margin-bottom: -4rem;
  background: #fff;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
:where(.post) .c-operation_contents {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 73.75%;
  padding: 0 1rem;
  border-right: 2px solid #dedcd5;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 73.75%;
          flex: 0 1 73.75%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
:where(.post) .c-operation_contents::-webkit-scrollbar {
  display: none;
}
:where(.post) .c-operation_contentsInner {
  max-width: 854px;
  margin: 0 auto;
}
:where(.post) .c-operation_contentsBody {
  display: none;
}
:where(.post) .c-operationHead {
  font-size: 1.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  color: #3f498c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-operationHead::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: auto 0;
  content: "";
}
:where(.post) .c-operationHead-movenote {
  padding-left: 3rem;
}
:where(.post) .c-operationHead-movenote::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_movenote.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-operationHead-okulink {
  padding-left: 3rem;
}
:where(.post) .c-operationHead-okulink::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_okulink.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-operationHead-drill {
  padding-left: 3rem;
}
:where(.post) .c-operationHead-drill::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_drill.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-operationHead-okulinkplus {
  padding-left: 3rem;
}
:where(.post) .c-operationHead-okulinkplus::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_okulinkplus.png) no-repeat;
  background-size: contain;
}
:where(.post) .c-operationHead-testpark {
  padding-left: 3rem;
}
:where(.post) .c-operationHead-testpark::before {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/icon_testpark.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-operation_chapter {
  overflow-y: scroll;
  width: 378px;
  padding: 0 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 378px;
          flex: 1 0 378px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
:where(.post) .c-operation_chapter::-webkit-scrollbar {
  display: none;
}
:where(.post) .c-operation_chapterHead {
  margin-top: 3.25rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #dedcd5;
}
:where(.post) .c-operation_chapterHeadText {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1rem;
  padding-left: 1.5rem;
  color: #3f498c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-operation_chapterHeadText::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "";
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icons/ic_contents.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-operationParagraph {
  border-bottom: 2px solid #dedcd5;
}
:where(.post) .c-operationParagraph_box:not(:first-child) {
  border-top: 1px solid #dedcd5;
}
:where(.post) .c-operationParagraph:last-child {
  overflow: hidden;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #dedcd5;
}
:where(.post) .c-operationParagraph_head {
  font-weight: 700;
  position: relative;
  margin-left: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
:where(.post) .c-operationParagraph_list {
  margin: 0 0.5rem;
}
:where(.post) .c-operationParagraph_item {
  border-top: 1px solid #dedcd5;
}
:where(.post) .c-operationParagraph_link {
  position: relative;
  display: block;
  margin-left: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  text-decoration: none;
}
:where(.post) .c-operationParagraph_link::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 6px;
  margin: auto 0;
  content: "";
  border-radius: 50%;
  background-color: #ccc;
}
:where(.post) .c-operationParagraph_link.is-current {
  font-weight: 700;
  color: #3f498c !important;
}
:where(.post) .c-operationParagraph_link.is-current::before {
  background-color: #e42b26;
}
:where(.post) .c-operationFooter {
  margin-top: 4rem;
  margin-right: 1rem;
  margin-left: 1rem;
  padding-bottom: 1.5rem;
}
:where(.post) .c-operationFooter_logo {
  text-align: right;
}
:where(.post) .c-operationFooter_copyright {
  font-size: 0.75rem;
  line-height: 1.5;
  width: 100%;
  margin-top: 0.5rem;
  text-align: right;
  color: #3f498c;
}
:where(.post) .osusume .g-container {
  overflow-x: hidden;
}
:where(.post) .osusume.is-loading .g-wrapper {
  height: 100vh;
}
:where(.post) .osusume.is-loading .g-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .osusume.is-loading .g-pageMain {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .osusume.is-loading .c-searchResults {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .osusume.is-loading .c-searchResults_inner {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .osusume.is-loading .c-searchResults_content {
  display: none;
}
:where(.post) .c-pageTitle {
  padding-right: 1rem;
  padding-left: 1rem;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/bg_page-title_pc.svg);
  background-position: top center;
  background-size: auto 306px;
}
:where(.post) .c-pageTitle-sub {
  padding-right: 1rem;
  padding-left: 1rem;
}
:where(.post) .c-pageTitle_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1032px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .c-pageTitle_img {
  width: 33.3333%;
}
:where(.post) .c-pageTitle_img img {
  max-width: 100%;
}
:where(.post) .c-pageTitle_head {
  width: 66.6667%;
}
:where(.post) .c-pageTitle_title {
  font-size: 2rem;
  letter-spacing: 4px;
  color: #3f498c;
}
:where(.post) .c-pageTitle_text {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 0.5rem;
  color: #3f498c;
}
:where(.post) .c-pageTitle_form {
  margin-top: 1rem;
}
:where(.post) .c-pageTitle_serch {
  max-width: 420px;
  margin-top: 1rem;
}
:where(.post) .c-subPageTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
:where(.post) .c-subPageTitle_heading {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
:where(.post) .c-subPageTitle_back {
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
:where(.post) .c-subPageTitle_head {
  font-size: 2rem;
  letter-spacing: 4px;
  color: #3f498c;
}
:where(.post) .c-subPageTitle_serch {
  margin-left: auto;
}
:where(.post) .seminar.is-loading .g-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}
:where(.post) .seminar.is-loading .g-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .seminar.is-loading .g-pageMain {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .seminar.is-loading .c-article {
  display: none;
}
:where(.post) .seminar {
  overflow-x: hidden;
}
:where(.post) .c-detail_inner .c-primeHeading, :where(.post) .c-detail_inner .c-visualHeading {
  margin-top: -2em;
}
:where(.post) .c-primeHeading {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 24px;
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_visualheading_bg.svg);
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_archives-heading_bg_pc.svg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: auto 100%;
  background-size: auto 194px;
}
:where(.post) .c-primeHeading_area {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-primeHeading_backLink {
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
  padding-left: 1.25rem;
  text-decoration: none;
  color: #0977d3 !important;
}
:where(.post) .c-primeHeading_backLink::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 24px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icon_prime-back.svg) no-repeat;
}
:where(.post) .c-primeHeading_backLink:hover {
  text-decoration: none;
}
:where(.post) .c-primeHeading_head {
  color: #3f498c;
}
:where(.post) .c-primeHeading_title {
  font-size: 2rem;
  letter-spacing: 4px;
}
:where(.post) .c-primeHeading_text {
  font-size: 0.875rem;
  font-weight: 700;
}
:where(.post) .c-primeHeading_text-smOnly {
  display: none;
}
:where(.post) .c-visualHeading {
  width: 100vw;
  height: 306px;
  margin-left: calc(50% - 50vw);
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_visualheading_bg.svg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: auto 100%;
}
:where(.post) .c-visualHeading_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-visualHeading_img {
  width: 344px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
:where(.post) .c-visualHeading_img img {
  max-width: 100%;
}
:where(.post) .c-visualHeading_head {
  color: #3f498c;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
:where(.post) .c-visualHeading_title {
  font-size: 2rem;
  letter-spacing: 4px;
}
:where(.post) .c-visualHeading_text {
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 0.5rem;
}
:where(.post) .c-visualHeading_text-smOnly {
  display: none;
}
:where(.post) .c-seminarContents {
  margin-top: 4rem;
}
:where(.post) .c-seminarInfoItem {
  margin-bottom: 8px;
  padding-right: 16px !important;
  padding-left: 16px !important;
}
:where(.post) .c-seminarInfoButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #333;
  border-radius: 10px;
}
:where(.post) .c-seminarInfoButton:visited {
  color: #333 !important;
}
:where(.post) .c-seminarInfoButton:hover {
  text-decoration: none;
  opacity: 0.9;
  color: #333;
  -webkit-box-shadow: 0 0 7px 0 #dedcd5;
          box-shadow: 0 0 7px 0 #dedcd5;
}
:where(.post) .c-seminarInfoButton_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 72px;
  text-align: center;
  border-radius: 10px 0 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-seminarInfoButton_img-01 {
  background: #56559b;
}
:where(.post) .c-seminarInfoButton_img-01 img {
  width: 41px;
}
:where(.post) .c-seminarInfoButton_img-02 {
  background: #c01734;
}
:where(.post) .c-seminarInfoButton_img-02 img {
  width: 41px;
}
:where(.post) .c-seminarInfoButton_img-03 {
  background: #2ba553;
}
:where(.post) .c-seminarInfoButton_img-03 img {
  width: 24px;
}
:where(.post) .c-seminarInfoButton_img-08 {
  background: #e57c00;
}
:where(.post) .c-seminarInfoButton_img-08 img {
  width: 41px;
}
:where(.post) .c-seminarInfoButton_img-09 {
  background: #0f91ef;
}
:where(.post) .c-seminarInfoButton_img-09 img {
  width: 41px;
}
:where(.post) .c-seminarInfoButton_img-04 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/seminar_howto_img_01.png) no-repeat;
  background-size: 100%;
}
:where(.post) .c-seminarInfoButton_img-04 img {
  width: 46px;
}
:where(.post) .c-seminarInfoButton_img-05 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/seminar_howto_img_02.png) no-repeat;
  background-size: 100%;
}
:where(.post) .c-seminarInfoButton_img-05 img {
  width: 46px;
}
:where(.post) .c-seminarInfoButton_img-06 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/seminar_howto_img_03.png) no-repeat;
  background-size: 100%;
}
:where(.post) .c-seminarInfoButton_img-06 img {
  width: 46px;
}
:where(.post) .c-seminarInfoButton_img-07 {
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/seminar_howto_img_04.png) no-repeat;
  background-size: 100%;
}
:where(.post) .c-seminarInfoButton_img-07 img {
  width: 46px;
}
:where(.post) .c-seminarInfoButton_imgCover {
  background-size: cover;
}
:where(.post) .c-seminarInfoButton_text {
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  height: 72px;
  padding: 8px 32px 8px 12px;
  border-radius: 0 10px 10px 0;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-seminarInfoButton_text::before {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 12px;
  height: 24px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/icon_seminar_button.svg);
  background-size: contain;
}
:where(.post) .c-seminar_noEntory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 22px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-seminar_noEntoryText {
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.5;
  color: #333;
}
:where(.post) .c-cardSlender + .c-cardSlender {
  margin-top: 0.75rem;
}
:where(.post) .c-cardSlender_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px;
  text-decoration: none;
  border-radius: 10px;
  background: #fff;
}
:where(.post) .c-cardSlender_link:hover {
  text-decoration: none;
  opacity: 0.9;
  -webkit-box-shadow: 0 0 7px 0 #dedcd5;
          box-shadow: 0 0 7px 0 #dedcd5;
}
:where(.post) .c-cardSlender_link:hover {
  text-decoration: none;
}
:where(.post) .c-cardSlender_thumbnail {
  width: 324px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
:where(.post) .c-cardSlender_thumbnail img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
:where(.post) .c-cardSlender_infomation {
  margin-left: 24px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .c-cardSlender_reception {
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-block;
  margin-right: 12px;
  padding: 3px 10px;
  color: #2c3152;
  border-radius: 100vw;
  background: #ffe940;
}
:where(.post) .c-cardSlender_reception-end {
  background: #ccc;
}
:where(.post) .c-cardSlender_startDate {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
:where(.post) .c-cardSlender_startDate .color01 {
  color: #3f498c;
}
:where(.post) .c-cardSlender_title {
  font-size: 19px;
  font-weight: 700;
  margin-top: 0.75rem;
  color: #333;
}
:where(.post) .c-cardSlender_text {
  font-size: 14px;
  margin-top: 10px;
  color: #333;
}
:where(.post) .c-seminarInfo {
  padding-right: 45px;
  padding-left: 45px;
}
:where(.post) .c-seminarInfo_body {
  overflow: hidden;
}
:where(.post) .c-seminarInfo_inner {
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-seminarInfo_reception-end {
  background: #ccc;
}
:where(.post) .c-seminarInfo_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-right: -24px;
  margin-left: -24px;
}
:where(.post) .c-seminarInfo_data {
  width: 64.2353%;
  padding-right: 24px;
  padding-left: 24px;
}
:where(.post) .c-seminarInfo_thumbnail {
  position: relative;
  width: 100%;
  padding-top: 63.934%;
}
:where(.post) .c-seminarInfo_thumbnailMovie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:where(.post) .c-seminarInfo_thumbnailMovie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:where(.post) .c-seminarInfo_thumbnailImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:where(.post) .c-seminarInfo_thumbnailImg img {
  max-width: 100%;
}
:where(.post) .c-seminarInfo_lead {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.77;
  margin-top: 1.5rem;
}
:where(.post) .c-seminarInfo_text {
  font-size: 1.125rem;
  line-height: 1.77;
  margin-top: 1.5rem;
}
:where(.post) .c-seminarInfo_smallHeading {
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 4.5rem;
  border-bottom: 2px solid #8abce6;
}
:where(.post) .c-seminarInfo_speaker {
  font-size: 0.875rem;
}
:where(.post) .c-seminarInfo_speakerImg img {
  max-width: 100%;
}
:where(.post) .c-seminarInfo_profile {
  font-size: 0.75rem;
  margin-top: 1rem;
}
:where(.post) .c-seminarInfo_about {
  width: 37.1765%;
  padding-right: 24px;
  padding-left: 24px;
}
:where(.post) .c-seminarInfo_entry {
  position: relative;
}
:where(.post) .c-seminarInfo_entry-end {
  font-weight: 400;
  color: #767676;
  border: 1px solid #ccc;
  background: #fff;
}
:where(.post) .c-seminarInfo_entry-end:active, :where(.post) .c-seminarInfo_entry-end:hover, :where(.post) .c-seminarInfo_entry-end:link, :where(.post) .c-seminarInfo_entry-end:visited {
  color: #767676 !important;
  background: #fff;
}
:where(.post) .c-seminarInfo_container {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #ccc;
}
:where(.post) .c-seminarInfo_container-date.c-seminarInfo_container-date {
  padding-top: 0;
  border-top: none;
}
:where(.post) .c-seminarInfo_container:first-child {
  padding-top: 0;
  border-top: none;
}
:where(.post) .c-seminarInfo_index {
  font-size: 0.875rem;
  color: #3f498c;
}
:where(.post) .c-seminarInfo_info {
  font-size: 0.875rem;
}
:where(.post) .c-archivesTab {
  margin-bottom: 2rem;
}
:where(.post) .c-archivesTab_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-archivesTab_trigger {
  font-size: 1.125rem;
  font-weight: 700;
  width: 164px;
  padding-bottom: 6px;
  text-align: center;
  text-decoration: none;
  color: grey;
  border-bottom: 4px solid #d8d6d0;
}
:where(.post) .c-archivesTab_trigger:visited {
  color: grey !important;
}
:where(.post) .c-archivesTab_trigger:hover {
  text-decoration: none;
  opacity: 1;
  color: #3f498c;
}
:where(.post) .c-archivesTab_trigger-active {
  color: #3f498c;
  border-color: #ffe940;
}
:where(.post) .c-archivesTab_trigger-active:visited {
  color: #3f498c !important;
}
:where(.post) .c-archivesTab_contents {
  margin-top: 2rem;
}
:where(.post) .c-archivesTab_content {
  display: none;
}
:where(.post) .c-archivesTab_content-active {
  display: block;
}
:where(.post) .c-seminarInfoSeries {
  margin-top: 16px;
}
:where(.post) .c-seminarInfoSeries_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-bottom: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
:where(.post) .c-seminarInfoSeries_item + .c-seminarInfoSeries_item {
  padding-top: 16px;
  border-top: 1px solid #ccc;
}
:where(.post) .c-seminarInfoSeries_data {
  font-size: 18px;
  letter-spacing: 0.02em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
:where(.post) .c-seminarInfoSeries_button {
  font-size: 14px;
  width: 96px;
  padding: 10px;
}
:where(.post) .c-seminarInfoSeries_button-end {
  font-weight: 400;
  color: #767676;
  border: 1px solid #ccc;
  background: #fff;
}
:where(.post) .c-seminarInfoSeries_button-end:active, :where(.post) .c-seminarInfoSeries_button-end:hover, :where(.post) .c-seminarInfoSeries_button-end:link, :where(.post) .c-seminarInfoSeries_button-end:visited {
  color: #767676 !important;
  background: #fff;
}
:where(.post) .c-seminarInfoSeries_closing {
  font-size: 12px;
  padding: 2px;
  text-align: center;
  color: #0977d3;
  border: 1px solid #0977d3;
}
:where(.post) .c-startContents {
  padding-right: 0;
  padding-left: 0;
}
:where(.post) .c-startContentsArrow {
  position: relative;
  margin-top: 4.125rem;
}
:where(.post) .c-startContentsArrow::before {
  position: absolute;
  top: -42px;
  right: 0;
  left: 0;
  width: 38px;
  height: 18px;
  margin-right: auto;
  margin-left: auto;
  content: "";
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_step_arrow_02.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
:where(.post) .c-startHeading {
  line-height: 1.2;
}
:where(.post) .c-start_guide {
  margin-top: 2rem;
}
:where(.post) .c-start_guideItemInner {
  position: relative;
  padding: 0 1rem 1rem;
  border-radius: 12px;
}
:where(.post) .c-start_guideItemInner-bgColor01 {
  background: #fffde6;
}
:where(.post) .c-start_guideItemInner-bgColor02 {
  background: #f0fcff;
}
:where(.post) .c-start_guideItemInner-bgColor03 {
  background: #f6f5ff;
}
:where(.post) .c-start_step {
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #2c3152;
}
:where(.post) .c-start_stepPrefix {
  font-size: 0.75rem;
}
:where(.post) .c-start_stepNum {
  font-size: 1.25rem;
}
:where(.post) .c-start_area .c-start_areaImg-01 {
  margin-top: 2.8125rem;
  text-align: center;
}
:where(.post) .c-start_area .c-start_areaImg-01 img {
  width: 162px;
}
:where(.post) .c-start_area .c-start_areaImg-02 {
  margin-top: 2rem;
  text-align: center;
}
:where(.post) .c-start_area .c-start_areaImg-02 img {
  width: 196px;
}
:where(.post) .c-start_area .c-start_areaImg-03 {
  margin-top: 2rem;
  text-align: center;
}
:where(.post) .c-start_area .c-start_areaImg-03 img {
  width: 183px;
}
:where(.post) .c-start_areaHead {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
}
:where(.post) .c-start_areaHead-02 {
  margin-top: -1.25rem;
}
:where(.post) .c-start_areaHead-03 {
  margin-top: -1rem;
}
:where(.post) .c-start_areaText {
  font-size: 0.9375rem;
  margin-top: 1rem;
}
:where(.post) .c-start_areaUnderline {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffe940), to(#ffe940));
  background-image: linear-gradient(to right, #ffe940, #ffe940);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 40%;
}
:where(.post) .c-start_areaBtn {
  border: #0977d3 1px solid;
  background: #fff;
}
:where(.post) .c-start_areaBtn:link {
  color: #0977d3 !important;
}
:where(.post) .c-start_areaBtn:visited {
  color: #0977d3 !important;
}
:where(.post) .c-start_areaBtn::before {
  color: #0977d3;
}
:where(.post) .c-start_areaBtn:hover {
  color: #fff;
  background: #0977d3;
}
:where(.post) .c-start_areaBtn:hover::before {
  color: #fff;
}
:where(.post) .c-start_gird {
  margin-right: 0;
  margin-left: 0;
}
:where(.post) .c-start_girdColumnCenter {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
:where(.post) body.top, :where(.post) button.top, :where(.post) input.top, :where(.post) option.top, :where(.post) select.top, :where(.post) textarea.top {
  overflow-x: hidden;
}
:where(.post) body.top img, :where(.post) button.top img, :where(.post) input.top img, :where(.post) option.top img, :where(.post) select.top img, :where(.post) textarea.top img {
  max-width: 100%;
}
:where(.post) body.top .g-container, :where(.post) button.top .g-container, :where(.post) input.top .g-container, :where(.post) option.top .g-container, :where(.post) select.top .g-container, :where(.post) textarea.top .g-container {
  overflow-x: hidden;
  padding-bottom: 0;
}
:where(.post) body.top .l-contentInner, :where(.post) button.top .l-contentInner, :where(.post) input.top .l-contentInner, :where(.post) option.top .l-contentInner, :where(.post) select.top .l-contentInner, :where(.post) textarea.top .l-contentInner {
  padding-right: 0;
  padding-left: 0;
}
:where(.post) body.top .c-pagetop, :where(.post) button.top .c-pagetop, :where(.post) input.top .c-pagetop, :where(.post) option.top .c-pagetop, :where(.post) select.top .c-pagetop, :where(.post) textarea.top .c-pagetop {
  z-index: 30;
}
:where(.post) body.top .adjust_pb, :where(.post) button.top .adjust_pb, :where(.post) input.top .adjust_pb, :where(.post) option.top .adjust_pb, :where(.post) select.top .adjust_pb, :where(.post) textarea.top .adjust_pb {
  padding-bottom: 4rem;
}
:where(.post) .c-topHead {
  margin-top: 2rem;
}
:where(.post) .c-topHead a {
  text-decoration: none;
}
:where(.post) .c-topHead .l-grid_item:first-child {
  padding-right: 5px;
}
:where(.post) .c-topHead_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .c-topHead_action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .c-topHead_action_list {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .c-topHead_action_listItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3125rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:where(.post) .c-topHead_action_listItem:first-child {
  margin-top: 0;
}
:where(.post) .c-topHead_action_listItem:before {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: "";
  border-radius: 50%;
  background: #fff;
}
:where(.post) .c-topHead_action_listItem .u-icon {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
}
:where(.post) .c-topHead_action_listItem .u-icon:before {
  font-size: 1.5rem;
}
:where(.post) .c-topHead_action_listItem-beginner .u-icon {
  color: #8eb87f;
}
:where(.post) .c-topHead_action_listItem-manager .u-icon {
  color: #7fafdf;
}
:where(.post) .c-topHead_action_link {
  font-size: 1.1875rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  background-color: transparent;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-topHead_action_listItem-beginner .c-topHead_action_link {
  background-color: #cdf08e;
}
:where(.post) .c-topHead_action_listItem-beginner .c-topHead_action_link:active, :where(.post) .c-topHead_action_listItem-beginner .c-topHead_action_link:hover, :where(.post) .c-topHead_action_listItem-beginner .c-topHead_action_link:link, :where(.post) .c-topHead_action_listItem-beginner .c-topHead_action_link:visited {
  color: #268702 !important;
}
:where(.post) .c-topHead_action_listItem-beginner .c-topHead_action_link:active, :where(.post) .c-topHead_action_listItem-beginner .c-topHead_action_link:hover {
  opacity: 1;
  background-color: #cff688;
}
:where(.post) .c-topHead_action_listItem-manager .c-topHead_action_link {
  background-color: #c5e4fa;
}
:where(.post) .c-topHead_action_listItem-manager .c-topHead_action_link:active, :where(.post) .c-topHead_action_listItem-manager .c-topHead_action_link:hover, :where(.post) .c-topHead_action_listItem-manager .c-topHead_action_link:link, :where(.post) .c-topHead_action_listItem-manager .c-topHead_action_link:visited {
  color: #0977d3 !important;
}
:where(.post) .c-topHead_action_listItem-manager .c-topHead_action_link:active, :where(.post) .c-topHead_action_listItem-manager .c-topHead_action_link:hover {
  opacity: 1;
  background-color: #d1ecff;
}
:where(.post) .c-topLink {
  margin-top: 1rem;
}
:where(.post) .c-topHero {
  overflow: hidden;
  margin-top: 2rem;
  border: 4px solid #ffe940;
  border-radius: 20px;
  background: #fff;
}
:where(.post) .c-topHero_inner {
  margin-bottom: 0;
  padding: 1.25rem 2rem;
}
:where(.post) .c-topHero_wrap {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-topHero_head {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: -0.8125rem;
  text-align: center;
  color: #3f498c;
}
:where(.post) .c-topHero_accent {
  vertical-align: -3px;
}
:where(.post) .c-topHero_accent img {
  width: 26px;
}
:where(.post) .c-topHero_step {
  margin-top: 1rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
:where(.post) .c-topHero_stepItem {
  position: relative;
  width: 32%;
}
:where(.post) .c-topHero_stepItem:not(:first-child)::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((7.5px + 3%) * -1);
  width: 15px;
  height: 29px;
  margin-top: auto;
  margin-bottom: auto;
  content: "";
  background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_step_arrow_01.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
:where(.post) .c-topHero_stepItem-01 > .c-topHero_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 73.6111%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-topHero_stepItem-02 > .c-topHero_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 73.6111%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-topHero_stepItem-03 > .c-topHero_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 73.6111%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-topHero_stepCube {
  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;
}
:where(.post) .c-topHero_stepNum {
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-block;
  width: 60px;
  height: 60px;
  padding-top: 10px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #2c3152;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
:where(.post) .c-topHero_stepCatch {
  font-size: 1.25rem;
  line-height: 1.2;
}
:where(.post) .c-topHero_stepText {
  font-size: 1.125rem;
  font-weight: 700;
  margin-left: 0.5rem;
  text-align: center;
  color: #2c3152;
}
:where(.post) .c-topHero_stepUnderline {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffe940), to(#ffe940));
  background-image: linear-gradient(to right, #ffe940, #ffe940);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 40%;
}
:where(.post) .c-topHero_img {
  margin-top: 0;
}
:where(.post) .c-topHero_btn {
  margin-top: 0.25rem;
}
:where(.post) .c-topHero_btnLink {
  width: 312px;
}
:where(.post) .c-topHero_smOnly {
  display: none;
}
:where(.post) .c-topIllustImg {
  text-align: center;
}
:where(.post) .c-topIllustImg img {
  width: 170px;
}
:where(.post) .c-topCard {
  display: block;
  padding: 32px 16px;
  text-decoration: none;
  color: #3f498c !important;
  border-radius: 10px;
  background: #fff;
}
:where(.post) .c-topCard:hover {
  text-decoration: none;
}
:where(.post) .c-topCardImg {
  width: 60.31%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
:where(.post) .c-topCardNote {
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 1rem;
  text-align: center;
}
:where(.post) .c-topCardText {
  font-size: 1.6875rem;
  font-weight: 700;
  margin-top: 0.5rem;
  text-align: center;
}
:where(.post) .c-heroArea {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 56px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  background: #fff;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/top_vi_bg.svg);
  background-repeat: repeat-x;
  background-position: top center;
  background-size: auto 365px;
}
:where(.post) .c-heroAreaContext {
  max-width: 730px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
:where(.post) .c-heroAreaContext .c-textBlock {
  text-align: center;
}
:where(.post) .c-heroAreaContext .c-heroLead {
  font-size: 14px;
  font-weight: 400;
  margin-top: 8px;
  letter-spacing: 0.2em;
  color: #0977d3;
}
:where(.post) .c-heroAreaContext .c-heroHead {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #2c3152;
}
:where(.post) .c-heroAreaContext .c-textBlock {
  display: inline-block;
}
:where(.post) .c-heroSlider {
  margin-top: 65px;
  margin-right: -24px;
  margin-left: -24px;
}
:where(.post) .c-heroSlider .swiper.swiper2 {
  overflow: visible;
}
:where(.post) .c-heroSlider .swiper-slide {
  width: 376px;
}
:where(.post) .c-heroSlider .swiper-slide-active {
  width: 400px;
  height: calc(auto + 17px) !important;
}
:where(.post) .c-heroSlider .swiper-slide-active .c-topMainCard {
  margin-top: -17px;
}
:where(.post) .c-heroSlider .swiper-slide-active .c-topMainCardLink {
  height: calc(100% + 17px);
  border: 3px solid #ffee35;
  -webkit-box-shadow: 0 0 5px rgba(217, 200, 22, 0.16);
          box-shadow: 0 0 5px rgba(217, 200, 22, 0.16);
}
:where(.post) .c-topMainVisual {
  width: 100vw;
  height: 568px;
  margin-left: calc(50% - 50vw);
  padding-top: 4rem;
  padding-right: 1.5rem;
  padding-bottom: 4rem;
  padding-left: 1.5rem;
  background: #fff;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/top_vi_bg.svg);
  background-position: center;
  background-size: auto 568px;
}
:where(.post) .c-topMainVisualContainer {
  max-width: calc(1032px + 1rem);
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
:where(.post) .c-topMainCard {
  position: relative;
}
:where(.post) .c-topMainCard-vi {
  padding: 4px;
}
:where(.post) .c-topMainCard-vi-new {
  position: relative;
}
:where(.post) .c-topMainCard-vi-new::before {
  font-size: 10px;
  position: absolute;
  z-index: 5;
  top: -12px;
  right: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  content: "NEW";
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  border-radius: 50%;
  background: #ffe940;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-topMainCardImg {
  position: relative;
}
:where(.post) .c-topMainCardImgTag {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 13px;
  left: 13px;
  display: inline-block;
  padding: 0.5rem;
  padding: 4px 16px;
  border-radius: 100vw;
  background: #ffe940;
}
:where(.post) .c-topMainCardLink {
  display: block;
  padding: 0.375rem 0.375rem 1.25rem;
  text-decoration: none;
  color: #333 !important;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
}
:where(.post) .c-topMainCardLink:hover {
  text-decoration: none;
  opacity: 0.9;
  color: #333 !important;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
}
:where(.post) .c-topMainCardLink:visited {
  color: #333 !important;
}
:where(.post) .c-topMainCardTextarea {
  margin-top: 1.25rem;
  margin-right: 14px;
  margin-left: 14px;
}
:where(.post) .c-topMainCardFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
:where(.post) .c-topMainCardPoint {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  line-height: 1.5;
  padding-right: 0.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
:where(.post) .c-topMainCardTag {
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:where(.post) .c-topMainCardTag::before {
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  content: "|";
  color: #333;
}
:where(.post) .c-topMainCardTitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1rem;
}
:where(.post) .c-topMainLead {
  font-size: 1.74vw;
  font-weight: 700;
  color: #0977d3;
}
:where(.post) .c-topMainHead {
  font-size: 3.3vw;
  line-height: 1.8;
  letter-spacing: 0.11em;
}
:where(.post) .c-topMainAbout {
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
  margin-top: 1.75rem;
  padding-left: 2rem;
  color: #0977d3;
}
:where(.post) .c-topMainAbout::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/top_question.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-topMainLink {
  margin-left: 1rem;
}
:where(.post) .c-topMainBox {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
:where(.post) .c-topMainSmBox {
  margin-left: auto;
}
:where(.post) .c-topNotice {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
:where(.post) .c-topNoticeContainer {
  max-width: calc(1032px + 1rem);
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
:where(.post) .c-topNoticeText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
:where(.post) .c-topNoticeAbout {
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
  padding-left: 2rem;
  color: #0977d3;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
:where(.post) .c-topNoticeAbout::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/top_notice.svg) no-repeat;
  background-size: contain;
}
:where(.post) .c-topNoticeLink {
  font-size: 0.875rem;
  margin-left: 16px;
}
:where(.post) .c-topInfomation {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 6rem;
  padding-right: 1.5rem;
  padding-bottom: 3rem;
  padding-left: 1.5rem;
  background: #d4eefa;
}
:where(.post) .c-topInfomationContainer {
  max-width: calc(1032px + 1rem);
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
:where(.post) .c-topInfomation_linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-topInfomation_facebook {
  display: block;
  text-decoration: none;
  color: #3f498c !important;
}
:where(.post) .c-topInfomation_facebook:hover {
  text-decoration: none;
}
:where(.post) .c-topInfomation_text {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  margin-left: 1rem;
  color: #3f498c;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
:where(.post) .c-topQuestion {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 48px;
  padding-right: 1.5rem;
  padding-bottom: 6rem;
  padding-left: 1.5rem;
  background: #d4eefa;
}
:where(.post) .c-topQuestionContainer {
  max-width: calc(1032px + 1rem);
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
:where(.post) .c-topQuestionImg {
  max-width: 170px;
  margin-right: auto;
  margin-left: auto;
}
:where(.post) .c-topQuestionBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 32px 48px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
:where(.post) .c-topQuestionItem {
  width: 48%;
  padding-top: 1.125rem;
  padding-right: 1.875rem;
  padding-bottom: 1.125rem;
  padding-left: 0;
  text-align: left;
  border-top: 1px solid #dadee0;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
}
:where(.post) .c-topQuestionItem:nth-child(1) {
  border-top: none;
}
:where(.post) .c-topQuestionItem:nth-child(2) {
  border-top: none;
}
:where(.post) .c-topQuestionLink {
  position: relative;
  display: block;
  padding: 0 0 0 22px;
  text-decoration: none;
  color: #333 !important;
  border: none;
}
:where(.post) .c-topQuestionLink:hover {
  color: #333 !important;
}
:where(.post) .c-topQuestionLink:visited {
  color: #333 !important;
}
:where(.post) .c-topQuestionLink:before {
  position: absolute;
  top: calc(0.75em - 4px);
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 8px;
  background-color: #c9eafa;
}
:where(.post) .c-padding16-imp {
  padding: 16px !important;
}
:where(.post) .c-topHeadingLv2 {
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.25rem;
  color: #3f498c;
}
:where(.post) .swiper-pagination {
  position: relative !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .swiper-horizontal > .swiper-pagination-bullets, :where(.post) .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0 !important;
  width: auto !important;
}
:where(.post) .swiper-pagination-bullet-active {
  width: 13px !important;
  height: 13px !important;
}
:where(.post) .swiper-pagination-bullet-active:focus {
  outline: 0 !important;
}
:where(.post) .swiper-button-next, :where(.post) .swiper-rtl .swiper-button-prev {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  height: 0 !important;
  margin: 4px 0 0 0 !important;
  color: #cecdd0 !important;
}
:where(.post) .swiper-button-next:focus, :where(.post) .swiper-rtl .swiper-button-prev:focus {
  outline: 0 !important;
}
:where(.post) .swiper-button-next::before, :where(.post) .swiper-rtl .swiper-button-prev::before {
  font-size: 12px !important;
  font-weight: 700;
  margin-top: 7px;
}
:where(.post) .swiper-button-next::after, :where(.post) .swiper-rtl .swiper-button-prev::after {
  font-size: 12px !important;
  font-weight: 700;
  margin-top: 7px;
}
:where(.post) .swiper-button-next:hover:before, :where(.post) .swiper-rtl .swiper-button-prev:hover:before {
  color: #0977d3 !important;
}
:where(.post) .swiper-button-next:hover:after, :where(.post) .swiper-rtl .swiper-button-prev:hover:after {
  color: #0977d3 !important;
}
:where(.post) .l-grid-halfGutter-sm {
  margin-right: 0.375rem;
  margin-left: 0.375rem;
}
:where(.post) .l-grid-halfGutter-sm .l-grid_item {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
:where(.post) .c-card_link-topSlider {
  border-radius: 10px;
}
:where(.post) .l-grid-halfGutter-sm {
  margin-right: 0;
  margin-left: 0;
}
:where(.post) .swiper-button-prev, :where(.post) .swiper-rtl .swiper-button-next {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  height: 0 !important;
  margin: 4px 0 0 0 !important;
  color: #cecdd0 !important;
}
:where(.post) .swiper-button-prev::before, :where(.post) .swiper-rtl .swiper-button-next::before {
  font-size: 12px !important;
  font-weight: 700;
  margin-top: 7px;
}
:where(.post) .swiper-button-prev::after, :where(.post) .swiper-rtl .swiper-button-next::after {
  font-size: 12px !important;
  font-weight: 700;
  margin-top: 7px;
}
:where(.post) .swiper-button-prev:focus, :where(.post) .swiper-rtl .swiper-button-next:focus {
  outline: 0 !important;
}
:where(.post) .swiper-button-prev:hover:before, :where(.post) .swiper-rtl .swiper-button-next:hover:before {
  color: #0977d3 !important;
}
:where(.post) .swiper-button-prev:hover:after, :where(.post) .swiper-rtl .swiper-button-next:hover:after {
  color: #0977d3 !important;
}
:where(.post) .swiper-pagination-bullet:hover {
  opacity: 1 !important;
  background: #0977d3 !important;
}
:where(.post) .swiper-pageneationPosition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  padding-bottom: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, :where(.post) .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-right: 9px !important;
  margin-left: 9px !important;
}
:where(.post) .swiper-slide {
  height: auto !important;
}
:where(.post) .swiper-slide .c-card, :where(.post) .swiper-slide .c-topMainCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
:where(.post) .c-healthBg {
  background: #fff;
}
:where(.post) .c-newInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
:where(.post) .c-newInfoLink {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  margin-right: 12px;
  margin-left: 12px;
  text-decoration: none;
}
:where(.post) .c-newInfoLink:not(:first-child)::before {
  position: absolute;
  top: 50%;
  left: -12px;
  width: 1px;
  height: 16px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #000;
}

:where(.rw08) .c-lessonSubTitle {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.44444444;
}

:where(.rw08) .c-lessonTool {
  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: 8px;
  background-color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
}

:where(.rw08) .c-lessonToolHead {
  padding: 8px 0;
  border: 2px solid #3f498c;
  border-radius: 8px 8px 0 0;
  background-color: #3f498c;
  color: #fff;
}

:where(.rw08) .c-lessonToolItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 10px;
  border: 2px solid #3f498c;
  border-radius: 0 0 8px 8px;
}

:where(.rw08).rw-separator {
  height: calc(45px - 1rem);
}

.rw08.c-articleData_footerTag {
  margin-top: 47px;
}
:where(.rw08).c-lesson.c-articleHero.c-lesson-bg09 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_09.svg);
  background-size: 1032px 516px;
}

:where(.rw08).c-lesson.c-articleHero.c-lesson-bg10 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_10.svg);
  background-size: 1032px 516px;
}

:where(.rw08).c-lesson.c-articleHero.c-lesson-bg11 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_11.svg);
  background-size: 1032px 516px;
}

:where(.rw08).c-lesson.c-articleHero.c-lesson-bg12 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_12.svg);
  background-size: 1032px 516px;
}

:where(.rw08).c-lesson.c-articleHero.c-lesson-bg13 {
  border-radius: 20px 20px 0 0;
  background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_lesson_bg_13.svg);
  background-size: 1032px 516px;
}

/* 導入事例 */
html:has(.case) {
  font-size: 62.5%;
}
html:has(.case) .global-header,
html:has(.case) .header,
html:has(.case) .footer {
  font-size: clamp(1.5625%, 0.078125vw, 6.25%);
}

.casedetail {
  padding: 10rem 0;
  background: #f5f5f5;
}

.casedetail .contents__ttl {
  letter-spacing: 0.4em;
}

.casedetail .contents__ttl.recommend {
  padding: 0 0 7rem;
  letter-spacing: 0.1em;
}

.casedetail__mv {
  position: relative;
  margin: 5rem 0;
}

.casedetail__mv__photo {
  border-radius: 5rem;
}

.casedetail__mv__ttl {
  display: inline-block;
  position: absolute;
  font-size: 2.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  line-height: 1.7857;
  text-align: left;
}

.casedetail__mv__ttl span {
  padding: 0 0.5em;
  background: #fff;
}

.case01 .casedetail__mv__ttl {
  left: 6rem;
  bottom: 24rem;
}

.case02 .casedetail__mv__ttl {
  left: 67.4rem;
  bottom: 25.4rem;
}

.casedetail__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 64rem;
  margin: 0 auto 8rem;
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: left;
}

.casedetail__profile__ttl {
  width: 14rem;
  padding: 1.5em 0;
  border-bottom: 0.1rem solid rgba(46, 47, 84, 0.2);
  font-weight: 400;
  color: #1287e9;
}

.casedetail__profile__txt {
  width: 50rem;
  padding: 1.5em 0;
  border-bottom: 0.1rem solid rgba(46, 47, 84, 0.2);
  font-weight: 700;
}

.casedetail__profile__txt span + span {
  margin-left: 1.5em;
}

.casedetail__txt {
  font-size: 1.8rem;
  line-height: 2;
  text-align: left;
}

.casedetail__txt.lead {
  margin: 0 10rem 15rem;
}

.casedetail__txt.half {
  width: 50rem;
}

.casedetail__txt + .casedetail__txt {
  padding-top: 1em;
}

.casedetail__outline {
  min-height: 52.7rem;
  padding: 10rem 0 3rem;
  background: #fff url(/miraiseed/assets-common/image/case/outline_bg.png) no-repeat center center;
  background-size: auto 100%;
}

.casedetail__outline__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 96rem;
  margin: 0 auto;
  text-align: left;
}

.casedetail__outline__ttl {
  width: 15rem;
  margin: 0.3em 0 10rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #1287e9;
}

.casedetail__outline__ttl u {
  padding: 0 0 0.1em;
  border-bottom: 0.2rem solid #1287e9;
  text-decoration: none;
}

.casedetail__outline__txt {
  width: 80rem;
  font-size: 2rem;
  line-height: 1.8;
}

.casedetail__main {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 12rem 13rem;
}

.casedetail__ttl {
  padding: 13rem 0 2rem;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.928;
  text-align: left;
}

.casedetail__ttl .genre {
  display: inline-block;
  min-width: 17.4rem;
  margin: 0 0 1em;
  padding: 0 1em;
  background: -webkit-gradient(linear, left top, right top, from(#3876f6), to(#26cfcd));
  background: linear-gradient(to right, #3876f6, #26cfcd);
  border-radius: 0.3rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.2rem;
  color: #fff;
  text-align: center;
}

.casedetail__subttl {
  position: relative;
  margin: 6rem 0 1.2em;
  padding: 0 0 0 5.4rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #1287e9;
  text-align: left;
}

.casedetail__subttl:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  width: 4rem;
  height: 0.1rem;
  background: #1287e9;
}

.casedetail__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.casedetail__photo {
  width: 42rem;
  padding: 1rem 0 0;
}

.casedetail__photo.wide {
  width: auto;
  padding: 3rem 0;
}

.casedetail__photo__caption {
  padding: 0.5em 0 0;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left;
}

.casedetail__notice {
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: right;
}

.casedetail__txt + .casedetail__notice {
  padding: 4rem 0 0;
}

.casedetail__conclusion {
  display: inline-block;
  position: relative;
  margin: 10rem 0 1em;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
}

.casedetail__conclusion:before,
.casedetail__conclusion:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  width: 4rem;
  height: 0.1rem;
  background: #2e2f54;
}

.casedetail__conclusion:before {
  left: -6.5rem;
}

.casedetail__conclusion:after {
  right: -6.5rem;
}

.casedetail__product {
  padding: 4rem 6rem 3rem 24rem;
  border-radius: 2.8rem;
  color: #fff;
  text-align: left;
}

.casedetail__product.drillpark {
  background: #00a856 url(/miraiseed/assets-common/image/case/icon_drillpark.svg) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.drillpark .type {
  color: #00a856;
}

.casedetail__product.movenote {
  background: #d92731 url(/miraiseed/assets-common/image/case/icon_movenote.svg) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.movenote .type {
  color: #d92731;
}

.casedetail__product__ttl {
  padding: 0 0 0.3em;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

.casedetail__product__ttl .type {
  display: inline-block;
  margin: 0 0 0 4rem;
  padding: 0 1em;
  background: #fff;
  font-size: 1.6rem;
  line-height: 2.9rem;
  vertical-align: middle;
}

.casedetail__product__txt {
  font-size: 1.8rem;
  line-height: 2;
}

.casedetail__product__more {
  position: relative;
  margin: 1em 0 0;
  padding: 0 2.8rem 0 0;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1;
  text-align: right;
}

.casedetail__product__more:after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 0.97rem;
  height: 0.97rem;
  border-top: 0.1rem solid #2e2f54;
  border-right: 0.1rem solid #2e2f54;
}

.casedetail__product__more:has(+ .casedetail__product) {
  margin-bottom: 3em;
}

.casedetail__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 8rem 0 0;
}

.casedetail__gallery__photo {
  width: 46rem;
}

.casedetail__gallery__photo.large {
  width: 60rem;
}

.casedetail__gallery__photo.small {
  width: 34rem;
}

/* ------------------ */
/* スマートフォン */
/* ------------------ */
/*導入事例用スタイル///////////////////////////////////////////////////////////////////////*/
/*オクリンク*/
.casedetail__product.okulink {
  background: #55559A url(/miraiseed/assets-common/image/case/icon_okulink.png) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.okulink .type {
  color: #00a856;
}
/*Speaking Quest*/
.casedetail__product.speakingquest {
  background: #0081cc url(/miraiseed/assets-common/image/case/icon_speakingquest.png) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.speakingquest .type {
  color: #00a856;
}
/*旧カルテ*/
/* .casedetail__product.karte-evit {
  background: #57c1ee url(/miraiseed/assets-common/image/case/icon_karte-evit.png) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.karte-evit .type {
  color: #00a856;
}

@media screen and (max-width: 767px) {
  .casedetail__product.karte-evit {
    background: #57c1ee url(/miraiseed/assets-common/image/case/icon_karte-evit.png) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
} */
/*新カルテ*/
.casedetail__conclusion:has(+ .casedetail__product.karte-evit) {
  margin-bottom: 3.4rem;
}
.casedetail__product.karte-evit {
  background: #2e318c url(/miraiseed/assets-common/image/case/icon_karte-new.svg) no-repeat left 6rem center;
  background-size: 12.85rem auto;
  position: relative;
}

/*新カルテ公開時delete対応*/
/*
.casedetail__product.karte-evit::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 26px;
  width: 336px;
  height: 57px;
  background-image: url(/miraiseed/assets-common/image/case/icon_renewal-karte.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
*/
.casedetail__product.karte-evit .type {
  color: #00a856;
}
/*R-PDCA*/
.casedetail__product.rpdca {
  background: #00afcc url(/miraiseed/assets-common/image/case/icon_rpdca.png) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.rpdca .type {
  color: #00a856;
}
/*学習探険ナビ*/
.casedetail__product.gtanken {
  background: #3254a4 url(/miraiseed/assets-common/image/case/icon_gtanken.png) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.gtanken .type {
  color: #00a856;
}
/*ラボ*/
.casedetail__product.lab {
  background: #ed7d8c url(/miraiseed/assets-common/image/case/icon_lab.png) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.lab .type {
  color: #00a856;
}
/*話し合いトレーニング*/
.casedetail__product.hanashiai {
  background: #BE0168 url(/miraiseed/assets-common/image/case/icon_hanashiai.png) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.hanashiai .type {
  color: #00a856;
}
/*情報活用能力*/
.casedetail__product.programming {
  background: #c1db53 url(/miraiseed/assets-common/image/case/icon_programming.png) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.programming .type {
  color: #00a856;
}
/*すぐ使えるアクティブ・ラーニングガイド*/
.casedetail__product.handbook {
  background: #EA6143 url(/miraiseed/assets-common/image/case/icon_handbook.png) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.handbook .type {
  color: #00a856;
}
/*オクリンクプラス*/
.casedetail__product.okulinkplus {
  background: #ed7d31 url(/miraiseed/assets-common/image/case/icon_okulinkplus.svg) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.okulinkplus .type {
  color: #00a856;
}
/*テストパーク*/
.casedetail__product.testpark {
  background: #0e91ef url(/miraiseed/assets-common/image/case/icon_testpark.svg) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.testpark .type {
  color: #00a856;
}
/*まるぐランド*/
.casedetail__product.marugland {
  background: #009ea8 url(/miraiseed/assets-common/image/case/icon_marugland.svg) no-repeat left 6rem center;
  background-size: 12.85rem auto;
}

.casedetail__product.marugland .type {
  color: #00a856;
}
.case .top #benesse-footer .benesse-footer__inner,
.case .top #benesse-header .benesse-header__inner {
  width: 1240px !important;
  max-width: 1240px !important;
  padding: 12px 140px 12px 0 !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.case .header-fix {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1041;
  width: 100%;
  background: #fff;
}
.case .miraihead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 124rem;
  margin: 0 auto;
}
.case .miraihead__logo {
  width: 18rem;
}
.case .miraihead__logo .logobtn {
  display: block;
  height: 3.8rem;
  background: url(../img/common/hd_logo.svg) no-repeat center center;
  background-size: contain;
  font-size: 0;
  line-height: 0;
  text-align: left;
  text-indent: -9999px;
}
.case .miraihead__menu {
  display: inline-block;
}
.case .miraihead__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.case .miraihead__nav .navbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1.8rem;
  font-size: 1.4rem;
  height: 6.9rem;
}
.case .miraihead__nav .navbtn:hover {
  color: #1287e9;
}
.case .miraihead__nav .navbtn.new {
  position: relative;
}
.case .miraihead__nav .navbtn.new:after {
  content: "NEW";
  position: absolute;
  display: block;
  left: 0;
  top: 0.5em;
  width: 100%;
  background: #e91b00;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #fff;
  text-align: center;
}
.case .miraihead__nav .download {
  display: inline-block;
  width: 20rem;
  margin-left: 1rem;
  background: linear-gradient(45deg, #815ed6, #e179c9, #ff3ad6);
  background-size: 300% 100%;
  border-radius: 2.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 5rem;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.case .miraihead__nav .download:hover {
  background-position: 100% 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.case .miraihead__nav .download .icon-book {
  width: 3.1rem;
  height: auto;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}
.case .miraihead__nav .contactbtn {
  width: 13rem;
  margin-left: 1.5rem;
  background: #fff;
  border: 0.1rem solid #1287e9;
  border-radius: 2.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 5rem;
  color: #1287e9;
  text-align: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.case .miraihead__nav .contactbtn:hover {
  background: #ffff6c;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 1;
}
.case .miraihead__nav .contactbtn .icon-mail {
  width: 1.6rem;
  height: auto;
  margin-right: 0.3em;
  vertical-align: middle;
}
.case .miraihead__nav .pulldown {
  position: relative;
  padding-right: 0.8em;
}
.case .miraihead__nav .pulldown:after {
  content: "";
  position: absolute;
  display: block;
  right: 1.1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 0.3em;
  height: 0.3em;
  border-right: 0.1rem solid #2e2f54;
  border-bottom: 0.1rem solid #2e2f54;
}
.case .miraihead__nav .pulldown__nav {
  display: none;
  position: absolute;
  left: 0;
  top: 6.9rem;
  z-index: 2;
  width: 58.5rem;
  padding: 0.8rem 0 0;
}
.case .miraihead__nav .pulldown__nav.spec {
  width: 27rem;
  left: -10rem;
}
.case .miraihead__nav .pulldown__nav.spec .pulldown__nav__box {
  width: 27rem;
}
.case .miraihead__nav .pulldown__nav__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 58.5rem;
  padding: 1.5rem 3rem 0;
  background: #fff;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0.3rem 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
  box-shadow: 0.3rem 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
  font-size: 1.4rem;
  line-height: 1.357;
}
.case .miraihead__nav .pulldown__nav__box .subbtn {
  position: relative;
  margin-bottom: 1em;
  padding-right: 1em;
}
.case .miraihead__nav .pulldown__nav__box .subbtn:after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  bottom: 0.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.4rem;
  height: 0.4rem;
  border-top: 0.1rem solid #2e2f54;
  border-right: 0.1rem solid #2e2f54;
}
.case .miraihead__nav .pulldown__nav__box .subbtn:hover {
  color: #1287e9;
  opacity: 1;
}
.case .miraihead__nav .pulldown__nav__box .subbtn:hover:after {
  border-top: 0.1rem solid #1287e9;
  border-right: 0.1rem solid #1287e9;
}
.case .miraihead #gnav,
.case .miraihead .gn-bg,
.case .miraihead .gn-close,
.case .miraihead .subMenu,
.case .miraihead label {
  display: none;
}
.case .contents {
  padding: 11.7rem 0 0;
  text-align: center;
  overflow-x: hidden;
}
.case .contents__inner {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 2rem;
}
.case .contents__btn {
  display: inline-block;
  position: relative;
  width: 39rem;
  background: linear-gradient(45deg, #3876f6, #26cfcd, #55be7f);
  background-size: 300% 100%;
  border-radius: 3rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 6rem;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin: 20px 0;
}
.case .contents__btn:after {
  content: "";
  position: absolute;
  display: block;
  right: 2.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 1rem;
  height: 1rem;
  border-top: 0.1rem solid #fff;
  border-right: 0.1rem solid #fff;
}
.case .contents__btn:hover {
  background-position: 100% 0;
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.case .contents__btn2 {
  display: inline-block;
  position: relative;
  width: 39rem;
  background: linear-gradient(45deg, #D74D00, #FFB900, #9930D6);
  background-size: 300% 100%;
  border-radius: 3rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 6rem;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin: 20px 0;
}
.case .contents__btn2:after {
  content: "";
  position: absolute;
  display: block;
  right: 2.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 1rem;
  height: 1rem;
  border-top: 0.1rem solid #fff;
  border-right: 0.1rem solid #fff;
}
.case .contents__btn2:hover {
  background-position: 100% 0;
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.case .contents__ttl {
  display: inline-block;
  padding: 0 0 0.8em;
  background: -webkit-gradient(linear, left top, right top, from(#3876f6), to(#26cfcd));
  background: linear-gradient(to right, #3876f6, #26cfcd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.15em;
}
.case .contents__ttl small {
  margin-left: 0.6em;
  font-size: 4rem;
  font-weight: 400;
}
.case .contents__lead {
  padding: 0 0 7.4rem;
  font-size: 1.8rem;
  line-height: 1.8;
}
.case .sp {
  display: none;
}
.case .pc {
  display: inline-block;
}
.case #pagetop {
  position: fixed;
  right: 4rem;
  bottom: 4rem;
  z-index: 9999;
}
.case #pagetop .pagetop {
  display: block;
  width: 5rem;
  height: 5rem;
  background: rgba(46, 47, 84, 0.8) url(../img/common/pagetop.svg) no-repeat center center;
  background-size: contain;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  text-align: left;
  text-indent: -9999px;
  opacity: 0.5;
}
.case #pagetop .pagetop:hover {
  opacity: 1;
}
.case .infoft {
  padding: 5.7rem 0;
  background: #2e2f54;
  color: #fff;
  text-align: center;
}
.case .infoft__ttl {
  padding: 0 0 1em;
  font-size: 2.7rem;
  font-weight: 700;
  line-height: 1.9;
  color: #fff;
}
.case .infoft .miraihead__nav {
  width: 75.1rem;
  margin: 0 auto;
  padding: 0 0 7rem;
}
.case .infoft .miraihead__nav .download {
  width: 43rem;
  border-radius: 4.5rem;
  font-size: 2.95436rem;
  line-height: 9rem;
}
.case .infoft .miraihead__nav .download .icon-book {
  width: 5.21975rem;
}
.case .infoft .miraihead__nav .contactbtn {
  width: 27.1rem;
  margin-left: 4.9rem;
  border: none;
  border-radius: 4.5rem;
  font-size: 2.21577rem;
  line-height: 9rem;
}
.case .infoft .miraihead__nav .contactbtn .icon-mail {
  width: 3.19562rem;
}
.case .infoft__terms {
  display: inline-block;
  margin: 0 0 4rem;
  padding-left: 2.8rem;
  background: url(../img/common/arrow04.svg) no-repeat left center;
  background-size: 1.35rem auto;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
.case .infoft__terms__btn {
  text-decoration: underline;
  color: #fff;
}
.case .infoft__addr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100rem;
  margin: 0 auto;
  padding: 0 7.8rem 0 0;
  border: 0.1rem solid #fff;
}
.case .infoft__addr__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 30.8rem;
  height: 20.8rem;
  padding: 0 4.5rem 0 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.777;
  color: #fff;
}
.case .infoft__addr__ttl:after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 5.8rem;
  height: 100%;
  background: url(../img/common/infoft_arrow.png) no-repeat right center;
  background-size: 5.8rem 100%;
}
.case .infoft__addr__ttl small {
  font-size: 1.4rem;
}
.case .infoft__addr__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 55rem;
}
.case .infoft__addr__dep {
  display: inline-block;
  padding: 0 0 1.2em;
  font-size: 1.4rem;
  line-height: 1.6428;
  text-align: left;
}
.case .infoft__addr__dep strong {
  display: inline-block;
  margin: 0.3em 0 0;
  font-size: 2.8rem;
  line-height: 3.26051rem;
}
.case .infoft__addr__dep strong .icon-tel {
  width: 2.5rem;
  margin: 0 0.3em 0 0;
  vertical-align: middle;
}
.case .infoft__addr__hours {
  width: 100%;
  padding: 1em 0 0;
  border-top: 0.1rem solid #fff;
  font-size: 1.4rem;
  line-height: 1.666;
  text-align: left;
}
.case .infoft__addr__notice {
  padding: 1em 0 0;
  font-size: 1.2rem;
  line-height: 1.538;
}
.case {
  @charset "UTF-8";
}
.case .mv {
  position: relative;
  height: 60rem;
  background: url(../img/index/mv_2407.jpg) no-repeat center center;
}
.case .mv .contents__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}
.case .mv__ttl {
  padding: 10rem 0 6rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.17em;
  color: #fff;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.case .mv__ttl strong {
  display: inline-block;
  width: 48.15461rem;
  height: 10.15621rem;
  background: url(../img/index/mv_logo01.svg) no-repeat center center;
  background-size: contain;
  font-size: 0;
  line-height: 0;
  text-align: left;
  text-indent: -9999px;
}
.case .mv__txt {
  padding: 0 0 6rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.08;
  letter-spacing: 0.5em;
  color: #fff;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.case .mv .miraihead__nav {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.case .mv .miraihead__nav .download {
  width: 29rem;
  border: 0.1rem solid #fff;
  border-radius: 3rem;
  font-size: 2rem;
  line-height: 5.8rem;
}
.case .mv .miraihead__nav .download .icon-book {
  width: 3.6rem;
}
.case .mv .miraihead__nav .contactbtn {
  width: 17rem;
  margin-left: 2rem;
  border: 0.1rem solid #1287e9;
  border-radius: 3rem;
  font-size: 1.5rem;
  line-height: 5.8rem;
}
.case .mv .miraihead__nav .contactbtn .icon-mail {
  width: 2.163rem;
}
.case .mv__nav {
  position: absolute;
  right: 0;
  bottom: -3.3rem;
  width: 36.6rem;
  z-index: 1;
}
.case .mv__nav__page {
  padding: 2rem 0 0;
}
.case .mv__nav__page .mvbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 6.6rem;
  padding: 0 0 0 2.3rem;
  border-radius: 3.3rem 0 0 3.3rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.case .mv__nav__page .mvbtn .arrow {
  width: 3.15rem;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.case .mv__nav__page .mvbtn .logo {
  width: 11.6rem;
  margin: 0 0.4rem 0 2rem;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.case .mv__nav__page .mvbtn span {
  width: 16.7rem;
  font-weight: 700;
  text-align: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.case .mv__nav__page .mvbtn.fansite {
  background: -webkit-gradient(linear, left top, right top, from(#fbf25d), color-stop(#fbce5d), to(#fbf25d));
  background: linear-gradient(to right, #fbf25d, #fbce5d, #fbf25d);
  background-size: 300% 100%;
}
.case .mv__nav__page .mvbtn.fansite span {
  font-size: 1.6rem;
}
.case .mv__nav__page .mvbtn.concept {
  background: -webkit-gradient(linear, left top, right top, from(#c8ecff), color-stop(#80cbea), to(#c8ecff));
  background: linear-gradient(to right, #c8ecff, #80cbea, #c8ecff);
  background-size: 300% 100%;
}
.case .mv__nav__page .mvbtn.concept span {
  font-size: 1.3rem;
}
.case .mv__nav__page .mvbtn:hover {
  background-position: 100% 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}
.case .index__ttl {
  padding: 0 0 4.5rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.2rem;
  letter-spacing: 0.3em;
  text-align: left;
}
.case .index__ttl .ttlimg {
  width: auto;
  height: 3.2rem;
  margin: 0 4.8rem 0 0;
  vertical-align: middle;
}
.case .news {
  max-width: 120rem;
  margin: 0 auto;
  padding: 9.2rem 2rem 0;
}
.case .news__wrapper {
  position: relative;
}
.case .news__inner {
  overflow: hidden;
}
.case .news__inner .swiper-slide {
  position: relative;
}
.case .news__inner .swiper-slide .news__photo {
  width: 100%;
  height: 25rem;
  border-radius: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.case .news .swiper-button-next,
.case .news .swiper-button-prev {
  width: 1.61824rem;
  height: 2.5761rem;
  background: url(../img/common/arrow02.svg) no-repeat center center;
  background-size: contain;
}
.case .news .swiper-button-prev {
  left: -4rem;
}
.case .news .swiper-button-next {
  right: -4rem;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.case .news .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: none;
}
.case .news__topic {
  position: absolute;
  left: 0;
  bottom: 1.8rem;
  text-align: left;
}
.case .news__topic__date {
  display: inline-block;
  padding: 0.3em 0.8rem;
  background: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}
.case .news__topic__ttl {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0 0.7em 0 0;
  padding: 0.1em 0.8rem;
  background: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.666;
}
.case .outline {
  position: relative;
  padding: 15.8rem 0 15rem;
  background: #f5f5f5;
  overflow: hidden;
}
.case .outline:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 41rem 100vw 0 0;
  border-color: #fff transparent transparent transparent;
}
.case .outline .contents__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.case .outline__detail {
  width: 48.5rem;
  text-align: left;
}
.case .outline__ui {
  width: 53.8rem;
}
.case .outline__ui__screen {
  border-radius: 1.4rem;
  -webkit-box-shadow: 1.4rem 1.4rem 2.8rem rgba(0, 0, 0, 0.4);
  box-shadow: 1.4rem 1.4rem 2.8rem rgba(0, 0, 0, 0.4);
}
.case .outline__ttl {
  padding: 0 0 1em;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.7666;
}
.case .outline__txt {
  font-size: 1.6rem;
  line-height: 2.25;
}
.case .feature {
  padding: 0 0 8rem;
  background: #f5f5f5 url(../img/index/feature_bg.png) no-repeat center top;
}
.case .feature__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 13rem;
}
.case .feature__nav__point {
  width: 35.5rem;
}
.case .feature__nav__btn {
  background: #fff;
  padding: 0 0 0.8rem;
  border-radius: 1.4rem;
  -webkit-box-shadow: 0.2rem 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
  box-shadow: 0.2rem 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
}
.case .feature__nav__ttl {
  position: relative;
  -webkit-transform: translateY(-56%);
  transform: translateY(-56%);
  width: 7.4rem;
  margin: 0 auto;
}
.case .feature__nav__txt {
  padding: 0 0 1em;
  font-size: 1.8rem;
  line-height: 1.66;
}
.case .feature__nav__illust {
  width: 20.6rem;
  margin: 0 auto;
}
.case .feature__point {
  padding: 0 0 13rem 8rem;
  overflow: hidden;
}
.case .feature__point__ttl {
  width: 60rem;
  padding: 0 0 1em;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: left;
  float: left;
}
.case .feature__point__ttl .num {
  width: 10.2rem;
  margin: 0 0 2rem;
}
.case .feature__point__illust {
  width: 47rem;
  float: right;
}
.case .feature__point__txt {
  width: 60rem;
  padding: 0 12rem 0 0;
  font-size: 1.8rem;
  line-height: 2;
  text-align: left;
  float: left;
}
.case .feature__point:nth-child(2n) .feature__point__ttl {
  float: right;
}
.case .feature__point:nth-child(2n) .feature__point__illust {
  float: left;
}
.case .feature__point:nth-child(2n) .feature__point__txt {
  float: right;
}
.case .case {
  min-height: 78rem;
  padding: 10rem 0 7rem;
  background: url(../img/index/case_bg.png) no-repeat center center;
  background-size: auto 100%;
}
.case .case__use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5.5rem;
  padding: 0 0 7rem;
}
.case .case__use__example {
  width: 35rem;
  padding: 0 0 2.5rem;
  overflow: hidden;
}
.case .case__use__btn {
  display: block;
}
.case .case__use__btn:hover {
  opacity: 1;
}
.case .case__use__btn:hover .case__use__photo {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0.5;
}
.case .case__use__btn:hover .case__use__detail {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: #eaf1ff;
}
.case .case__use__photo {
  border-radius: 1rem;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.case .case__use__detail {
  position: relative;
  width: 28rem;
  margin: -5rem auto 0;
  padding: 2.4rem 3.3rem 1.6rem;
  background: #fff;
  border-radius: 3rem 0 3rem 0;
  -webkit-box-shadow: 0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.1);
  box-shadow: 0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.1);
  text-align: left;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.case .case__use__detail:after,
.case .case__use__detail:before {
  content: "";
  position: absolute;
  display: block;
  width: 2.9rem;
  height: 2.4rem;
}
.case .case__use__detail:before {
  left: -0.6rem;
  top: -0.9rem;
  background: url(/miraiseed/assets-common/image/case/case_dq01.svg) no-repeat center center;
  background-size: contain;
}
.case .case__use__detail:after {
  right: -0.6rem;
  bottom: -0.8rem;
  background: url(/miraiseed/assets-common/image/case/case_dq02.svg) no-repeat center center;
  background-size: contain;
}
.case .case__use__ttl {
  padding: 0 0 0.5em;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: -0.05em;
}
.case .case__use__txt {
  font-size: 1.4rem;
  line-height: 2;
}
.case .case__use__txt small {
  display: inline-block;
  width: 100%;
  border-top: 0.1rem solid #2e2f54;
  font-size: 1.4rem;
}
.case .geometric {
  padding: 13rem 0 0;
  background: #f5f5f5 url(../img/common/geometric_bg.png) no-repeat center top;
}
.case .banner {
  max-width: 120rem;
  margin: 0 auto;
  padding: 6.5rem 2rem 2em;
}
.case .infoft .about-banner {
  margin: 0 auto 8rem;
  max-width: 100rem;
}
.case .contents__inner:first-child .contents__ttl:first-child {
  display: none !important;
}
.case .casedetail__mv {
  margin-top: 0;
}
.case .casedetail__conclusion {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.case .contents__ttl {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.case .contents__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.case .casedetail {
  background-color: #E9F5FC;
}
.case .casedetail__ttl .genre {
  background: #3F498C;
}
.case .casedetail .contents__ttl.recommend {
  padding-bottom: 2rem;
  background: none;
  color: #3F498C;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #3F498C;
}
.case .case__use__detail::before, .case .case__use__detail::after {
  display: none;
}
.case .contents__btn {
  background: #0A66C2 !important;
}
.case .contents__btn:hover {
  opacity: 0.8;
}
.case .lead {
  color: #2A3054;
}
.case .casedetail__product.drillpark {
  background-image: url(/miraiseed/assets-common/image/case/icon_drillpark.svg);
}

.manabi-dx-story em {
  font-weight: 400;
  color: #3f498c;
}

:where(.post) .c-lesson.c-articleHero .c-lessonIcon {
  max-width: 56px;
  height: auto;
}

.c-articleHeading-useIcon {
  font-weight: 700;
}

:where(.post) .swiper .c-verticalCard {
  padding: 0;
}
:where(.post) .swiper .c-verticalCard_img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 720px){
  :where(.post) {
    /*! over Medium */
  }
}
@media only screen and (min-width: 720px) and (max-width: 959px){
  :where(.post) {
    /*! Medium only */
  }
  :where(.post) .c-topHero_stepNum {
    font-size: 0.5rem;
    width: 48px;
    height: 48px;
  }
  :where(.post) .c-topHero_stepCatch {
    font-size: 0.75rem;
  }
  :where(.post) .c-topHero_stepText {
    font-size: 1rem;
  }
  :where(.post) .c-topHero_btn {
    margin-top: 0.25rem;
  }
}
@media screen and (min-width: 767px) and (max-width: 1280px){
  .case .top #benesse-footer .benesse-footer__inner,
  .case .top #benesse-header .benesse-header__inner {
    width: auto !important;
    padding: 12px !important;
  }
  .case .miraihead {
    padding: 0 1vw;
  }
  .case .miraihead__logo {
    width: 16vw;
  }
  .case .miraihead__logo .logobtn {
    height: 3.36vw;
  }
  .case .miraihead__nav .navbtn {
    margin: 0 0.8em;
    font-size: 1.2vw;
  }
  .case .miraihead__nav .navbtn.new:after {
    top: 0.3em;
    font-size: 1vw;
    line-height: 1.2;
  }
  .case .miraihead__nav .download {
    width: 16vw;
    font-size: 1.1vw;
    line-height: 3.6vw;
  }
  .case .miraihead__nav .download .icon-book {
    width: 2vw;
  }
  .case .miraihead__nav .contactbtn {
    width: 12vw;
    margin-left: 1vw;
    font-size: 1.1vw;
    line-height: 3.4vw;
  }
  .case .miraihead__nav .contactbtn .icon-mail {
    width: 1.6vw;
  }
  .case .miraihead__nav .pulldown:after {
    right: 0.7em;
  }
  .case .mv .miraihead__nav .download {
    width: 22vw;
    font-size: 1.5vw;
    line-height: 4vw;
  }
  .case .mv .miraihead__nav .download .icon-book {
    width: 2vw;
  }
  .case .mv .miraihead__nav .contactbtn {
    width: 16vw;
    margin-left: 1vw;
    font-size: 1.4vw;
    line-height: 4vw;
  }
  .case .mv .miraihead__nav .contactbtn .icon-mail {
    width: 1.6vw;
  }
  .case .outline__ui {
    width: calc(100% - 48.5rem);
  }
  .case .feature__nav__point {
    width: 31%;
  }
  .case .feature__point {
    padding: 0 0 8vw;
  }
  .case .feature__point__ttl {
    width: 60%;
    font-size: 3.5vw;
  }
  .case .feature__point__ttl .num {
    width: 8vw;
  }
  .case .feature__point__illust {
    width: 38%;
  }
  .case .feature__point__txt {
    width: 60%;
    padding: 0;
  }
  .case .case__use {
    gap: 3.5%;
    padding: 0 0 3vw;
  }
  .case .case__use__example {
    width: 31%;
    padding: 0 0 6vw;
  }
  .case .case__use__detail {
    width: 80%;
  }
}
@media only screen and (min-width: 960px){
  :where(.post) {
    /*! Large only */
  }
  :where(.post) .g-headerMenu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  :where(.post) .c-operationPage .g-siteHeader {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  :where(.post) .c-operationPage .g-siteHeader_inner {
    max-width: 100vw;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  :where(.post) [data-js-fixed-html] .c-operationPage .g-siteHeader {
    width: 100vw;
  }
  :where(.post) .c-operationPage .g-headerSwitch.is-active + .g-headerMenu {
    display: block !important;
  }
  :where(.post) .c-operationPage .g-headerMenu {
    display: none !important;
  }
}
@media screen and (min-width: 1033px){
  :where(.post) .c-topMainHead {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1048px){
  :where(.post) .c-topMainLead {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 650px) and (max-width: 767px){
  .case .miraihead .gn-close {
    top: 6rem;
  }
}
@media screen and (max-width: 1270px) and (min-width: 768px){
  :where(.post) .c-heroSlider .swiper-slide {
    width: 450px;
  }
  :where(.post) .c-heroSlider .swiper-slide-active {
    width: 480px;
  }
}
@media screen and (max-width: 1180px) and (min-width: 768px){
  .case #benesse-footer .benesse-footer__inner,
  .case #benesse-header .benesse-header__inner {
    width: auto !important;
  }
  .case .mfp-container .mfp-content {
    padding-top: 60px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .case .contactModal .contactBox .box {
    width: 100%;
    max-width: 420px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 721px){
  :where(.post) .c-articleHero_text {
    bottom: 4.65vw;
    left: 4.94vw;
    width: 48.44%;
    padding-right: 3.87vw;
    padding-left: 3.87vw;
  }
  :where(.post) .c-articleHero_head {
    font-size: 2.32vw;
  }
  :where(.post) .c-articleHero_head::before {
    left: -3.87vw;
    width: 3.1vw;
    height: 2.32vw;
  }
  :where(.post) .c-articleHero_head::after {
    right: -3.87vw;
    width: 3.1vw;
    height: 2.32vw;
  }
  :where(.post) .c-articleHero_school {
    font-size: 1.35vw;
  }
}
@media screen and (max-width: 1016px){
  :where(.post) .swiper1 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
}
@media screen and (max-width: 1005px) and (min-width: 961px){
  :where(.post) .g-headerMenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  :where(.post) .g-headerNav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  :where(.post) .g-headerNav_listItem {
    margin-left: 24px;
  }
  :where(.post) .g-headerNav_listItem:first-child {
    margin-left: 0;
  }
  :where(.post) .g-headerNav_link {
    padding: 0 0 1rem;
  }
  :where(.post) .g-headerSubNav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (max-width: 959px){
  :where(.post) {
    /*! Medium and Small */
  }
  :where(.post) .c-article_inner, :where(.post) .c-detail_inner, :where(.post) .c-faq_inner, :where(.post) .c-localNav_inner, :where(.post) .c-modal_inner, :where(.post) .c-notfound_inner, :where(.post) .c-operationPage .c-localNav_inner, :where(.post) .c-operationPage .g-siteHeader_inner, :where(.post) .c-outsideContainer_inner, :where(.post) .c-searchResults_inner, :where(.post) .g-siteHeader_inner, :where(.post) .l-inner {
    max-width: calc(1032px + 1rem);
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  :where(.post) [data-js-fixed-body], :where(.post) [data-js-fixed-html] {
    overflow: hidden;
    height: 100%;
  }
  :where(.post) [data-js-fixed-html] .g-container {
    padding-top: 90px;
  }
  :where(.post) .l-grid .l-grid_item-1-md {
    width: 8.3333%;
  }
  :where(.post) .l-grid .l-grid_item-2-md {
    width: 16.6667%;
  }
  :where(.post) .l-grid .l-grid_item-3-md {
    width: 25%;
  }
  :where(.post) .l-grid .l-grid_item-4-md {
    width: 33.3333%;
  }
  :where(.post) .l-grid .l-grid_item-5-md {
    width: 41.6667%;
  }
  :where(.post) .l-grid .l-grid_item-6-md {
    width: 50%;
  }
  :where(.post) .l-grid .l-grid_item-7-md {
    width: 58.3333%;
  }
  :where(.post) .l-grid .l-grid_item-8-md {
    width: 66.6667%;
  }
  :where(.post) .l-grid .l-grid_item-9-md {
    width: 75%;
  }
  :where(.post) .l-grid .l-grid_item-10-md {
    width: 83.3333%;
  }
  :where(.post) .l-grid .l-grid_item-11-md {
    width: 91.6667%;
  }
  :where(.post) .l-grid .l-grid_item-12-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 50%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 33.3333%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 66.6667%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 25%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 50%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 75%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 20%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 40%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 60%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 80%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 16.6667%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 33.3333%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 50%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 66.6667%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 83.3333%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 14.2857%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 28.5714%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 42.8571%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 57.1429%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 71.4286%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 85.7143%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 12.5%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 25%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 37.5%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 50%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 62.5%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 75%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 87.5%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 11.1111%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 22.2222%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 33.3333%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 44.4444%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 55.5556%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 66.6667%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 77.7778%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 88.8889%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 10%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 20%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 30%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 40%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 50%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 60%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 70%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 80%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 90%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 9.0909%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 18.1818%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 27.2727%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 36.3636%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 45.4545%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 54.5455%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 63.6364%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 72.7273%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 81.8182%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 90.9091%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 8.3333%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 16.6667%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 25%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 33.3333%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 41.6667%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 50%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 58.3333%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 66.6667%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 75%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 83.3333%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 91.6667%;
  }
  :where(.post) .l-grid .l-grid_item-md {
    width: 100%;
  }
  :where(.post) .l-grid-center-md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  :where(.post) .l-grid .l-grid_item-5per-md {
    width: 5%;
  }
  :where(.post) .l-grid .l-grid_item-10per-md {
    width: 10%;
  }
  :where(.post) .l-grid .l-grid_item-15per-md {
    width: 15%;
  }
  :where(.post) .l-grid .l-grid_item-20per-md {
    width: 20%;
  }
  :where(.post) .l-grid .l-grid_item-25per-md {
    width: 25%;
  }
  :where(.post) .l-grid .l-grid_item-30per-md {
    width: 30%;
  }
  :where(.post) .l-grid .l-grid_item-35per-md {
    width: 35%;
  }
  :where(.post) .l-grid .l-grid_item-40per-md {
    width: 40%;
  }
  :where(.post) .l-grid .l-grid_item-45per-md {
    width: 45%;
  }
  :where(.post) .l-grid .l-grid_item-50per-md {
    width: 50%;
  }
  :where(.post) .l-grid .l-grid_item-55per-md {
    width: 55%;
  }
  :where(.post) .l-grid .l-grid_item-60per-md {
    width: 60%;
  }
  :where(.post) .l-grid .l-grid_item-65per-md {
    width: 65%;
  }
  :where(.post) .l-grid .l-grid_item-70per-md {
    width: 70%;
  }
  :where(.post) .l-grid .l-grid_item-75per-md {
    width: 75%;
  }
  :where(.post) .l-grid .l-grid_item-80per-md {
    width: 80%;
  }
  :where(.post) .l-grid .l-grid_item-85per-md {
    width: 85%;
  }
  :where(.post) .l-grid .l-grid_item-90per-md {
    width: 90%;
  }
  :where(.post) .l-grid .l-grid_item-95per-md {
    width: 95%;
  }
  :where(.post) .l-grid .l-grid_item-100per-md {
    width: 100%;
  }
  :where(.post) .l-tile-1col-md .l-tile_item {
    width: 100%;
  }
  :where(.post) .l-tile-2col-md .l-tile_item {
    width: 50%;
  }
  :where(.post) .l-tile-3col-md .l-tile_item {
    width: 33.3333%;
  }
  :where(.post) .l-tile-4col-md .l-tile_item {
    width: 25%;
  }
  :where(.post) .l-tile-5col-md .l-tile_item {
    width: 20%;
  }
  :where(.post) .l-tile-6col-md .l-tile_item {
    width: 16.6667%;
  }
  :where(.post) .l-tile-7col-md .l-tile_item {
    width: 14.2857%;
  }
  :where(.post) .l-tile-8col-md .l-tile_item {
    width: 12.5%;
  }
  :where(.post) .l-tile-9col-md .l-tile_item {
    width: 11.1111%;
  }
  :where(.post) .l-tile-10col-md .l-tile_item {
    width: 10%;
  }
  :where(.post) .l-separator-x0-md {
    margin-top: 0;
  }
  :where(.post) .l-separator-x0-md-imp {
    margin-top: 0 !important;
  }
  :where(.post) .l-separator-x1-md {
    margin-top: 0.5rem;
  }
  :where(.post) .l-separator-x1-md-imp {
    margin-top: 0.5rem !important;
  }
  :where(.post) .l-separator-x2-md {
    margin-top: 1rem;
  }
  :where(.post) .l-separator-x2-md-imp {
    margin-top: 1rem !important;
  }
  :where(.post) .l-separator-x3-md {
    margin-top: 1.5rem;
  }
  :where(.post) .l-separator-x3-md-imp {
    margin-top: 1.5rem !important;
  }
  :where(.post) .l-separator-x4-md {
    margin-top: 2rem;
  }
  :where(.post) .l-separator-x4-md-imp {
    margin-top: 2rem !important;
  }
  :where(.post) .l-separator-x5-md {
    margin-top: 2.5rem;
  }
  :where(.post) .l-separator-x5-md-imp {
    margin-top: 2.5rem !important;
  }
  :where(.post) .l-separator-x6-md {
    margin-top: 3rem;
  }
  :where(.post) .l-separator-x6-md-imp {
    margin-top: 3rem !important;
  }
  :where(.post) .l-separator-x7-md {
    margin-top: 3.5rem;
  }
  :where(.post) .l-separator-x7-md-imp {
    margin-top: 3.5rem !important;
  }
  :where(.post) .l-separator-x8-md {
    margin-top: 4rem;
  }
  :where(.post) .l-separator-x8-md-imp {
    margin-top: 4rem !important;
  }
  :where(.post) .l-separator-x9-md {
    margin-top: 4.5rem;
  }
  :where(.post) .l-separator-x9-md-imp {
    margin-top: 4.5rem !important;
  }
  :where(.post) .l-separator-x10-md {
    margin-top: 5rem;
  }
  :where(.post) .l-separator-x10-md-imp {
    margin-top: 5rem !important;
  }
  :where(.post) .l-separator-x11-md {
    margin-top: 5.5rem;
  }
  :where(.post) .l-separator-x11-md-imp {
    margin-top: 5.5rem !important;
  }
  :where(.post) .l-separator-x12-md {
    margin-top: 6rem;
  }
  :where(.post) .l-separator-x12-md-imp {
    margin-top: 6rem !important;
  }
  :where(.post) .l-separator-x13-md {
    margin-top: 6.5rem;
  }
  :where(.post) .l-separator-x13-md-imp {
    margin-top: 6.5rem !important;
  }
  :where(.post) .l-separator-x14-md {
    margin-top: 7rem;
  }
  :where(.post) .l-separator-x14-md-imp {
    margin-top: 7rem !important;
  }
  :where(.post) .l-separator-x15-md {
    margin-top: 7.5rem;
  }
  :where(.post) .l-separator-x15-md-imp {
    margin-top: 7.5rem !important;
  }
  :where(.post) .l-separator-x16-md {
    margin-top: 8rem;
  }
  :where(.post) .l-separator-x16-md-imp {
    margin-top: 8rem !important;
  }
  :where(.post) .l-separator-x17-md {
    margin-top: 8.5rem;
  }
  :where(.post) .l-separator-x17-md-imp {
    margin-top: 8.5rem !important;
  }
  :where(.post) .l-separator-x18-md {
    margin-top: 9rem;
  }
  :where(.post) .l-separator-x18-md-imp {
    margin-top: 9rem !important;
  }
  :where(.post) .l-separator-x19-md {
    margin-top: 9.5rem;
  }
  :where(.post) .l-separator-x19-md-imp {
    margin-top: 9.5rem !important;
  }
  :where(.post) .l-separator-x20-md {
    margin-top: 10rem;
  }
  :where(.post) .l-separator-x20-md-imp {
    margin-top: 10rem !important;
  }
  :where(.post) .l-separator-x0_5-md {
    margin-top: 0.25rem;
  }
  :where(.post) .l-separator-x0_5-md-imp {
    margin-top: 0.25rem !important;
  }
  :where(.post) .l-separator-x1_5-md {
    margin-top: 0.75rem;
  }
  :where(.post) .l-separator-x1_5-md-imp {
    margin-top: 0.75rem !important;
  }
  :where(.post) .l-separator-x2_5-md {
    margin-top: 1.25rem;
  }
  :where(.post) .l-separator-x2_5-md-imp {
    margin-top: 1.25rem !important;
  }
  :where(.post) .l-separator-x3_5-md {
    margin-top: 1.75rem;
  }
  :where(.post) .l-separator-x3_5-md-imp {
    margin-top: 1.75rem !important;
  }
  :where(.post) .l-separator-x4_5-md {
    margin-top: 2.25rem;
  }
  :where(.post) .l-separator-x4_5-md-imp {
    margin-top: 2.25rem !important;
  }
  :where(.post) .l-separator-x5_5-md {
    margin-top: 2.75rem;
  }
  :where(.post) .l-separator-x5_5-md-imp {
    margin-top: 2.75rem !important;
  }
  :where(.post) .l-separator-x6_5-md {
    margin-top: 3.25rem;
  }
  :where(.post) .l-separator-x6_5-md-imp {
    margin-top: 3.25rem !important;
  }
  :where(.post) .l-separator-x7_5-md {
    margin-top: 3.75rem;
  }
  :where(.post) .l-separator-x7_5-md-imp {
    margin-top: 3.75rem !important;
  }
  :where(.post) .l-separator-x8_5-md {
    margin-top: 4.25rem;
  }
  :where(.post) .l-separator-x8_5-md-imp {
    margin-top: 4.25rem !important;
  }
  :where(.post) .l-separator-x9_5-md {
    margin-top: 4.75rem;
  }
  :where(.post) .l-separator-x9_5-md-imp {
    margin-top: 4.75rem !important;
  }
  :where(.post) .l-separator-x10_5-md {
    margin-top: 5.25rem;
  }
  :where(.post) .l-separator-x10_5-md-imp {
    margin-top: 5.25rem !important;
  }
  :where(.post) .l-separator-x11_5-md {
    margin-top: 5.75rem;
  }
  :where(.post) .l-separator-x11_5-md-imp {
    margin-top: 5.75rem !important;
  }
  :where(.post) .l-separator-x12_5-md {
    margin-top: 6.25rem;
  }
  :where(.post) .l-separator-x12_5-md-imp {
    margin-top: 6.25rem !important;
  }
  :where(.post) .l-separator-x13_5-md {
    margin-top: 6.75rem;
  }
  :where(.post) .l-separator-x13_5-md-imp {
    margin-top: 6.75rem !important;
  }
  :where(.post) .l-separator-x14_5-md {
    margin-top: 7.25rem;
  }
  :where(.post) .l-separator-x14_5-md-imp {
    margin-top: 7.25rem !important;
  }
  :where(.post) .l-separator-x15_5-md {
    margin-top: 7.75rem;
  }
  :where(.post) .l-separator-x15_5-md-imp {
    margin-top: 7.75rem !important;
  }
  :where(.post) .l-separator-x16_5-md {
    margin-top: 8.25rem;
  }
  :where(.post) .l-separator-x16_5-md-imp {
    margin-top: 8.25rem !important;
  }
  :where(.post) .l-separator-x17_5-md {
    margin-top: 8.75rem;
  }
  :where(.post) .l-separator-x17_5-md-imp {
    margin-top: 8.75rem !important;
  }
  :where(.post) .l-separator-x18_5-md {
    margin-top: 9.25rem;
  }
  :where(.post) .l-separator-x18_5-md-imp {
    margin-top: 9.25rem !important;
  }
  :where(.post) .l-separator-x19_5-md {
    margin-top: 9.75rem;
  }
  :where(.post) .l-separator-x19_5-md-imp {
    margin-top: 9.75rem !important;
  }
  :where(.post) .l-separator-x20_5-md {
    margin-top: 10.25rem;
  }
  :where(.post) .l-separator-x20_5-md-imp {
    margin-top: 10.25rem !important;
  }
  :where(.post) .g-siteHeader a:hover {
    opacity: 1;
  }
  :where(.post) .g-siteHeader_root {
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  :where(.post) [data-js-fixed-html] .g-siteHeader {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    margin: auto;
  }
  :where(.post) [data-js-fixed-html] .g-siteHeader_fog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    background-color: #2c3152;
  }
  :where(.post) .g-headerLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0.75rem 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  :where(.post) .g-headerLogo_link img {
    width: 92px;
  }
  :where(.post) .g-headerSwitch {
    font-size: 0;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 48px;
    height: 48px;
    margin-top: -24px;
  }
  :where(.post) .g-headerMenu {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: none;
    width: 100%;
    margin: auto;
  }
  :where(.post) .g-headerNav {
    display: block;
    margin-top: 2rem;
  }
  :where(.post) .g-headerNav_list {
    display: block;
  }
  :where(.post) .g-headerNav_listItem {
    margin-bottom: 0;
  }
  :where(.post) .g-headerNav_listItem:after {
    display: none;
  }
  :where(.post) .g-headerNav_listItem.is-current:after {
    display: none;
  }
  :where(.post) .g-headerNav_link {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    padding: 0.75rem;
    text-align: center;
  }
  :where(.post) .g-headerSubNav {
    display: block;
    margin-top: 3rem;
    margin-bottom: 3.25rem;
  }
  :where(.post) .g-headerSubNav_list {
    display: block;
    margin: 0;
  }
  :where(.post) .g-headerSubNav_link {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  :where(.post) .c-localNav {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  :where(.post) .c-localNav_content {
    margin-left: auto;
    border-left: none;
  }
  :where(.post) .c-localNav_menu-large {
    display: none;
  }
  :where(.post) .c-localNav_menu-small {
    display: block;
  }
  :where(.post) .c-operationPage .g-headerLogo_link img {
    width: 92px;
  }
  :where(.post) .c-operationPage .c-localNav_menu-large {
    display: none;
  }
  :where(.post) .c-operationPage .c-localNav_menu-small {
    display: block;
  }
  :where(.post) .g-siteFooter a:hover {
    opacity: 1;
  }
  :where(.post) .c-iconHeadingLv1 {
    font-size: 1rem;
    font-weight: 700;
  }
  :where(.post) .c-iconHeadingLv1:before {
    width: 2rem;
    height: 2rem;
    margin-right: 0.25rem;
    background-size: 2rem 2rem;
  }
  :where(.post) .c-list-1col-md .c-list_item {
    float: left;
    width: 100%;
  }
  :where(.post) .c-list-2col-md .c-list_item {
    float: left;
    width: 50%;
  }
  :where(.post) .c-list-3col-md .c-list_item {
    float: left;
    width: 33.3333%;
  }
  :where(.post) .c-list-4col-md .c-list_item {
    float: left;
    width: 25%;
  }
  :where(.post) .c-list-5col-md .c-list_item {
    float: left;
    width: 20%;
  }
  :where(.post) .c-list-6col-md .c-list_item {
    float: left;
    width: 16.6667%;
  }
  :where(.post) .c-list-7col-md .c-list_item {
    float: left;
    width: 14.2857%;
  }
  :where(.post) .c-list-8col-md .c-list_item {
    float: left;
    width: 12.5%;
  }
  :where(.post) .c-table-scroll {
    overflow: auto;
    white-space: nowrap;
  }
  :where(.post) .c-table-scroll .c-table_content {
    width: auto;
    min-width: 100%;
  }
  :where(.post) .c-card_link:active, :where(.post) .c-card_link:hover {
    opacity: 1;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
  }
  :where(.post) .c-info a:hover {
    opacity: 1;
  }
  :where(.post) .c-tab .c-tab_trigger {
    padding: 0.5rem;
  }
  :where(.post) .c-searchBox-mini .c-searchBox_input {
    padding: 0.75rem 1rem;
  }
  :where(.post) .c-searchBox-mini .c-searchBox_submit {
    padding: 0.5rem 1.5rem;
  }
  :where(.post) .c-articleData_wysiwyg_opperationList_video {
    width: calc(100% + 48px);
    margin-top: 1rem;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  :where(.post) .c-contentsFooter_container {
    max-width: 332px;
  }
  :where(.post) .c-contentsFooter_box {
    margin-bottom: 0.5rem !important;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  :where(.post) .c-contentsFooter_link {
    padding: 16px 16px 16px;
  }
  :where(.post) .c-contentsFooter_lead {
    display: none;
  }
  :where(.post) .c-contentsFooter_title {
    font-size: 1rem;
  }
  :where(.post) .c-editorNote_essay {
    font-size: 16px;
  }
  :where(.post) .c-movieRecomend {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: 1fr;
    grid-template-rows: repeat(1, 1fr);
    row-gap: 24px;
  }
  :where(.post) .c-movieRecomend > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  :where(.post) .c-movieRecomend .item01 {
    -ms-grid-column: 1;
    grid-column: 1/1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  :where(.post) .c-movieRecomend .item02 {
    -ms-grid-column: 1;
    grid-column: 1/1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
  :where(.post) .c-movieRecomend .item03 {
    -ms-grid-column: 1;
    grid-column: 1/1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  :where(.post) .u-ta-center-md {
    text-align: center;
  }
  :where(.post) .u-ta-center-md-imp {
    text-align: center !important;
  }
  :where(.post) .u-ta-left-md {
    text-align: left;
  }
  :where(.post) .u-ta-left-md-imp {
    text-align: left !important;
  }
  :where(.post) .u-ta-right-md {
    text-align: right;
  }
  :where(.post) .u-ta-right-md-imp {
    text-align: right !important;
  }
  :where(.post) .u-va-top-md {
    vertical-align: top;
  }
  :where(.post) .u-va-top-md-imp {
    vertical-align: top !important;
  }
  :where(.post) .u-va-middle-md {
    vertical-align: middle;
  }
  :where(.post) .u-va-middle-md-imp {
    vertical-align: middle !important;
  }
  :where(.post) .u-va-bottom-md {
    vertical-align: bottom;
  }
  :where(.post) .u-va-bottom-md-imp {
    vertical-align: bottom !important;
  }
  :where(.post) .u-fz-10-md {
    font-size: 10px;
  }
  :where(.post) .u-fz-10-md-imp {
    font-size: 10px !important;
  }
  :where(.post) .u-fz-11-md {
    font-size: 11px;
  }
  :where(.post) .u-fz-11-md-imp {
    font-size: 11px !important;
  }
  :where(.post) .u-fz-12-md {
    font-size: 12px;
  }
  :where(.post) .u-fz-12-md-imp {
    font-size: 12px !important;
  }
  :where(.post) .u-fz-13-md {
    font-size: 13px;
  }
  :where(.post) .u-fz-13-md-imp {
    font-size: 13px !important;
  }
  :where(.post) .u-fz-14-md {
    font-size: 14px;
  }
  :where(.post) .u-fz-14-md-imp {
    font-size: 14px !important;
  }
  :where(.post) .u-fz-15-md {
    font-size: 15px;
  }
  :where(.post) .u-fz-15-md-imp {
    font-size: 15px !important;
  }
  :where(.post) .u-fz-16-md {
    font-size: 16px;
  }
  :where(.post) .u-fz-16-md-imp {
    font-size: 16px !important;
  }
  :where(.post) .u-fz-17-md {
    font-size: 17px;
  }
  :where(.post) .u-fz-17-md-imp {
    font-size: 17px !important;
  }
  :where(.post) .u-fz-18-md {
    font-size: 18px;
  }
  :where(.post) .u-fz-18-md-imp {
    font-size: 18px !important;
  }
  :where(.post) .u-fz-19-md {
    font-size: 19px;
  }
  :where(.post) .u-fz-19-md-imp {
    font-size: 19px !important;
  }
  :where(.post) .u-fz-20-md {
    font-size: 20px;
  }
  :where(.post) .u-fz-20-md-imp {
    font-size: 20px !important;
  }
  :where(.post) .u-fz-21-md {
    font-size: 21px;
  }
  :where(.post) .u-fz-21-md-imp {
    font-size: 21px !important;
  }
  :where(.post) .u-fz-22-md {
    font-size: 22px;
  }
  :where(.post) .u-fz-22-md-imp {
    font-size: 22px !important;
  }
  :where(.post) .u-fz-23-md {
    font-size: 23px;
  }
  :where(.post) .u-fz-23-md-imp {
    font-size: 23px !important;
  }
  :where(.post) .u-fz-24-md {
    font-size: 24px;
  }
  :where(.post) .u-fz-24-md-imp {
    font-size: 24px !important;
  }
  :where(.post) .u-fz-25-md {
    font-size: 25px;
  }
  :where(.post) .u-fz-25-md-imp {
    font-size: 25px !important;
  }
  :where(.post) .u-fz-26-md {
    font-size: 26px;
  }
  :where(.post) .u-fz-26-md-imp {
    font-size: 26px !important;
  }
  :where(.post) .u-fz-27-md {
    font-size: 27px;
  }
  :where(.post) .u-fz-27-md-imp {
    font-size: 27px !important;
  }
  :where(.post) .u-fz-28-md {
    font-size: 28px;
  }
  :where(.post) .u-fz-28-md-imp {
    font-size: 28px !important;
  }
  :where(.post) .u-fz-29-md {
    font-size: 29px;
  }
  :where(.post) .u-fz-29-md-imp {
    font-size: 29px !important;
  }
  :where(.post) .u-fz-30-md {
    font-size: 30px;
  }
  :where(.post) .u-fz-30-md-imp {
    font-size: 30px !important;
  }
  :where(.post) .u-fz-31-md {
    font-size: 31px;
  }
  :where(.post) .u-fz-31-md-imp {
    font-size: 31px !important;
  }
  :where(.post) .u-fz-32-md {
    font-size: 32px;
  }
  :where(.post) .u-fz-32-md-imp {
    font-size: 32px !important;
  }
  :where(.post) .u-fz-33-md {
    font-size: 33px;
  }
  :where(.post) .u-fz-33-md-imp {
    font-size: 33px !important;
  }
  :where(.post) .u-fz-34-md {
    font-size: 34px;
  }
  :where(.post) .u-fz-34-md-imp {
    font-size: 34px !important;
  }
  :where(.post) .u-fz-35-md {
    font-size: 35px;
  }
  :where(.post) .u-fz-35-md-imp {
    font-size: 35px !important;
  }
  :where(.post) .u-fz-36-md {
    font-size: 36px;
  }
  :where(.post) .u-fz-36-md-imp {
    font-size: 36px !important;
  }
  :where(.post) .u-fz-37-md {
    font-size: 37px;
  }
  :where(.post) .u-fz-37-md-imp {
    font-size: 37px !important;
  }
  :where(.post) .u-fz-38-md {
    font-size: 38px;
  }
  :where(.post) .u-fz-38-md-imp {
    font-size: 38px !important;
  }
  :where(.post) .u-fz-39-md {
    font-size: 39px;
  }
  :where(.post) .u-fz-39-md-imp {
    font-size: 39px !important;
  }
  :where(.post) .u-fz-40-md {
    font-size: 40px;
  }
  :where(.post) .u-fz-40-md-imp {
    font-size: 40px !important;
  }
  :where(.post) .u-fz-41-md {
    font-size: 41px;
  }
  :where(.post) .u-fz-41-md-imp {
    font-size: 41px !important;
  }
  :where(.post) .u-fz-42-md {
    font-size: 42px;
  }
  :where(.post) .u-fz-42-md-imp {
    font-size: 42px !important;
  }
  :where(.post) .u-fz-43-md {
    font-size: 43px;
  }
  :where(.post) .u-fz-43-md-imp {
    font-size: 43px !important;
  }
  :where(.post) .u-fz-44-md {
    font-size: 44px;
  }
  :where(.post) .u-fz-44-md-imp {
    font-size: 44px !important;
  }
  :where(.post) .u-fz-45-md {
    font-size: 45px;
  }
  :where(.post) .u-fz-45-md-imp {
    font-size: 45px !important;
  }
  :where(.post) .u-fz-46-md {
    font-size: 46px;
  }
  :where(.post) .u-fz-46-md-imp {
    font-size: 46px !important;
  }
  :where(.post) .u-fz-47-md {
    font-size: 47px;
  }
  :where(.post) .u-fz-47-md-imp {
    font-size: 47px !important;
  }
  :where(.post) .u-fz-48-md {
    font-size: 48px;
  }
  :where(.post) .u-fz-48-md-imp {
    font-size: 48px !important;
  }
  :where(.post) .u-fz-49-md {
    font-size: 49px;
  }
  :where(.post) .u-fz-49-md-imp {
    font-size: 49px !important;
  }
  :where(.post) .u-fz-50-md {
    font-size: 50px;
  }
  :where(.post) .u-fz-50-md-imp {
    font-size: 50px !important;
  }
  :where(.post) .u-fz-51-md {
    font-size: 51px;
  }
  :where(.post) .u-fz-51-md-imp {
    font-size: 51px !important;
  }
  :where(.post) .u-fz-52-md {
    font-size: 52px;
  }
  :where(.post) .u-fz-52-md-imp {
    font-size: 52px !important;
  }
  :where(.post) .u-fz-53-md {
    font-size: 53px;
  }
  :where(.post) .u-fz-53-md-imp {
    font-size: 53px !important;
  }
  :where(.post) .u-fz-54-md {
    font-size: 54px;
  }
  :where(.post) .u-fz-54-md-imp {
    font-size: 54px !important;
  }
  :where(.post) .u-fz-55-md {
    font-size: 55px;
  }
  :where(.post) .u-fz-55-md-imp {
    font-size: 55px !important;
  }
  :where(.post) .u-fz-56-md {
    font-size: 56px;
  }
  :where(.post) .u-fz-56-md-imp {
    font-size: 56px !important;
  }
  :where(.post) .u-fz-57-md {
    font-size: 57px;
  }
  :where(.post) .u-fz-57-md-imp {
    font-size: 57px !important;
  }
  :where(.post) .u-fz-58-md {
    font-size: 58px;
  }
  :where(.post) .u-fz-58-md-imp {
    font-size: 58px !important;
  }
  :where(.post) .u-fz-59-md {
    font-size: 59px;
  }
  :where(.post) .u-fz-59-md-imp {
    font-size: 59px !important;
  }
  :where(.post) .u-fz-60-md {
    font-size: 60px;
  }
  :where(.post) .u-fz-60-md-imp {
    font-size: 60px !important;
  }
  :where(.post) .u-fz-61-md {
    font-size: 61px;
  }
  :where(.post) .u-fz-61-md-imp {
    font-size: 61px !important;
  }
  :where(.post) .u-fz-62-md {
    font-size: 62px;
  }
  :where(.post) .u-fz-62-md-imp {
    font-size: 62px !important;
  }
  :where(.post) .u-fz-63-md {
    font-size: 63px;
  }
  :where(.post) .u-fz-63-md-imp {
    font-size: 63px !important;
  }
  :where(.post) .u-fz-64-md {
    font-size: 64px;
  }
  :where(.post) .u-fz-64-md-imp {
    font-size: 64px !important;
  }
  :where(.post) .u-fz-65-md {
    font-size: 65px;
  }
  :where(.post) .u-fz-65-md-imp {
    font-size: 65px !important;
  }
  :where(.post) .u-fz-66-md {
    font-size: 66px;
  }
  :where(.post) .u-fz-66-md-imp {
    font-size: 66px !important;
  }
  :where(.post) .u-fz-67-md {
    font-size: 67px;
  }
  :where(.post) .u-fz-67-md-imp {
    font-size: 67px !important;
  }
  :where(.post) .u-fz-68-md {
    font-size: 68px;
  }
  :where(.post) .u-fz-68-md-imp {
    font-size: 68px !important;
  }
  :where(.post) .u-fz-69-md {
    font-size: 69px;
  }
  :where(.post) .u-fz-69-md-imp {
    font-size: 69px !important;
  }
  :where(.post) .u-fz-70-md {
    font-size: 70px;
  }
  :where(.post) .u-fz-70-md-imp {
    font-size: 70px !important;
  }
  :where(.post) .u-fz-71-md {
    font-size: 71px;
  }
  :where(.post) .u-fz-71-md-imp {
    font-size: 71px !important;
  }
  :where(.post) .u-fz-72-md {
    font-size: 72px;
  }
  :where(.post) .u-fz-72-md-imp {
    font-size: 72px !important;
  }
  :where(.post) .u-fz-73-md {
    font-size: 73px;
  }
  :where(.post) .u-fz-73-md-imp {
    font-size: 73px !important;
  }
  :where(.post) .u-fz-74-md {
    font-size: 74px;
  }
  :where(.post) .u-fz-74-md-imp {
    font-size: 74px !important;
  }
  :where(.post) .u-fz-75-md {
    font-size: 75px;
  }
  :where(.post) .u-fz-75-md-imp {
    font-size: 75px !important;
  }
  :where(.post) .u-fz-76-md {
    font-size: 76px;
  }
  :where(.post) .u-fz-76-md-imp {
    font-size: 76px !important;
  }
  :where(.post) .u-fz-77-md {
    font-size: 77px;
  }
  :where(.post) .u-fz-77-md-imp {
    font-size: 77px !important;
  }
  :where(.post) .u-fz-78-md {
    font-size: 78px;
  }
  :where(.post) .u-fz-78-md-imp {
    font-size: 78px !important;
  }
  :where(.post) .u-fz-79-md {
    font-size: 79px;
  }
  :where(.post) .u-fz-79-md-imp {
    font-size: 79px !important;
  }
  :where(.post) .u-fz-80-md {
    font-size: 80px;
  }
  :where(.post) .u-fz-80-md-imp {
    font-size: 80px !important;
  }
  :where(.post) .u-fz-81-md {
    font-size: 81px;
  }
  :where(.post) .u-fz-81-md-imp {
    font-size: 81px !important;
  }
  :where(.post) .u-fz-82-md {
    font-size: 82px;
  }
  :where(.post) .u-fz-82-md-imp {
    font-size: 82px !important;
  }
  :where(.post) .u-fz-83-md {
    font-size: 83px;
  }
  :where(.post) .u-fz-83-md-imp {
    font-size: 83px !important;
  }
  :where(.post) .u-fz-84-md {
    font-size: 84px;
  }
  :where(.post) .u-fz-84-md-imp {
    font-size: 84px !important;
  }
  :where(.post) .u-fz-85-md {
    font-size: 85px;
  }
  :where(.post) .u-fz-85-md-imp {
    font-size: 85px !important;
  }
  :where(.post) .u-fz-86-md {
    font-size: 86px;
  }
  :where(.post) .u-fz-86-md-imp {
    font-size: 86px !important;
  }
  :where(.post) .u-fz-87-md {
    font-size: 87px;
  }
  :where(.post) .u-fz-87-md-imp {
    font-size: 87px !important;
  }
  :where(.post) .u-fz-88-md {
    font-size: 88px;
  }
  :where(.post) .u-fz-88-md-imp {
    font-size: 88px !important;
  }
  :where(.post) .u-fz-89-md {
    font-size: 89px;
  }
  :where(.post) .u-fz-89-md-imp {
    font-size: 89px !important;
  }
  :where(.post) .u-fz-90-md {
    font-size: 90px;
  }
  :where(.post) .u-fz-90-md-imp {
    font-size: 90px !important;
  }
  :where(.post) .u-fz-91-md {
    font-size: 91px;
  }
  :where(.post) .u-fz-91-md-imp {
    font-size: 91px !important;
  }
  :where(.post) .u-fz-92-md {
    font-size: 92px;
  }
  :where(.post) .u-fz-92-md-imp {
    font-size: 92px !important;
  }
  :where(.post) .u-fz-93-md {
    font-size: 93px;
  }
  :where(.post) .u-fz-93-md-imp {
    font-size: 93px !important;
  }
  :where(.post) .u-fz-94-md {
    font-size: 94px;
  }
  :where(.post) .u-fz-94-md-imp {
    font-size: 94px !important;
  }
  :where(.post) .u-fz-95-md {
    font-size: 95px;
  }
  :where(.post) .u-fz-95-md-imp {
    font-size: 95px !important;
  }
  :where(.post) .u-fz-96-md {
    font-size: 96px;
  }
  :where(.post) .u-fz-96-md-imp {
    font-size: 96px !important;
  }
  :where(.post) .u-fz-97-md {
    font-size: 97px;
  }
  :where(.post) .u-fz-97-md-imp {
    font-size: 97px !important;
  }
  :where(.post) .u-fz-98-md {
    font-size: 98px;
  }
  :where(.post) .u-fz-98-md-imp {
    font-size: 98px !important;
  }
  :where(.post) .u-fz-99-md {
    font-size: 99px;
  }
  :where(.post) .u-fz-99-md-imp {
    font-size: 99px !important;
  }
  :where(.post) .u-fz-100-md {
    font-size: 100px;
  }
  :where(.post) .u-fz-100-md-imp {
    font-size: 100px !important;
  }
  :where(.post) .u-iconLink a:hover, :where(.post) .u-iconText a:hover {
    opacity: 1;
  }
  :where(.post) .c-contactLink a:hover {
    opacity: 1;
  }
  :where(.post) .login .g-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: block;
    background-position: center top;
    background-size: contain;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  :where(.post) .login .g-pageMain {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  :where(.post) .c-login_body {
    width: 100%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  :where(.post) .c-login_logo {
    position: relative;
    width: 100%;
  }
  :where(.post) .c-login_logo:before {
    display: block;
    padding-top: 61.17%;
    content: "";
  }
  :where(.post) .c-login_logo .c-headingLv1 {
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 33vw;
    margin-top: -12px;
  }
  :where(.post) .c-login_action {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  :where(.post) .c-login_footer {
    padding-bottom: 1rem;
    border-bottom: 2px solid #f6f8f8;
  }
  :where(.post) .c-managerLocalNav {
    margin-top: 0.75rem;
  }
  :where(.post) .c-managerButtonLinkBr {
    display: block;
  }
  :where(.post) .c-operation {
    display: block;
    height: auto;
  }
  :where(.post) .c-operation_contents {
    width: 100%;
    padding: 1rem 1.5rem 0;
    border-right: none;
  }
  :where(.post) .c-operationHead {
    font-size: 1rem;
    margin-top: 0;
    margin-right: -1rem;
    margin-left: -1rem;
  }
  :where(.post) .c-operationHead_tutorial {
    margin-left: 0;
  }
  :where(.post) .c-operationHead::before {
    width: 32px;
    height: 32px;
  }
  :where(.post) .c-operationHead-movenote {
    padding-left: 2.5rem;
  }
  :where(.post) .c-operationHead-okulink {
    padding-left: 2.5rem;
  }
  :where(.post) .c-operationHead-drill {
    padding-left: 2.5rem;
  }
  :where(.post) .c-operation_chapter {
    overflow: auto;
    width: 100%;
    border-left: none;
  }
  :where(.post) .c-operationParagraph_head.is-open::before {
    display: none;
  }
  :where(.post) .c-operationParagraph_head::before {
    position: absolute;
    top: calc(50% - 7px);
    right: 30px;
    width: 0;
    height: 14px;
    content: "";
    border-left: 2px solid #0977d3;
  }
  :where(.post) .c-operationParagraph_head::after {
    position: absolute;
    top: calc(50% - 1px);
    right: 24px;
    width: 14px;
    height: 0;
    content: "";
    border-top: 2px solid #0977d3;
  }
  :where(.post) .c-operationFooter_logo {
    -moz-text-align-last: left;
    text-align-last: left;
  }
  :where(.post) .c-operationFooter_copyright {
    -moz-text-align-last: left;
    text-align-last: left;
  }
  :where(.post) .c-seminarInfoItem {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  :where(.post) .c-topHead a:hover {
    opacity: 1;
  }
  :where(.post) .c-topMainVisual {
    height: auto;
    padding-bottom: 6vw;
  }
}
@media screen and (max-width: 950px){
  :where(.post) .c-start_guide {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 768px){
  :root {
    --board: 375;
    --max: 9999px;
  }
  html:has(.post) .global-header,
  html:has(.post) .header,
  html:has(.post) .footer {
    font-size: 0.2666666667vw;
  }
  html:has(.case) .global-header,
  html:has(.case) .header,
  html:has(.case) .footer {
    font-size: 0.2666666667vw;
  }
  :where(.post) .c-seminarInfo_thumbnailMovie {
    padding-top: 0 !important;
  }
  :where(.post) .l-grid-halfGutter .l-grid_item {
    padding-right: 0 !important;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonInfomation {
    width: 100vw;
    max-width: none;
  }
}
@media screen and (max-width: 768px){
  :where(.post) .swiper4 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
}
@media screen and (max-width: 767px){
  /* 導入事例 */
  .casedetail {
    padding: 6.6666666667vw 0 9.3333333333vw;
  }
  .casedetail .contents__ttl.recommend {
    padding: 0 0 1em;
  }
  .casedetail__mv {
    margin: 0 0 6.6666666667vw;
  }
  .casedetail__mv__photo {
    border-radius: 0;
  }
  .casedetail__mv__ttl {
    font-size: 4.2vw;
    line-height: 1.7647;
  }
  .case01 .casedetail__mv__ttl,
  .case02 .casedetail__mv__ttl {
    /* left: 2.6666666667vw;
    bottom: 4vw; */
    left: auto;
    bottom: auto;
    position: relative;
    margin-top: 6.6666666667vw;
  }
  .casedetail__profile {
    width: 77.6vw;
    margin: 0 auto 9.3333333333vw;
    font-size: 4vw;
  }
  .casedetail__profile__ttl {
    width: 20.9333333333vw;
    padding: 1.5em 0 1em;
    border-bottom: 0.2666666667vw solid rgba(46, 47, 84, 0.2);
  }
  .casedetail__profile__txt {
    width: 56.6666666667vw;
    padding: 1.5em 0 1em;
    border-bottom: 0.2666666667vw solid rgba(46, 47, 84, 0.2);
  }
  .casedetail__txt {
    font-size: 4vw;
  }
  .casedetail__txt.lead {
    margin: 0 0 10.6666666667vw;
  }
  .casedetail__txt.half {
    width: auto;
  }
  .casedetail__outline {
    min-height: unset;
    padding: 11.4666666667vw 0 0;
    background: #fff url(/miraiseed/assets-common/image/case/outline_bg_sp01.png) no-repeat left top;
    background-size: 100% auto;
  }
  .casedetail__outline__detail {
    width: auto;
    padding: 0 5.3333333333vw 4vw 11.0666666667vw;
    background: url(/miraiseed/assets-common/image/case/outline_bg_sp02.png) no-repeat right bottom;
    background-size: 100% auto;
  }
  .casedetail__outline__ttl {
    width: 17.0666666667vw;
    margin: 0.3em 0 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .casedetail__outline__ttl u {
    border-bottom: 0.2666666667vw solid #1287e9;
  }
  .casedetail__outline__txt {
    width: 66.1333333333vw;
    padding: 0 0 5.3333333333vw;
    font-size: 4vw;
  }
  .casedetail__main {
    max-width: unset;
    padding: 0 5.3333333333vw 13.3333333333vw;
  }
  .casedetail__ttl {
    padding: 17.3333333333vw 0 0;
    font-size: 4.8vw;
    line-height: 1.722;
  }
  .casedetail__ttl .genre {
    min-width: 33.3333333333vw;
    margin: 0 0 0.8em;
    border-radius: 0.4vw;
    font-size: 3.7333333333vw;
    line-height: 6.6666666667vw;
  }
  .casedetail__subttl {
    margin: 10.6666666667vw 0 1em;
    padding: 0 0 0 6.9333333333vw;
    font-size: 4.5333333333vw;
    line-height: 1.7647;
  }
  .casedetail__subttl:before {
    top: 0.9em;
    width: 5.3333333333vw;
    height: 0.2666666667vw;
  }
  .casedetail__wrap {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }
  .casedetail__photo {
    width: auto;
    padding: 4vw 0 0;
  }
  .casedetail__photo.wide {
    padding: 5.3333333333vw 0 2.6666666667vw;
  }
  .casedetail__photo__caption {
    font-size: 3.4666666667vw;
  }
  .casedetail__notice {
    font-size: 3.4666666667vw;
  }
  .casedetail__conclusion {
    margin: 9.3333333333vw 0 1em;
    font-size: 5.0666666667vw;
  }
  .casedetail__conclusion:before,
  .casedetail__conclusion:after {
    width: 6.8vw;
    height: 0.2666666667vw;
  }
  .casedetail__conclusion:before {
    left: -11.3333333333vw;
  }
  .casedetail__conclusion:after {
    right: -11.3333333333vw;
  }
  .casedetail__product {
    padding: 5.0666666667vw 5.8666666667vw 5.0666666667vw 30.9333333333vw;
    border-radius: 3.7333333333vw;
  }
  .casedetail__product.drillpark {
    background: #00a856 url(/miraiseed/assets-common/image/case/icon_drillpark.svg) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.movenote {
    background: #d92731 url(/miraiseed/assets-common/image/case/icon_movenote.svg) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product__ttl {
    padding: 0 0 0.5em;
    font-size: 5.6vw;
  }
  .casedetail__product__ttl .type {
    margin: 0.7em 0 0;
    font-size: 3.2vw;
    line-height: 5.8266666667vw;
  }
  .casedetail__product__txt {
    font-size: 3.7333333333vw;
    line-height: 1.928;
  }
  .casedetail__product__more {
    margin: 0.8em 0 0;
    padding: 0 4.5333333333vw 0 0;
    font-size: 4vw;
  }
  .casedetail__product__more:after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-top: 0.1333333333vw solid #2e2f54;
    border-right: 0.1333333333vw solid #2e2f54;
  }
  .casedetail__gallery {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-align: unse;
    -ms-flex-align: unse;
    align-items: unse;
    padding: 2.6666666667vw 0 0;
  }
  .casedetail__gallery__photo {
    width: auto;
    padding: 4vw 0 0;
  }
  .casedetail__gallery__photo.large,
  .casedetail__gallery__photo.small {
    width: auto;
  }
  .casedetail__product.okulink {
    background: #55559A url(/miraiseed/assets-common/image/case/icon_okulink.png) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.speakingquest {
    background: #0081cc url(/miraiseed/assets-common/image/case/icon_speakingquest.png) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__conclusion:has(+ .casedetail__product.karte-evit) {
    margin-bottom: 9vw;
  }
  .casedetail__product.karte-evit {
    background: #2e318c url(/miraiseed/assets-common/image/case/icon_karte-new.svg) no-repeat left 6vw top 13.066667vw;
    background-size: 19.3333333333vw auto;
    padding-top: 13vw;
    padding-bottom: 8vw;
  }
  .casedetail__product.karte-evit::before {
    top: -2.9vw;
    right: 8.9333333333vw;
    width: 71.629vw;
    height: 10.1333333333vw;
    background-image: url(/miraiseed/assets-common/image/case/icon_renewal-karte_sp.svg);
  }
  .casedetail__product.rpdca {
    background: #00afcc url(/miraiseed/assets-common/image/case/icon_rpdca.png) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.gtanken {
    background: #3254a4 url(/miraiseed/assets-common/image/case/icon_gtanken.png) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.lab {
    background: #ed7d8c url(/miraiseed/assets-common/image/case/icon_lab.png) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.hanashiai {
    background: #BE0168 url(/miraiseed/assets-common/image/case/icon_hanashiai.png) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.programming {
    background: #c1db53 url(/miraiseed/assets-common/image/case/icon_programming.png) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.handbook {
    background: #EA6143 url(/miraiseed/assets-common/image/case/icon_handbook.png) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.okulinkplus {
    background: #ed7d31 url(/miraiseed/assets-common/image/case/icon_okulinkplus.svg) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.testpark {
    background: #0e91ef url(/miraiseed/assets-common/image/case/icon_testpark.svg) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .casedetail__product.marugland {
    background: #009ea8 url(/miraiseed/assets-common/image/case/icon_marugland.svg) no-repeat left 6vw top 5.0666666667vw;
    background-size: 19.3333333333vw auto;
  }
  .case .top #benesse-footer .benesse-footer__inner,
  .case .top #benesse-header .benesse-header__inner {
    width: auto !important;
    max-width: auto !important;
    padding: 12px 12px 0 !important;
  }
  .case .miraihead {
    padding: 2vw 5.3333333333vw 2vw 2.6666666667vw;
  }
  .case .miraihead__logo {
    width: 30.1333333333vw;
  }
  .case .miraihead__logo .logobtn {
    height: 6.4vw;
  }
  .case .miraihead__nav {
    padding-left: 25.3333333333vw;
  }
  .case .miraihead__nav__page {
    display: none;
  }
  .case .miraihead__nav .download {
    width: auto;
    margin-left: 0;
    background: none;
    border-radius: 0;
    font-size: 0;
    line-height: 0;
  }
  .case .miraihead__nav .download .icon-book {
    width: 7.2vw;
    margin: 1.3333333333vw 0 0;
    vertical-align: bottom;
  }
  .case .miraihead__nav .download span {
    display: none;
  }
  .case .miraihead__nav .contactbtn {
    width: auto;
    margin-left: 4vw;
    border: none;
    border-radius: 0;
    font-size: 0;
    line-height: 0;
  }
  .case .miraihead__nav .contactbtn .icon-mail {
    width: 5.7333333333vw;
    margin-right: 0;
  }
  .case .miraihead__nav .contactbtn span {
    display: none;
  }
  .case .miraihead .subMenu {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    position: fixed;
    right: -100vw;
    top: 0;
    z-index: 998;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    height: 100vh;
  }
  .case .miraihead .subMenu__nav {
    display: inline-block;
    width: 70vw;
    margin: 26.6666666667vw 5.3333333333vw 0 0;
    padding: 8vw 6.6666666667vw 3.4666666667vw;
    background: #fff;
    border-radius: 4vw;
    -webkit-box-shadow: 0.7vw 0.7vw 2vw rgba(0, 0, 0, 0.2);
    box-shadow: 0.7vw 0.7vw 2vw rgba(0, 0, 0, 0.2);
  }
  .case .miraihead .subMenu__nav__page {
    padding: 0 0 1em;
  }
  .case .miraihead .subMenu__nav__page:before {
    display: none;
  }
  .case .miraihead .subMenu__nav__page .navbtn {
    display: block;
    margin-bottom: 0.5em;
    font-size: 4.5333333333vw;
    font-weight: 700;
    line-height: 1em;
  }
  .case .miraihead .subMenu__nav__page .navbtn.new:after {
    display: inline-block;
    content: "NEW";
    margin-left: 0.5em;
    padding: 0.1em 0.5em;
    background: #e91b00;
    font-size: 3.8666666667vw;
    line-height: 5.0666666667vw;
    color: #fff;
  }
  .case .miraihead .subMenu__nav__page .navbtn.nav-open:after {
    display: inline-block;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 0 0.2em 0.5em;
    width: 1.7333333333vw;
    height: 1.7333333333vw;
    border-top: 0.2666666667vw solid #2e2f54;
    border-right: 0.2666666667vw solid #2e2f54;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
  }
  .case .miraihead .subMenu__nav__page .navbtn.nav-open.show:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
  }
  .case .miraihead .subMenu__nav__page:last-child {
    border-bottom: none;
  }
  .case .miraihead .subMenu__nav__page .subbtn {
    display: inline-block;
    position: relative;
    margin-top: 0.8em;
    padding-left: 1.5em;
    font-size: 4vw;
    font-weight: 700;
    line-height: 1em;
    color: #7c7c7c;
  }
  .case .miraihead .subMenu__nav__page .subbtn:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0.7em;
    width: 2.6666666667vw;
    height: 0.2666666667vw;
    background: #7c7c7c;
  }
  .case .miraihead .subMenu__nav__page .subnav {
    display: none;
  }
  .case .miraihead__btn {
    display: block;
    width: 8vw;
  }
  .case .miraihead label {
    display: block;
  }
  .case .miraihead .gn-bg {
    display: block;
    position: fixed;
    top: 0;
    left: -100vw;
    width: 100vw;
    height: 100vh;
    z-index: 996;
    background: rgba(46, 47, 84, 0.5);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  .case .miraihead .gn-bg label {
    display: block;
    width: 100%;
    height: 100%;
  }
  .case .miraihead .gn-close {
    display: block;
    position: fixed;
    right: 5.3333333333vw;
    top: 5.5rem;
    z-index: 999;
    width: 8vw;
    height: 8vw;
    background: url(../img/common/hamburger_close.svg) no-repeat center center;
    background-size: contain;
  }
  .case .miraihead .gn-close label {
    display: block;
    width: 100%;
    height: 100%;
  }
  .case .miraihead #gnav {
    display: none;
  }
  .case .miraihead #gnav:checked + .gn-bg {
    left: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  .case .miraihead #gnav:checked + .gn-bg + .subMenu {
    right: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 1;
    overflow: scroll;
  }
  .case .contents {
    padding: 24.2vw 0 0;
  }
  .case .contents__inner {
    max-width: auto;
    padding: 0 5.3333333333vw;
  }
  .case .contents__btn {
    width: 100%;
    border-radius: 8vw;
    font-size: 4.5333333333vw;
    line-height: 16vw;
  }
  .case .contents__btn:after {
    right: 6.6666666667vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-top: 0.5333333333vw solid #fff;
    border-right: 0.5333333333vw solid #fff;
  }
  .case .contents__btn2 {
    width: 100%;
    border-radius: 8vw;
    font-size: 4.5333333333vw;
    line-height: 16vw;
  }
  .case .contents__btn2:after {
    right: 6.6666666667vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-top: 0.5333333333vw solid #fff;
    border-right: 0.5333333333vw solid #fff;
  }
  .case .contents__ttl {
    font-size: 6.6666666667vw;
  }
  .case .contents__ttl small {
    font-size: 6.6666666667vw;
  }
  .case .contents__lead {
    padding: 0 0 6.6666666667vw;
    font-size: 4vw;
  }
  .case .sp {
    display: inline-block;
  }
  .case .pc {
    display: none;
  }
  .case #pagetop {
    right: 2vw;
    bottom: 2vw;
  }
  .case #pagetop .pagetop {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
  }
  .case .infoft {
    padding: 10.6666666667vw 5.3333333333vw 4vw;
  }
  .case .infoft__ttl {
    font-size: 5.3333333333vw;
  }
  .case .infoft .miraihead__nav {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    width: auto;
    padding: 0 0 8vw;
  }
  .case .infoft .miraihead__nav .download {
    width: 77.6vw;
    background: linear-gradient(45deg, #815ed6, #e179c9);
    border: 0.2666666667vw solid #fff;
    border-radius: 8vw;
    font-size: 5.6vw;
    line-height: 15.4666666667vw;
  }
  .case .infoft .miraihead__nav .download .icon-book {
    width: 9.48484vw;
    margin: 0 0.5em 0 0;
    vertical-align: middle;
  }
  .case .infoft .miraihead__nav .contactbtn {
    width: 77.6vw;
    margin: 4vw auto 0;
    border: 0.2666666667vw solid #1287e9;
    border-radius: 6.6666666667vw;
    font-size: 4.5333333333vw;
    line-height: 12.8vw;
  }
  .case .infoft .miraihead__nav .contactbtn .icon-mail {
    width: 7.1239466667vw;
    margin-right: 0.8em;
  }
  .case .infoft__terms {
    margin: 0 0 10.4vw;
    padding-left: 5.3333333333vw;
    background-size: 3.3333333333vw auto;
    font-size: 4vw;
  }
  .case .infoft__addr {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    max-width: unset;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 5.8666666667vw;
    border: 0.2666666667vw solid #fff;
  }
  .case .infoft__addr__ttl {
    width: 100%;
    height: 24.8vw;
    padding: 0 0 1.3333333333vw;
    font-size: 4.5333333333vw;
    line-height: 1.588;
  }
  .case .infoft__addr__ttl:after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 9.6vw;
    background: url(../img/common/infoft_arrow_sp.png) no-repeat center bottom;
    background-size: 100% 9.6vw;
  }
  .case .infoft__addr__ttl small {
    font-size: 3.7333333333vw;
  }
  .case .infoft__addr__detail {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    width: auto;
  }
  .case .infoft__addr__dep {
    padding: 1em 0 1.2em;
    font-size: 4vw;
    line-height: 1.666;
    text-align: center;
  }
  .case .infoft__addr__dep strong {
    font-size: 8vw;
    line-height: 8.6456533333vw;
  }
  .case .infoft__addr__dep strong .icon-tel {
    width: 6.6290666667vw;
  }
  .case .infoft__addr__hours {
    width: auto;
    margin: 0 8.5333333333vw;
    border-top: 0.2666666667vw solid #fff;
    font-size: 4vw;
    text-align: center;
  }
  .case .infoft__addr__notice {
    font-size: 3.4666666667vw;
    text-align: left;
  }
  .case .mfp-container {
    padding: 0 20px;
  }
  .case .mfp-container .mfp-content {
    padding-top: 60px;
  }
  .case .contactModal .topText {
    font-size: 17px;
  }
  .case .contactModal .message {
    font-size: 16px;
  }
  .case .contactModal .contactBox {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .case .contactModal .contactBox .box {
    width: 100%;
    margin: 0 auto;
  }
  .case .contactModal .contactBox .box:first-child {
    margin-bottom: 20px;
  }
  .case .contactModal .contactBox .box .title {
    font-size: 16px;
  }
  .case .mv {
    height: 216vw;
    background: url(../img/index/mv_sp_2407.jpg) no-repeat center center;
    background-size: cover;
  }
  .case .mv .contents__inner {
    text-align: center;
  }
  .case .mv__ttl {
    padding: 5.3333333333vw 0 8vw;
    font-size: 4.2666666667vw;
    line-height: 1.6875;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .case .mv__ttl strong {
    width: 71.7333333333vw;
    height: 15.12916vw;
  }
  .case .mv__txt {
    height: 82.2666666667vw;
    padding: 5.3333333333vw 0 0 0;
    font-size: 4.5333333333vw;
    line-height: 1.7647;
    letter-spacing: 0.36em;
    text-align: left;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .case .mv .miraihead__nav {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    padding-left: 0;
  }
  .case .mv .miraihead__nav .download {
    width: 77.6vw;
    background: linear-gradient(45deg, #815ed6, #e179c9);
    border: 0.2666666667vw solid #fff;
    border-radius: 8vw;
    font-size: 5.6vw;
    line-height: 15.4666666667vw;
  }
  .case .mv .miraihead__nav .download .icon-book {
    width: 9.48484vw;
    margin: 0 0.5em 0 0;
    vertical-align: middle;
  }
  .case .mv .miraihead__nav .contactbtn {
    width: 77.6vw;
    margin: 4vw auto 0;
    border: 0.2666666667vw solid #1287e9;
    border-radius: 6.6666666667vw;
    font-size: 4.5333333333vw;
    line-height: 12.8vw;
  }
  .case .mv .miraihead__nav .contactbtn .icon-mail {
    width: 7.1239466667vw;
    margin-right: 0.8em;
  }
  .case .mv__nav {
    position: static;
    right: auto;
    bottom: auto;
    width: 77.3333333333vw;
    margin: 4.6666666667vw auto 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .case .mv__nav__page {
    padding: 2.4vw 0 0;
  }
  .case .mv__nav__page .mvbtn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 18.6666666667vw;
    padding: 0 4.2666666667vw 0 7.3333333333vw;
    border-radius: 4vw;
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }
  .case .mv__nav__page .mvbtn .arrow {
    width: 5.3333333333vw;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .case .mv__nav__page .mvbtn .logo {
    width: 33.6vw;
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .case .mv__nav__page .mvbtn span {
    width: auto;
    text-align: left;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .case .mv__nav__page .mvbtn.fansite span {
    font-size: 3.7333333333vw;
    line-height: 1.3928;
  }
  .case .mv__nav__page .mvbtn.concept span {
    font-size: 3.7333333333vw;
    line-height: 1.3928;
  }
  .case .index__ttl {
    padding: 0 0 6.4vw;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
  .case .index__ttl .ttlimg {
    height: 6.8vw;
    margin: 0 0 3.4666666667vw;
  }
  .case .news {
    width: auto;
    padding: 5.7333333333vw 5.3333333333vw 0;
  }
  .case .news__inner .swiper-slide .news__photo {
    height: 62.6666666667vw;
    border-radius: 2.6666666667vw;
  }
  .case .news .swiper-button-next,
  .case .news .swiper-button-prev {
    width: 2.1333333333vw;
    height: 5.6vw;
    background: url(../img/common/arrow03.svg) no-repeat center center;
    background-size: contain;
  }
  .case .news .swiper-button-prev {
    left: -4vw;
  }
  .case .news .swiper-button-next {
    right: -4vw;
  }
  .case .news .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: block;
    top: auto;
    bottom: -8vw;
    line-height: 1.6vw;
  }
  .case .news .swiper-pagination-bullet {
    width: 1.6vw;
    height: 1.6vw;
  }
  .case .news .swiper-pagination-bullet-active {
    background: #2e2f54;
  }
  .case .news .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4vw;
  }
  .case .news__topic {
    bottom: 5.7333333333vw;
  }
  .case .news__topic__date {
    padding: 0.3em 2.6666666667vw;
    font-size: 4vw;
  }
  .case .news__topic__ttl {
    padding: 0.1em 2.6666666667vw;
    font-size: 4.8vw;
  }
  .case .outline {
    padding: 18.6666666667vw 0 13.3333333333vw;
  }
  .case .outline:before {
    border-width: 32vw 100vw 0 0;
  }
  .case .outline .contents__inner {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    position: relative;
  }
  .case .outline__detail {
    width: auto;
    padding: 0 0 6.4vw;
  }
  .case .outline__ui {
    width: auto;
  }
  .case .outline__ui__screen {
    border-radius: 2.6666666667vw;
    -webkit-box-shadow: 2vw 2vw 4vw rgba(0, 0, 0, 0.4);
    box-shadow: 2vw 2vw 4vw rgba(0, 0, 0, 0.4);
  }
  .case .outline__ttl {
    font-size: 5.3333333333vw;
    line-height: 1.9;
    text-align: center;
  }
  .case .outline__txt {
    font-size: 4vw;
    line-height: 1.8;
  }
  .case .feature {
    padding: 0 0 11.2vw;
    background: #f5f5f5 url(../img/index/feature_bg_sp.png) no-repeat center top;
    background-size: 100% auto;
  }
  .case .feature__nav {
    padding: 0 0 8.9333333333vw;
  }
  .case .feature__nav__point {
    width: 27.4666666667vw;
  }
  .case .feature__nav__btn {
    padding: 0 0 2.6666666667vw;
    border-radius: 2.6666666667vw;
    -webkit-box-shadow: 0 0 2vw rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2vw rgba(0, 0, 0, 0.2);
  }
  .case .feature__nav__ttl {
    width: 15.2vw;
  }
  .case .feature__nav__txt {
    font-size: 4vw;
  }
  .case .feature__nav__illust {
    width: 100%;
  }
  .case .feature__point {
    padding: 0 0 8vw;
  }
  .case .feature__point__ttl {
    width: auto;
    font-size: 5.3333333333vw;
    line-height: 1.9;
    text-align: center;
    float: none;
  }
  .case .feature__point__ttl .num {
    width: 16vw;
    margin: 0 0 5.3333333333vw;
  }
  .case .feature__point__illust {
    width: 62.6666666667vw;
    margin: 0 auto;
    float: none;
  }
  .case .feature__point__txt {
    width: auto;
    padding: 1em 0 0;
    font-size: 4vw;
    float: none;
  }
  .case .feature__point:nth-child(2n) .feature__point__illust,
  .case .feature__point:nth-child(2n) .feature__point__ttl,
  .case .feature__point:nth-child(2n) .feature__point__txt {
    float: none;
  }
  .case .case {
    min-height: unset;
    padding: 0;
    background: url(../img/index/case_bg_sp01.png) no-repeat center top;
    background-size: 100% auto;
  }
  .case .case .contents__inner {
    padding: 12.6666666667vw 5.3333333333vw 12.9333333333vw;
    background: url(../img/index/case_bg_sp02..png) no-repeat center bottom;
    background-size: 100% auto;
  }
  .case .case__use {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    padding: 0;
  }
  .case .case__use__example {
    width: auto;
    padding: 0 0 12vw;
  }
  .case .case__use__photo {
    border-radius: 2.6666666667vw;
  }
  .case .case__use__detail {
    width: 77.6vw;
    margin: -18.6666666667vw auto 0;
    padding: 5.3333333333vw 7.4666666667vw 3.6vw;
    border-radius: 7.4666666667vw 0 7.4666666667vw 0;
    -webkit-box-shadow: 0.5333333333vw 0.5333333333vw 1.7333333333vw rgba(0, 0, 0, 0.1);
    box-shadow: 0.5333333333vw 0.5333333333vw 1.7333333333vw rgba(0, 0, 0, 0.1);
  }
  .case .case__use__detail:after,
  .case .case__use__detail:before {
    width: 6.9333333333vw;
    height: 5.7333333333vw;
  }
  .case .case__use__detail:before {
    left: -1.0666666667vw;
    top: -2.2666666667vw;
  }
  .case .case__use__detail:after {
    right: -1.0666666667vw;
    bottom: -2.1333333333vw;
  }
  .case .case__use__ttl {
    font-size: 4vw;
    line-height: 1.733;
  }
  .case .case__use__txt {
    font-size: 4vw;
  }
  .case .case__use__txt small {
    border-top: 0.2666666667vw solid #2e2f54;
    font-size: 4vw;
  }
  .case .geometric {
    padding: 8vw 0 0;
    background: #f5f5f5;
  }
  .case .infoft .about-banner {
    margin-bottom: 12vw;
  }
  .case .casedetail__mv {
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .case .casedetail__mv__photo {
    display: block;
  }
  .case .case__use__photo img {
    display: block;
  }
}
@media (max-width: 719px){
  .rw08.c-articleData_footerTag {
    margin-top: 38px;
  }
  :where(.rw08) .c-lessonSubTitle {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.5;
  }
  :where(.rw08) .c-lessonInfoBox {
    max-width: 154px !important;
  }
  :where(.rw08).rw-separator {
    height: calc(38px - 1rem);
  }
}
@media only screen and (max-width: 719px){
  :where(.post) {
    /*! Small only */
  }
  :where(.post) .c-article_inner, :where(.post) .c-detail_inner, :where(.post) .c-faq_inner, :where(.post) .c-localNav_inner, :where(.post) .c-modal_inner, :where(.post) .c-notfound_inner, :where(.post) .c-operationPage .c-localNav_inner, :where(.post) .c-operationPage .g-siteHeader_inner, :where(.post) .c-outsideContainer_inner, :where(.post) .c-searchResults_inner, :where(.post) .g-siteHeader_inner, :where(.post) .l-inner {
    max-width: calc(1032px + 1rem);
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  :where(.post) .g-container {
    margin-top: 0;
  }
  :where(.post) .l-grid_item-1 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-1-sm {
    width: 8.3333%;
  }
  :where(.post) .l-grid_item-2 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-2-sm {
    width: 16.6667%;
  }
  :where(.post) .l-grid_item-3 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-3-sm {
    width: 25%;
  }
  :where(.post) .l-grid_item-4 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-4-sm {
    width: 33.3333%;
  }
  :where(.post) .l-grid_item-5 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-5-sm {
    width: 41.6667%;
  }
  :where(.post) .l-grid_item-6 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-6-sm {
    width: 50%;
  }
  :where(.post) .l-grid_item-7 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-7-sm {
    width: 58.3333%;
  }
  :where(.post) .l-grid_item-8 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-8-sm {
    width: 66.6667%;
  }
  :where(.post) .l-grid_item-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-9-sm {
    width: 75%;
  }
  :where(.post) .l-grid_item-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-10-sm {
    width: 83.3333%;
  }
  :where(.post) .l-grid_item-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-11-sm {
    width: 91.6667%;
  }
  :where(.post) .l-grid_item-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-12-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-1 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-2 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 50%;
  }
  :where(.post) .l-grid_item-2-2 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-3 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 33.3333%;
  }
  :where(.post) .l-grid_item-2-3 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 66.6667%;
  }
  :where(.post) .l-grid_item-3-3 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-4 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 25%;
  }
  :where(.post) .l-grid_item-2-4 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 50%;
  }
  :where(.post) .l-grid_item-3-4 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 75%;
  }
  :where(.post) .l-grid_item-4-4 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-5 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 20%;
  }
  :where(.post) .l-grid_item-2-5 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 40%;
  }
  :where(.post) .l-grid_item-3-5 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 60%;
  }
  :where(.post) .l-grid_item-4-5 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 80%;
  }
  :where(.post) .l-grid_item-5-5 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-6 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 16.6667%;
  }
  :where(.post) .l-grid_item-2-6 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 33.3333%;
  }
  :where(.post) .l-grid_item-3-6 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 50%;
  }
  :where(.post) .l-grid_item-4-6 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 66.6667%;
  }
  :where(.post) .l-grid_item-5-6 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 83.3333%;
  }
  :where(.post) .l-grid_item-6-6 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-7 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 14.2857%;
  }
  :where(.post) .l-grid_item-2-7 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 28.5714%;
  }
  :where(.post) .l-grid_item-3-7 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 42.8571%;
  }
  :where(.post) .l-grid_item-4-7 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 57.1429%;
  }
  :where(.post) .l-grid_item-5-7 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 71.4286%;
  }
  :where(.post) .l-grid_item-6-7 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 85.7143%;
  }
  :where(.post) .l-grid_item-7-7 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-8 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 12.5%;
  }
  :where(.post) .l-grid_item-2-8 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 25%;
  }
  :where(.post) .l-grid_item-3-8 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 37.5%;
  }
  :where(.post) .l-grid_item-4-8 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 50%;
  }
  :where(.post) .l-grid_item-5-8 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 62.5%;
  }
  :where(.post) .l-grid_item-6-8 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 75%;
  }
  :where(.post) .l-grid_item-7-8 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 87.5%;
  }
  :where(.post) .l-grid_item-8-8 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 11.1111%;
  }
  :where(.post) .l-grid_item-2-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 22.2222%;
  }
  :where(.post) .l-grid_item-3-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 33.3333%;
  }
  :where(.post) .l-grid_item-4-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 44.4444%;
  }
  :where(.post) .l-grid_item-5-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 55.5556%;
  }
  :where(.post) .l-grid_item-6-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 66.6667%;
  }
  :where(.post) .l-grid_item-7-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 77.7778%;
  }
  :where(.post) .l-grid_item-8-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 88.8889%;
  }
  :where(.post) .l-grid_item-9-9 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 10%;
  }
  :where(.post) .l-grid_item-2-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 20%;
  }
  :where(.post) .l-grid_item-3-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 30%;
  }
  :where(.post) .l-grid_item-4-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 40%;
  }
  :where(.post) .l-grid_item-5-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 50%;
  }
  :where(.post) .l-grid_item-6-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 60%;
  }
  :where(.post) .l-grid_item-7-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 70%;
  }
  :where(.post) .l-grid_item-8-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 80%;
  }
  :where(.post) .l-grid_item-9-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 90%;
  }
  :where(.post) .l-grid_item-10-10 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 9.0909%;
  }
  :where(.post) .l-grid_item-2-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 18.1818%;
  }
  :where(.post) .l-grid_item-3-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 27.2727%;
  }
  :where(.post) .l-grid_item-4-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 36.3636%;
  }
  :where(.post) .l-grid_item-5-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 45.4545%;
  }
  :where(.post) .l-grid_item-6-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 54.5455%;
  }
  :where(.post) .l-grid_item-7-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 63.6364%;
  }
  :where(.post) .l-grid_item-8-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 72.7273%;
  }
  :where(.post) .l-grid_item-9-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 81.8182%;
  }
  :where(.post) .l-grid_item-10-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 90.9091%;
  }
  :where(.post) .l-grid_item-11-11 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid_item-1-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 8.3333%;
  }
  :where(.post) .l-grid_item-2-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 16.6667%;
  }
  :where(.post) .l-grid_item-3-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 25%;
  }
  :where(.post) .l-grid_item-4-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 33.3333%;
  }
  :where(.post) .l-grid_item-5-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 41.6667%;
  }
  :where(.post) .l-grid_item-6-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 50%;
  }
  :where(.post) .l-grid_item-7-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 58.3333%;
  }
  :where(.post) .l-grid_item-8-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 66.6667%;
  }
  :where(.post) .l-grid_item-9-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 75%;
  }
  :where(.post) .l-grid_item-10-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 83.3333%;
  }
  :where(.post) .l-grid_item-11-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 91.6667%;
  }
  :where(.post) .l-grid_item-12-12 {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-sm {
    width: 100%;
  }
  :where(.post) .l-grid-center-sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  :where(.post) .l-grid_item-5per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-5per-sm {
    width: 5%;
  }
  :where(.post) .l-grid_item-10per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-10per-sm {
    width: 10%;
  }
  :where(.post) .l-grid_item-15per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-15per-sm {
    width: 15%;
  }
  :where(.post) .l-grid_item-20per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-20per-sm {
    width: 20%;
  }
  :where(.post) .l-grid_item-25per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-25per-sm {
    width: 25%;
  }
  :where(.post) .l-grid_item-30per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-30per-sm {
    width: 30%;
  }
  :where(.post) .l-grid_item-35per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-35per-sm {
    width: 35%;
  }
  :where(.post) .l-grid_item-40per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-40per-sm {
    width: 40%;
  }
  :where(.post) .l-grid_item-45per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-45per-sm {
    width: 45%;
  }
  :where(.post) .l-grid_item-50per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-50per-sm {
    width: 50%;
  }
  :where(.post) .l-grid_item-55per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-55per-sm {
    width: 55%;
  }
  :where(.post) .l-grid_item-60per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-60per-sm {
    width: 60%;
  }
  :where(.post) .l-grid_item-65per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-65per-sm {
    width: 65%;
  }
  :where(.post) .l-grid_item-70per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-70per-sm {
    width: 70%;
  }
  :where(.post) .l-grid_item-75per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-75per-sm {
    width: 75%;
  }
  :where(.post) .l-grid_item-80per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-80per-sm {
    width: 80%;
  }
  :where(.post) .l-grid_item-85per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-85per-sm {
    width: 85%;
  }
  :where(.post) .l-grid_item-90per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-90per-sm {
    width: 90%;
  }
  :where(.post) .l-grid_item-95per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-95per-sm {
    width: 95%;
  }
  :where(.post) .l-grid_item-100per {
    width: 100%;
  }
  :where(.post) .l-grid .l-grid_item-100per-sm {
    width: 100%;
  }
  :where(.post) .l-tile .l-tile_item {
    width: 100%;
  }
  :where(.post) .l-tile-1col-sm .l-tile_item {
    width: 100%;
  }
  :where(.post) .l-tile-2col-sm .l-tile_item {
    width: 50%;
  }
  :where(.post) .l-tile-3col-sm .l-tile_item {
    width: 33.3333%;
  }
  :where(.post) .l-tile-4col-sm .l-tile_item {
    width: 25%;
  }
  :where(.post) .l-tile-5col-sm .l-tile_item {
    width: 20%;
  }
  :where(.post) .l-tile-6col-sm .l-tile_item {
    width: 16.6667%;
  }
  :where(.post) .l-tile-7col-sm .l-tile_item {
    width: 14.2857%;
  }
  :where(.post) .l-tile-8col-sm .l-tile_item {
    width: 12.5%;
  }
  :where(.post) .l-tile-9col-sm .l-tile_item {
    width: 11.1111%;
  }
  :where(.post) .l-tile-10col-sm .l-tile_item {
    width: 10%;
  }
  :where(.post) .l-separator-x0-sm {
    margin-top: 0;
  }
  :where(.post) .l-separator-x0-sm-imp {
    margin-top: 0 !important;
  }
  :where(.post) .l-separator-x1-sm {
    margin-top: 0.5rem;
  }
  :where(.post) .l-separator-x1-sm-imp {
    margin-top: 0.5rem !important;
  }
  :where(.post) .l-separator-x2-sm {
    margin-top: 1rem;
  }
  :where(.post) .l-separator-x2-sm-imp {
    margin-top: 1rem !important;
  }
  :where(.post) .l-separator-x3-sm {
    margin-top: 1.5rem;
  }
  :where(.post) .l-separator-x3-sm-imp {
    margin-top: 1.5rem !important;
  }
  :where(.post) .l-separator-x4-sm {
    margin-top: 2rem;
  }
  :where(.post) .l-separator-x4-sm-imp {
    margin-top: 2rem !important;
  }
  :where(.post) .l-separator-x5-sm {
    margin-top: 2.5rem;
  }
  :where(.post) .l-separator-x5-sm-imp {
    margin-top: 2.5rem !important;
  }
  :where(.post) .l-separator-x6-sm {
    margin-top: 3rem;
  }
  :where(.post) .l-separator-x6-sm-imp {
    margin-top: 3rem !important;
  }
  :where(.post) .l-separator-x7-sm {
    margin-top: 3.5rem;
  }
  :where(.post) .l-separator-x7-sm-imp {
    margin-top: 3.5rem !important;
  }
  :where(.post) .l-separator-x8-sm {
    margin-top: 4rem;
  }
  :where(.post) .l-separator-x8-sm-imp {
    margin-top: 4rem !important;
  }
  :where(.post) .l-separator-x9-sm {
    margin-top: 4.5rem;
  }
  :where(.post) .l-separator-x9-sm-imp {
    margin-top: 4.5rem !important;
  }
  :where(.post) .l-separator-x10-sm {
    margin-top: 5rem;
  }
  :where(.post) .l-separator-x10-sm-imp {
    margin-top: 5rem !important;
  }
  :where(.post) .l-separator-x11-sm {
    margin-top: 5.5rem;
  }
  :where(.post) .l-separator-x11-sm-imp {
    margin-top: 5.5rem !important;
  }
  :where(.post) .l-separator-x12-sm {
    margin-top: 6rem;
  }
  :where(.post) .l-separator-x12-sm-imp {
    margin-top: 6rem !important;
  }
  :where(.post) .l-separator-x13-sm {
    margin-top: 6.5rem;
  }
  :where(.post) .l-separator-x13-sm-imp {
    margin-top: 6.5rem !important;
  }
  :where(.post) .l-separator-x14-sm {
    margin-top: 7rem;
  }
  :where(.post) .l-separator-x14-sm-imp {
    margin-top: 7rem !important;
  }
  :where(.post) .l-separator-x15-sm {
    margin-top: 7.5rem;
  }
  :where(.post) .l-separator-x15-sm-imp {
    margin-top: 7.5rem !important;
  }
  :where(.post) .l-separator-x16-sm {
    margin-top: 8rem;
  }
  :where(.post) .l-separator-x16-sm-imp {
    margin-top: 8rem !important;
  }
  :where(.post) .l-separator-x17-sm {
    margin-top: 8.5rem;
  }
  :where(.post) .l-separator-x17-sm-imp {
    margin-top: 8.5rem !important;
  }
  :where(.post) .l-separator-x18-sm {
    margin-top: 9rem;
  }
  :where(.post) .l-separator-x18-sm-imp {
    margin-top: 9rem !important;
  }
  :where(.post) .l-separator-x19-sm {
    margin-top: 9.5rem;
  }
  :where(.post) .l-separator-x19-sm-imp {
    margin-top: 9.5rem !important;
  }
  :where(.post) .l-separator-x20-sm {
    margin-top: 10rem;
  }
  :where(.post) .l-separator-x20-sm-imp {
    margin-top: 10rem !important;
  }
  :where(.post) .l-separator-x0_5-sm {
    margin-top: 0.25rem;
  }
  :where(.post) .l-separator-x0_5-sm-imp {
    margin-top: 0.25rem !important;
  }
  :where(.post) .l-separator-x1_5-sm {
    margin-top: 0.75rem;
  }
  :where(.post) .l-separator-x1_5-sm-imp {
    margin-top: 0.75rem !important;
  }
  :where(.post) .l-separator-x2_5-sm {
    margin-top: 1.25rem;
  }
  :where(.post) .l-separator-x2_5-sm-imp {
    margin-top: 1.25rem !important;
  }
  :where(.post) .l-separator-x3_5-sm {
    margin-top: 1.75rem;
  }
  :where(.post) .l-separator-x3_5-sm-imp {
    margin-top: 1.75rem !important;
  }
  :where(.post) .l-separator-x4_5-sm {
    margin-top: 2.25rem;
  }
  :where(.post) .l-separator-x4_5-sm-imp {
    margin-top: 2.25rem !important;
  }
  :where(.post) .l-separator-x5_5-sm {
    margin-top: 2.75rem;
  }
  :where(.post) .l-separator-x5_5-sm-imp {
    margin-top: 2.75rem !important;
  }
  :where(.post) .l-separator-x6_5-sm {
    margin-top: 3.25rem;
  }
  :where(.post) .l-separator-x6_5-sm-imp {
    margin-top: 3.25rem !important;
  }
  :where(.post) .l-separator-x7_5-sm {
    margin-top: 3.75rem;
  }
  :where(.post) .l-separator-x7_5-sm-imp {
    margin-top: 3.75rem !important;
  }
  :where(.post) .l-separator-x8_5-sm {
    margin-top: 4.25rem;
  }
  :where(.post) .l-separator-x8_5-sm-imp {
    margin-top: 4.25rem !important;
  }
  :where(.post) .l-separator-x9_5-sm {
    margin-top: 4.75rem;
  }
  :where(.post) .l-separator-x9_5-sm-imp {
    margin-top: 4.75rem !important;
  }
  :where(.post) .l-separator-x10_5-sm {
    margin-top: 5.25rem;
  }
  :where(.post) .l-separator-x10_5-sm-imp {
    margin-top: 5.25rem !important;
  }
  :where(.post) .l-separator-x11_5-sm {
    margin-top: 5.75rem;
  }
  :where(.post) .l-separator-x11_5-sm-imp {
    margin-top: 5.75rem !important;
  }
  :where(.post) .l-separator-x12_5-sm {
    margin-top: 6.25rem;
  }
  :where(.post) .l-separator-x12_5-sm-imp {
    margin-top: 6.25rem !important;
  }
  :where(.post) .l-separator-x13_5-sm {
    margin-top: 6.75rem;
  }
  :where(.post) .l-separator-x13_5-sm-imp {
    margin-top: 6.75rem !important;
  }
  :where(.post) .l-separator-x14_5-sm {
    margin-top: 7.25rem;
  }
  :where(.post) .l-separator-x14_5-sm-imp {
    margin-top: 7.25rem !important;
  }
  :where(.post) .l-separator-x15_5-sm {
    margin-top: 7.75rem;
  }
  :where(.post) .l-separator-x15_5-sm-imp {
    margin-top: 7.75rem !important;
  }
  :where(.post) .l-separator-x16_5-sm {
    margin-top: 8.25rem;
  }
  :where(.post) .l-separator-x16_5-sm-imp {
    margin-top: 8.25rem !important;
  }
  :where(.post) .l-separator-x17_5-sm {
    margin-top: 8.75rem;
  }
  :where(.post) .l-separator-x17_5-sm-imp {
    margin-top: 8.75rem !important;
  }
  :where(.post) .l-separator-x18_5-sm {
    margin-top: 9.25rem;
  }
  :where(.post) .l-separator-x18_5-sm-imp {
    margin-top: 9.25rem !important;
  }
  :where(.post) .l-separator-x19_5-sm {
    margin-top: 9.75rem;
  }
  :where(.post) .l-separator-x19_5-sm-imp {
    margin-top: 9.75rem !important;
  }
  :where(.post) .l-separator-x20_5-sm {
    margin-top: 10.25rem;
  }
  :where(.post) .l-separator-x20_5-sm-imp {
    margin-top: 10.25rem !important;
  }
  :where(.post) .g-siteFooter_inner {
    display: block;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  :where(.post) .g-footerNav_list {
    display: block;
  }
  :where(.post) .g-footerNav_listItem {
    margin-top: 0.5rem;
    margin-left: 0;
  }
  :where(.post) .g-footerNav_listItem:first-child {
    margin-top: 0;
  }
  :where(.post) .g-footerLogo {
    margin-top: 1.5rem;
  }
  :where(.post) .g-footerLogo:first-child {
    margin-top: 0;
  }
  :where(.post) .g-footerCopyright {
    margin-top: 0.5rem;
  }
  :where(.post) .g-footerCopyright:first-child {
    margin-top: 0;
  }
  :where(.post) .c-pagetop {
    right: 16px;
  }
  :where(.post) .c-headingLv1 {
    font-size: 1.5rem;
  }
  :where(.post) .c-iconTopHeadingLv1 {
    font-size: 1.5rem;
    font-weight: 700;
  }
  :where(.post) .c-articleHeadingLv1 {
    font-size: 1.5rem;
  }
  :where(.post) .c-articleHeadingLv1-info {
    font-size: 1.5rem;
  }
  :where(.post) .c-headingLv2 {
    font-size: 1.3125rem;
  }
  :where(.post) .c-list-1col .c-list_item {
    width: 100%;
  }
  :where(.post) .c-list-2col .c-list_item {
    width: 100%;
  }
  :where(.post) .c-list-3col .c-list_item {
    width: 100%;
  }
  :where(.post) .c-list-4col .c-list_item {
    width: 100%;
  }
  :where(.post) .c-list-5col .c-list_item {
    width: 100%;
  }
  :where(.post) .c-list-6col .c-list_item {
    width: 100%;
  }
  :where(.post) .c-list-7col .c-list_item {
    width: 100%;
  }
  :where(.post) .c-list-8col .c-list_item {
    width: 100%;
  }
  :where(.post) .c-list-1col-sm .c-list_item {
    float: left;
    width: 100%;
  }
  :where(.post) .c-list-2col-sm .c-list_item {
    float: left;
    width: 50%;
  }
  :where(.post) .c-list-3col-sm .c-list_item {
    float: left;
    width: 33.3333%;
  }
  :where(.post) .c-list-4col-sm .c-list_item {
    float: left;
    width: 25%;
  }
  :where(.post) .c-list-5col-sm .c-list_item {
    float: left;
    width: 20%;
  }
  :where(.post) .c-list-6col-sm .c-list_item {
    float: left;
    width: 16.6667%;
  }
  :where(.post) .c-list-7col-sm .c-list_item {
    float: left;
    width: 14.2857%;
  }
  :where(.post) .c-list-8col-sm .c-list_item {
    float: left;
    width: 12.5%;
  }
  :where(.post) .c-card_head {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  :where(.post) .c-card_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: -0.5rem;
  }
  :where(.post) .c-card_body .l-grid_item {
    margin-bottom: 0.5rem;
  }
  :where(.post) .c-verticalCard {
    display: block;
    height: auto;
  }
  :where(.post) .c-info {
    display: block;
  }
  :where(.post) .c-info_link {
    display: block;
  }
  :where(.post) .c-info_date {
    display: block;
  }
  :where(.post) .c-info_content {
    display: block;
  }
  :where(.post) .c-form_row {
    margin-top: 1.5rem;
  }
  :where(.post) .c-form_row:first-child {
    margin-top: 0;
  }
  :where(.post) .c-form_col {
    padding: 0;
  }
  :where(.post) [data-js-modal_container] {
    width: 90%;
  }
  :where(.post) .c-searchPane {
    display: block;
  }
  :where(.post) .c-searchPane-displaySm {
    display: block;
  }
  :where(.post) .c-searchPane_list {
    margin-top: 0.5rem;
    margin-left: 0;
  }
  :where(.post) .c-searchPane_list:first-child {
    margin-top: 0;
  }
  :where(.post) .atc-headingLv1, :where(.post) .c-articleData_wysiwyg h1, :where(.post) .c-articleData_wysiwyg_opperationList h1 {
    font-size: 1.5rem;
  }
  :where(.post) .atc-headingLv1_sub {
    font-size: 0.875rem;
  }
  :where(.post) .atc-headingLv2, :where(.post) .c-articleData_wysiwyg h2, :where(.post) .c-articleData_wysiwyg_opperationList h2 {
    font-size: 1.375rem;
  }
  :where(.post) .atc-headingLv2_sub, :where(.post) .c-articleData_wysiwyg h2 u:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h2 em:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h2 strong:first-child, :where(.post) .c-articleData_wysiwyg_opperationList h2 u:first-child {
    font-size: 0.875rem;
  }
  :where(.post) .atc-headingLv2_em {
    font-size: 0.875rem;
  }
  :where(.post) .c-articleData_wysiwyg h2 strong, :where(.post) .c-articleData_wysiwyg h3 strong {
    font-size: 0.875rem;
  }
  :where(.post) .atc-headingLv3, :where(.post) .c-articleData_wysiwyg h3, :where(.post) .c-articleData_wysiwyg_opperationList h3 {
    font-size: 1.25rem;
  }
  :where(.post) .atc-headingLv4, :where(.post) .c-articleData_wysiwyg h4, :where(.post) .c-articleData_wysiwyg_opperationList h4 {
    font-size: 1rem;
  }
  :where(.post) .atc-text, :where(.post) .c-articleData_htmlInput p, :where(.post) .c-articleData_wysiwyg p, :where(.post) .c-articleData_wysiwyg_opperationList p {
    font-size: 1rem;
  }
  :where(.post) .c-article {
    margin-top: 0.5rem;
  }
  :where(.post) .c-articleData_inner {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  :where(.post) .c-articleData_info {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  :where(.post) .c-articleData_heading {
    margin-top: 1.5rem;
  }
  :where(.post) .c-articleData_headingSub {
    font-size: 0.875rem;
  }
  :where(.post) .c-articleData_wysiwyg ul li {
    font-size: 1rem;
  }
  :where(.post) .c-articleData_wysiwyg ol li {
    font-size: 1rem;
  }
  :where(.post) .atc-list li {
    font-size: 1rem;
  }
  :where(.post) .atc-list li {
    font-size: 1rem;
  }
  :where(.post) .atc-list-order li {
    font-size: 1rem;
  }
  :where(.post) .atc-textImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  :where(.post) .c-articleData_tagInline {
    display: block;
  }
  :where(.post) .c-articleData_tagInline .c-articleData_tags, :where(.post) .c-articleData_tagInline .c-card_tags {
    margin-top: 0.5rem;
    padding-left: 0;
  }
  :where(.post) .c-articleData_tagInline .c-articleData_tags::before, :where(.post) .c-articleData_tagInline .c-card_tags::before {
    display: none;
  }
  :where(.post) .c-contentsFooter_heading {
    font-size: 1.25rem;
  }
  :where(.post) .c-contentsFooter_img {
    max-width: 116px;
  }
  :where(.post) .c-articleHero_img::before {
    display: none;
  }
  :where(.post) .c-articleHero_text {
    position: relative;
    bottom: auto;
    left: auto;
    width: auto;
    margin-top: 24px;
    padding-right: 42px;
    padding-left: 42px;
  }
  :where(.post) .c-articleHero_head {
    font-size: 16px;
    display: inline-block;
    color: #292a46;
    text-shadow: none;
  }
  :where(.post) .c-articleHero_head::before {
    top: 0;
    left: -26px;
    width: 24px;
    height: 16px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  :where(.post) .c-articleHero_head::after {
    right: -26px;
    bottom: 0;
    width: 24px;
    height: 16px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  :where(.post) .c-articleHero_school {
    margin-top: 8px;
    color: #292a46;
    text-shadow: none;
  }
  :where(.post) .c-editorNote_essay {
    font-size: 14px;
  }
  :where(.post) .c-articleContents {
    padding: 24px 16px;
  }
  :where(.post) .lesson .c-articleData_inner, :where(.post) .manabi-dx-story .c-articleData_inner {
    padding-top: 32px;
  }
  :where(.post) .u-mdBr {
    display: none;
  }
  :where(.post) .c-detail {
    margin-top: 0.5rem;
  }
  :where(.post) .c-detailData_inner {
    padding-top: 2rem;
  }
  :where(.post) .u-lgOnly {
    display: none;
  }
  :where(.post) .u-smOnly {
    display: block;
  }
  :where(.post) .u-lgOnly {
    display: none;
  }
  :where(.post) .u-ta-center-sm {
    text-align: center;
  }
  :where(.post) .u-ta-center-sm-imp {
    text-align: center !important;
  }
  :where(.post) .u-ta-left-sm {
    text-align: left;
  }
  :where(.post) .u-ta-left-sm-imp {
    text-align: left !important;
  }
  :where(.post) .u-ta-right-sm {
    text-align: right;
  }
  :where(.post) .u-ta-right-sm-imp {
    text-align: right !important;
  }
  :where(.post) .u-va-top-sm {
    vertical-align: top;
  }
  :where(.post) .u-va-top-sm-imp {
    vertical-align: top !important;
  }
  :where(.post) .u-va-middle-sm {
    vertical-align: middle;
  }
  :where(.post) .u-va-middle-sm-imp {
    vertical-align: middle !important;
  }
  :where(.post) .u-va-bottom-sm {
    vertical-align: bottom;
  }
  :where(.post) .u-va-bottom-sm-imp {
    vertical-align: bottom !important;
  }
  :where(.post) .u-fz-10-sm {
    font-size: 10px;
  }
  :where(.post) .u-fz-10-sm-imp {
    font-size: 10px !important;
  }
  :where(.post) .u-fz-11-sm {
    font-size: 11px;
  }
  :where(.post) .u-fz-11-sm-imp {
    font-size: 11px !important;
  }
  :where(.post) .u-fz-12-sm {
    font-size: 12px;
  }
  :where(.post) .u-fz-12-sm-imp {
    font-size: 12px !important;
  }
  :where(.post) .u-fz-13-sm {
    font-size: 13px;
  }
  :where(.post) .u-fz-13-sm-imp {
    font-size: 13px !important;
  }
  :where(.post) .u-fz-14-sm {
    font-size: 14px;
  }
  :where(.post) .u-fz-14-sm-imp {
    font-size: 14px !important;
  }
  :where(.post) .u-fz-15-sm {
    font-size: 15px;
  }
  :where(.post) .u-fz-15-sm-imp {
    font-size: 15px !important;
  }
  :where(.post) .u-fz-16-sm {
    font-size: 16px;
  }
  :where(.post) .u-fz-16-sm-imp {
    font-size: 16px !important;
  }
  :where(.post) .u-fz-17-sm {
    font-size: 17px;
  }
  :where(.post) .u-fz-17-sm-imp {
    font-size: 17px !important;
  }
  :where(.post) .u-fz-18-sm {
    font-size: 18px;
  }
  :where(.post) .u-fz-18-sm-imp {
    font-size: 18px !important;
  }
  :where(.post) .u-fz-19-sm {
    font-size: 19px;
  }
  :where(.post) .u-fz-19-sm-imp {
    font-size: 19px !important;
  }
  :where(.post) .u-fz-20-sm {
    font-size: 20px;
  }
  :where(.post) .u-fz-20-sm-imp {
    font-size: 20px !important;
  }
  :where(.post) .u-fz-21-sm {
    font-size: 21px;
  }
  :where(.post) .u-fz-21-sm-imp {
    font-size: 21px !important;
  }
  :where(.post) .u-fz-22-sm {
    font-size: 22px;
  }
  :where(.post) .u-fz-22-sm-imp {
    font-size: 22px !important;
  }
  :where(.post) .u-fz-23-sm {
    font-size: 23px;
  }
  :where(.post) .u-fz-23-sm-imp {
    font-size: 23px !important;
  }
  :where(.post) .u-fz-24-sm {
    font-size: 24px;
  }
  :where(.post) .u-fz-24-sm-imp {
    font-size: 24px !important;
  }
  :where(.post) .u-fz-25-sm {
    font-size: 25px;
  }
  :where(.post) .u-fz-25-sm-imp {
    font-size: 25px !important;
  }
  :where(.post) .u-fz-26-sm {
    font-size: 26px;
  }
  :where(.post) .u-fz-26-sm-imp {
    font-size: 26px !important;
  }
  :where(.post) .u-fz-27-sm {
    font-size: 27px;
  }
  :where(.post) .u-fz-27-sm-imp {
    font-size: 27px !important;
  }
  :where(.post) .u-fz-28-sm {
    font-size: 28px;
  }
  :where(.post) .u-fz-28-sm-imp {
    font-size: 28px !important;
  }
  :where(.post) .u-fz-29-sm {
    font-size: 29px;
  }
  :where(.post) .u-fz-29-sm-imp {
    font-size: 29px !important;
  }
  :where(.post) .u-fz-30-sm {
    font-size: 30px;
  }
  :where(.post) .u-fz-30-sm-imp {
    font-size: 30px !important;
  }
  :where(.post) .u-fz-31-sm {
    font-size: 31px;
  }
  :where(.post) .u-fz-31-sm-imp {
    font-size: 31px !important;
  }
  :where(.post) .u-fz-32-sm {
    font-size: 32px;
  }
  :where(.post) .u-fz-32-sm-imp {
    font-size: 32px !important;
  }
  :where(.post) .u-fz-33-sm {
    font-size: 33px;
  }
  :where(.post) .u-fz-33-sm-imp {
    font-size: 33px !important;
  }
  :where(.post) .u-fz-34-sm {
    font-size: 34px;
  }
  :where(.post) .u-fz-34-sm-imp {
    font-size: 34px !important;
  }
  :where(.post) .u-fz-35-sm {
    font-size: 35px;
  }
  :where(.post) .u-fz-35-sm-imp {
    font-size: 35px !important;
  }
  :where(.post) .u-fz-36-sm {
    font-size: 36px;
  }
  :where(.post) .u-fz-36-sm-imp {
    font-size: 36px !important;
  }
  :where(.post) .u-fz-37-sm {
    font-size: 37px;
  }
  :where(.post) .u-fz-37-sm-imp {
    font-size: 37px !important;
  }
  :where(.post) .u-fz-38-sm {
    font-size: 38px;
  }
  :where(.post) .u-fz-38-sm-imp {
    font-size: 38px !important;
  }
  :where(.post) .u-fz-39-sm {
    font-size: 39px;
  }
  :where(.post) .u-fz-39-sm-imp {
    font-size: 39px !important;
  }
  :where(.post) .u-fz-40-sm {
    font-size: 40px;
  }
  :where(.post) .u-fz-40-sm-imp {
    font-size: 40px !important;
  }
  :where(.post) .u-fz-41-sm {
    font-size: 41px;
  }
  :where(.post) .u-fz-41-sm-imp {
    font-size: 41px !important;
  }
  :where(.post) .u-fz-42-sm {
    font-size: 42px;
  }
  :where(.post) .u-fz-42-sm-imp {
    font-size: 42px !important;
  }
  :where(.post) .u-fz-43-sm {
    font-size: 43px;
  }
  :where(.post) .u-fz-43-sm-imp {
    font-size: 43px !important;
  }
  :where(.post) .u-fz-44-sm {
    font-size: 44px;
  }
  :where(.post) .u-fz-44-sm-imp {
    font-size: 44px !important;
  }
  :where(.post) .u-fz-45-sm {
    font-size: 45px;
  }
  :where(.post) .u-fz-45-sm-imp {
    font-size: 45px !important;
  }
  :where(.post) .u-fz-46-sm {
    font-size: 46px;
  }
  :where(.post) .u-fz-46-sm-imp {
    font-size: 46px !important;
  }
  :where(.post) .u-fz-47-sm {
    font-size: 47px;
  }
  :where(.post) .u-fz-47-sm-imp {
    font-size: 47px !important;
  }
  :where(.post) .u-fz-48-sm {
    font-size: 48px;
  }
  :where(.post) .u-fz-48-sm-imp {
    font-size: 48px !important;
  }
  :where(.post) .u-fz-49-sm {
    font-size: 49px;
  }
  :where(.post) .u-fz-49-sm-imp {
    font-size: 49px !important;
  }
  :where(.post) .u-fz-50-sm {
    font-size: 50px;
  }
  :where(.post) .u-fz-50-sm-imp {
    font-size: 50px !important;
  }
  :where(.post) .u-fz-51-sm {
    font-size: 51px;
  }
  :where(.post) .u-fz-51-sm-imp {
    font-size: 51px !important;
  }
  :where(.post) .u-fz-52-sm {
    font-size: 52px;
  }
  :where(.post) .u-fz-52-sm-imp {
    font-size: 52px !important;
  }
  :where(.post) .u-fz-53-sm {
    font-size: 53px;
  }
  :where(.post) .u-fz-53-sm-imp {
    font-size: 53px !important;
  }
  :where(.post) .u-fz-54-sm {
    font-size: 54px;
  }
  :where(.post) .u-fz-54-sm-imp {
    font-size: 54px !important;
  }
  :where(.post) .u-fz-55-sm {
    font-size: 55px;
  }
  :where(.post) .u-fz-55-sm-imp {
    font-size: 55px !important;
  }
  :where(.post) .u-fz-56-sm {
    font-size: 56px;
  }
  :where(.post) .u-fz-56-sm-imp {
    font-size: 56px !important;
  }
  :where(.post) .u-fz-57-sm {
    font-size: 57px;
  }
  :where(.post) .u-fz-57-sm-imp {
    font-size: 57px !important;
  }
  :where(.post) .u-fz-58-sm {
    font-size: 58px;
  }
  :where(.post) .u-fz-58-sm-imp {
    font-size: 58px !important;
  }
  :where(.post) .u-fz-59-sm {
    font-size: 59px;
  }
  :where(.post) .u-fz-59-sm-imp {
    font-size: 59px !important;
  }
  :where(.post) .u-fz-60-sm {
    font-size: 60px;
  }
  :where(.post) .u-fz-60-sm-imp {
    font-size: 60px !important;
  }
  :where(.post) .u-fz-61-sm {
    font-size: 61px;
  }
  :where(.post) .u-fz-61-sm-imp {
    font-size: 61px !important;
  }
  :where(.post) .u-fz-62-sm {
    font-size: 62px;
  }
  :where(.post) .u-fz-62-sm-imp {
    font-size: 62px !important;
  }
  :where(.post) .u-fz-63-sm {
    font-size: 63px;
  }
  :where(.post) .u-fz-63-sm-imp {
    font-size: 63px !important;
  }
  :where(.post) .u-fz-64-sm {
    font-size: 64px;
  }
  :where(.post) .u-fz-64-sm-imp {
    font-size: 64px !important;
  }
  :where(.post) .u-fz-65-sm {
    font-size: 65px;
  }
  :where(.post) .u-fz-65-sm-imp {
    font-size: 65px !important;
  }
  :where(.post) .u-fz-66-sm {
    font-size: 66px;
  }
  :where(.post) .u-fz-66-sm-imp {
    font-size: 66px !important;
  }
  :where(.post) .u-fz-67-sm {
    font-size: 67px;
  }
  :where(.post) .u-fz-67-sm-imp {
    font-size: 67px !important;
  }
  :where(.post) .u-fz-68-sm {
    font-size: 68px;
  }
  :where(.post) .u-fz-68-sm-imp {
    font-size: 68px !important;
  }
  :where(.post) .u-fz-69-sm {
    font-size: 69px;
  }
  :where(.post) .u-fz-69-sm-imp {
    font-size: 69px !important;
  }
  :where(.post) .u-fz-70-sm {
    font-size: 70px;
  }
  :where(.post) .u-fz-70-sm-imp {
    font-size: 70px !important;
  }
  :where(.post) .u-fz-71-sm {
    font-size: 71px;
  }
  :where(.post) .u-fz-71-sm-imp {
    font-size: 71px !important;
  }
  :where(.post) .u-fz-72-sm {
    font-size: 72px;
  }
  :where(.post) .u-fz-72-sm-imp {
    font-size: 72px !important;
  }
  :where(.post) .u-fz-73-sm {
    font-size: 73px;
  }
  :where(.post) .u-fz-73-sm-imp {
    font-size: 73px !important;
  }
  :where(.post) .u-fz-74-sm {
    font-size: 74px;
  }
  :where(.post) .u-fz-74-sm-imp {
    font-size: 74px !important;
  }
  :where(.post) .u-fz-75-sm {
    font-size: 75px;
  }
  :where(.post) .u-fz-75-sm-imp {
    font-size: 75px !important;
  }
  :where(.post) .u-fz-76-sm {
    font-size: 76px;
  }
  :where(.post) .u-fz-76-sm-imp {
    font-size: 76px !important;
  }
  :where(.post) .u-fz-77-sm {
    font-size: 77px;
  }
  :where(.post) .u-fz-77-sm-imp {
    font-size: 77px !important;
  }
  :where(.post) .u-fz-78-sm {
    font-size: 78px;
  }
  :where(.post) .u-fz-78-sm-imp {
    font-size: 78px !important;
  }
  :where(.post) .u-fz-79-sm {
    font-size: 79px;
  }
  :where(.post) .u-fz-79-sm-imp {
    font-size: 79px !important;
  }
  :where(.post) .u-fz-80-sm {
    font-size: 80px;
  }
  :where(.post) .u-fz-80-sm-imp {
    font-size: 80px !important;
  }
  :where(.post) .u-fz-81-sm {
    font-size: 81px;
  }
  :where(.post) .u-fz-81-sm-imp {
    font-size: 81px !important;
  }
  :where(.post) .u-fz-82-sm {
    font-size: 82px;
  }
  :where(.post) .u-fz-82-sm-imp {
    font-size: 82px !important;
  }
  :where(.post) .u-fz-83-sm {
    font-size: 83px;
  }
  :where(.post) .u-fz-83-sm-imp {
    font-size: 83px !important;
  }
  :where(.post) .u-fz-84-sm {
    font-size: 84px;
  }
  :where(.post) .u-fz-84-sm-imp {
    font-size: 84px !important;
  }
  :where(.post) .u-fz-85-sm {
    font-size: 85px;
  }
  :where(.post) .u-fz-85-sm-imp {
    font-size: 85px !important;
  }
  :where(.post) .u-fz-86-sm {
    font-size: 86px;
  }
  :where(.post) .u-fz-86-sm-imp {
    font-size: 86px !important;
  }
  :where(.post) .u-fz-87-sm {
    font-size: 87px;
  }
  :where(.post) .u-fz-87-sm-imp {
    font-size: 87px !important;
  }
  :where(.post) .u-fz-88-sm {
    font-size: 88px;
  }
  :where(.post) .u-fz-88-sm-imp {
    font-size: 88px !important;
  }
  :where(.post) .u-fz-89-sm {
    font-size: 89px;
  }
  :where(.post) .u-fz-89-sm-imp {
    font-size: 89px !important;
  }
  :where(.post) .u-fz-90-sm {
    font-size: 90px;
  }
  :where(.post) .u-fz-90-sm-imp {
    font-size: 90px !important;
  }
  :where(.post) .u-fz-91-sm {
    font-size: 91px;
  }
  :where(.post) .u-fz-91-sm-imp {
    font-size: 91px !important;
  }
  :where(.post) .u-fz-92-sm {
    font-size: 92px;
  }
  :where(.post) .u-fz-92-sm-imp {
    font-size: 92px !important;
  }
  :where(.post) .u-fz-93-sm {
    font-size: 93px;
  }
  :where(.post) .u-fz-93-sm-imp {
    font-size: 93px !important;
  }
  :where(.post) .u-fz-94-sm {
    font-size: 94px;
  }
  :where(.post) .u-fz-94-sm-imp {
    font-size: 94px !important;
  }
  :where(.post) .u-fz-95-sm {
    font-size: 95px;
  }
  :where(.post) .u-fz-95-sm-imp {
    font-size: 95px !important;
  }
  :where(.post) .u-fz-96-sm {
    font-size: 96px;
  }
  :where(.post) .u-fz-96-sm-imp {
    font-size: 96px !important;
  }
  :where(.post) .u-fz-97-sm {
    font-size: 97px;
  }
  :where(.post) .u-fz-97-sm-imp {
    font-size: 97px !important;
  }
  :where(.post) .u-fz-98-sm {
    font-size: 98px;
  }
  :where(.post) .u-fz-98-sm-imp {
    font-size: 98px !important;
  }
  :where(.post) .u-fz-99-sm {
    font-size: 99px;
  }
  :where(.post) .u-fz-99-sm-imp {
    font-size: 99px !important;
  }
  :where(.post) .u-fz-100-sm {
    font-size: 100px;
  }
  :where(.post) .u-fz-100-sm-imp {
    font-size: 100px !important;
  }
  :where(.post) .notfound .g-wrapper {
    display: block;
  }
  :where(.post) .notfound .g-container {
    display: block;
  }
  :where(.post) .notfound .g-pageMain {
    display: block;
  }
  :where(.post) .c-about {
    padding-top: 5rem;
  }
  :where(.post) .c-contactHeadingLv2-versatile {
    font-size: 1.375rem;
  }
  :where(.post) .c-contactNumberHeadingWrap-marginL {
    margin-top: 4rem;
  }
  :where(.post) .c-contactNumberHeadingWrap {
    margin-left: 0;
  }
  :where(.post) .c-contactNumberHeading {
    font-size: 1.25rem;
    margin-top: 1.5rem;
  }
  :where(.post) .c-contactNumberHeading_number {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    padding-top: 0;
    padding-right: 0;
    text-align: center;
  }
  :where(.post) .c-contactNumberHeading_text {
    text-align: center;
  }
  :where(.post) .c-contactAskQuestion_item {
    width: 100%;
  }
  :where(.post) .c-contactAskQuestion_item:nth-child(2) .c-contactAskQuestion_link {
    padding-top: 1rem;
    border-top: 1px solid #dadee0;
  }
  :where(.post) .c-contactInquiry_break {
    display: block;
  }
  :where(.post) .c-contactLgOnly {
    display: none;
  }
  :where(.post) .c-contactSmOnly {
    display: block;
  }
  :where(.post) .c-faq_answer_textImage.l-grid-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  :where(.post) .c-serchForm_submit:hover {
    background: #0977d3;
  }
  :where(.post) .c-categorySearch {
    margin-top: 2rem;
  }
  :where(.post) .c-categorySearch_container {
    padding: 1rem 1rem 2rem 1rem;
  }
  :where(.post) .c-categorySearch_box {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  :where(.post) .c-categorySearch_actionButton {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  :where(.post) .c-categorySearch_reset:hover {
    color: #0977d3;
    border: 1px solid #0977d3;
    background: #fff;
  }
  :where(.post) .c-categorySearch_reset {
    font-size: 0.875rem;
    margin-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  :where(.post) .c-categorySearch_submit:hover {
    background: #0977d3;
  }
  :where(.post) .c-categorySearch_submit {
    margin-right: auto;
    margin-left: auto;
  }
  :where(.post) .c-categoryForm_label {
    width: 100%;
  }
  :where(.post) .c-categoryForm_genre {
    margin-bottom: 0.75rem;
  }
  :where(.post) .c-categoryForm_name-sub {
    font-size: 0.75rem;
  }
  :where(.post) .c-categoryForm_content {
    margin-top: 0;
  }
  :where(.post) .info .c-primeHeading {
    padding-top: 22px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 16px;
    background-position: bottom;
  }
  :where(.post) .info .c-primeHeading .c-pageTitle-sub {
    padding-right: 0rem;
    padding-left: 0rem;
  }
  :where(.post) .c-infoToggle {
    display: none;
  }
  :where(.post) .c-infoContents {
    margin-top: 16px;
  }
  :where(.post) .c-infoSelect {
    display: inline-block;
  }
  :where(.post) .u-ml-auto-sm {
    margin-left: auto;
  }
  :where(.post) .c-lesson.c-articleHero {
    padding: 65px 16px 0;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonOption {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonIcon img {
    max-width: 40px;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonTags {
    font-size: 14px;
    margin-top: 16px;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonAbout {
    display: block;
    margin-top: 24px;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonUnit {
    width: 100%;
    margin-right: 0;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonTitle {
    font-size: 24px;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonPoint {
    margin-top: 16px;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonList {
    font-size: 14px;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonInfomation {
    position: relative;
    margin-top: 24px;
    margin-right: -16px;
    margin-left: -16px;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonInfomation::after {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    content: "";
    background: #fff;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonInfoBox {
    position: relative;
    z-index: 2;
    max-width: 136px;
    margin-right: auto;
    margin-left: auto;
  }
  :where(.post) .c-lesson.c-articleHero .c-lessonTeacher {
    padding-top: 10px;
  }
  :where(.post) .c-managerTextImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  :where(.post) .c-pageTitle {
    background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/bg_page-title_sp.svg);
    background-position: top center;
    background-size: auto 346px;
  }
  :where(.post) .c-pageTitle_img {
    width: 164px;
    margin-right: auto;
    margin-left: auto;
  }
  :where(.post) .c-pageTitle_head {
    width: 100%;
  }
  :where(.post) .c-pageTitle_title {
    font-size: 1.5rem;
    text-align: center;
  }
  :where(.post) .c-pageTitle_text {
    font-size: 0.75rem;
    max-width: 280px;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
  }
  :where(.post) .c-pageTitle_form {
    margin-top: 0.75rem;
  }
  :where(.post) .c-pageTitle_serch {
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px;
  }
  :where(.post) .c-subPageTitle {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  :where(.post) .c-subPageTitle_heading {
    width: 100%;
  }
  :where(.post) .c-subPageTitle_head {
    font-size: 1.5rem;
  }
  :where(.post) .c-subPageTitle_serch {
    width: 100%;
    margin-top: 1rem;
  }
  :where(.post) .c-subPageTitle_back {
    font-size: 0.875rem;
  }
  :where(.post) .c-detail_inner .c-primeHeading, :where(.post) .c-detail_inner .c-visualHeading {
    margin-top: -0.5em;
  }
  :where(.post) .c-primeHeading {
    height: auto;
    padding: 16px 42px 24px 42px;
    background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_visualheading_bg_sp.svg);
  }
  :where(.post) .c-primeHeading {
    padding: 24px;
    background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_archives-heading_bg_sp.svg);
  }
  :where(.post) .c-primeHeading_title {
    font-size: 1.5rem;
  }
  :where(.post) .c-primeHeading_text {
    font-size: 0.75rem;
  }
  :where(.post) .c-primeHeading_text-smOnly {
    display: block;
  }
  :where(.post) .c-primeHeading_text-lgOnly {
    display: none;
  }
  :where(.post) .c-visualHeading {
    height: auto;
    padding: 16px 42px 24px 42px;
    background-image: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/img_visualheading_bg_sp.svg);
  }
  :where(.post) .c-visualHeading_area {
    display: block;
  }
  :where(.post) .c-visualHeading_img {
    max-width: 164px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  :where(.post) .c-visualHeading_head {
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
  }
  :where(.post) .c-visualHeading_title {
    font-size: 1.5rem;
    text-align: center;
  }
  :where(.post) .c-visualHeading_text {
    font-size: 0.75rem;
    margin-top: 0.75rem;
  }
  :where(.post) .c-visualHeading_text-smOnly {
    display: block;
  }
  :where(.post) .c-visualHeading_text-lgOnly {
    display: none;
  }
  :where(.post) .c-seminarInfoItem {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  :where(.post) .c-cardSlender + .c-cardSlender {
    margin-top: 0.5rem;
  }
  :where(.post) .c-cardSlender_link {
    padding: 6px 6px 24px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  :where(.post) .c-cardSlender_thumbnail {
    width: 100%;
    text-align: center;
  }
  :where(.post) .c-cardSlender_infomation {
    width: 100%;
    margin-top: 1rem;
    margin-right: 6px;
    margin-left: 0;
    margin-left: 6px;
  }
  :where(.post) .c-cardSlender_startDate {
    padding-right: 12px;
    padding-left: 12px;
  }
  :where(.post) .c-cardSlender_title {
    padding-right: 12px;
    padding-left: 12px;
  }
  :where(.post) .c-cardSlender_text {
    padding-right: 12px;
    padding-left: 12px;
  }
  :where(.post) .c-seminarInfo {
    padding-right: 0;
    padding-left: 0;
  }
  :where(.post) .c-seminarInfo_body {
    position: relative;
    margin-top: 20px;
  }
  :where(.post) .c-seminarInfo_box {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  :where(.post) .c-seminarInfo_data {
    width: 100%;
  }
  :where(.post) .c-seminarInfo_thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0;
  }
  :where(.post) .c-seminarInfo_thumbnailMovie {
    padding-top: 56.25%;
  }
  :where(.post) .c-seminarInfo_lead {
    font-size: 1rem;
  }
  :where(.post) .c-seminarInfo_text {
    font-size: 1rem;
  }
  :where(.post) .c-seminarInfo_speakerImg {
    width: 127px;
  }
  :where(.post) .c-seminarInfo_about {
    width: 100%;
    padding-top: 52.934%;
  }
  :where(.post) .c-seminarInfoSeries_data {
    font-size: 16px;
  }
  :where(.post) .c-startContents {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  :where(.post) .c-start_guideItem {
    margin-bottom: 1.5rem;
    padding-right: 0;
    padding-left: 0;
  }
  :where(.post) .c-start_gridReverse-sm {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  :where(.post) .c-start_leadHead-sm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
  :where(.post) .c-start_girdItem {
    padding-right: 0;
    padding-left: 0;
  }
  :where(.post) .c-topHead {
    margin-top: 0.5rem;
  }
  :where(.post) .c-topHead .l-grid {
    margin-bottom: -0.5rem;
  }
  :where(.post) .c-topHead .l-grid_item {
    margin-bottom: 0.5rem;
  }
  :where(.post) .c-topHead .l-grid_item:first-child {
    padding-right: 0;
  }
  :where(.post) .c-topHead_action_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: auto;
  }
  :where(.post) .c-topHead_action_listItem {
    margin-top: 0;
  }
  :where(.post) .c-topHead_action_listItem:first-child {
    margin-right: 0.5rem;
  }
  :where(.post) .c-topHead_action_listItem:before {
    width: 24px;
    height: 24px;
  }
  :where(.post) .c-topHead_action_listItem .u-icon {
    top: 0.625rem;
    left: 0.75rem;
  }
  :where(.post) .c-topHead_action_listItem .u-icon:before {
    font-size: 1rem;
  }
  :where(.post) .c-topHead_action_link {
    font-size: 1rem;
    padding-top: 2.3125rem;
    padding-bottom: 2.3125rem;
  }
  :where(.post) .c-topLink {
    margin-top: 1rem;
  }
  :where(.post) .c-topHero_inner {
    padding: 1.5rem 0.5rem;
  }
  :where(.post) .c-topHero_head {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 0;
  }
  :where(.post) .c-topHero_step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 48vw);
    margin-top: 1rem;
    margin-right: 1.75rem;
    margin-left: auto;
  }
  :where(.post) .c-topHero_stepItem {
    margin-bottom: 8px;
  }
  :where(.post) .c-topHero_stepItem:not(:first-child)::before {
    display: none;
  }
  :where(.post) .c-topHero_stepItem-01 {
    position: relative;
    width: 100%;
  }
  :where(.post) .c-topHero_stepItem-01 > .c-topHero_img {
    position: absolute;
    top: 5px;
    left: -192px;
    width: 188px;
    margin-top: 0;
    margin-left: 0;
  }
  :where(.post) .c-topHero_stepItem-02 {
    width: 100%;
  }
  :where(.post) .c-topHero_stepItem-02 > .c-topHero_img {
    display: none;
  }
  :where(.post) .c-topHero_stepItem-03 {
    width: 100%;
  }
  :where(.post) .c-topHero_stepItem-03 > .c-topHero_img {
    display: none;
  }
  :where(.post) .c-topHero_stepCube {
    display: block;
  }
  :where(.post) .c-topHero_stepNum {
    font-size: 0.5rem;
    display: block;
    width: auto;
    height: auto;
    padding-top: 0;
    text-align: left;
    color: #2c3152;
    background: 0 0;
  }
  :where(.post) .c-topHero_stepCatch {
    font-size: 1rem;
  }
  :where(.post) .c-topHero_stepText {
    font-size: 0.875rem;
    margin-left: 0;
    -moz-text-align-last: left;
    text-align-last: left;
  }
  :where(.post) .c-topHero_btn {
    margin: 1.5rem 0 0 0;
  }
  :where(.post) .c-topHero_btnLink {
    margin-bottom: 0;
  }
  :where(.post) .c-topHero_lgOnly {
    display: none;
  }
  :where(.post) .c-topHero_smOnly {
    display: inline-block;
  }
  :where(.post) .c-topIllustImg img {
    width: 128px;
  }
  :where(.post) .c-topCard {
    padding: 7px 8px 12px;
  }
  :where(.post) .c-topCardImg {
    width: 64.77%;
  }
  :where(.post) .c-topCardNote {
    display: none;
  }
  :where(.post) .c-topCardText {
    font-size: 16px;
  }
  :where(.post) .c-heroArea {
    overflow-x: hidden;
    height: auto;
    padding-top: 2rem;
    padding-right: 0.5rem;
    padding-bottom: 0;
    padding-left: 0.5rem;
    background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/top_vi_bg_sp.svg) no-repeat;
    background-position: top center;
    background-size: auto 329px;
  }
  :where(.post) .c-heroAreaContext .c-heroLead {
    font-size: 12px;
  }
  :where(.post) .c-heroAreaContext .c-heroHead {
    font-size: 22px;
  }
  :where(.post) .c-heroSlider {
    margin-top: 60px;
    margin-right: 0;
    margin-left: 0;
  }
  :where(.post) .c-heroSlider .swiper-slide {
    width: 90vw !important;
  }
  :where(.post) .c-heroSlider {
    height: auto;
  }
  :where(.post) .c-heroSlider .swiper-slide-active {
    height: auto !important;
  }
  :where(.post) .c-heroSlider .swiper-slide-active .c-topMainCard {
    margin-top: -24px;
  }
  :where(.post) .c-heroSlider .swiper-slide-active .c-topMainCardLink {
    height: calc(100% + 24px);
  }
  :where(.post) .c-topMainVisual {
    overflow-x: hidden;
    height: auto;
    padding-top: 2rem;
    padding-right: 0.5rem;
    padding-bottom: 2rem;
    padding-left: 0.5rem;
    background: url(https://bso.benesse.ne.jp/miraiseed/fansite/assets/img/top_vi_bg_sp.svg) no-repeat;
    background-position: top center;
    background-size: auto 329px;
  }
  :where(.post) .c-topMainVisualContainer {
    padding-right: 0;
    padding-left: 0;
  }
  :where(.post) .c-topMainCard-vi {
    padding: 0;
  }
  :where(.post) .c-topMainCardImgTag {
    font-size: 0.75rem;
  }
  :where(.post) .c-topMainCardLink {
    padding: 6px 6px 24px;
  }
  :where(.post) .c-topMainCardTitle {
    font-size: 1rem;
  }
  :where(.post) .c-topMainLead {
    font-size: 13px;
    font-size: 0.8125rem;
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
  }
  :where(.post) .c-topMainSlider {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  :where(.post) .c-topMainHead {
    font-size: 22px;
    font-size: 1.375rem;
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 0.11em;
  }
  :where(.post) .c-topMainIllust {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
  }
  :where(.post) .c-topMainAboutWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  :where(.post) .c-topMainImg {
    max-width: 196px;
  }
  :where(.post) .c-topMainBox {
    height: 270px;
    margin-bottom: 0 !important;
    padding: 0 1.5rem;
  }
  :where(.post) .c-topMainSmBox {
    margin-bottom: 0 !important;
  }
  :where(.post) .c-topQuestion {
    padding-top: 48px;
    padding-right: 8px;
    padding-bottom: 96px;
    padding-left: 8px;
  }
  :where(.post) .c-topQuestionImg {
    width: 128px;
  }
  :where(.post) .c-topQuestionBox {
    padding: 32px 24px;
  }
  :where(.post) .c-topQuestionItem {
    width: 100%;
  }
  :where(.post) .c-topQuestionItem:first-child {
    padding-top: 0;
  }
  :where(.post) .c-topQuestionItem:last-child {
    padding-bottom: 0;
  }
  :where(.post) .c-topQuestionItem:nth-child(2) {
    border-top: 1px solid #dadee0;
  }
  :where(.post) .c-topHeadingLv2 {
    font-size: 1.5rem;
  }
  :where(.post) .swiper-pagination-bullet:hover {
    opacity: 0.2 !important;
    color: #cecdd0 !important;
  }
  :where(.post) .c-newInfo {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 719px) and (max-width: 450px){
  :where(.post) .c-topHero_step {
    width: calc(100% - 202px);
  }
}
@media only screen and (max-width: 374px){
  :where(.post) {
    /*! X-Small only */
  }
  :where(.post) .c-article_inner, :where(.post) .c-detail_inner, :where(.post) .c-faq_inner, :where(.post) .c-localNav_inner, :where(.post) .c-modal_inner, :where(.post) .c-notfound_inner, :where(.post) .c-operationPage .c-localNav_inner, :where(.post) .c-operationPage .g-siteHeader_inner, :where(.post) .c-outsideContainer_inner, :where(.post) .c-searchResults_inner, :where(.post) .g-siteHeader_inner, :where(.post) .l-inner {
    max-width: 1032px;
    padding-right: 0;
    padding-left: 0;
  }
  :where(.post) html {
    font-size: 14px;
  }
  :where(.post) .c-articleData_inner {
    padding-right: 1.3125rem;
    padding-left: 1.3125rem;
  }
}