@charset 'UTF-8';
/*! =========================================================
 _reset
========================================================= */
/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);


.rw08 a {
  margin: 0;
  padding: 0;
  background: 0 0;
  vertical-align: baseline;
  font-size: 100%;
}

/*! =========================================================
 _foundation
========================================================= */

/*! =========================================================
 _core
========================================================= */
.c-article_inner,
.c-detail_inner,
.c-faq_inner,
.c-localNav_inner,
.c-modal_inner,
.c-notfound_inner,
.c-operationPage .c-localNav_inner,
.c-operationPage .g-siteHeader_inner,
.c-outsideContainer_inner,
.c-searchResults_inner,
.g-siteHeader_inner,
.l-inner {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
  max-width: calc(1032px + (2rem * 2));
}

/*! =========================================================
 _global
========================================================= */
/* html {
  font-size: 16px;
  font-family: 'Noto Sans JP', '-Hiragino', Meiryo, sans-serif;
} */



.rw08 a {
  color: #0977d3;
  text-decoration: underline;
  transition: opacity .1s, color .1s;
}



/* li {
  list-style-type: none
} */



/* :focus {
  outline: auto;
  outline-style: auto;
  outline-color: #1991f5
} */

.sitetitle {
  display: none
}

.g-wrapper {
  background-color: #f7f5ee
}

.g-container {
  margin-top: 0;
  padding-bottom: 4rem
}

/*! =========================================================
 _layouts
========================================================= */
/*! Inner */
.l-contentInner {
  padding-right: .5rem;
  padding-left: .5rem
}

/*! Grid */
.l-grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-right: -.75rem;
  margin-bottom: -1rem;
  margin-left: -.75rem;
}

.l-grid:first-child {
  margin-top: 0
}

.l-grid_item {
  margin-bottom: 1rem;
  padding-right: .75rem;
  padding-left: .75rem;
  min-height: 0;
}

.l-grid_item-1 {
  width: 8.3333%
}

.l-grid_item-2 {
  width: 16.6667%
}

.l-grid_item-3 {
  width: 25%
}

.l-grid_item-4 {
  width: 33.3333%
}

.l-grid_item-5 {
  width: 41.6667%
}

.l-grid_item-6 {
  width: 50%
}

.l-grid_item-7 {
  width: 58.3333%
}

.l-grid_item-8 {
  width: 66.6667%
}

.l-grid_item-9 {
  width: 75%
}

.l-grid_item-10 {
  width: 83.3333%
}

.l-grid_item-11 {
  width: 91.6667%
}

.l-grid_item-12 {
  width: 100%
}

.l-grid_item-1-1 {
  width: 100%
}

.l-grid_item-1-2 {
  width: 50%
}

.l-grid_item-2-2 {
  width: 100%
}

.l-grid_item-1-3 {
  width: 33.3333%
}

.l-grid_item-2-3 {
  width: 66.6667%
}

.l-grid_item-3-3 {
  width: 100%
}

.l-grid_item-1-4 {
  width: 25%
}

.l-grid_item-2-4 {
  width: 50%
}

.l-grid_item-3-4 {
  width: 75%
}

.l-grid_item-4-4 {
  width: 100%
}

.l-grid_item-1-5 {
  width: 20%
}

.l-grid_item-2-5 {
  width: 40%
}

.l-grid_item-3-5 {
  width: 60%
}

.l-grid_item-4-5 {
  width: 80%
}

.l-grid_item-5-5 {
  width: 100%
}

.l-grid_item-1-6 {
  width: 16.6667%
}

.l-grid_item-2-6 {
  width: 33.3333%
}

.l-grid_item-3-6 {
  width: 50%
}

.l-grid_item-4-6 {
  width: 66.6667%
}

.l-grid_item-5-6 {
  width: 83.3333%
}

.l-grid_item-6-6 {
  width: 100%
}

.l-grid_item-1-7 {
  width: 14.2857%
}

.l-grid_item-2-7 {
  width: 28.5714%
}

.l-grid_item-3-7 {
  width: 42.8571%
}

.l-grid_item-4-7 {
  width: 57.1429%
}

.l-grid_item-5-7 {
  width: 71.4286%
}

.l-grid_item-6-7 {
  width: 85.7143%
}

.l-grid_item-7-7 {
  width: 100%
}

.l-grid_item-1-8 {
  width: 12.5%
}

.l-grid_item-2-8 {
  width: 25%
}

.l-grid_item-3-8 {
  width: 37.5%
}

.l-grid_item-4-8 {
  width: 50%
}

.l-grid_item-5-8 {
  width: 62.5%
}

.l-grid_item-6-8 {
  width: 75%
}

.l-grid_item-7-8 {
  width: 87.5%
}

.l-grid_item-8-8 {
  width: 100%
}

.l-grid_item-1-9 {
  width: 11.1111%
}

.l-grid_item-2-9 {
  width: 22.2222%
}

.l-grid_item-3-9 {
  width: 33.3333%
}

.l-grid_item-4-9 {
  width: 44.4444%
}

.l-grid_item-5-9 {
  width: 55.5556%
}

.l-grid_item-6-9 {
  width: 66.6667%
}

.l-grid_item-7-9 {
  width: 77.7778%
}

.l-grid_item-8-9 {
  width: 88.8889%
}

.l-grid_item-9-9 {
  width: 100%
}

.l-grid_item-1-10 {
  width: 10%
}

.l-grid_item-2-10 {
  width: 20%
}

.l-grid_item-3-10 {
  width: 30%
}

.l-grid_item-4-10 {
  width: 40%
}

.l-grid_item-5-10 {
  width: 50%
}

.l-grid_item-6-10 {
  width: 60%
}

.l-grid_item-7-10 {
  width: 70%
}

.l-grid_item-8-10 {
  width: 80%
}

.l-grid_item-9-10 {
  width: 90%
}

.l-grid_item-10-10 {
  width: 100%
}

.l-grid_item-1-11 {
  width: 9.0909%
}

.l-grid_item-2-11 {
  width: 18.1818%
}

.l-grid_item-3-11 {
  width: 27.2727%
}

.l-grid_item-4-11 {
  width: 36.3636%
}

.l-grid_item-5-11 {
  width: 45.4545%
}

.l-grid_item-6-11 {
  width: 54.5455%
}

.l-grid_item-7-11 {
  width: 63.6364%
}

.l-grid_item-8-11 {
  width: 72.7273%
}

.l-grid_item-9-11 {
  width: 81.8182%
}

.l-grid_item-10-11 {
  width: 90.9091%
}

.l-grid_item-11-11 {
  width: 100%
}

.l-grid_item-1-12 {
  width: 8.3333%
}

.l-grid_item-2-12 {
  width: 16.6667%
}

.l-grid_item-3-12 {
  width: 25%
}

.l-grid_item-4-12 {
  width: 33.3333%
}

.l-grid_item-5-12 {
  width: 41.6667%
}

.l-grid_item-6-12 {
  width: 50%
}

.l-grid_item-7-12 {
  width: 58.3333%
}

.l-grid_item-8-12 {
  width: 66.6667%
}

.l-grid_item-9-12 {
  width: 75%
}

.l-grid_item-10-12 {
  width: 83.3333%
}

.l-grid_item-11-12 {
  width: 91.6667%
}

.l-grid_item-12-12 {
  width: 100%
}

.l-grid-center {
  justify-content: center
}

.l-grid_item-5per {
  width: 5%
}

.l-grid_item-10per {
  width: 10%
}

.l-grid_item-15per {
  width: 15%
}

.l-grid_item-20per {
  width: 20%
}

.l-grid_item-25per {
  width: 25%
}

.l-grid_item-30per {
  width: 30%
}

.l-grid_item-35per {
  width: 35%
}

.l-grid_item-40per {
  width: 40%
}

.l-grid_item-45per {
  width: 45%
}

.l-grid_item-50per {
  width: 50%
}

.l-grid_item-55per {
  width: 55%
}

.l-grid_item-60per {
  width: 60%
}

.l-grid_item-65per {
  width: 65%
}

.l-grid_item-70per {
  width: 70%
}

.l-grid_item-75per {
  width: 75%
}

.l-grid_item-80per {
  width: 80%
}

.l-grid_item-85per {
  width: 85%
}

.l-grid_item-90per {
  width: 90%
}

.l-grid_item-95per {
  width: 95%
}

.l-grid_item-100per {
  width: 100%
}

.l-grid-reverse {
  flex-direction: row-reverse
}

.l-grid-noGutter {
  margin-right: 0;
  margin-left: 0
}

.l-grid-noGutter .l-grid_item {
  padding-right: 0;
  padding-left: 0
}

.l-grid-halfGutter {
  margin-right: -.375rem;
  margin-left: -.375rem
}

.l-grid-halfGutter .l-grid_item {
  padding-right: .375rem;
  padding-left: .375rem
}

.l-grid-flex {
  display: flex;
  align-items: center
}

.l-grid-flexSpaceBetween {
  justify-content: space-between
}

.l-grid-flexEnd {
  justify-content: flex-end
}

.l-grid_item-flex {
  flex: 1
}

/*! Tile */
.l-tile {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-right: -.5rem;
  margin-bottom: -1rem;
  margin-left: -.5rem;
}

.l-tile:first-child {
  margin-top: 0
}

.l-tile_item {
  margin-bottom: 1rem;
  padding-right: .5rem;
  padding-left: .5rem;
  width: 100%;
}

.l-tile-1col .l-tile_item {
  width: 100%
}

.l-tile-2col .l-tile_item {
  width: 50%
}

.l-tile-3col .l-tile_item {
  width: 33.3333%
}

.l-tile-4col .l-tile_item {
  width: 25%
}

.l-tile-5col .l-tile_item {
  width: 20%
}

.l-tile-6col .l-tile_item {
  width: 16.6667%
}

.l-tile-7col .l-tile_item {
  width: 14.2857%
}

.l-tile-8col .l-tile_item {
  width: 12.5%
}

.l-tile-9col .l-tile_item {
  width: 11.1111%
}

.l-tile-10col .l-tile_item {
  width: 10%
}

/*! Separator */
.l-separator-x0 {
  margin-top: 0
}

.l-separator-x0-imp {
  margin-top: 0 !important
}

.l-separator-x1 {
  margin-top: .5rem
}

.l-separator-x1-imp {
  margin-top: .5rem !important
}

.l-separator-x2 {
  margin-top: 1rem
}

.l-separator-x2-imp {
  margin-top: 1rem !important
}

.l-separator-x3 {
  margin-top: 1.5rem
}

.l-separator-x3-imp {
  margin-top: 1.5rem !important
}

.l-separator-x4 {
  margin-top: 2rem
}

.l-separator-x4-imp {
  margin-top: 2rem !important
}

.l-separator-x5 {
  margin-top: 2.5rem
}

.l-separator-x5-imp {
  margin-top: 2.5rem !important
}

.l-separator-x6 {
  margin-top: 3rem
}

.l-separator-x6-imp {
  margin-top: 3rem !important
}

.l-separator-x7 {
  margin-top: 3.5rem
}

.l-separator-x7-imp {
  margin-top: 3.5rem !important
}

.l-separator-x8 {
  margin-top: 4rem
}

.l-separator-x8-imp {
  margin-top: 4rem !important
}

.l-separator-x9 {
  margin-top: 4.5rem
}

.l-separator-x9-imp {
  margin-top: 4.5rem !important
}

.l-separator-x10 {
  margin-top: 5rem
}

.l-separator-x10-imp {
  margin-top: 5rem !important
}

.l-separator-x11 {
  margin-top: 5.5rem
}

.l-separator-x11-imp {
  margin-top: 5.5rem !important
}

.l-separator-x12 {
  margin-top: 6rem
}

.l-separator-x12-imp {
  margin-top: 6rem !important
}

.l-separator-x13 {
  margin-top: 6.5rem
}

.l-separator-x13-imp {
  margin-top: 6.5rem !important
}

.l-separator-x14 {
  margin-top: 7rem
}

.l-separator-x14-imp {
  margin-top: 7rem !important
}

.l-separator-x15 {
  margin-top: 7.5rem
}

.l-separator-x15-imp {
  margin-top: 7.5rem !important
}

.l-separator-x16 {
  margin-top: 8rem
}

.l-separator-x16-imp {
  margin-top: 8rem !important
}

.l-separator-x17 {
  margin-top: 8.5rem
}

.l-separator-x17-imp {
  margin-top: 8.5rem !important
}

.l-separator-x18 {
  margin-top: 9rem
}

.l-separator-x18-imp {
  margin-top: 9rem !important
}

.l-separator-x19 {
  margin-top: 9.5rem
}

.l-separator-x19-imp {
  margin-top: 9.5rem !important
}

.l-separator-x20 {
  margin-top: 10rem
}

.l-separator-x20-imp {
  margin-top: 10rem !important
}

.l-separator-x0_5 {
  margin-top: .25rem
}

.l-separator-x0_5-imp {
  margin-top: .25rem !important
}

.l-separator-x1_5 {
  margin-top: .75rem
}

.l-separator-x1_5-imp {
  margin-top: .75rem !important
}

.l-separator-x2_5 {
  margin-top: 1.25rem
}

.l-separator-x2_5-imp {
  margin-top: 1.25rem !important
}

.l-separator-x3_5 {
  margin-top: 1.75rem
}

.l-separator-x3_5-imp {
  margin-top: 1.75rem !important
}

.l-separator-x4_5 {
  margin-top: 2.25rem
}

.l-separator-x4_5-imp {
  margin-top: 2.25rem !important
}

.l-separator-x5_5 {
  margin-top: 2.75rem
}

.l-separator-x5_5-imp {
  margin-top: 2.75rem !important
}

.l-separator-x6_5 {
  margin-top: 3.25rem
}

.l-separator-x6_5-imp {
  margin-top: 3.25rem !important
}

.l-separator-x7_5 {
  margin-top: 3.75rem
}

.l-separator-x7_5-imp {
  margin-top: 3.75rem !important
}

.l-separator-x8_5 {
  margin-top: 4.25rem
}

.l-separator-x8_5-imp {
  margin-top: 4.25rem !important
}

.l-separator-x9_5 {
  margin-top: 4.75rem
}

.l-separator-x9_5-imp {
  margin-top: 4.75rem !important
}

.l-separator-x10_5 {
  margin-top: 5.25rem
}

.l-separator-x10_5-imp {
  margin-top: 5.25rem !important
}

.l-separator-x11_5 {
  margin-top: 5.75rem
}

.l-separator-x11_5-imp {
  margin-top: 5.75rem !important
}

.l-separator-x12_5 {
  margin-top: 6.25rem
}

.l-separator-x12_5-imp {
  margin-top: 6.25rem !important
}

.l-separator-x13_5 {
  margin-top: 6.75rem
}

.l-separator-x13_5-imp {
  margin-top: 6.75rem !important
}

.l-separator-x14_5 {
  margin-top: 7.25rem
}

.l-separator-x14_5-imp {
  margin-top: 7.25rem !important
}

.l-separator-x15_5 {
  margin-top: 7.75rem
}

.l-separator-x15_5-imp {
  margin-top: 7.75rem !important
}

.l-separator-x16_5 {
  margin-top: 8.25rem
}

.l-separator-x16_5-imp {
  margin-top: 8.25rem !important
}

.l-separator-x17_5 {
  margin-top: 8.75rem
}

.l-separator-x17_5-imp {
  margin-top: 8.75rem !important
}

.l-separator-x18_5 {
  margin-top: 9.25rem
}

.l-separator-x18_5-imp {
  margin-top: 9.25rem !important
}

.l-separator-x19_5 {
  margin-top: 9.75rem
}

.l-separator-x19_5-imp {
  margin-top: 9.75rem !important
}

.l-separator-x20_5 {
  margin-top: 10.25rem
}

.l-separator-x20_5-imp {
  margin-top: 10.25rem !important
}

/*! =========================================================
 _components
========================================================= */
/*! Header */
.g-siteHeader {
  position: relative;
  z-index: 1;
  background-color: #2c3152
}

.g-siteHeader a {
  color: #fff;
  text-decoration: none;
}

.g-siteHeader_root {
  z-index: 1;
  display: flex;
  flex-wrap: nowrap
}

.g-siteHeader_fog {
  display: none
}

.g-headerLogo {
  margin: 1.125rem 2rem 1.125rem 0
}

.g-headerLogo_link:hover {
  opacity: 1
}

.g-headerLogo_link img {
  width: 104px;
  vertical-align: bottom
}

.g-headerSwitch {
  display: none
}

.g-headerSwitch:after,
.g-headerSwitch:before,
.g-headerSwitch_hamburger {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 18px;
  height: 0;
  border-bottom: 2px solid #fff;
  font-size: 0;
}

.g-headerSwitch_hamburger {
  top: 23px
}

.is-active .g-headerSwitch_hamburger {
  display: none
}

.g-headerSwitch:after,
.g-headerSwitch:before {
  content: ''
}

.g-headerSwitch.is-active:before {
  top: 23px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.g-headerSwitch.is-active:after {
  top: 23px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.g-headerSwitch:before {
  top: 18px
}

.g-headerSwitch:after {
  top: 28px
}

.g-headerMenu {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.g-headerNav {
  display: flex;
  align-items: flex-end;
  margin-top: .75rem;
}

.g-headerNav_list {
  display: flex
}

.g-headerNav_listItem {
  margin-bottom: .5rem
}

.g-headerNav_listItem:after {
  content: '';
  display: block;
  height: 4px;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
}

.g-headerNav_listItem.is-current:after {
  background-color: #ffe940
}

.g-headerNav_listItem.is-current .g-headerNav_link {
  color: #ffe940
}

.g-headerNav_link {
  display: block;
  margin-bottom: -.25rem;
  padding: .75rem .75rem 1rem;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
}

.g-headerNav_link:active,
.g-headerNav_link:hover {
  color: #ffe940;
  opacity: 1;
}

.g-headerSubNav {
  display: flex;
  align-items: center
}

.g-headerSubNav_list {
  display: flex;
  margin-right: -.75rem;
  margin-left: -.75rem
}

.g-headerSubNav_listItem.is-current .g-headerSubNav_link {
  color: #ffe940
}

.g-headerSubNav_link {
  display: block;
  padding: .75rem;
  color: #fff;
  font-weight: 700;
  font-size: .75rem;
}

.g-headerSubNav_link:active,
.g-headerSubNav_link:hover {
  color: #ffe940;
  opacity: 1;
}

.c-localNav {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 2px solid #dedcd5;
  background-color: #fff
}

.c-localNav a {
  text-decoration: none
}

.c-localNav a:active,
.c-localNav a:hover {
  color: #2c3152;
  text-decoration: none;
  font-weight: 700;
  opacity: 1;
}

.c-localNav_inner {
  display: flex;
  align-items: center
}

.c-localNav_content {
  margin-left: 2rem;
  border-left: 2px dotted #dedcd5
}

.c-localNav_menu-small {
  display: none
}

.c-localNav_list {
  display: flex;
  align-items: center
}

.c-localNav_listItem {
  margin-left: 1.5rem
}

.c-localNav_listItem:first-child {
  margin-left: 2rem
}

.c-localNav_listItem:after {
  content: '';
  display: block;
  height: 4px;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
}

.c-localNav_listItem.is-current:after {
  background-color: #8abce6
}

.c-localNav_listItem.is-current .c-localNav_link {
  color: #2c3152;
  font-weight: 700;
}

.c-localNav_link {
  margin-bottom: -.25rem;
  padding-bottom: .5rem
}

.c-localNav_pulldown {
  position: relative;
  width: auto
}

.c-localNav_pulldown select {
  padding: 0 1.5rem 0 0;
  color: #2c3152;
  font-size: 1rem;
  line-height: 1.5;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.c-localNav_pulldown select::-ms-expand {
  display: none
}

.c-localNav_pulldown:before {
  position: absolute;
  top: calc(50% - .2em);
  right: .5rem;
  display: inline-block;
  margin-top: -.5rem;
  color: #0977d3;
  font-size: 1rem;
  pointer-events: none;
}

.c-operationPage .g-siteHeader {
  position: relative;
  z-index: 1;
  background-color: #2c3152
}

.c-operationPage .g-siteHeader a {
  color: #fff;
  text-decoration: none;
}

.c-operationPage .g-siteHeader a:hover {
  opacity: 1
}

.c-operationPage .g-siteHeader_root {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap
}

[data-js-fixed-html] .c-operationPage .g-siteHeader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow-y: scroll;
  margin: auto
}

[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
}

.c-operationPage .g-headerLogo {
  display: flex;
  justify-content: center;
  margin: .75rem 0;
  width: 100%;
}

.c-operationPage .g-headerLogo_link:hover {
  opacity: 1
}

.c-operationPage .g-headerLogo_link img {
  width: 104px;
  vertical-align: bottom
}

.c-operationPage .g-headerSwitch {
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  display: block;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  font-size: 0;
}

.c-operationPage .g-headerSwitch.is-active .g-headerSwitch_hamburger {
  display: none
}

.c-operationPage .g-headerSwitch:after,
.c-operationPage .g-headerSwitch:before,
.c-operationPage .g-headerSwitch_hamburger {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 18px;
  height: 0;
  border-bottom: 2px solid #fff;
  font-size: 0;
}

.c-operationPage .g-headerSwitch_hamburger {
  top: 23px
}

.c-operationPage .g-headerSwitch:after,
.c-operationPage .g-headerSwitch:before {
  content: ''
}

.c-operationPage .g-headerSwitch.is-active:before {
  top: 23px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.c-operationPage .g-headerSwitch.is-active:after {
  top: 23px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.c-operationPage .g-headerSwitch:before {
  top: 18px
}

.c-operationPage .g-headerSwitch:after {
  top: 28px
}

.c-operationPage .g-headerMenu {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: block;
  display: none;
  justify-content: space-between;
  margin: auto;
  width: 100%;
  width: 100%;
}

.c-operationPage .g-headerNav {
  display: block;
  align-items: flex-end;
  margin-top: 2rem;
}

.c-operationPage .g-headerNav_list {
  display: block
}

.c-operationPage .g-headerNav_listItem {
  margin-bottom: 0
}

.c-operationPage .g-headerNav_listItem:after {
  display: none
}

.c-operationPage .g-headerNav_listItem.is-current:after {
  display: none;
  background-color: #ffe940
}

.c-operationPage .g-headerNav_listItem.is-current .c-operationPage .g-headerNav_link {
  color: #ffe940
}

.c-operationPage .g-headerNav_link {
  display: inline-block;
  margin-bottom: 0;
  padding: .75rem;
  width: 100%;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
}

.c-operationPage .g-headerNav_link:active,
.c-operationPage .g-headerNav_link:hover {
  color: #ffe940;
  opacity: 1;
}

.c-operationPage .g-headerSubNav {
  display: block;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3.25rem;
}

.c-operationPage .g-headerSubNav_list {
  display: block;
  margin: 0
}

.c-operationPage .g-headerSubNav_listItem.is-current .c-operationPage .g-headerSubNav_link {
  color: #ffe940
}

.c-operationPage .g-headerSubNav_link {
  display: inline-block;
  padding: .75rem;
  width: 100%;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}

.c-operationPage .g-headerSubNav_link:active,
.c-operationPage .g-headerSubNav_link:hover {
  color: #ffe940;
  opacity: 1;
}

.c-operationPage .c-localNav {
  padding-top: .75rem;
  padding-bottom: .75rem;
  border-bottom: 2px solid #dedcd5;
  background-color: #fff
}

.c-operationPage .c-localNav a {
  text-decoration: none
}

.c-operationPage .c-localNav a:active,
.c-operationPage .c-localNav a:hover {
  color: #2c3152;
  text-decoration: none;
  font-weight: 700;
  opacity: 1;
}

.c-operationPage .c-localNav_inner {
  display: flex;
  align-items: center
}

.c-operationPage .c-localNav_content {
  margin-left: auto;
  border-left: none
}

.c-operationPage .c-localNav_menu-small {
  display: none
}

.c-operationPage .c-localNav_list {
  display: flex;
  align-items: center
}

.c-operationPage .c-localNav_listItem {
  margin-left: 1.5rem
}

.c-operationPage .c-localNav_listItem:first-child {
  margin-left: 2rem
}

.c-operationPage .c-localNav_listItem:after {
  content: '';
  display: block;
  height: 4px;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
}

.c-operationPage .c-localNav_listItem.is-current:after {
  background-color: #8abce6
}

.c-operationPage .c-localNav_listItem.is-current .c-operationPage .c-localNav_link {
  color: #2c3152;
  font-weight: 700;
}

.c-operationPage .c-localNav_link {
  margin-bottom: -.25rem;
  padding-bottom: .5rem
}

.c-operationPage .c-localNav_pulldown {
  position: relative;
  width: auto
}

.c-operationPage .c-localNav_pulldown select {
  padding: 0 1.5rem 0 0;
  color: #2c3152;
  font-size: 1rem;
  line-height: 1.5;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.c-operationPage .c-localNav_pulldown select::-ms-expand {
  display: none
}

.c-operationPage .c-localNav_pulldown:before {
  position: absolute;
  top: calc(50% - .2em);
  right: .5rem;
  display: inline-block;
  margin-top: -.5rem;
  color: #0977d3;
  font-size: 1rem;
  pointer-events: none;
}

/*! Footer */
.g-siteFooter {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #fff
}

.g-siteFooter a {
  text-decoration: none
}

.g-siteFooter_inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
  max-width: calc(1032px + (2rem * 2));
}

.g-footerNav {
  flex: 1
}

.g-footerNav_list {
  display: flex;
  align-items: center
}

.g-footerNav_listItem {
  margin-left: 1.5rem;
  font-size: .75rem;
  line-height: 1.5;
}

.g-footerNav_listItem:first-child {
  margin-left: 0
}

.g-footerLogo {
  width: 120px
}

.g-footerLogo a:hover {
  opacity: 1
}

.g-footerCopyright {
  margin-top: 4rem;
  width: 100%;
  color: #3f498c;
  font-size: .75rem;
  line-height: 1.5;
}

.g-footerCopyright:first-child {
  margin-top: 0
}

.c-pagetop {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 100;
  visibility: hidden;
  width: 64px;
  height: 64px;
  opacity: 0;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.c-pagetop.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.c-pagetop a {
  display: block
}

.c-pagetop a:active,
.c-pagetop a:hover {
  opacity: .9
}

.c-pagetop img {
  width: 100%;
  height: auto
}

/*! Heading */
.c-headingLv1 {
  margin-top: 4rem;
  color: #3f498c;
  font-weight: 700;
  font-size: 1.6875rem;
}

.c-headingLv1:first-child {
  margin-top: 0
}

.c-headingLv1-center {
  text-align: center
}

.c-iconHeadingLv1 {
  display: flex;
  align-items: center;
  color: #3f498c;
  font-weight: 700;
  font-size: 1.5rem;
}

.c-iconHeadingLv1:before {
  content: '';
  display: inline-block;
  margin-right: .5rem;
  width: 3rem;
  height: 3rem;
  background-position: 0 0;
  background-size: 3rem 3rem;
  background-repeat: no-repeat;
}

.c-iconHeadingLv1-start:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_start.svg)
}

.c-iconHeadingLv1-use:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_use.svg)
}

.c-iconHeadingLv1-app:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_app.svg)
}

.c-iconHeadingLv1-case:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_case.svg)
}

.c-iconHeadingLv1-info:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_info.svg)
}

.c-iconHeadingLv1-recommend:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_recommend.svg)
}

.c-iconHeadingLv1-faq:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_faq.svg)
}

.c-iconTopHeadingLv1 {
  color: #3f498c;
  text-align: center;
  font-weight: 700;
  font-size: 1.6875rem;
}

.c-iconTopHeadingLv1:before {
  content: '';
  display: block;
  margin-right: auto;
  margin-bottom: .5rem;
  margin-left: auto;
  width: 3.5rem;
  height: 3.5rem;
  background-position: 0 0;
  background-size: 3.5rem 3.5rem;
  background-repeat: no-repeat;
}

.c-iconTopHeadingLv1-beginner:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_beginner.svg)
}

.c-iconTopHeadingLv1-manager:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_manager.svg)
}

.c-iconTopHeadingLv1-contact:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_contact.svg)
}

.c-iconTopHeadingLv1-start:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_start.svg)
}

.c-articleHeadingLv1 {
  display: inline;
  font-weight: 700;
  font-size: 1.875rem;
  font-size: 2.4375rem;
  line-height: 1.337;
}

.c-articleHeadingLv1-info {
  display: inline;
  font-weight: 700;
  font-size: 1.875rem;
}

.c-articleHeading-useIcon {
  position: relative;
  padding-left: 40px;
  color: #3f498c;
  font-size: 19px;
  line-height: 1.5;
}

.c-articleHeading-useIcon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 31px;
  height: 31px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_use.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-headingLv2 {
  margin-top: 3rem;
  color: #3f498c;
  font-weight: 700;
  font-size: 1.5rem;
}

.c-headingLv2:first-child {
  margin-top: 0
}

.c-headingLv2_num {
  position: relative;
  z-index: 0;
  display: inline-block;
  font-weight: 700;
  font-size: .875rem;
}

.c-headingLv2_num em {
  font-weight: 700;
  font-size: 1.5rem;
}

.c-headingLv2_num:before {
  content: '';
  position: absolute;
  bottom: .25rem;
  left: 0;
  z-index: -1;
  width: 100%;
  height: .5rem;
  background-color: #ffe940
}

.c-headingLv2_label {
  display: block
}

.c-headingLv3 {
  margin-top: 1.5rem;
  color: #3f498c;
  font-weight: 700;
  font-size: 1.25rem;
}

.c-headingLv3:first-child {
  margin-top: 0
}

.c-headingLv3_num {
  display: inline-block;
  color: #a1aae6;
  font-weight: 700;
  font-size: .75rem;
}

.c-headingLv3_num em {
  font-weight: 700;
  font-size: 1.25rem;
}

.c-headingLv3_label {
  display: block
}

.c-headingLv4 {
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: 1rem;
}

.c-headingLv4:first-child {
  margin-top: 0
}

/*! Text */
.c-text {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.c-text:first-child {
  margin-top: 0
}

.c-catchText {
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: 2.5rem;
}

.c-catchText:first-child {
  margin-top: 0
}

.c-leadText {
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
}

.c-leadText:first-child {
  margin-top: 0
}

.c-titleText {
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
}

.c-titleText:first-child {
  margin-top: 0
}

.c-iconTitleText {
  display: flex;
  align-items: center;
  color: #3f498c;
  font-weight: 700;
  font-size: 1.1875rem;
}

.c-iconTitleText:before {
  content: '';
  display: inline-block;
  margin-right: .5rem;
  width: 2.5rem;
  height: 2.5rem;
  background-position: 0 0;
  background-size: 2.5rem 2.5rem;
  background-repeat: no-repeat;
}

.c-iconTitleText-info:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_info.svg)
}

.c-iconTitleText-related:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_related.svg)
}

.c-subText {
  margin-top: 1.5rem;
  font-size: .875rem;
  line-height: 1.5;
}

.c-subText:first-child {
  margin-top: 0
}

.c-note {
  font-size: .875rem;
  line-height: 1.5
}

.c-note-mark {
  padding-left: 1em;
  text-indent: -1em
}

.c-note-mark:before {
  content: '※';
  display: inline-block;
  width: 1em;
  vertical-align: top;
  text-indent: 0
}

.c-note-order {
  padding-left: 2em;
  text-indent: -2em
}

.c-note_num {
  display: inline-block;
  width: 2em;
  text-indent: 0
}

.c-emphasisText {
  font-weight: 700
}

.c-strongText {
  font-weight: 700
}

.c-smallText {
  font-size: .75em
}

.c-subscriptText {
  vertical-align: sub;
  font-size: .875rem;
  font-size: .75em;
  line-height: 1.5;
}

.c-superscriptText {
  vertical-align: super;
  font-size: .875rem;
  font-size: .75em;
  line-height: 1.5;
}

.c-tag {
  display: inline-block;
  margin-right: .875rem;
  color: #3f498c;
  vertical-align: middle;
  font-size: .75rem;
  line-height: 1.5;
}

.c-products {
  margin-bottom: -.875rem
}

.c-product {
  display: inline-block;
  margin-right: .875rem;
  margin-bottom: .875rem;
  color: #3f498c;
  vertical-align: middle;
  font-weight: 700;
  font-size: .75rem;
  line-height: 1.5;
}

.c-product:before {
  content: '';
  position: relative;
  display: inline-block;
  margin-right: .375rem;
  width: 2rem;
  height: 2rem;
  background-position: 0 0;
  background-size: 2rem 2rem;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-product-okulink {
  color: #56559b
}

.c-product-movenote {
  color: #c01734
}

.c-product-drill {
  color: #2ba553
}

.c-product-chart {
  color: #56c1ee
}

.c-product-rpdca {
  color: #00afcc
}

.c-product-exploration {
  color: #3254a4
}

.c-product-lab {
  color: #ed7c8c
}

.c-product-discussion_training {
  color: #bf0167
}

.c-product-okulink:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_okulink.svg)
}

.c-product-movenote:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_movenote.svg)
}

.c-product-drill:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_drill.svg)
}

.c-product-chart:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_chart.svg)
}

.c-product-rpdca:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_rpdca.svg)
}

.c-product-exploration:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_exploration.svg)
}

.c-product-lab:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_lab.svg)
}

.c-product-discussion_training:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_discussion_training.svg)
}

.c-list {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.c-list:first-child {
  margin-top: 0
}

li>.c-list {
  margin-top: 0
}

.c-list_item {
  padding-left: 20px;
  text-indent: -20px
}

.c-list_item * {
  text-indent: 0
}

.c-list_item:before {
  content: '';
  display: inline-block;
  margin: 0 8px;
  margin-top: -4px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #000;
  vertical-align: middle;
}

.c-list-nomark .c-list_item {
  padding-left: 0;
  text-indent: 0
}

.c-list-nomark .c-list_item:before {
  display: none
}

.c-list-order .c-list_item {
  padding-left: 1.8em;
  text-indent: -1.8em
}

.c-list-order .c-list_item:before {
  display: none
}

.c-list-order .c-list_marker {
  display: inline-block;
  width: 1.8em;
  text-indent: 0
}

.c-list-float {
  display: flex;
  flex-wrap: wrap
}

.c-list-float .c-list_item {
  padding-right: 1rem;
  word-wrap: break-word
}

.c-list-1col .c-list_item {
  width: 100%
}

.c-list-2col .c-list_item {
  width: 50%
}

.c-list-3col .c-list_item {
  width: 33.3333%
}

.c-list-4col .c-list_item {
  width: 25%
}

.c-list-5col .c-list_item {
  width: 20%
}

.c-list-6col .c-list_item {
  width: 16.6667%
}

.c-list-7col .c-list_item {
  width: 14.2857%
}

.c-list-8col .c-list_item {
  width: 12.5%
}

.c-descriptionList {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.c-descriptionList:first-child {
  margin-top: 0
}

.c-descriptionList_term {
  display: block;
  font-weight: 700;
}

.c-descriptionList_definition {
  display: block
}

.c-descriptionList_definition+.c-descriptionList_term {
  margin-top: 1rem
}

.c-table {
  margin-top: 1.5rem;
  text-align: left
}

.c-table:first-child {
  margin-top: 0
}

.c-table_caption {
  padding-bottom: .25rem;
  text-align: left
}

.c-table_content {
  width: 100%
}

.c-table_content td,
.c-table_content th {
  padding: .5rem 1rem;
  border: 1px solid #f6f8f8;
  word-wrap: break-word;
  font-weight: 400;
  overflow-wrap: break-word
}

.c-table .c-table_headCell,
.c-table_head td,
.c-table_head th {
  border: 1px solid #f6f8f8;
  background-color: #eee;
  font-weight: 400;
}

.c-img {
  display: inline-block;
  margin-top: 1.5rem;
  width: 100%;
}

.c-img:first-child {
  margin-top: 0
}

.c-img>img {
  width: 100%;
  height: auto;
  vertical-align: bottom
}

.c-img:link:hover img {
  opacity: .9
}

.c-btn {
  position: relative;
  display: block;
  margin-top: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  padding: .75rem 1rem;
  max-width: 400px;
  width: 100%;
  border-radius: 3em;
  background-color: #0977d3;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
  transition: background-color .1s, opacity .1s;
}

.c-btn:first-child {
  margin-top: 0
}

.c-btn:active,
.c-btn:hover,
.c-btn:link,
.c-btn:visited {
  color: #fff;
  text-decoration: none;
}

.c-btn:active,
.c-btn:hover {
  background-color: #1991f5;
  opacity: 1;
}

.c-btn-autoWidth {
  width: auto
}

.c-btn-short {
  width: 96px
}

.c-btn-next:before {
  right: 1rem
}

.c-btn-back:before {
  left: 1rem
}

.c-btn-note {
  position: relative
}

.c-btn-note::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 20px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_note.svg) no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-btn-linkBlank:before {
  right: 1rem
}

.c-btn-back:before,
.c-btn-linkBlank:before,
.c-btn-next:before {
  position: absolute;
  top: calc(50% - .2em);
  display: inline-block;
  margin-top: -.625rem;
  color: #fff;
  font-size: 1.25rem;
  pointer-events: none;
}

.c-btn-secondary {
  border: 1px solid #ccc;
  background: #fff;
  color: #767676;
}

.c-btn-secondary:active,
.c-btn-secondary:hover,
.c-btn-secondary:link,
.c-btn-secondary:visited {
  background: #fff;
  color: #767676;
}

.c-btn-solid {
  margin-right: auto;
  margin-left: auto;
  width: 312px;
}

.c-cards {
  margin-top: 1rem
}

.c-card {
  margin-top: .5rem
}

.c-card:first-child {
  margin-top: 0
}

.c-card_link {
  display: block;
  padding: 1.5rem;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02)
}

.c-card_link:active,
.c-card_link:hover,
.c-card_link:link,
.c-card_link:visited {
  color: #333;
  text-decoration: none;
}

.c-card_link:active,
.c-card_link:hover {
  box-shadow: 0 0 7px 0 #dedcd5;
  opacity: .9;
}

.c-card_head {
  display: flex;
  align-items: center
}

.c-card_meta {
  margin-left: -1.5rem
}

.c-card_category {
  display: inline-block;
  margin-right: .75rem;
  padding-right: 1rem;
  padding-left: 1.5rem;
  border-radius: 0 12px 12px 0;
  background-color: #ffe940;
  color: #3f498c;
  font-weight: 700;
  font-size: .75rem;
  line-height: 1.5;
  line-height: 1.5rem;
}

.c-card_date {
  color: #999;
  font-size: .6875rem;
}

.c-card_data {
  color: #999
}

.c-card_data .u-icon {
  margin-left: .5rem
}

.c-card_body {
  margin-top: 1rem
}

.c-card_titleLabel {
  font-weight: 700;
  font-size: 1.1875rem;
}

.c-card_titleSub {
  margin-top: .25rem;
  font-weight: 700;
  font-size: .8125rem;
}

.c-card_text {
  margin-top: 1rem;
  word-wrap: break-word;
  font-size: .875rem;
}

.c-card_tags {
  margin-top: .25rem
}

.c-card_products {
  margin-top: 1rem
}

.c-verticalCard {
  display: flex;
  height: 100%
}

.c-verticalCard_link {
  display: block;
  padding: .375rem .375rem 1.5rem .375rem;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
}

.c-verticalCard_link:hover {
  box-shadow: 0 0 7px 0 #dedcd5;
  text-decoration: none;
  opacity: .9;
}

.c-verticalCard_container {
  padding-right: 1.125rem;
  padding-left: 1.125rem
}

.c-verticalCard_img {
  text-align: center
}

.c-verticalCard_img img {
  max-width: 100%;
  height: auto;
  vertical-align: top
}

.c-verticalCard_unit {
  padding: 8px 16px 12px;
  aspect-ratio: 16/9
}

.c-verticalCard_unit-bg01 {
  background: url(/miraiseed/fansite/assets/img/img_lesson_card_bg_01.svg);
  background-size: 324px 182px
}

.c-verticalCard_unit-bg02 {
  background: url(/miraiseed/fansite/assets/img/img_lesson_card_bg_02.svg);
  background-size: 324px 182px
}

.c-verticalCard_unit-bg03 {
  background: url(/miraiseed/fansite/assets/img/img_lesson_card_bg_03.svg);
  background-size: 324px 182px
}

.c-verticalCard_unit-bg04 {
  background: url(/miraiseed/fansite/assets/img/img_lesson_card_bg_04.svg);
  background-size: 324px 182px
}

.c-verticalCard_unit-bg05 {
  background: url(/miraiseed/fansite/assets/img/img_lesson_card_bg_05.svg);
  background-size: 324px 182px
}

.c-verticalCard_unit-bg06 {
  background: url(/miraiseed/fansite/assets/img/img_lesson_card_bg_06.svg);
  background-size: 324px 182px
}

.c-verticalCard_unit-bg07 {
  background: url(/miraiseed/fansite/assets/img/img_lesson_card_bg_07.svg);
  background-size: 324px 182px
}

.c-verticalCard_unit-bg08 {
  background: url(/miraiseed/fansite/assets/img/img_lesson_card_bg_08.svg);
  background-size: 324px 182px
}

.c-verticalCard_unitIcon {
  display: flex;
  justify-content: flex-end;
  margin-right: -8px;
}

.c-verticalCard_unitIcon img {
  box-sizing: content-box;
  border: 2px solid #fff;
  border-radius: 50%
}

.c-verticalCard_unitIcon img+img {
  margin-left: 4px
}

.c-verticalCard_unitTitle {
  display: flex;
  margin-top: 22px;
  color: #3f498c
}

.c-verticalCard_unitName {
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}

.c-verticalCard_unitName+.c-verticalCard_unitName::before {
  content: '｜';
  width: 1em;
  height: auto;
}

.c-verticalCard_unitText {
  margin-top: 8px;
  color: #3f498c;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
}

.c-verticalCard_title {
  margin-top: 1rem;
  color: #333;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.5;
}

.c-verticalCard_subTitle {
  margin-top: .25rem;
  color: #333;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.5;
}

.c-verticalCard_description {
  margin-top: .25rem;
  color: #3f498c;
  font-size: .75rem;
  line-height: 1.5;
}

.c-verticalCard_description-black {
  color: #333
}

.c-verticalCard_text {
  margin-top: 1rem;
  margin-top: .25rem;
  color: #333;
  font-size: .875rem;
  line-height: 1.5;
}

.c-verticalCard_tag {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  padding-left: 1.875rem;
}

.c-verticalCard_tag::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_tag.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-verticalCard_tagItem {
  margin-right: .75rem;
  color: #3f498c;
  text-decoration: none;
  font-size: .75rem;
}

.swiper .c-verticalCard {
  display: flex;
  height: 100%
}

.c-info {
  margin-top: 1rem;
  min-height: 72vh;
  width: 100%;
}

.c-info .c-loader {
  align-items: center;
  justify-content: center
}

.c-info:first-child {
  margin-top: 0
}

.c-info a {
  text-decoration: none
}

.c-info_item {
  margin-top: .5rem;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02);
  font-size: 1rem;
  line-height: 1.5;
}

.c-info_item:first-child {
  margin-top: 0
}

.c-info_link {
  position: relative;
  display: flex;
  padding: 1.5rem;
  color: #0977d3
}

.c-info_link:hover {
  text-decoration: none
}

.c-info_link:before {
  position: absolute;
  top: calc(50% - .2em);
  right: 1rem;
  display: inline-block;
  margin-top: -.625rem;
  color: #0977d3;
  font-size: 1.25rem;
  pointer-events: none;
}

.c-info_date {
  padding-right: 1.5rem;
  min-width: 16%;
  min-width: 7em;
  color: #3f498c;
  white-space: nowrap;
}

.c-info_content {
  flex: 1;
  vertical-align: top;
}

.c-tab {
  margin-top: 1.5rem
}

.c-tab:first-child {
  margin-top: 0
}

.c-tab_head {
  border: 1px solid #f6f8f8;
  border-bottom: 0
}

.c-tab_tabs {
  display: table;
  width: 100%;
  table-layout: fixed;
  font-size: 1rem;
  line-height: 1.5;
}

.c-tab .c-tab_trigger {
  display: table-cell;
  padding: 12px 1em;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #bdbdbd;
  text-align: center;
  cursor: pointer;
}

.c-tab .c-tab_trigger:hover {
  text-decoration: none
}

.c-tab .c-tab_trigger-active {
  border-color: #bdbdbd;
  border-bottom-color: transparent;
  color: #000;
  font-weight: 700;
}

.c-tab .c-tab_trigger-active:first-child {
  border-left: 0
}

.c-tab .c-tab_trigger-active:last-child {
  border-right: 0
}

.c-tab_content {
  display: none
}

.c-tab_content-open {
  display: block
}

.c-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  text-align: center;
}

.c-pagination_list {
  display: flex;
  align-items: center
}

.c-pagination_item {
  display: inline-block;
  margin: 0 2px;
  vertical-align: top;
  line-height: 1;
}

.c-pagination_item>span {
  color: #707070
}

.c-pagination_item>a {
  border-radius: 4px;
  background-color: #fff
}

.c-pagination_item>a,
.c-pagination_item>span {
  display: block;
  padding: .5rem .875rem;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.5;
}

.c-pagination_item>a:hover {
  background-color: #e0f1ff;
  color: #1991f5;
  opacity: 1;
}

.c-pagination_item-current>a,
.c-pagination_item-current>a:hover {
  background-color: #ffe940;
  color: #3f498c;
  font-weight: 700;
  opacity: 1;
}

.c-pagination_prev>a,
.c-pagination_prev>span {
  background-color: transparent
}

.c-pagination_prev>a:hover {
  background-color: transparent;
  color: #0977d3;
  font-weight: 400;
  opacity: .7;
}

.c-pagination_prevText {
  font-size: 0
}

.c-pagination_next>a,
.c-pagination_next>span {
  background-color: transparent
}

.c-pagination_next>a:hover {
  background-color: transparent;
  color: #0977d3;
  font-weight: 400;
  opacity: .7;
}

.c-pagination_nextText {
  font-size: 0
}

.c-form {
  margin-top: 1.5rem
}

.c-form:first-child {
  margin-top: 0
}

.c-form_col {
  padding: 1rem 0
}

.c-form_title {
  font-size: 1rem;
  line-height: 1.5
}

.c-form_titleLabel {
  display: inline-block;
  margin-right: 1.5rem
}

.c-form_tag {
  position: relative;
  top: -.1em;
  display: inline-block;
  padding: 0 1rem;
  border: 1px solid #000;
  font-weight: 700;
  font-size: .75rem;
  line-height: 1.5;
}

.c-form_message-error {
  color: #c62b40
}

.c-radio,
.c-selectbox {
  position: relative;
  display: inline-block;
  margin-top: 1.5rem
}

.c-radio:first-child,
.c-selectbox:first-child {
  margin-top: 0
}

.c-radio_input,
.c-selectbox_input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0
}

.c-radio_text,
.c-selectbox_text {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  vertical-align: middle;
  cursor: pointer;
}

.c-radio_text:after,
.c-radio_text:before,
.c-selectbox_text:after,
.c-selectbox_text:before {
  content: '';
  position: absolute;
  display: inline-block;
}

.c-radio_text:before,
.c-selectbox_text:before {
  z-index: 1
}

.c-selectbox {
  margin-top: 1.5rem
}

.c-selectbox:first-child {
  margin-top: 0
}

.c-selectbox_input:checked+.c-selectbox_text:before {
  opacity: 1
}

.c-selectbox_input:checked+.c-selectbox_text:after {
  background-color: #0977d3
}

.c-selectbox_text:before {
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto;
  width: 7px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0;
  -webkit-transform: rotate(45deg) translate(-1px, -1px);
  transform: rotate(45deg) translate(-1px, -1px);
}

.c-selectbox_text:after {
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  border: 2px solid #0977d3;
  border-radius: 2px;
  background-color: transparent
}

.c-radio {
  margin-top: 1.5rem;
  margin-right: 1.5rem
}

.c-radio:first-child {
  margin-top: 0
}

.c-radio_input:checked+.c-radio_text:before {
  background-color: #0977d3
}

.c-radio_text:after,
.c-radio_text:before {
  top: 0;
  bottom: 0;
  margin: auto
}

.c-radio_text:before {
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 3em;
  background-color: transparent
}

.c-radio_text:after {
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  border: 2px solid #0977d3;
  border-radius: 3em;
  background-color: #fff
}

.c-pulldown {
  position: relative;
  display: inline-block;
  margin-top: 1.5rem;
  width: 100%;
}

.c-pulldown:first-child {
  margin-top: 0
}

.c-pulldown-autoWidth {
  width: auto
}

.c-pulldown-autoWidth select {
  display: inline-block;
  width: auto
}

.c-pulldown select {
  display: block;
  padding: 0 3em 0 1em;
  width: 100%;
  height: 2.25rem;
  border: 2px solid #dedcd5;
  border-radius: 3em;
  background-color: #edeadf;
  color: #2c3152;
  font-size: 1rem;
  line-height: 1.5;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.c-pulldown select::-ms-expand {
  display: none
}

.c-pulldown select:disabled {
  color: #aba9a4;
  opacity: .4;
}

.c-pulldown select:disabled+.u-icon:before {
  color: #aba9a4;
  opacity: .4;
}

.c-pulldown:before {
  position: absolute;
  top: calc(50% - .2em);
  right: .5rem;
  display: inline-block;
  margin-top: -.5rem;
  color: #0977d3;
  font-size: 1rem;
  pointer-events: none;
}

.c-inputText,
.c-textarea {
  display: inline-block;
  margin-top: 1.5rem;
  padding: .75rem 1rem;
  width: 100%;
  border: 2px solid #dedcd5;
  border-radius: 3em;
  background-color: #fcfcfa;
  font-size: 1rem;
  line-height: 1.5;
  line-height: 1;
}

.c-inputText:first-child,
.c-textarea:first-child {
  margin-top: 0
}

.c-inputText::-webkit-input-placeholder,
.c-textarea::-webkit-input-placeholder {
  color: #ccc
}

.c-inputText::-moz-placeholder,
.c-textarea::-moz-placeholder {
  color: #ccc
}

.c-inputText:-ms-input-placeholder,
.c-textarea:-ms-input-placeholder {
  color: #ccc
}

.c-inputText::-ms-input-placeholder,
.c-textarea::-ms-input-placeholder {
  color: #ccc
}

.c-inputText::placeholder,
.c-textarea::placeholder {
  color: #ccc
}

.c-inputText-error,
.c-textarea-error {
  border-color: #e65100
}

.c-inputText-autoWidth,
.c-textarea-autoWidth {
  width: auto
}

.c-searchBox {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
}

.c-searchBox_form {
  display: flex
}

.c-searchBox_input {
  flex: 1;
  padding: .75rem 1rem;
  border: 1px solid #bdbdbd;
  border-radius: 4px 0 0 4px;
  background-color: #fff;
  line-height: 1;
}

.c-searchBox-mini .c-searchBox_input {
  padding: .25rem .75rem
}

.c-searchBox_submit {
  padding: .5rem 1.5rem;
  border: 1px solid #bdbdbd;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  background-color: #e0e0e0;
  line-height: 1;
}

.c-searchBox-mini .c-searchBox_submit {
  padding: 0 .75rem
}

#modal {
  display: none
}

.c-modal_inner {
  position: relative;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 48px 32px;
  max-width: 1024px;
  border: solid 1px #333;
  background-color: #fff
}

.c-modal_close {
  position: absolute;
  top: 12px;
  right: 30px;
  width: 32px;
  height: 32px;
  font-size: 0;
}

.c-modal_body {
  margin-top: 24px
}

[data-js-modal] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5000;
  display: none;
  width: 100%;
  height: 100%
}

[data-js-modal_bg] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}

[data-js-modal_container] {
  position: relative;
  margin: 0 auto;
  max-width: 1032px;
  width: 75%;
  opacity: 0
}

[data-js-modal_correct_right] {
  margin-right: 15px
}

[data-js-modal_fixed] {
  overflow: hidden !important
}

[data-js-modal_fixed] body,
[data-js-modal_fixed] button,
[data-js-modal_fixed] input,
[data-js-modal_fixed] option,
[data-js-modal_fixed] select,
[data-js-modal_fixed] textarea {
  overflow: hidden !important
}

[data-js-modal_fixed] [data-js-modal_bg] {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.c-outsideContainer {
  border-bottom: 1px solid #f6f8f8
}

.c-outsideContainer_close {
  position: absolute;
  top: 24px;
  right: 16px;
  width: 32px;
  height: 32px;
  font-size: 0;
}

.c-outsideContainer_inner {
  position: relative;
  padding-top: 48px;
  padding-bottom: 48px
}

.c-outsideContainer_body {
  margin-top: 24px
}

.search.is-loading .g-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh
}

.search.is-loading .g-container {
  display: flex;
  flex: 1
}

.search.is-loading .g-pageMain {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.search.is-loading .c-searchResults {
  display: flex;
  flex: 1
}

.search.is-loading .c-searchResults_inner {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.search.is-loading .c-searchResults_content {
  display: none
}

.c-searchPane {
  display: flex;
  padding-right: .5rem;
  padding-left: .5rem
}

.c-searchPane-displaySm {
  display: none
}

.c-searchPane_list {
  display: flex;
  margin-left: 1.25rem
}

.c-searchPane_list:first-child {
  margin-left: 0
}

.c-searchPane_listItem {
  display: flex;
  align-items: center
}

.c-searchPane_listItem>.c-btn-next,
.c-searchPane_listItem>.c-info_link,
.c-searchPane_listItem>.u-icon-chevronRight {
  color: #dedcd5
}

.c-searchPane_listItem>.c-pulldown {
  margin-top: 0
}

.c-searchResults {
  margin-top: 2rem
}

.c-searchResults_content {
  display: block
}

.c-searchNotfound {
  margin-top: 1rem;
  padding: 9.6875rem 1.5rem;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02)
}

.c-searchNotfound_title {
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
}

.c-searchNotfound_text {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
}

.c-serchAccordion {
  margin-top: 1rem
}

.c-serchAccordion .c-serchAccordion_item {
  align-self: stretch;
  margin: 0 .5rem 1rem;
  padding-right: 0;
  padding-left: 0;
  width: calc(50% - 1rem);
  border-radius: 20px;
  background: #fff;
}

.c-serchAccordion_img {
  position: relative
}

.c-serchAccordion_img::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 72px;
  height: 72px;
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_movie.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-serchAccordion_img>img {
  border-radius: 20px 20px 0 0
}

.c-serchAccordion_head {
  padding: 0 1rem;
  border-bottom: 2px solid #dedcd5
}

.c-serchAccordion_headLink {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #333;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.1875rem;
}

.c-serchAccordion_headLink:active,
.c-serchAccordion_headLink:hover {
  color: #1991f5 !important;
  text-decoration: none;
}

.c-serchAccordion_headLink:visited {
  color: #333
}

.c-serchAccordion_headLink::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 32px;
  height: 32px;
}

.c-serchAccordion_headLink-movenote {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-movenote::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_movenote.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-okulink {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-okulink::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_okulink.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-drill {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-drill::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_drill.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-chart {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-chart::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_chart.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-rpdca {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-rpdca::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_rpdca.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-discussion_training {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-discussion_training::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_discussion_training.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-manager {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-manager::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_manager.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-okulinkplus {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-okulinkplus::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_okulinkplus.png) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-use-class {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-use-class::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_use-class.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-use-primary {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-use-primary::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_use-primary.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLink-use-secondary {
  padding-left: 2.5rem
}

.c-serchAccordion_headLink-use-secondary::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_use-secondary.svg) no-repeat;
  background-size: contain
}

.c-serchAccordion_headLinkIcon {
  margin-left: auto;
  color: #0977d3
}

.c-serchAccordionBox {
  margin-right: .5rem;
  margin-left: .5rem;
  padding-bottom: 1.25rem
}

.c-serchAccordionContainer {
  border-bottom: 1px solid #dedcd5
}

.c-serchAccordionContainerItem {
  padding-right: 1.5rem;
  padding-left: 1rem
}

.c-serchAccordionContainerItem:not(:first-child) {
  border-top: 1px solid #dedcd5
}

.c-serchAccordionTrigger {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  cursor: pointer
}

.c-serchAccordionTrigger.is-open::before {
  display: none
}

.c-serchAccordionTrigger::before {
  content: '';
  position: absolute;
  top: calc(50% - 7px);
  right: 3px;
  width: 0;
  height: 14px;
  border-left: 2px solid #0977d3
}

.c-serchAccordionTrigger::after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: -3px;
  width: 14px;
  height: 0;
  border-top: 2px solid #0977d3
}

.c-serchAccordionTrigger_label {
  padding-right: calc(2em + 7px);
  font-weight: 700;
}

.c-serchAccordionChest {
  display: none;
  margin-right: -1.5rem;
  margin-left: -1rem
}

.c-serchAccordionChest_item {
  position: relative;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-top: 1px solid #dedcd5
}

.c-serchAccordionChest_link {
  position: relative;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  color: #0977d3
}

.c-serchAccordionChest_link::before {
  content: '';
  position: absolute;
  top: 48%;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ccc;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-articleData_category,
.c-articleData_category-info {
  display: inline-block;
  margin-right: .75rem;
  padding: 0 1rem;
  border-radius: 3em;
  color: #3f498c;
  font-weight: 700;
  font-size: .75rem;
  line-height: 1.5;
  line-height: 1.5rem;
}

.atc-headingLv1,
.c-articleData_wysiwyg h1,
.c-articleData_wysiwyg_opperationList h1 {
  margin-top: 1.25em;
  font-weight: 700;
  font-size: 1.875rem;
  font-size: 2.4375rem;
  line-height: 1.337;
}

.atc-headingLv1:first-child,
.c-articleData_wysiwyg h1:first-child,
.c-articleData_wysiwyg_opperationList h1:first-child {
  margin-top: 0
}

.atc-headingLv1_sub {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
  padding: .125rem .5rem;
  border-radius: 4px 4px 4px 0;
  background: #c9eafa;
  font-size: 1rem;
}

.atc-headingLv1_sub::before {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 9px;
  height: 9px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_bubble.svg) no-repeat;
  background-size: contain
}

.atc-headingLv2,
.c-articleData_wysiwyg h2,
.c-articleData_wysiwyg_opperationList h2 {
  margin-top: 1.25em;
  margin-top: 2.5em;
  margin-bottom: 1.25rem;
  padding-bottom: 6px;
  border-bottom: 2px solid #8abce6;
  font-weight: 700;
  font-size: 1.5rem;
  font-size: 1.875rem;
  line-height: 1.337;
}

.atc-headingLv2:first-child,
.c-articleData_wysiwyg h2:first-child,
.c-articleData_wysiwyg_opperationList h2:first-child {
  margin-top: 0
}

.atc-headingLv2_sub,
.c-articleData_wysiwyg h2 u:first-child,
.c-articleData_wysiwyg_opperationList h2 em:first-child,
.c-articleData_wysiwyg_opperationList h2 strong:first-child,
.c-articleData_wysiwyg_opperationList h2 u:first-child {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
  padding: .125rem .5rem;
  border-radius: 4px 4px 4px 0;
  background: #c9eafa;
  font-size: 1rem;
}

.atc-headingLv2_sub::before,
.c-articleData_wysiwyg h2 u:first-child::before,
.c-articleData_wysiwyg_opperationList h2 em:first-child::before,
.c-articleData_wysiwyg_opperationList h2 strong:first-child::before,
.c-articleData_wysiwyg_opperationList h2 u:first-child::before {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 9px;
  height: 9px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_bubble.svg) no-repeat;
  background-size: contain
}

.atc-headingLv2_em {
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
}

.atc-emphasisText,
.c-articleData_wysiwyg em,
.c-articleData_wysiwyg h2 em,
.c-articleData_wysiwyg_opperationList em {
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
}

.c-articleData_wysiwyg h2 strong,
.c-articleData_wysiwyg h3 strong {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
  padding: .25rem .5rem;
  border-radius: 4px 4px 4px 0;
  background: #c9eafa;
  font-size: 1rem;
}

.c-articleData_wysiwyg h2 strong::before,
.c-articleData_wysiwyg h3 strong::before {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 9px;
  height: 9px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_bubble.svg) no-repeat;
  background-size: contain
}

.atc-headingLv3,
.c-articleData_wysiwyg h3,
.c-articleData_wysiwyg_opperationList h3 {
  margin-top: 1.25em;
  margin-top: 2em;
  color: #000;
  font-weight: 700;
  font-size: 1.25rem;
  font-size: 1.5rem;
  line-height: 1.5;
}

.atc-headingLv3:first-child,
.c-articleData_wysiwyg h3:first-child,
.c-articleData_wysiwyg_opperationList h3:first-child {
  margin-top: 0
}

.atc-headingLv3_sub,
.c-articleData_wysiwyg h3 em:first-child,
.c-articleData_wysiwyg h3 u:first-child,
.c-articleData_wysiwyg_opperationList h3 em:first-child,
.c-articleData_wysiwyg_opperationList h3 strong:first-child,
.c-articleData_wysiwyg_opperationList h3 u:first-child {
  display: inline-block;
  color: #838fdb;
  vertical-align: baseline;
  font-size: .6em;
}

.atc-headingLv4,
.c-articleData_wysiwyg h4,
.c-articleData_wysiwyg_opperationList h4 {
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
}

.atc-headingLv5,
.c-articleData_wysiwyg h5,
.c-articleData_wysiwyg_opperationList h5 {
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: .875rem;
}

.atc-text,
.c-articleData_htmlInput p,
.c-articleData_wysiwyg p,
.c-articleData_wysiwyg_opperationList p {
  margin-top: 1.25em;
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.778;
}

.atc-text:first-child,
.c-articleData_htmlInput p:first-child,
.c-articleData_wysiwyg p:first-child,
.c-articleData_wysiwyg_opperationList p:first-child {
  margin-top: 0
}

.atc-strongText,
.c-articleData_wysiwyg strong,
.c-articleData_wysiwyg_opperationList strong {
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
}

.atc-emphasisText,
.c-articleData_wysiwyg em,
.c-articleData_wysiwyg h2 em,
.c-articleData_wysiwyg_opperationList em {
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
}

.atc-underline,
.c-articleData_wysiwyg u,
.c-articleData_wysiwyg_opperationList u {
  background: linear-gradient(transparent 85%, #ffe940 15%);
  text-decoration: none;
  font-style: normal;
}

.atc-quote,
.c-articleData_wysiwyg blockquote,
.c-articleData_wysiwyg_opperationList blockquote {
  margin-top: 1.5rem;
  padding: 1.25rem 1.5rem;
  border-radius: 20px;
  background-color: #f7f5ee
}

.atc-pre,
.c-articleData_wysiwyg pre,
.c-articleData_wysiwyg_opperationList pre {
  position: relative;
  overflow-x: auto;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 24px;
  border: 1px solid #e0e6ed;
  border-radius: 4px;
  background-color: #f9fafc;
  color: #657b83;
  white-space: pre-wrap;
  font-size: 13px;
}

.atc-list,
.atc-list-order,
.c-articleData_wysiwyg ol,
.c-articleData_wysiwyg ul,
.c-articleData_wysiwyg_opperationList ol,
.c-articleData_wysiwyg_opperationList ul {
  margin-top: 1.25em;
  padding-left: 2em
}

.atc-list-order:first-child,
.atc-list:first-child,
.c-articleData_wysiwyg ol:first-child,
.c-articleData_wysiwyg ul:first-child,
.c-articleData_wysiwyg_opperationList ol:first-child,
.c-articleData_wysiwyg_opperationList ul:first-child {
  margin-top: 0
}

.atc-video,
.c-articleData_wysiwyg iframe,
.c-articleData_wysiwyg_opperationList iframe {
  display: block;
  margin-top: 1.25em;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}

.atc-video:first-child,
.c-articleData_wysiwyg iframe:first-child,
.c-articleData_wysiwyg_opperationList iframe:first-child {
  margin-top: 0
}

.article.is-loading .g-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh
}

.article.is-loading .g-container {
  display: flex;
  flex: 1
}

.article.is-loading .g-pageMain {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.article.is-loading .c-article {
  display: none
}

.is-loading.c-operationPage .c-operation {
  height: auto
}

.c-article {
  display: block;
  margin-top: 2rem
}

.c-articleData {
  position: relative;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02);
  word-wrap: break-word;
}

.c-articleData_inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
  max-width: 630px;
}

.c-articleData_back {
  position: absolute;
  top: .5rem;
  left: .5rem
}

.c-articleData_head {
  padding-bottom: 2rem;
  border-bottom: 2px dotted #dedcd5
}

.c-articleData_head-noBorder {
  border-bottom: none
}

.c-articleData_head-noPb {
  padding-bottom: 0
}

.c-articleData_text {
  line-height: 1.778
}

.c-articleData_info {
  display: flex;
  align-items: center
}

.c-articleData-meta {
  margin-top: -8px
}

.c-articleData_category {
  margin-top: 8px;
  background-color: #ffe940
}

.c-articleData_category-info {
  background-color: #daddf2
}

.c-articleData_date {
  color: #999;
  font-size: .6875rem;
}

.c-articleData_data {
  color: #999
}

.c-articleData_data .u-icon {
  margin-left: .5rem;
  font-size: 1rem;
}

.c-articleData_heading {
  margin-top: 3rem
}

.c-articleData_heading rt {
  font-size: 30%
}

.c-articleData_headingSub {
  margin-top: .25rem;
  font-weight: 700;
  font-size: .875rem;
  font-size: 1.125rem;
  line-height: 1.5;
}

.c-articleData_person {
  position: relative;
  margin-top: .875rem;
  padding-left: 20px;
  color: #3f498c;
  font-size: .875rem;
}

.c-articleData_person::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 18px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_person.svg) no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-articleData_footerTag {
  margin-top: 4rem;
  padding-top: 1rem;
  border-top: 2px dotted #dedcd5
}

.c-articleData_footerTagInline {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-left: 2rem;
}

.c-articleData_footerTagInline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_tag.svg) no-repeat;
  background-size: contain
}

.c-articleData_footerTagItem {
  margin-right: .75rem
}

.c-articleData_footerTagLink {
  color: #3f498c;
  text-decoration: none;
  font-size: .875rem;
  pointer-events: none;
}

.c-articleData_footerTagLink:visited {
  color: #3f498c
}

.c-articleData_tags {
  margin-top: 1rem
}

.c-articleData_tags .c-tag {
  font-size: .875rem;
  line-height: 1.5
}

.c-articleData_products {
  margin-top: 1rem
}

.c-articleData_body {
  margin-top: 2rem
}

.c-articleData_wysiwyg h1 {
  color: #000
}

.c-articleData_wysiwyg h2 em {
  font-size: .6em
}

.c-articleData_wysiwyg u {
  background: linear-gradient(transparent 85%, #ffe940 15%)
}

.c-articleData_wysiwyg ul li {
  display: list-item;
  list-style-type: disc;
  font-size: 1.125rem;
  line-height: 1.5;
}

.c-articleData_wysiwyg ol li {
  display: list-item;
  list-style-type: decimal;
  font-size: 1.125rem;
  line-height: 1.5;
}

.c-articleData_wysiwyg img {
  max-width: 100%;
  height: auto !important
}

.c-articleData_wysiwyg_opperationList {
  padding-bottom: 2rem
}

.c-articleData_wysiwyg_opperationList_video {
  position: relative;
  overflow: hidden;
  margin-top: 1.75rem;
  padding-top: 56.25%;
  width: 100%;
}

.c-articleData_wysiwyg_opperationList_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.c-articleData_wysiwyg_opperationList ul li {
  display: list-item;
  list-style-type: disc
}

.c-articleData_wysiwyg_opperationList ol li {
  display: list-item;
  list-style-type: decimal
}

.c-articleData_wysiwyg_opperationList img {
  max-width: 100%;
  height: auto
}

.c-articleData_download {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 2px solid #dedcd5
}

.c-articleData_downloadTitle {
  font-weight: 700
}

.c-articleData_downloadTitle .u-icon {
  color: #0977d3
}

.c-articleData_downloadList {
  margin-top: .625rem
}

.c-articleRelatedCards {
  margin-top: 1.5rem
}

.c-articleRelatedCards:first-child {
  margin-top: 0
}

.atc-ta-center {
  text-align: center
}

.atc-ta-center-imp {
  text-align: center !important
}

.atc-ta-left {
  text-align: left
}

.atc-ta-left-imp {
  text-align: left !important
}

.atc-ta-right {
  text-align: right
}

.atc-ta-right-imp {
  text-align: right !important
}

.atc-ta-justify {
  text-align: justify
}

.atc-ta-justify-imp {
  text-align: justify !important
}

.atc-list li {
  font-size: 1.125rem;
  line-height: 1.5
}

.atc-list_item {
  display: list-item;
  list-style-type: disc
}

.atc-list li {
  display: list-item;
  list-style-type: disc;
  font-size: 1.125rem;
  line-height: 1.5;
}

.atc-list-order li {
  display: list-item;
  list-style-type: decimal;
  font-size: 1.125rem;
  line-height: 1.5;
}

.atc-img {
  display: inline-block;
  margin-top: 2rem;
  width: 100%;
}

.atc-img:first-child {
  margin-top: 0
}

.atc-img>img {
  width: 100%;
  height: auto;
  vertical-align: bottom
}

.c-articleData_tagInline {
  display: flex
}

.c-articleData_tagInline .c-articleData_products {
  margin-top: .75rem
}

.c-articleData_tagInline .c-articleData_tags,
.c-articleData_tagInline .c-card_tags {
  position: relative;
  margin-top: .75rem;
  padding-left: 1rem
}

.c-articleData_tagInline .c-articleData_tags::before,
.c-articleData_tagInline .c-card_tags::before {
  content: '|';
  position: absolute;
  top: .1875rem;
  left: 0;
  color: #3f498c;
  font-size: .875rem;
}

.c-articleData_tagInline .c-articleData_tags.hide-line,
.c-articleData_tagInline .c-card_tags.hide-line {
  padding-left: 0
}

.c-articleData_tagInline .c-articleData_tags.hide-line::before,
.c-articleData_tagInline .c-card_tags.hide-line::before {
  display: none
}

.c-articleData_tagInline .c-card_tags {
  margin-top: 1rem
}

.c-articleData_htmlInput_opperationList {
  padding-bottom: 2rem
}

.c-contentsFooter {
  padding: 2rem 1rem;
  background: #d4eefa
}

.c-contentsFooter_container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1032px;
}

.c-contentsFooter_heading {
  color: #3f498c;
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
}

.c-contentsFooter_items {
  margin-top: 1.5rem;
  margin-bottom: -.5rem
}

.c-contentsFooter_card {
  display: flex;
  height: 100%
}

.c-contentsFooter_link {
  display: block;
  padding: 16px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
}

.c-contentsFooter_link:hover {
  text-decoration: none
}

.c-contentsFooter_img {
  margin-right: auto;
  margin-left: auto;
  max-width: 137px;
}

.c-contentsFooter_img img {
  max-width: 100%;
  height: auto
}

.c-contentsFooter_lead {
  margin-top: .75rem;
  color: #3f498c;
  text-align: center;
  font-weight: 700;
  font-size: .875rem;
}

.c-contentsFooter_title {
  margin-top: .25rem;
  color: #3f498c;
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
}

.c-contentsFooter_linkList {
  display: flex;
  justify-content: center
}

.c-contentsFooter_facebook {
  display: block;
  color: #3f498c;
  text-decoration: none;
}

.c-contentsFooter_facebook:hover {
  text-decoration: none
}

.c-contentsFooter_text {
  align-self: center;
  margin-left: 1rem;
  color: #3f498c;
  font-weight: 700;
  font-size: .75rem;
  line-height: 1;
}

.c-articleHero {
  position: relative
}

.c-articleHero_img {
  position: relative;
  display: block
}

.c-articleHero_img::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, .5))
}

.c-articleHero_img img {
  border-radius: 20px 20px 0 0
}

.c-articleHero_text {
  position: absolute;
  bottom: 48px;
  left: 51px;
  padding-right: 40px;
  padding-left: 40px;
  width: 500px;
}

.c-articleHero_text.widFree {
  width: auto !important
}

.c-articleHero_head {
  position: relative;
  color: #fff;
  text-shadow: #000 0 0 20px, #000 0 0 10px, rgba(0, 0, 0, .5) 0 0 5px;
  font-size: 24px;
  line-height: 1.5;
}

.c-articleHero_head::before {
  content: '';
  position: absolute;
  top: 0;
  left: -40px;
  width: 32px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/img_dx_quote_01.svg) no-repeat;
  background-size: contain;
  box-shadow: rgba(0, 0, 0, .2) 0 0 20px
}

.c-articleHero_head::after {
  content: '';
  position: absolute;
  right: -40px;
  bottom: 0;
  width: 32px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/img_dx_quote_02.svg) no-repeat;
  background-size: contain;
  box-shadow: rgba(0, 0, 0, .2) 0 0 20px
}

.c-articleHero_school {
  margin-top: 16px;
  color: #fff;
  text-shadow: #000 0 0 20px, #000 0 0 10px, rgba(0, 0, 0, .5) 0 0 5px;
  font-size: 14px;
  line-height: 1.5;
}

.c-articLargeContents {
  margin-top: 64px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
  max-width: 892px;
}

.c-editorNote {
  padding-top: 18px
}

.c-editorNote_cover {
  position: relative;
  padding: 24px;
  border-radius: 20px;
  background: #dbf2ff
}

.c-editorNote_cover::before {
  content: '';
  position: absolute;
  top: -16px;
  left: 24px;
  width: 32px;
  height: 18px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_bud.svg) no-repeat;
  background-size: contain
}

.c-editorNote_title {
  color: #3f498c;
  font-weight: 700;
  font-size: 18px;
}

.c-editorNote_essay {
  margin-top: 16px;
  color: #3f498c;
  font-size: 18px;
  line-height: 1.778;
}

.c-schoolProfile {
  padding-top: 32px;
  border-top: 2px dotted #dedcd5;
  font-size: 14px;
}

.c-articleContents {
  padding: 24px;
  border-radius: 20px;
  background: #f7f5ee
}

.c-articleContents_title {
  margin-left: 8px;
  color: #3f498c;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
}

.c-articleContents_list {
  margin-top: 8px
}

.c-articleContents_item+.c-articleContents_item {
  padding-top: 6px;
  background-image: linear-gradient(to right, #dedcd5, #dedcd5 2px, transparent 3px, transparent 8px);
  background-position: left top;
  background-size: 6px 3px;
  background-repeat: repeat-x;
}

.c-articleContents_link {
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
  text-decoration: none
}

.c-articleContents_link:before {
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 4px;
  font-size: 1.2em;
}

.c-articleVerticalImg {
  margin-bottom: 8px !important
}

.lesson .c-articleData_inner,
.manabi-dx-story .c-articleData_inner {
  padding-top: 48px
}

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

.lesson .c-articleData_wysiwyg u,
.manabi-dx-story .c-articleData_wysiwyg u {
  background-image: linear-gradient(to right, #ffe940, #ffe940 3px, transparent 3px, transparent 9px);
  background-position: left bottom;
  background-size: 6px 3px;
  background-repeat: repeat-x;
}

.c-articleBanner {
  margin-top: 1rem;
  border-top: 2px dotted #dedcd5
}

.c-articleBanner_text {
  color: #3f498c;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.7;
}

.is-loading .c-loader {
  display: flex
}

.c-loader {
  display: none;
  align-items: center;
  flex: 1;
  justify-content: center
}

.c-loader .donutSpinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 4px solid #dedcd5;
  border-left-color: #ffe940;
  border-radius: 50%;
  -webkit-animation: donut-spin 1.2s linear infinite;
  animation: donut-spin 1.2s linear infinite;
}

@-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)
  }
}

.c-detail {
  display: block;
  margin-top: 2rem
}

.c-detailData {
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02)
}

.c-detailData_inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: 3rem;
  padding-right: 1.5rem;
  padding-bottom: 4rem;
  padding-left: 1.5rem;
  max-width: 912px;
}

.c-detailData .c-text {
  line-height: 1.75
}

.c-detailImg {
  margin-top: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 640px;
}

.c-detailImg:first-child {
  margin-top: 0
}

.c-video {
  display: block;
  margin-top: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}

.c-video:first-child {
  margin-top: 0
}

.c-movieRecomend {
  display: grid;
  padding: 24px;
  width: 100%;
  border-radius: 16px;
  background: #fff;
  -webkit-column-gap: 28px;
  -moz-column-gap: 28px;
  column-gap: 28px;
  grid-template-columns: calc(100% - 476px - 28px) 476px
}

.c-movieRecomend .item01 {
  grid-column: 1/2;
  grid-row: 1/2
}

.c-movieRecomend .item02 {
  line-height: 1.75;
  grid-column: 1/2;
  grid-row: 2/3
}

.c-movieRecomend .item03 {
  grid-column: 2/3;
  grid-row: 1/3
}

/*! =========================================================
 _utility
========================================================= */
.u-box {
  padding: 1.5rem;
  border: 1px solid #cfd8dc;
  background: #fff;
  color: #000;
}

.u-box-strong {
  border-color: #eceff1;
  background: #eceff1
}

.u-box-dark {
  border-color: #263238;
  background: #263238;
  color: #fff;
}

.u-box-shadow {
  border: 1px solid #cfd8dc;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15)
}

.u-smOnly {
  display: none
}

.u-ta-center {
  text-align: center
}

.u-ta-center-imp {
  text-align: center !important
}

.u-ta-left {
  text-align: left
}

.u-ta-left-imp {
  text-align: left !important
}

.u-ta-right {
  text-align: right
}

.u-ta-right-imp {
  text-align: right !important
}

.u-va-top {
  vertical-align: top
}

.u-va-top-imp {
  vertical-align: top !important
}

.u-va-middle {
  vertical-align: middle
}

.u-va-middle-imp {
  vertical-align: middle !important
}

.u-va-bottom {
  vertical-align: bottom
}

.u-va-bottom-imp {
  vertical-align: bottom !important
}

.u-fz-10 {
  font-size: 10px
}

.u-fz-10-imp {
  font-size: 10px !important
}

.u-fz-11 {
  font-size: 11px
}

.u-fz-11-imp {
  font-size: 11px !important
}

.u-fz-12 {
  font-size: 12px
}

.u-fz-12-imp {
  font-size: 12px !important
}

.u-fz-13 {
  font-size: 13px
}

.u-fz-13-imp {
  font-size: 13px !important
}

.u-fz-14 {
  font-size: 14px
}

.u-fz-14-imp {
  font-size: 14px !important
}

.u-fz-15 {
  font-size: 15px
}

.u-fz-15-imp {
  font-size: 15px !important
}

.u-fz-16 {
  font-size: 16px
}

.u-fz-16-imp {
  font-size: 16px !important
}

.u-fz-17 {
  font-size: 17px
}

.u-fz-17-imp {
  font-size: 17px !important
}

.u-fz-18 {
  font-size: 18px
}

.u-fz-18-imp {
  font-size: 18px !important
}

.u-fz-19 {
  font-size: 19px
}

.u-fz-19-imp {
  font-size: 19px !important
}

.u-fz-20 {
  font-size: 20px
}

.u-fz-20-imp {
  font-size: 20px !important
}

.u-fz-21 {
  font-size: 21px
}

.u-fz-21-imp {
  font-size: 21px !important
}

.u-fz-22 {
  font-size: 22px
}

.u-fz-22-imp {
  font-size: 22px !important
}

.u-fz-23 {
  font-size: 23px
}

.u-fz-23-imp {
  font-size: 23px !important
}

.u-fz-24 {
  font-size: 24px
}

.u-fz-24-imp {
  font-size: 24px !important
}

.u-fz-25 {
  font-size: 25px
}

.u-fz-25-imp {
  font-size: 25px !important
}

.u-fz-26 {
  font-size: 26px
}

.u-fz-26-imp {
  font-size: 26px !important
}

.u-fz-27 {
  font-size: 27px
}

.u-fz-27-imp {
  font-size: 27px !important
}

.u-fz-28 {
  font-size: 28px
}

.u-fz-28-imp {
  font-size: 28px !important
}

.u-fz-29 {
  font-size: 29px
}

.u-fz-29-imp {
  font-size: 29px !important
}

.u-fz-30 {
  font-size: 30px
}

.u-fz-30-imp {
  font-size: 30px !important
}

.u-fz-31 {
  font-size: 31px
}

.u-fz-31-imp {
  font-size: 31px !important
}

.u-fz-32 {
  font-size: 32px
}

.u-fz-32-imp {
  font-size: 32px !important
}

.u-fz-33 {
  font-size: 33px
}

.u-fz-33-imp {
  font-size: 33px !important
}

.u-fz-34 {
  font-size: 34px
}

.u-fz-34-imp {
  font-size: 34px !important
}

.u-fz-35 {
  font-size: 35px
}

.u-fz-35-imp {
  font-size: 35px !important
}

.u-fz-36 {
  font-size: 36px
}

.u-fz-36-imp {
  font-size: 36px !important
}

.u-fz-37 {
  font-size: 37px
}

.u-fz-37-imp {
  font-size: 37px !important
}

.u-fz-38 {
  font-size: 38px
}

.u-fz-38-imp {
  font-size: 38px !important
}

.u-fz-39 {
  font-size: 39px
}

.u-fz-39-imp {
  font-size: 39px !important
}

.u-fz-40 {
  font-size: 40px
}

.u-fz-40-imp {
  font-size: 40px !important
}

.u-fz-41 {
  font-size: 41px
}

.u-fz-41-imp {
  font-size: 41px !important
}

.u-fz-42 {
  font-size: 42px
}

.u-fz-42-imp {
  font-size: 42px !important
}

.u-fz-43 {
  font-size: 43px
}

.u-fz-43-imp {
  font-size: 43px !important
}

.u-fz-44 {
  font-size: 44px
}

.u-fz-44-imp {
  font-size: 44px !important
}

.u-fz-45 {
  font-size: 45px
}

.u-fz-45-imp {
  font-size: 45px !important
}

.u-fz-46 {
  font-size: 46px
}

.u-fz-46-imp {
  font-size: 46px !important
}

.u-fz-47 {
  font-size: 47px
}

.u-fz-47-imp {
  font-size: 47px !important
}

.u-fz-48 {
  font-size: 48px
}

.u-fz-48-imp {
  font-size: 48px !important
}

.u-fz-49 {
  font-size: 49px
}

.u-fz-49-imp {
  font-size: 49px !important
}

.u-fz-50 {
  font-size: 50px
}

.u-fz-50-imp {
  font-size: 50px !important
}

.u-fz-51 {
  font-size: 51px
}

.u-fz-51-imp {
  font-size: 51px !important
}

.u-fz-52 {
  font-size: 52px
}

.u-fz-52-imp {
  font-size: 52px !important
}

.u-fz-53 {
  font-size: 53px
}

.u-fz-53-imp {
  font-size: 53px !important
}

.u-fz-54 {
  font-size: 54px
}

.u-fz-54-imp {
  font-size: 54px !important
}

.u-fz-55 {
  font-size: 55px
}

.u-fz-55-imp {
  font-size: 55px !important
}

.u-fz-56 {
  font-size: 56px
}

.u-fz-56-imp {
  font-size: 56px !important
}

.u-fz-57 {
  font-size: 57px
}

.u-fz-57-imp {
  font-size: 57px !important
}

.u-fz-58 {
  font-size: 58px
}

.u-fz-58-imp {
  font-size: 58px !important
}

.u-fz-59 {
  font-size: 59px
}

.u-fz-59-imp {
  font-size: 59px !important
}

.u-fz-60 {
  font-size: 60px
}

.u-fz-60-imp {
  font-size: 60px !important
}

.u-fz-61 {
  font-size: 61px
}

.u-fz-61-imp {
  font-size: 61px !important
}

.u-fz-62 {
  font-size: 62px
}

.u-fz-62-imp {
  font-size: 62px !important
}

.u-fz-63 {
  font-size: 63px
}

.u-fz-63-imp {
  font-size: 63px !important
}

.u-fz-64 {
  font-size: 64px
}

.u-fz-64-imp {
  font-size: 64px !important
}

.u-fz-65 {
  font-size: 65px
}

.u-fz-65-imp {
  font-size: 65px !important
}

.u-fz-66 {
  font-size: 66px
}

.u-fz-66-imp {
  font-size: 66px !important
}

.u-fz-67 {
  font-size: 67px
}

.u-fz-67-imp {
  font-size: 67px !important
}

.u-fz-68 {
  font-size: 68px
}

.u-fz-68-imp {
  font-size: 68px !important
}

.u-fz-69 {
  font-size: 69px
}

.u-fz-69-imp {
  font-size: 69px !important
}

.u-fz-70 {
  font-size: 70px
}

.u-fz-70-imp {
  font-size: 70px !important
}

.u-fz-71 {
  font-size: 71px
}

.u-fz-71-imp {
  font-size: 71px !important
}

.u-fz-72 {
  font-size: 72px
}

.u-fz-72-imp {
  font-size: 72px !important
}

.u-fz-73 {
  font-size: 73px
}

.u-fz-73-imp {
  font-size: 73px !important
}

.u-fz-74 {
  font-size: 74px
}

.u-fz-74-imp {
  font-size: 74px !important
}

.u-fz-75 {
  font-size: 75px
}

.u-fz-75-imp {
  font-size: 75px !important
}

.u-fz-76 {
  font-size: 76px
}

.u-fz-76-imp {
  font-size: 76px !important
}

.u-fz-77 {
  font-size: 77px
}

.u-fz-77-imp {
  font-size: 77px !important
}

.u-fz-78 {
  font-size: 78px
}

.u-fz-78-imp {
  font-size: 78px !important
}

.u-fz-79 {
  font-size: 79px
}

.u-fz-79-imp {
  font-size: 79px !important
}

.u-fz-80 {
  font-size: 80px
}

.u-fz-80-imp {
  font-size: 80px !important
}

.u-fz-81 {
  font-size: 81px
}

.u-fz-81-imp {
  font-size: 81px !important
}

.u-fz-82 {
  font-size: 82px
}

.u-fz-82-imp {
  font-size: 82px !important
}

.u-fz-83 {
  font-size: 83px
}

.u-fz-83-imp {
  font-size: 83px !important
}

.u-fz-84 {
  font-size: 84px
}

.u-fz-84-imp {
  font-size: 84px !important
}

.u-fz-85 {
  font-size: 85px
}

.u-fz-85-imp {
  font-size: 85px !important
}

.u-fz-86 {
  font-size: 86px
}

.u-fz-86-imp {
  font-size: 86px !important
}

.u-fz-87 {
  font-size: 87px
}

.u-fz-87-imp {
  font-size: 87px !important
}

.u-fz-88 {
  font-size: 88px
}

.u-fz-88-imp {
  font-size: 88px !important
}

.u-fz-89 {
  font-size: 89px
}

.u-fz-89-imp {
  font-size: 89px !important
}

.u-fz-90 {
  font-size: 90px
}

.u-fz-90-imp {
  font-size: 90px !important
}

.u-fz-91 {
  font-size: 91px
}

.u-fz-91-imp {
  font-size: 91px !important
}

.u-fz-92 {
  font-size: 92px
}

.u-fz-92-imp {
  font-size: 92px !important
}

.u-fz-93 {
  font-size: 93px
}

.u-fz-93-imp {
  font-size: 93px !important
}

.u-fz-94 {
  font-size: 94px
}

.u-fz-94-imp {
  font-size: 94px !important
}

.u-fz-95 {
  font-size: 95px
}

.u-fz-95-imp {
  font-size: 95px !important
}

.u-fz-96 {
  font-size: 96px
}

.u-fz-96-imp {
  font-size: 96px !important
}

.u-fz-97 {
  font-size: 97px
}

.u-fz-97-imp {
  font-size: 97px !important
}

.u-fz-98 {
  font-size: 98px
}

.u-fz-98-imp {
  font-size: 98px !important
}

.u-fz-99 {
  font-size: 99px
}

.u-fz-99-imp {
  font-size: 99px !important
}

.u-fz-100 {
  font-size: 100px
}

.u-fz-100-imp {
  font-size: 100px !important
}

.u-fw-thin {
  font-weight: 100
}

.u-fw-thin-imp {
  font-weight: 100 !important
}

.u-fw-light {
  font-weight: 200
}

.u-fw-light-imp {
  font-weight: 200 !important
}

.u-fw-demilight {
  font-weight: 300
}

.u-fw-demilight-imp {
  font-weight: 300 !important
}

.u-fw-regular {
  font-weight: 400
}

.u-fw-regular-imp {
  font-weight: 400 !important
}

.u-fw-medium {
  font-weight: 500
}

.u-fw-medium-imp {
  font-weight: 500 !important
}

.u-fw-bold {
  font-weight: 700
}

.u-fw-bold-imp {
  font-weight: 700 !important
}

.u-fw-black {
  font-weight: 900
}

.u-fw-black-imp {
  font-weight: 900 !important
}

.u-tc-black {
  color: #000
}

.u-tc-black-imp {
  color: #000 !important
}

.u-tc-grey900 {
  color: #212121
}

.u-tc-grey900-imp {
  color: #212121 !important
}

.u-tc-grey800 {
  color: #424242
}

.u-tc-grey800-imp {
  color: #424242 !important
}

.u-tc-grey700 {
  color: #616161
}

.u-tc-grey700-imp {
  color: #616161 !important
}

.u-tc-grey600 {
  color: #757575
}

.u-tc-grey600-imp {
  color: #757575 !important
}

.u-tc-grey500 {
  color: #9e9e9e
}

.u-tc-grey500-imp {
  color: #9e9e9e !important
}

.u-tc-grey400 {
  color: #bdbdbd
}

.u-tc-grey400-imp {
  color: #bdbdbd !important
}

.u-tc-grey300 {
  color: #e0e0e0
}

.u-tc-grey300-imp {
  color: #e0e0e0 !important
}

.u-tc-grey200 {
  color: #eee
}

.u-tc-grey200-imp {
  color: #eee !important
}

.u-tc-grey100 {
  color: #f5f5f5
}

.u-tc-grey100-imp {
  color: #f5f5f5 !important
}

.u-tc-grey50 {
  color: #fafafa
}

.u-tc-grey50-imp {
  color: #fafafa !important
}

.u-tc-white {
  color: #fff
}

.u-tc-white-imp {
  color: #fff !important
}

.u-tc-accent {
  color: #ffe940
}

.u-tc-accent-imp {
  color: #ffe940 !important
}

.u-tc-base {
  color: #f7f5ee
}

.u-tc-base-imp {
  color: #f7f5ee !important
}

.u-tc-border {
  color: #dedcd5
}

.u-tc-border-imp {
  color: #dedcd5 !important
}

.u-tc-identity {
  color: #2c3152
}

.u-tc-identity-imp {
  color: #2c3152 !important
}

.u-tc-error {
  color: #c62b40
}

.u-tc-error-imp {
  color: #c62b40 !important
}

.u-tc-blue01 {
  color: #3f498c
}

.u-tc-blue01-imp {
  color: #3f498c !important
}

.u-tc-blue02 {
  color: #0977d3
}

.u-tc-blue02-imp {
  color: #0977d3 !important
}

.u-tc-blue03 {
  color: #8abce6
}

.u-tc-blue03-imp {
  color: #8abce6 !important
}

.u-tc-grey01 {
  color: #dedcd5
}

.u-tc-grey01-imp {
  color: #dedcd5 !important
}

.u-tc-grey02 {
  color: #999
}

.u-tc-grey02-imp {
  color: #999 !important
}

.u-tf-h1 {
  font-weight: 700;
  font-size: 1.875rem;
}

.u-tf-h2 {
  font-weight: 700;
  font-size: 1.6875rem;
}

.u-tf-h3 {
  font-weight: 700;
  font-size: 1.5rem;
}

.u-tf-h4 {
  font-weight: 700;
  font-size: 1.25rem;
}

.u-tf-h5 {
  font-weight: 700;
  font-size: 1rem;
}

.u-tf-h6 {
  font-weight: 700;
  font-size: .875rem;
}

.u-tf-h7 {
  font-weight: 700;
  font-size: .75rem;
}

.u-tf-catch {
  font-weight: 700;
  font-size: 2.5rem;
}

.u-tf-lead {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5
}

.u-tf-title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5
}

.u-tf-body {
  font-size: 1rem;
  line-height: 1.5
}

.u-tf-sub {
  font-size: .875rem;
  line-height: 1.5
}

.u-tf-note {
  font-size: .875rem;
  line-height: 1.5
}

.u-tf-labelL {
  font-size: 1.125rem;
  line-height: 1.5
}

.u-tf-labelM {
  font-size: 1rem;
  line-height: 1.5
}

.u-tf-labelS {
  font-size: .875rem;
  line-height: 1.5
}

.u-tf-labelXS {
  font-size: .75rem;
  line-height: 1.5
}

.u-bgc-black {
  background: #000
}

.u-bgc-black-imp {
  background: #000 !important
}

.u-bgc-grey900 {
  background: #212121
}

.u-bgc-grey900-imp {
  background: #212121 !important
}

.u-bgc-grey800 {
  background: #424242
}

.u-bgc-grey800-imp {
  background: #424242 !important
}

.u-bgc-grey700 {
  background: #616161
}

.u-bgc-grey700-imp {
  background: #616161 !important
}

.u-bgc-grey600 {
  background: #757575
}

.u-bgc-grey600-imp {
  background: #757575 !important
}

.u-bgc-grey500 {
  background: #9e9e9e
}

.u-bgc-grey500-imp {
  background: #9e9e9e !important
}

.u-bgc-grey400 {
  background: #bdbdbd
}

.u-bgc-grey400-imp {
  background: #bdbdbd !important
}

.u-bgc-grey300 {
  background: #e0e0e0
}

.u-bgc-grey300-imp {
  background: #e0e0e0 !important
}

.u-bgc-grey200 {
  background: #eee
}

.u-bgc-grey200-imp {
  background: #eee !important
}

.u-bgc-grey100 {
  background: #f5f5f5
}

.u-bgc-grey100-imp {
  background: #f5f5f5 !important
}

.u-bgc-grey50 {
  background: #fafafa
}

.u-bgc-grey50-imp {
  background: #fafafa !important
}

.u-bgc-white {
  background: #fff
}

.u-bgc-white-imp {
  background: #fff !important
}

.u-bgc-accent {
  background: #ffe940
}

.u-bgc-accent-imp {
  background: #ffe940 !important
}

.u-bgc-base {
  background: #f7f5ee
}

.u-bgc-base-imp {
  background: #f7f5ee !important
}

.u-bgc-border {
  background: #dedcd5
}

.u-bgc-border-imp {
  background: #dedcd5 !important
}

.u-bgc-identity {
  background: #2c3152
}

.u-bgc-identity-imp {
  background: #2c3152 !important
}

.u-bgc-error {
  background: #c62b40
}

.u-bgc-error-imp {
  background: #c62b40 !important
}

.u-bgc-blue01 {
  background: #3f498c
}

.u-bgc-blue01-imp {
  background: #3f498c !important
}

.u-bgc-blue02 {
  background: #0977d3
}

.u-bgc-blue02-imp {
  background: #0977d3 !important
}

.u-bgc-blue03 {
  background: #8abce6
}

.u-bgc-blue03-imp {
  background: #8abce6 !important
}

.u-bgc-grey01 {
  background: #dedcd5
}

.u-bgc-grey01-imp {
  background: #dedcd5 !important
}

.u-bgc-grey02 {
  background: #999
}

.u-bgc-grey02-imp {
  background: #999 !important
}

.u-bdc-black {
  border-color: #000
}

.u-bdc-black-imp {
  border-color: #000 !important
}

.u-bdc-grey900 {
  border-color: #212121
}

.u-bdc-grey900-imp {
  border-color: #212121 !important
}

.u-bdc-grey800 {
  border-color: #424242
}

.u-bdc-grey800-imp {
  border-color: #424242 !important
}

.u-bdc-grey700 {
  border-color: #616161
}

.u-bdc-grey700-imp {
  border-color: #616161 !important
}

.u-bdc-grey600 {
  border-color: #757575
}

.u-bdc-grey600-imp {
  border-color: #757575 !important
}

.u-bdc-grey500 {
  border-color: #9e9e9e
}

.u-bdc-grey500-imp {
  border-color: #9e9e9e !important
}

.u-bdc-grey400 {
  border-color: #bdbdbd
}

.u-bdc-grey400-imp {
  border-color: #bdbdbd !important
}

.u-bdc-grey300 {
  border-color: #e0e0e0
}

.u-bdc-grey300-imp {
  border-color: #e0e0e0 !important
}

.u-bdc-grey200 {
  border-color: #eee
}

.u-bdc-grey200-imp {
  border-color: #eee !important
}

.u-bdc-grey100 {
  border-color: #f5f5f5
}

.u-bdc-grey100-imp {
  border-color: #f5f5f5 !important
}

.u-bdc-grey50 {
  border-color: #fafafa
}

.u-bdc-grey50-imp {
  border-color: #fafafa !important
}

.u-bdc-white {
  border-color: #fff
}

.u-bdc-white-imp {
  border-color: #fff !important
}

.u-bdc-accent {
  border-color: #ffe940
}

.u-bdc-accent-imp {
  border-color: #ffe940 !important
}

.u-bdc-base {
  border-color: #f7f5ee
}

.u-bdc-base-imp {
  border-color: #f7f5ee !important
}

.u-bdc-border {
  border-color: #dedcd5
}

.u-bdc-border-imp {
  border-color: #dedcd5 !important
}

.u-bdc-identity {
  border-color: #2c3152
}

.u-bdc-identity-imp {
  border-color: #2c3152 !important
}

.u-bdc-error {
  border-color: #c62b40
}

.u-bdc-error-imp {
  border-color: #c62b40 !important
}

.u-bdc-blue01 {
  border-color: #3f498c
}

.u-bdc-blue01-imp {
  border-color: #3f498c !important
}

.u-bdc-blue02 {
  border-color: #0977d3
}

.u-bdc-blue02-imp {
  border-color: #0977d3 !important
}

.u-bdc-blue03 {
  border-color: #8abce6
}

.u-bdc-blue03-imp {
  border-color: #8abce6 !important
}

.u-bdc-grey01 {
  border-color: #dedcd5
}

.u-bdc-grey01-imp {
  border-color: #dedcd5 !important
}

.u-bdc-grey02 {
  border-color: #999
}

.u-bdc-grey02-imp {
  border-color: #999 !important
}

.u-icon {
  line-height: 1
}

.u-icon:before {
  vertical-align: middle;
  font-size: 1.25em;
}

.u-iconLink a,
.u-iconText a {
  text-decoration: none
}

.u-iconLink .u-icon:before,
.u-iconText .u-icon:before {
  position: relative;
  top: -.1em;
  margin-left: 4px
}

.u-iconLink .u-icon:first-child:before,
.u-iconText .u-icon:first-child:before {
  margin-right: 4px;
  margin-left: 0
}

.u-iconLink .u-icon {
  color: #0977d3
}

@font-face {
  font-family: iconfont;
  src: url(../fonts/iconfont.eot) format('eot'), url(../fonts/iconfont.woff2) format('woff2'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg#iconfont) format('svg')
}

.c-articleContents_link:before,
.c-btn-back:before,
.c-btn-linkBlank:before,
.c-btn-next:before,
.c-info_link:before,
.c-localNav_pulldown:before,
.c-operationPage .c-localNav_pulldown:before,
.c-pulldown:before,
.u-icon-arrowLeft:before,
.u-icon-arrowRight:before,
.u-icon-check:before,
.u-icon-chevronDown:before,
.u-icon-chevronLeft:before,
.u-icon-chevronRight:before,
.u-icon-chevronUp:before,
.u-icon-document:before,
.u-icon-linkBlank:before,
.u-icon-minus:before,
.u-icon-play:before,
.u-icon-plus:before,
.u-icon-triDown:before,
.u-icon-triUp:before {
  text-decoration: none;
  text-transform: none;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  font-family: iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.u-icon-arrowLeft:before {
  content: ''
}

.u-icon-arrowRight:before {
  content: ''
}

.u-icon-check:before {
  content: ''
}

.c-articleContents_link:before,
.u-icon-chevronDown:before {
  content: ''
}

.c-btn-back:before,
.u-icon-chevronLeft:before {
  content: ''
}

.c-btn-next:before,
.c-info_link:before,
.u-icon-chevronRight:before {
  content: ''
}

.u-icon-chevronUp:before {
  content: ''
}

.u-icon-document:before {
  content: ''
}

.c-btn-linkBlank:before,
.u-icon-linkBlank:before {
  content: ''
}

.u-icon-minus:before {
  content: ''
}

.u-icon-play:before {
  content: ''
}

.u-icon-plus:before {
  content: ''
}

.c-localNav_pulldown:before,
.c-operationPage .c-localNav_pulldown:before,
.c-pulldown:before,
.u-icon-triDown:before {
  content: ''
}

.u-icon-triUp:before {
  content: ''
}

/*! =========================================================
 _individual
========================================================= */
.notfound .g-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #fff
}

.notfound .g-container {
  display: flex;
  flex: 1
}

.notfound .g-pageMain {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center
}

.c-notfound {
  padding: 4rem .5rem
}

.c-notfound_logo .c-headingLv1 {
  margin: 0 auto;
  width: 228px;
}

.c-notfound_logo .c-headingLv1>img {
  width: 100%;
  height: auto;
  vertical-align: bottom
}

.c-notfound_title {
  margin-top: 4rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
}

.c-notfound_text {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
}

.c-notfound .c-btn {
  max-width: 336px
}

.about .g-wrapper {
  background-color: #fff
}

.c-about {
  padding-top: 6rem
}

.c-about_inner {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
  max-width: calc(756px + (2rem * 2));
}

.c-about_logo .c-headingLv1 {
  margin: 0 auto;
  width: 180px;
}

.c-about_logo .c-headingLv1>img {
  width: 100%;
  height: auto;
  vertical-align: bottom
}

.c-aboutHeadingLv2 {
  margin-top: 4rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
}

.c-aboutHeadingLv2:first-child {
  margin-top: 0
}

.c-aboutHeadingLv3 {
  margin-top: 4rem;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
}

.c-aboutHeadingLv3:first-child {
  margin-top: 0
}

.c-about_content_list {
  margin-top: 1.5rem
}

.c-about_content_listItem {
  margin-top: 3rem
}

.c-about_content_listItem:first-child {
  margin-top: 0
}

.c-about_content_title {
  display: flex;
  align-items: center;
  color: #3f498c;
  font-weight: 700;
  font-size: 1.25rem;
}

.c-about_content_title:before {
  content: '';
  display: inline-block;
  margin-right: .5rem;
  width: 3rem;
  height: 3rem;
  background-position: 0 0;
  background-size: 3rem 3rem;
  background-repeat: no-repeat;
}

.c-about_content_title-start:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_start.svg)
}

.c-about_content_title-use:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_use.svg)
}

.c-about_content_title-app:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_app.svg)
}

.c-about_content_title-case:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_case.svg)
}

.c-about_content_title-info:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_info.svg)
}

.c-about_content_title-recommend:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_recommend.svg)
}

.c-about_content_title-faq:before {
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_faq.svg)
}

.c-about_content_text {
  margin-top: .5rem;
  line-height: 1.75;
}

.c-about_box:before {
  content: '＊＊＊';
  display: block;
  margin-top: 3rem;
  text-align: center
}

.c-about_box .c-text {
  margin-top: 3rem
}

.c-about .c-text {
  line-height: 1.75
}

.c-about .c-btn {
  max-width: 336px
}

.c-contactHeadingLv2 {
  margin-top: 1.5rem;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
}

.c-contactHeadingLv2:first-child {
  margin-top: 0
}

.c-contactHeadingLv2-versatile {
  margin-top: 5rem;
  padding-bottom: 6px;
  border-bottom: 2px solid #8abce6;
  text-align: left;
  font-size: 1.875rem;
}

.c-contactHeadingLv2-versatile:first-of-type {
  margin-top: 3rem
}

.c-contactHeadingLv2-versatile:first-child {
  margin-top: 0
}

.c-contactNumberHeading {
  position: relative;
  margin-top: 2rem;
  font-weight: 700;
  font-size: 1.5rem;
}

.c-contactNumberHeadingWrap {
  margin-top: 2.5rem;
  margin-left: 2.5rem
}

.c-contactNumberHeadingWrap-marginL {
  margin-top: 4rem
}

.c-contactNumberHeading_number {
  position: absolute;
  top: .3rem;
  left: -2.5rem
}

.c-contactNumberHeading_text {
  display: block;
  overflow: hidden
}

.c-contactLink {
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
}

.c-contactLink a {
  text-decoration: none
}

.c-contact .c-note {
  line-height: 1.7
}

.c-contactUnderline {
  position: relative;
  z-index: 4;
  background-image: linear-gradient(to right, #ffe940, #ffe940);
  background-position: bottom;
  background-size: 100% 40%;
  background-repeat: no-repeat;
}

.c-contactAskQuestion {
  display: flex;
  flex-wrap: wrap;
  margin-top: -1.25rem;
  margin-right: -.875rem;
  margin-left: -.875rem;
}

.c-contactAskQuestion_item {
  margin-top: 1.25rem;
  padding-right: .875rem;
  padding-left: .875rem;
  width: 50%;
}

.c-contactAskQuestion_item:nth-child(1) .c-contactAskQuestion_link {
  padding-top: 0;
  border-top: none
}

.c-contactAskQuestion_item:nth-child(2) .c-contactAskQuestion_link {
  padding-top: 0;
  border-top: none
}

.c-contactAskQuestion_link {
  padding-top: 1rem;
  border-top: 1px solid #dadee0
}

.c-contactAskQuestion_link a {
  position: relative;
  display: block;
  padding-left: 1.75rem;
  text-decoration: none
}

.c-contactAskQuestion_link a:hover {
  text-decoration: underline
}

.c-contactAskQuestion_link a::before {
  content: '';
  position: absolute;
  top: calc(((1em * 1.5)/ 2) - 4px);
  left: .5rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: #c9eafa
}

.c-contactFooter {
  padding: 1.5rem;
  border: 1px solid #cfd8dc;
  border-radius: 2px
}

.c-contactInquiry {
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
}

.c-contactInquiry_break {
  display: none
}

.c-contactLine a {
  text-decoration: none
}

.c-contactLinkLine a {
  text-decoration: underline
}

.c-contactSmOnly {
  display: none
}

.faq.is-loading .g-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh
}

.faq.is-loading .g-container {
  display: flex;
  flex: 1
}

.faq.is-loading .g-pageMain {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.faq.is-loading .c-faq {
  display: flex;
  flex: 1
}

.faq.is-loading .c-faq_inner {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.faq.is-loading .c-faq_content {
  display: none
}

.c-faq {
  margin-top: 2rem
}

.c-faq_content {
  display: block
}

.c-faq_list {
  margin-top: 1rem
}

.c-faq_listItem {
  margin-top: .5rem;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02)
}

.c-faq_listItem:first-child {
  margin-top: 0
}

.c-faq_question {
  position: relative;
  cursor: pointer
}

.c-faq_question:before {
  content: '';
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  width: 0;
  height: 14px;
  border-left: 2px solid #0977d3
}

.c-faq_question.is-open:before {
  opacity: 0
}

.c-faq_question:after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: 1rem;
  width: 14px;
  height: 0;
  border-top: 2px solid #0977d3
}

.c-faq_questionLabel {
  padding-top: 1.5rem;
  padding-right: calc(14px + 2rem);
  padding-bottom: 1.5rem;
  padding-left: calc(32px + 2rem);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
}

.is-open .c-faq_questionLabel {
  color: #3f498c
}

.c-faq_questionLabel:before {
  content: '';
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 32px;
  height: 32px;
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_q.svg);
  background-position: 0 0;
  background-size: 32px 32px;
  background-repeat: no-repeat;
}

.c-faq_answer {
  position: relative;
  display: none;
  border-top: 2px dotted #dedcd5;
  opacity: 0;
  transition: opacity .3s ease;
}

.is-open+.c-faq_answer {
  opacity: 1
}

.c-faq_answerLabel {
  padding-top: 1.5rem;
  padding-right: 4rem;
  padding-bottom: 1.5rem;
  padding-left: calc(32px + 2rem);
  word-wrap: break-word;
  font-size: 1rem;
  line-height: 1.75;
}

.c-faq_answerLabel:before {
  content: '';
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 32px;
  height: 32px;
  background-image: url(/miraiseed/fansite/assets/img/icons/ic_a.svg);
  background-position: 0 0;
  background-size: 32px 32px;
  background-repeat: no-repeat;
}

.c-faq_answer .c-text {
  line-height: 1.75
}

.c-faq_answer .c-list_item {
  margin-top: .5rem
}

.c-faq_answer .c-list_item:first-child {
  margin-top: 0
}

.c-serchForm {
  position: relative;
  display: flex;
  align-items: stretch;
  max-width: 420px;
  width: 100%;
}

.c-serchForm_input {
  position: relative;
  padding: 8px 8px 8px 36px;
  width: 77.619%;
  border: 1px solid #83bae9;
  border-right: none;
  border-radius: 100vw 0 0 100vw;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.c-serchForm_icon {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.c-serchForm_submit {
  display: flex;
  align-items: center;
  flex: 1 0 98px;
  justify-content: center;
  width: 98px;
  border-radius: 0 100vw 100vw 0;
  background: #0977d3;
  color: #fff;
}

.c-serchForm_submit:hover {
  background: #1991f5;
  opacity: 1;
}

.c-categorySearch {
  border: 2px solid #dedcd6;
  border-radius: 10px;
  background: #fff
}

.c-categorySearch_accordion {
  position: relative;
  padding: 1rem .75rem;
  cursor: pointer
}

.c-categorySearch_accordion.active .c-categorySearch_head::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_accordion_close.svg)
}

.c-categorySearch_head {
  position: relative;
  display: flex;
  padding-left: 28px;
  color: #333;
  font-weight: 700;
  font-size: .875rem;
}

.c-categorySearch_head::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_accordion_open.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-categorySearch_backbutton {
  position: absolute;
  top: 50%;
  right: 25px;
  display: none;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.c-categorySearch_squeeze {
  flex: 0 0 5em;
  width: 5em;
}

.c-categorySearch_checkList {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-categorySearch_checkItem {
  display: inline-block
}

.c-categorySearch_checkItem:not(:last-child)::after {
  content: ', '
}

.c-categorySearch_container {
  padding: 1rem 2.5rem 2.5rem 2.5rem;
  border-top: 1px solid #dedcd6
}

.c-categorySearch_box {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dedcd6
}

.c-categorySearch_box:first-child {
  padding-top: 0
}

.c-categorySearch_box:last-child {
  padding-bottom: 0;
  border-bottom: none
}

.c-categorySearch_actionButton {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}

.c-categorySearch_reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  padding-top: calc(.75rem - 1px);
  padding-bottom: calc(.75rem - 1px);
  width: 118px;
  border: 1px solid #0977d3;
  border-radius: 100vw;
  background: #fff;
  color: #0977d3;
  font-weight: 700;
}

.c-categorySearch_reset:hover {
  border-color: #1991f5;
  background-color: #e0f1ff;
  color: #1991f5;
}

.c-categorySearch_submit {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: calc(.75rem - 1px);
  padding-bottom: calc(.75rem - 1px);
  width: 260px;
  border-radius: 100vw;
  background: #0977d3;
  color: #fff;
  font-weight: 700;
}

.c-categorySearch_submit:hover {
  background: #1991f5;
  opacity: 1;
}

.c-categoryForm {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.c-categoryForm-secondary {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #dedcd6
}

.c-categoryForm_label {
  align-self: center;
  width: 190px;
}

.c-categoryForm_genre {
  margin-bottom: .5rem;
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
}

.c-categoryForm_name {
  padding-right: .5rem;
  font-weight: 700;
  font-size: 1rem;
}

.c-categoryForm_name-sub {
  font-weight: 400
}

.c-categoryForm_all {
  color: #999;
  text-decoration: underline;
  font-size: .75rem;
}

.c-categoryForm_content {
  display: flex;
  flex: 1 0 190px;
  flex-wrap: wrap;
  margin-top: -8px;
}

.c-categoryForm_check {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 1rem;
  padding-top: 8px;
  padding-left: 1.5rem;
}

.c-categoryForm_control {
  position: absolute;
  margin-right: .5rem;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.c-categoryForm_control+.c-categoryForm_render::before {
  content: '';
  position: absolute;
  bottom: 2.5px;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_check_off.svg);
  background-size: contain
}

.c-categoryForm_control:checked+.c-categoryForm_render::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_check_on.svg);
  background-size: contain
}

.c-categoryForm_render {
  color: #3f498c;
  font-size: 1rem;
}

.c-headingLv2+.c-serchMatch {
  margin-top: 1rem
}

.c-serchMatch {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
}

.c-serchMatch+.c-serchArticles {
  margin-top: .5rem
}

.c-serchMatch_value {
  position: relative;
  padding-left: 22px;
  color: #666;
  font-size: .875rem;
}

.c-serchMatch_value::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_search_window.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-serchArticles {
  margin-top: 4rem
}

.info {
  overflow-x: hidden
}

.info .c-primeHeading {
  margin-top: 0 !important
}

.c-infoToggle {
  margin-top: 64px
}

.c-infoContents {
  margin-top: 32px
}

.c-infoTab {
  display: flex;
  justify-content: center
}

.c-infoTab_item {
  max-width: 197px;
  width: 100%;
}

.c-infoTab_button {
  position: relative;
  display: block;
  padding-bottom: 10px;
  width: 100%;
  color: #3f498c;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}

.c-infoTab_button:visited {
  color: #3f498c
}

.c-infoTab_button:hover {
  color: #3f498c;
  text-decoration: none;
  font-weight: 700;
}

.c-infoTab_button::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #dedcd5
}

.c-infoTab_button.current {
  font-weight: 700
}

.c-infoTab_button.current::before {
  width: 100%;
  height: 4px;
  background-color: #ffe940
}

.c-infoCard_link {
  display: block;
  border-radius: 8px;
  background: #fff;
  color: #333;
  text-decoration: none;
}

.c-infoCard_link:hover {
  color: inherit;
  text-decoration: none;
}

.c-infoCard_link:visited {
  color: inherit
}

.c-infoCard_img {
  padding: 6px 6px 0 6px
}

.c-infoCard_img img {
  max-width: 100%
}

.c-infoCard_contents {
  padding: 16px 24px 24px
}

.c-infoCard_title {
  font-size: 19px
}

.c-infoCard_date {
  margin-top: 16px;
  color: #333;
  font-size: 14px;
}

.c-infoCard_day {
  color: #3f498c
}

.c-infoCard_tag {
  color: #3f498c
}

.c-infoSelect {
  position: relative;
  display: none;
  margin-top: 32px
}

.c-infoSelect::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 5;
  width: 24px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_select_down.svg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-infoSelect_tab {
  position: relative;
  padding: 6px 15px;
  width: 192px;
  border: 2px solid #dedcd5;
  border-radius: 50vw;
  background: #edeadf;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.c-lessonBox {
  padding: 24px;
  border-radius: 16px;
  background: #f7f5ee
}

.u-ml-0 {
  margin-left: 0
}

.lesson .g-container {
  overflow-x: hidden
}

.c-lesson.c-articleHero {
  position: relative;
  padding: 56px 88px
}

.c-lesson.c-articleHero.c-lesson-bg01 {
  border-radius: 20px 20px 0 0;
  background: url(/miraiseed/fansite/assets/img/img_lesson_bg_01.svg);
  background-size: 1032px 516px
}

.c-lesson.c-articleHero.c-lesson-bg02 {
  border-radius: 20px 20px 0 0;
  background: url(/miraiseed/fansite/assets/img/img_lesson_bg_02.svg);
  background-size: 1032px 516px
}

.c-lesson.c-articleHero.c-lesson-bg03 {
  border-radius: 20px 20px 0 0;
  background: url(/miraiseed/fansite/assets/img/img_lesson_bg_03.svg);
  background-size: 1032px 516px
}

.c-lesson.c-articleHero.c-lesson-bg04 {
  border-radius: 20px 20px 0 0;
  background: url(/miraiseed/fansite/assets/img/img_lesson_bg_04.svg);
  background-size: 1032px 516px
}

.c-lesson.c-articleHero.c-lesson-bg05 {
  border-radius: 20px 20px 0 0;
  background: url(/miraiseed/fansite/assets/img/img_lesson_bg_05.svg);
  background-size: 1032px 516px
}

.c-lesson.c-articleHero.c-lesson-bg06 {
  border-radius: 20px 20px 0 0;
  background: url(/miraiseed/fansite/assets/img/img_lesson_bg_06.svg);
  background-size: 1032px 516px
}

.c-lesson.c-articleHero.c-lesson-bg07 {
  border-radius: 20px 20px 0 0;
  background: url(/miraiseed/fansite/assets/img/img_lesson_bg_07.svg);
  background-size: 1032px 516px
}

.c-lesson.c-articleHero.c-lesson-bg08 {
  border-radius: 20px 20px 0 0;
  background: url(/miraiseed/fansite/assets/img/img_lesson_bg_08.svg);
  background-size: 1032px 516px
}

.c-lesson.c-articleHero .c-lessonOption {
  display: flex;
  align-items: center
}

.c-lesson.c-articleHero .c-lessonIcon {
  display: flex;
  flex: 0 0 auto
}

.c-lesson.c-articleHero .c-lessonIcon img {
  display: block;
  width: 100%
}

.c-lesson.c-articleHero .c-lessonIcon img+img {
  margin-left: 8px
}

.c-lesson.c-articleHero .c-lessonTags {
  margin-left: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}

.c-lesson.c-articleHero .c-lessonTags .c-lessonTagName+.c-lessonTagName {
  position: relative
}

.c-lesson.c-articleHero .c-lessonTags .c-lessonTagName+.c-lessonTagName::before {
  content: '｜'
}

.c-lesson.c-articleHero .c-lessonAbout {
  display: flex;
  margin-top: 32px
}

.c-lesson.c-articleHero .c-lessonUnit {
  margin-right: 40px;
  width: calc(100% - 196px);
}

.c-lesson.c-articleHero .c-lessonTitle {
  font-weight: 700;
  font-size: 39px;
  line-height: 1.5
}

.c-lesson.c-articleHero .c-lessonPoint {
  margin-top: 24px
}

.c-lesson.c-articleHero .c-lessonPointTag {
  display: inline-block;
  padding: 2px 16px;
  border: 1px solid #000;
  border-radius: 50vw;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
}

.c-lesson.c-articleHero .c-lessonList {
  margin-top: 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}

.c-lesson.c-articleHero .c-lessonListItem {
  position: relative;
  padding-left: 1em;
  text-indent: -1em
}

.c-lesson.c-articleHero .c-lessonListItem:before {
  content: '・'
}

.c-lesson.c-articleHero .c-lessonListItem+.c-lessonListItem {
  margin-top: 4px
}

.c-lesson.c-articleHero .c-lessonBtn {
  margin-top: 32px
}

.c-lesson.c-articleHero .c-lessonInfomation {
  align-self: flex-end
}

.c-lesson.c-articleHero .c-lessonIntroduction {
  margin-bottom: -42px
}

.c-lesson.c-articleHero .c-lessonTeacher {
  text-align: center
}

.c-lesson.c-articleHero .c-lessonTeacher img {
  width: 100%;
  height: 100%
}

.c-lesson.c-articleHero .c-lessonTeacher .teacher-img {
  margin-top: 6px;
  width: 152px;
  height: 152px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #fff
}

.c-lesson.c-articleHero .c-lessonTeacherInfo {
  text-align: center
}

.c-lesson.c-articleHero .c-lessonTip {
  font-size: 14px;
  line-height: 1.5
}

.login .g-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: #fff
}

.login .g-container {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
  padding-bottom: 0;
  background-image: url(/miraiseed/fansite/assets/img/bg_login.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.login .g-pageMain {
  margin-top: 3rem;
  margin-right: 5%;
  margin-bottom: 3rem
}

.c-login_body {
  padding-top: 4rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  width: 376px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02)
}

.c-login_logo .c-headingLv1 {
  margin: 0 auto;
  width: 228px;
}

.c-login_logo .c-headingLv1>img {
  width: 100%;
  height: auto;
  vertical-align: bottom
}

.c-login_action .c-note {
  margin-top: .25rem;
  color: #727272;
  font-size: .6875rem;
  line-height: 1.5;
}

.c-login_action .u-tc-error {
  display: none
}

.c-login_action .u-tc-error.is-error {
  display: block
}

.c-login_btn {
  position: relative;
  margin-top: 1.5rem
}

.c-login_btn .c-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px
}

.is-loading .c-login_btn .c-btn {
  opacity: .05
}

.c-login_footer {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 2px solid #f6f8f8
}

.c-managerLocalNav {
  margin-top: 1.5rem;
  border-bottom: 2px solid #dedcd5
}

.c-managerLocalNav a {
  text-decoration: none;
  font-weight: 700;
}

.c-managerLocalNav a:active,
.c-managerLocalNav a:hover {
  color: #3f498c;
  text-decoration: none;
  opacity: 1;
}

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

.c-managerLocalNav_listItem {
  margin-bottom: -3px;
  margin-left: 1.5rem
}

.c-managerLocalNav_listItem:first-child {
  margin-left: 0
}

.c-managerLocalNav_listItem:after {
  content: '';
  display: block;
  height: 4px;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
}

.c-managerLocalNav_listItem.is-current:after {
  background-color: #b7e6ff
}

.c-managerLocalNav_listItem.is-current .c-managerLocalNav_link {
  color: #3f498c
}

.c-managerLocalNav_link {
  margin-bottom: -.25rem;
  padding-bottom: .5rem
}

.c-managerQrImage img {
  width: 174px
}

.c-managerMovie iframe {
  display: block;
  margin-top: 1.25em;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}

.c-managerTileItem {
  margin-bottom: 1.5rem
}

.c-managerButtonLink {
  position: relative;
  display: flex;
  align-items: center;
  margin: auto 0;
  padding-right: 1.5rem;
  padding-left: 70px;
  height: 70px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}

.c-managerButtonLinkBr {
  display: none
}

.c-managerButtonLink:hover {
  color: #fff;
  text-decoration: none;
}

.c-managerButtonLink:visited {
  color: #fff
}

.c-managerButtonLink::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 70px;
  height: 70px;
}

.c-managerButtonLink-okulink {
  background: #56559b
}

.c-managerButtonLink-okulink::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_okulink.svg) no-repeat;
  background-size: contain
}

.c-managerButtonLink-movenote {
  background: #c01734
}

.c-managerButtonLink-movenote::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_movenote.svg) no-repeat;
  background-size: contain
}

.c-managerButtonLink_icon {
  margin-left: auto;
  color: #fff
}

.c-operation {
  display: flex;
  align-items: stretch;
  margin-bottom: -4rem;
  height: calc(100vh - 72px);
  background: #fff;
}

.c-operation_contents {
  overflow-x: hidden;
  overflow-y: scroll;
  flex: 0 1 73.75%;
  padding: 0 1rem;
  width: 73.75%;
  border-right: 2px solid #dedcd5;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.c-operation_contents::-webkit-scrollbar {
  display: none
}

.c-operation_contentsInner {
  margin: 0 auto;
  max-width: 854px;
}

.c-operation_contentsBody {
  display: none
}

.c-operationHead {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 1.75rem;
  margin-bottom: .75rem;
  color: #3f498c;
  font-size: 1.5rem;
}

.c-operationHead::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 40px;
  height: 40px;
}

.c-operationHead-movenote {
  padding-left: 3rem
}

.c-operationHead-movenote::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_movenote.svg) no-repeat;
  background-size: contain
}

.c-operationHead-okulink {
  padding-left: 3rem
}

.c-operationHead-okulink::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_okulink.svg) no-repeat;
  background-size: contain
}

.c-operationHead-drill {
  padding-left: 3rem
}

.c-operationHead-drill::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_drill.svg) no-repeat;
  background-size: contain
}

.c-operationHead-okulinkplus {
  padding-left: 3rem
}

.c-operationHead-okulinkplus::before {
  background: url(/miraiseed/fansite/assets/img/icons/ic_okulinkplus.png) no-repeat;
  background-size: contain
}

.c-operation_chapter {
  overflow-y: scroll;
  flex: 1 0 378px;
  padding: 0 .5rem;
  width: 378px;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.c-operation_chapter::-webkit-scrollbar {
  display: none
}

.c-operation_chapterHead {
  margin-top: 3.25rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #dedcd5
}

.c-operation_chapterHeadText {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 1rem;
  padding-left: 1.5rem;
  color: #3f498c;
}

.c-operation_chapterHeadText::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(/miraiseed/fansite/assets/img/icons/ic_contents.svg) no-repeat;
  background-size: contain
}

.c-operationParagraph {
  border-bottom: 2px solid #dedcd5
}

.c-operationParagraph_box:not(:first-child) {
  border-top: 1px solid #dedcd5
}

.c-operationParagraph:last-child {
  overflow: hidden;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #dedcd5
}

.c-operationParagraph_head {
  position: relative;
  margin-left: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 700;
}

.c-operationParagraph_list {
  margin: 0 .5rem
}

.c-operationParagraph_item {
  border-top: 1px solid #dedcd5
}

.c-operationParagraph_link {
  position: relative;
  display: block;
  margin-left: .75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  text-decoration: none
}

.c-operationParagraph_link::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ccc
}

.c-operationParagraph_link.is-current {
  color: #3f498c;
  font-weight: 700;
}

.c-operationParagraph_link.is-current::before {
  background-color: #e42b26
}

.c-operationFooter {
  margin-top: 4rem;
  margin-right: 1rem;
  margin-left: 1rem;
  padding-bottom: 1.5rem
}

.c-operationFooter_logo {
  text-align: right
}

.c-operationFooter_copyright {
  margin-top: .5rem;
  width: 100%;
  color: #3f498c;
  text-align: right;
  font-size: .75rem;
  line-height: 1.5;
}

.osusume .g-container {
  overflow-x: hidden
}

.osusume.is-loading .g-wrapper {
  height: 100vh
}

.osusume.is-loading .g-container {
  display: flex;
  flex: 1
}

.osusume.is-loading .g-pageMain {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.osusume.is-loading .c-searchResults {
  display: flex;
  flex: 1
}

.osusume.is-loading .c-searchResults_inner {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.osusume.is-loading .c-searchResults_content {
  display: none
}

.c-pageTitle {
  padding-right: 1rem;
  padding-left: 1rem;
  background: url(/miraiseed/fansite/assets/img/bg_page-title_pc.svg);
  background-position: top center;
  background-size: auto 306px
}

.c-pageTitle-sub {
  padding-right: 1rem;
  padding-left: 1rem
}

.c-pageTitle_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  max-width: 1032px;
}

.c-pageTitle_img {
  width: 33.3333%
}

.c-pageTitle_img img {
  max-width: 100%
}

.c-pageTitle_head {
  width: 66.6667%
}

.c-pageTitle_title {
  color: #3f498c;
  letter-spacing: 4px;
  font-size: 2rem;
}

.c-pageTitle_text {
  margin-top: .5rem;
  color: #3f498c;
  font-weight: 700;
  font-size: 1rem;
}

.c-pageTitle_form {
  margin-top: 1rem
}

.c-pageTitle_serch {
  margin-top: 1rem;
  max-width: 420px;
}

.c-subPageTitle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.c-subPageTitle_heading {
  align-self: center
}

.c-subPageTitle_back {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: .875rem;
}

.c-subPageTitle_head {
  color: #3f498c;
  letter-spacing: 4px;
  font-size: 2rem;
}

.c-subPageTitle_serch {
  margin-left: auto
}

.seminar.is-loading .g-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh
}

.seminar.is-loading .g-container {
  display: flex;
  flex: 1
}

.seminar.is-loading .g-pageMain {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.seminar.is-loading .c-article {
  display: none
}

.seminar {
  overflow-x: hidden
}

.c-detail_inner .c-primeHeading,
.c-detail_inner .c-visualHeading {
  margin-top: -2em
}

.c-primeHeading {
  margin-left: calc(50% - 50vw);
  padding: 24px;
  width: 100vw;
  background-image: url(/miraiseed/fansite/assets/img/img_visualheading_bg.svg);
  background-image: url(/miraiseed/fansite/assets/img/img_archives-heading_bg_pc.svg);
  background-position: center center;
  background-size: auto 100%;
  background-size: auto 194px;
  background-repeat: repeat-x;
}

.c-primeHeading_area {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
}

.c-primeHeading_backLink {
  position: relative;
  padding-left: 1.25rem;
  color: #0977d3;
  text-decoration: none;
  font-weight: 700;
  font-size: .875rem;
}

.c-primeHeading_backLink::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/icon_prime-back.svg) no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-primeHeading_backLink:hover {
  text-decoration: none
}

.c-primeHeading_head {
  color: #3f498c
}

.c-primeHeading_title {
  letter-spacing: 4px;
  font-size: 2rem;
}

.c-primeHeading_text {
  font-weight: 700;
  font-size: .875rem;
}

.c-primeHeading_text-smOnly {
  display: none
}

.c-visualHeading {
  margin-left: calc(50% - 50vw);
  width: 100vw;
  height: 306px;
  background-image: url(/miraiseed/fansite/assets/img/img_visualheading_bg.svg);
  background-position: center center;
  background-size: auto 100%;
  background-repeat: repeat-x;
}

.c-visualHeading_area {
  display: flex;
  align-content: center;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
  height: 100%;
}

.c-visualHeading_img {
  align-self: center;
  width: 344px;
}

.c-visualHeading_img img {
  max-width: 100%
}

.c-visualHeading_head {
  align-self: center;
  color: #3f498c;
}

.c-visualHeading_title {
  letter-spacing: 4px;
  font-size: 2rem;
}

.c-visualHeading_text {
  margin-top: .5rem;
  font-weight: 700;
  font-size: .875rem;
}

.c-visualHeading_text-smOnly {
  display: none
}

.c-seminarContents {
  margin-top: 4rem
}

.c-seminarInfoItem {
  margin-bottom: 8px;
  padding-right: 16px !important;
  padding-left: 16px !important
}

.c-seminarInfoButton {
  display: flex;
  border-radius: 10px;
  color: #333;
  text-decoration: none;
}

.c-seminarInfoButton:visited {
  color: #333
}

.c-seminarInfoButton:hover {
  box-shadow: 0 0 7px 0 #dedcd5;
  color: #333;
  text-decoration: none;
  opacity: .9;
}

.c-seminarInfoButton_img {
  display: flex;
  align-items: center;
  align-self: center;
  align-self: center;
  justify-content: center;
  width: 30%;
  height: 72px;
  border-radius: 10px 0 0 10px;
  text-align: center;
}

.c-seminarInfoButton_img-01 {
  background: #56559b
}

.c-seminarInfoButton_img-01 img {
  width: 41px
}

.c-seminarInfoButton_img-02 {
  background: #c01734
}

.c-seminarInfoButton_img-02 img {
  width: 41px
}

.c-seminarInfoButton_img-03 {
  background: #2ba553
}

.c-seminarInfoButton_img-03 img {
  width: 24px
}

.c-seminarInfoButton_img-08 {
  background: #e57c00
}

.c-seminarInfoButton_img-08 img {
  width: 41px
}

.c-seminarInfoButton_img-09 {
  background: #0f91ef
}

.c-seminarInfoButton_img-09 img {
  width: 41px
}

.c-seminarInfoButton_img-04 {
  background: url(/miraiseed/fansite/assets/img/seminar_howto_img_01.png) no-repeat;
  background-size: 100%
}

.c-seminarInfoButton_img-04 img {
  width: 46px
}

.c-seminarInfoButton_img-05 {
  background: url(/miraiseed/fansite/assets/img/seminar_howto_img_02.png) no-repeat;
  background-size: 100%
}

.c-seminarInfoButton_img-05 img {
  width: 46px
}

.c-seminarInfoButton_img-06 {
  background: url(/miraiseed/fansite/assets/img/seminar_howto_img_03.png) no-repeat;
  background-size: 100%
}

.c-seminarInfoButton_img-06 img {
  width: 46px
}

.c-seminarInfoButton_img-07 {
  background: url(/miraiseed/fansite/assets/img/seminar_howto_img_04.png) no-repeat;
  background-size: 100%
}

.c-seminarInfoButton_img-07 img {
  width: 46px
}

.c-seminarInfoButton_imgCover {
  background-size: cover
}

.c-seminarInfoButton_text {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 32px 8px 12px;
  width: 70%;
  height: 72px;
  border-radius: 0 10px 10px 0;
  background: #fff;
  font-weight: 700;
  font-size: 1rem;
}

.c-seminarInfoButton_text::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 12px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/icon_seminar_button.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-seminar_noEntory {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  border-radius: 10px;
  background: #fff;
}

.c-seminar_noEntoryText {
  color: #333;
  font-weight: 700;
  font-size: 1.1875rem;
  line-height: 1.5;
}

.c-cardSlender+.c-cardSlender {
  margin-top: .75rem
}

.c-cardSlender_link {
  display: flex;
  padding: 6px;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
}

.c-cardSlender_link:hover {
  box-shadow: 0 0 7px 0 #dedcd5;
  text-decoration: none;
  opacity: .9;
}

.c-cardSlender_link:hover {
  text-decoration: none
}

.c-cardSlender_thumbnail {
  align-self: center;
  width: 324px;
}

.c-cardSlender_thumbnail img {
  max-width: 100%;
  height: auto;
  vertical-align: top
}

.c-cardSlender_infomation {
  align-self: center;
  flex: 1;
  margin-left: 24px;
}

.c-cardSlender_reception {
  display: inline-block;
  margin-right: 12px;
  padding: 3px 10px;
  border-radius: 100vw;
  background: #ffe940;
  color: #2c3152;
  font-weight: 700;
  font-size: .75rem;
}

.c-cardSlender_reception-end {
  background: #ccc
}

.c-cardSlender_startDate {
  color: #333;
  font-weight: 400;
  font-size: 14px;
}

.c-cardSlender_startDate .color01 {
  color: #3f498c
}

.c-cardSlender_title {
  margin-top: .75rem;
  color: #333;
  font-weight: 700;
  font-size: 19px;
}

.c-cardSlender_text {
  margin-top: 10px;
  color: #333;
  font-size: 14px;
}

.c-seminarInfo {
  padding-right: 45px;
  padding-left: 45px
}

.c-seminarInfo_body {
  overflow: hidden
}

.c-seminarInfo_inner {
  margin-right: auto;
  margin-left: auto;
  max-width: 850px;
}

.c-seminarInfo_reception-end {
  background: #ccc
}

.c-seminarInfo_box {
  display: flex;
  margin-top: 20px;
  margin-right: -24px;
  margin-left: -24px
}

.c-seminarInfo_data {
  padding-right: 24px;
  padding-left: 24px;
  width: 64.2353%;
}

.c-seminarInfo_thumbnail {
  position: relative;
  padding-top: 63.934%;
  width: 100%;
}

.c-seminarInfo_thumbnailMovie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.c-seminarInfo_thumbnailMovie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.c-seminarInfo_thumbnailImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.c-seminarInfo_thumbnailImg img {
  max-width: 100%
}

.c-seminarInfo_lead {
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.77;
}

.c-seminarInfo_text {
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.77;
}

.c-seminarInfo_smallHeading {
  margin-top: 4.5rem;
  border-bottom: 2px solid #8abce6;
  font-weight: 700;
  font-size: 1.875rem;
}

.c-seminarInfo_speaker {
  font-size: .875rem
}

.c-seminarInfo_speakerImg img {
  max-width: 100%
}

.c-seminarInfo_profile {
  margin-top: 1rem;
  font-size: .75rem;
}

.c-seminarInfo_about {
  padding-right: 24px;
  padding-left: 24px;
  width: 37.1765%;
}

.c-seminarInfo_entry {
  position: relative
}

.c-seminarInfo_entry-end {
  border: 1px solid #ccc;
  background: #fff;
  color: #767676;
  font-weight: 400;
}

.c-seminarInfo_entry-end:active,
.c-seminarInfo_entry-end:hover,
.c-seminarInfo_entry-end:link,
.c-seminarInfo_entry-end:visited {
  background: #fff;
  color: #767676;
}

.c-seminarInfo_container {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #ccc
}

.c-seminarInfo_container-date.c-seminarInfo_container-date {
  padding-top: 0;
  border-top: none
}

.c-seminarInfo_container:first-child {
  padding-top: 0;
  border-top: none
}

.c-seminarInfo_index {
  color: #3f498c;
  font-size: .875rem;
}

.c-seminarInfo_info {
  font-size: .875rem
}

.c-archivesTab {
  margin-bottom: 2rem
}

.c-archivesTab_tabs {
  display: flex;
  justify-content: center
}

.c-archivesTab_trigger {
  padding-bottom: 6px;
  width: 164px;
  border-bottom: 4px solid #d8d6d0;
  color: grey;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.125rem;
}

.c-archivesTab_trigger:visited {
  color: grey
}

.c-archivesTab_trigger:hover {
  color: #3f498c;
  text-decoration: none;
  opacity: 1;
}

.c-archivesTab_trigger-active {
  border-color: #ffe940;
  color: #3f498c;
}

.c-archivesTab_trigger-active:visited {
  color: #3f498c
}

.c-archivesTab_contents {
  margin-top: 2rem
}

.c-archivesTab_content {
  display: none
}

.c-archivesTab_content-active {
  display: block
}

.c-seminarInfoSeries {
  margin-top: 16px
}

.c-seminarInfoSeries_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  margin-bottom: 16px;
}

.c-seminarInfoSeries_item+.c-seminarInfoSeries_item {
  padding-top: 16px;
  border-top: 1px solid #ccc
}

.c-seminarInfoSeries_data {
  letter-spacing: .02em;
  font-size: 18px;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt'
}

.c-seminarInfoSeries_button {
  padding: 10px;
  width: 96px;
  font-size: 14px;
}

.c-seminarInfoSeries_button-end {
  border: 1px solid #ccc;
  background: #fff;
  color: #767676;
  font-weight: 400;
}

.c-seminarInfoSeries_button-end:active,
.c-seminarInfoSeries_button-end:hover,
.c-seminarInfoSeries_button-end:link,
.c-seminarInfoSeries_button-end:visited {
  background: #fff;
  color: #767676;
}

.c-seminarInfoSeries_closing {
  padding: 2px;
  border: 1px solid #0977d3;
  color: #0977d3;
  text-align: center;
  font-size: 12px;
}

.c-startContents {
  padding-right: 0;
  padding-left: 0
}

.c-startContentsArrow {
  position: relative;
  margin-top: 4.125rem
}

.c-startContentsArrow::before {
  content: '';
  position: absolute;
  top: -42px;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 38px;
  height: 18px;
  background-image: url(/miraiseed/fansite/assets/img/img_step_arrow_02.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-startHeading {
  line-height: 1.2
}

.c-start_guide {
  margin-top: 2rem
}

.c-start_guideItemInner {
  position: relative;
  padding: 0 1rem 1rem;
  border-radius: 12px
}

.c-start_guideItemInner-bgColor01 {
  background: #fffde6
}

.c-start_guideItemInner-bgColor02 {
  background: #f0fcff
}

.c-start_guideItemInner-bgColor03 {
  background: #f6f5ff
}

.c-start_step {
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #2c3152;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

.c-start_stepPrefix {
  font-size: .75rem
}

.c-start_stepNum {
  font-size: 1.25rem
}

.c-start_area .c-start_areaImg-01 {
  margin-top: 2.8125rem;
  text-align: center
}

.c-start_area .c-start_areaImg-01 img {
  width: 162px
}

.c-start_area .c-start_areaImg-02 {
  margin-top: 2rem;
  text-align: center
}

.c-start_area .c-start_areaImg-02 img {
  width: 196px
}

.c-start_area .c-start_areaImg-03 {
  margin-top: 2rem;
  text-align: center
}

.c-start_area .c-start_areaImg-03 img {
  width: 183px
}

.c-start_areaHead {
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
}

.c-start_areaHead-02 {
  margin-top: -1.25rem
}

.c-start_areaHead-03 {
  margin-top: -1rem
}

.c-start_areaText {
  margin-top: 1rem;
  font-size: .9375rem;
}

.c-start_areaUnderline {
  background-image: linear-gradient(to right, #ffe940, #ffe940);
  background-position: bottom;
  background-size: 100% 40%;
  background-repeat: no-repeat;
}

.c-start_areaBtn {
  border: #0977d3 1px solid;
  background: #fff
}

.c-start_areaBtn:link {
  color: #0977d3
}

.c-start_areaBtn:visited {
  color: #0977d3
}

.c-start_areaBtn::before {
  color: #0977d3
}

.c-start_areaBtn:hover {
  background: #0977d3;
  color: #fff;
}

.c-start_areaBtn:hover::before {
  color: #fff
}

.c-start_gird {
  margin-right: 0;
  margin-left: 0
}

.c-start_girdColumnCenter {
  align-self: center
}

body.top,
button.top,
input.top,
option.top,
select.top,
textarea.top {
  overflow-x: hidden
}

body.top img,
button.top img,
input.top img,
option.top img,
select.top img,
textarea.top img {
  max-width: 100%
}

body.top .g-container,
button.top .g-container,
input.top .g-container,
option.top .g-container,
select.top .g-container,
textarea.top .g-container {
  overflow-x: hidden;
  padding-bottom: 0
}

body.top .l-contentInner,
button.top .l-contentInner,
input.top .l-contentInner,
option.top .l-contentInner,
select.top .l-contentInner,
textarea.top .l-contentInner {
  padding-right: 0;
  padding-left: 0
}

body.top .c-pagetop,
button.top .c-pagetop,
input.top .c-pagetop,
option.top .c-pagetop,
select.top .c-pagetop,
textarea.top .c-pagetop {
  z-index: 30
}

body.top .adjust_pb,
button.top .adjust_pb,
input.top .adjust_pb,
option.top .adjust_pb,
select.top .adjust_pb,
textarea.top .adjust_pb {
  padding-bottom: 4rem
}

.c-topHead {
  margin-top: 2rem
}

.c-topHead a {
  text-decoration: none
}

.c-topHead .l-grid_item:first-child {
  padding-right: 5px
}

.c-topHead_right {
  display: flex;
  flex: 1
}

.c-topHead_action {
  display: flex;
  flex: 1
}

.c-topHead_action_list {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.c-topHead_action_listItem {
  position: relative;
  display: flex;
  flex: 1;
  margin-top: .3125rem;
}

.c-topHead_action_listItem:first-child {
  margin-top: 0
}

.c-topHead_action_listItem:before {
  content: '';
  position: absolute;
  top: .5rem;
  left: .5rem;
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff
}

.c-topHead_action_listItem .u-icon {
  position: absolute;
  top: .75rem;
  left: .75rem
}

.c-topHead_action_listItem .u-icon:before {
  font-size: 1.5rem
}

.c-topHead_action_listItem-beginner .u-icon {
  color: #8eb87f
}

.c-topHead_action_listItem-manager .u-icon {
  color: #7fafdf
}

.c-topHead_action_link {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  border-radius: 20px;
  background-color: transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02);
  font-weight: 700;
  font-size: 1.1875rem;
}

.c-topHead_action_listItem-beginner .c-topHead_action_link {
  background-color: #cdf08e
}

.c-topHead_action_listItem-beginner .c-topHead_action_link:active,
.c-topHead_action_listItem-beginner .c-topHead_action_link:hover,
.c-topHead_action_listItem-beginner .c-topHead_action_link:link,
.c-topHead_action_listItem-beginner .c-topHead_action_link:visited {
  color: #268702
}

.c-topHead_action_listItem-beginner .c-topHead_action_link:active,
.c-topHead_action_listItem-beginner .c-topHead_action_link:hover {
  background-color: #cff688;
  opacity: 1;
}

.c-topHead_action_listItem-manager .c-topHead_action_link {
  background-color: #c5e4fa
}

.c-topHead_action_listItem-manager .c-topHead_action_link:active,
.c-topHead_action_listItem-manager .c-topHead_action_link:hover,
.c-topHead_action_listItem-manager .c-topHead_action_link:link,
.c-topHead_action_listItem-manager .c-topHead_action_link:visited {
  color: #0977d3
}

.c-topHead_action_listItem-manager .c-topHead_action_link:active,
.c-topHead_action_listItem-manager .c-topHead_action_link:hover {
  background-color: #d1ecff;
  opacity: 1;
}

.c-topLink {
  margin-top: 1rem
}

.c-topHero {
  overflow: hidden;
  margin-top: 2rem;
  border: 4px solid #ffe940;
  border-radius: 20px;
  background: #fff
}

.c-topHero_inner {
  margin-bottom: 0;
  padding: 1.25rem 2rem
}

.c-topHero_wrap {
  margin-right: auto;
  margin-left: auto;
  max-width: 900px;
}

.c-topHero_head {
  margin-bottom: -.8125rem;
  color: #3f498c;
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
}

.c-topHero_accent {
  vertical-align: -3px
}

.c-topHero_accent img {
  width: 26px
}

.c-topHero_step {
  justify-content: space-between;
  margin-top: 1rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.c-topHero_stepItem {
  position: relative;
  width: 32%
}

.c-topHero_stepItem:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((15px / 2 + 3%) * -1);
  margin-top: auto;
  margin-bottom: auto;
  width: 15px;
  height: 29px;
  background-image: url(/miraiseed/fansite/assets/img/img_step_arrow_01.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-topHero_stepItem-01>.c-topHero_img {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  width: 73.6111%;
}

.c-topHero_stepItem-02>.c-topHero_img {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  width: 73.6111%;
}

.c-topHero_stepItem-03>.c-topHero_img {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  width: 73.6111%;
}

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

.c-topHero_stepNum {
  display: inline-block;
  flex-shrink: 0;
  padding-top: 10px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #2c3152;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: .75rem;
}

.c-topHero_stepCatch {
  font-size: 1.25rem;
  line-height: 1.2
}

.c-topHero_stepText {
  margin-left: .5rem;
  color: #2c3152;
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
}

.c-topHero_stepUnderline {
  background-image: linear-gradient(to right, #ffe940, #ffe940);
  background-position: bottom;
  background-size: 100% 40%;
  background-repeat: no-repeat;
}

.c-topHero_img {
  margin-top: 0
}

.c-topHero_btn {
  margin-top: .25rem
}

.c-topHero_btnLink {
  width: 312px
}

.c-topHero_smOnly {
  display: none
}

.c-topIllustImg {
  text-align: center
}

.c-topIllustImg img {
  width: 170px
}

.c-topCard {
  display: block;
  padding: 32px 16px;
  border-radius: 10px;
  background: #fff;
  color: #3f498c;
  text-decoration: none;
}

.c-topCard:hover {
  text-decoration: none
}

.c-topCardImg {
  margin-right: auto;
  margin-left: auto;
  width: 60.31%;
  text-align: center
}

.c-topCardNote {
  margin-top: 1rem;
  text-align: center;
  font-weight: 700;
  font-size: .875rem;
}

.c-topCardText {
  margin-top: .5rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.6875rem;
}

.c-heroArea {
  margin-left: calc(50% - 50vw);
  padding-top: 56px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  width: 100vw;
  background: #fff;
  background: url(/miraiseed/fansite/assets/img/top_vi_bg.svg);
  background-position: top center;
  background-size: auto 365px;
  background-repeat: repeat-x;
}

.c-heroAreaContext {
  margin-right: auto;
  margin-left: auto;
  max-width: 730px;
  text-align: center
}

.c-heroAreaContext .c-textBlock {
  text-align: center
}

.c-heroAreaContext .c-heroLead {
  margin-top: 8px;
  color: #0977d3;
  letter-spacing: .2em;
  font-weight: 400;
  font-size: 14px;
}

.c-heroAreaContext .c-heroHead {
  color: #2c3152;
  letter-spacing: .2em;
  font-weight: 700;
  font-size: 26px;
}

.c-heroAreaContext .c-textBlock {
  display: inline-block
}

.c-heroSlider {
  margin-top: 65px;
  margin-right: -24px;
  margin-left: -24px
}

.c-heroSlider .swiper.swiper2 {
  overflow: visible
}

.c-heroSlider .swiper-slide {
  width: 376px
}

.c-heroSlider .swiper-slide-active {
  width: 400px;
  height: calc(auto + 17px) !important
}

.c-heroSlider .swiper-slide-active .c-topMainCard {
  margin-top: -17px
}

.c-heroSlider .swiper-slide-active .c-topMainCardLink {
  height: calc(100% + 17px);
  border: 3px solid #ffee35;
  box-shadow: 0 0 5px rgba(217, 200, 22, .16)
}

.c-topMainVisual {
  margin-left: calc(50% - 50vw);
  padding-top: 4rem;
  padding-right: 1.5rem;
  padding-bottom: 4rem;
  padding-left: 1.5rem;
  width: 100vw;
  height: 568px;
  background: #fff;
  background: url(/miraiseed/fansite/assets/img/top_vi_bg.svg);
  background-position: center;
  background-size: auto 568px
}

.c-topMainVisualContainer {
  margin-right: auto;
  margin-left: auto;
  padding-right: .5rem;
  padding-left: .5rem;
  max-width: calc(1032px + (.5rem * 2));
}

.c-topMainCard {
  position: relative
}

.c-topMainCard-vi {
  padding: 4px
}

.c-topMainCard-vi-new {
  position: relative
}

.c-topMainCard-vi-new::before {
  content: 'NEW';
  position: absolute;
  top: -12px;
  right: -12px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffe940;
  font-size: 10px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.c-topMainCardImg {
  position: relative
}

.c-topMainCardImgTag {
  position: absolute;
  top: 13px;
  left: 13px;
  display: inline-block;
  padding: .5rem;
  padding: 4px 16px;
  border-radius: 100vw;
  background: #ffe940;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
}

.c-topMainCardLink {
  display: block;
  padding: .375rem .375rem 1.25rem;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16);
  color: #333;
  text-decoration: none;
}

.c-topMainCardLink:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16);
  color: #333;
  text-decoration: none;
  opacity: .9;
}

.c-topMainCardLink:visited {
  color: #333
}

.c-topMainCardTextarea {
  margin-top: 1.25rem;
  margin-right: 14px;
  margin-left: 14px
}

.c-topMainCardFlex {
  display: flex
}

.c-topMainCardPoint {
  flex-shrink: 0;
  padding-right: .75rem;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  line-height: 1.5;
}

.c-topMainCardTag {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 1rem;
  font-size: 14px;
  line-height: 1.5;
}

.c-topMainCardTag::before {
  content: '|';
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
  font-size: 14px;
}

.c-topMainCardTitle {
  margin-top: 1rem;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}

.c-topMainLead {
  color: #0977d3;
  font-weight: 700;
  font-size: 1.74vw;
}

.c-topMainHead {
  letter-spacing: .11em;
  font-size: 3.3vw;
  line-height: 1.8;
}

.c-topMainAbout {
  position: relative;
  margin-top: 1.75rem;
  padding-left: 2rem;
  color: #0977d3;
  font-weight: 700;
  font-size: .875rem;
}

.c-topMainAbout::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/top_question.svg) no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-topMainLink {
  margin-left: 1rem
}

.c-topMainBox {
  align-self: center
}

.c-topMainSmBox {
  margin-left: auto
}

.c-topNotice {
  position: relative;
  margin-left: calc(50% - 50vw);
  padding: .5rem;
  width: 100vw;
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

.c-topNoticeContainer {
  margin-right: auto;
  margin-left: auto;
  padding-right: .5rem;
  padding-left: .5rem;
  max-width: calc(1032px + (.5rem * 2));
}

.c-topNoticeText {
  display: flex;
  align-items: center
}

.c-topNoticeAbout {
  position: relative;
  flex-shrink: 0;
  padding-left: 2rem;
  color: #0977d3;
  font-weight: 700;
  font-size: .875rem;
}

.c-topNoticeAbout::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/miraiseed/fansite/assets/img/top_notice.svg) no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-topNoticeLink {
  margin-left: 16px;
  font-size: .875rem;
}

.c-topInfomation {
  margin-left: calc(50% - 50vw);
  padding-top: 6rem;
  padding-right: 1.5rem;
  padding-bottom: 3rem;
  padding-left: 1.5rem;
  width: 100vw;
  background: #d4eefa
}

.c-topInfomationContainer {
  margin-right: auto;
  margin-left: auto;
  padding-right: .5rem;
  padding-left: .5rem;
  max-width: calc(1032px + (.5rem * 2));
}

.c-topInfomation_linkList {
  display: flex;
  justify-content: center
}

.c-topInfomation_facebook {
  display: block;
  color: #3f498c;
  text-decoration: none;
}

.c-topInfomation_facebook:hover {
  text-decoration: none
}

.c-topInfomation_text {
  align-self: center;
  margin-left: 1rem;
  color: #3f498c;
  font-weight: 700;
  font-size: .75rem;
  line-height: 1;
}

.c-topQuestion {
  margin-left: calc(50% - 50vw);
  padding-top: 48px;
  padding-right: 1.5rem;
  padding-bottom: 6rem;
  padding-left: 1.5rem;
  width: 100vw;
  background: #d4eefa
}

.c-topQuestionContainer {
  margin-right: auto;
  margin-left: auto;
  padding-right: .5rem;
  padding-left: .5rem;
  max-width: calc(1032px + (.5rem * 2));
}

.c-topQuestionImg {
  margin-right: auto;
  margin-left: auto;
  max-width: 170px;
}

.c-topQuestionBox {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 32px 48px;
  border-radius: 8px;
  background: #fff;
}

.c-topQuestionItem {
  align-self: auto;
  padding-top: 1.125rem;
  padding-right: 1.875rem;
  padding-bottom: 1.125rem;
  padding-left: 0;
  width: 48%;
  border-top: 1px solid #dadee0;
  text-align: left;
}

.c-topQuestionItem:nth-child(1) {
  border-top: none
}

.c-topQuestionItem:nth-child(2) {
  border-top: none
}

.c-topQuestionLink {
  position: relative;
  display: block;
  padding: 0 0 0 22px;
  border: none;
  color: #333;
  text-decoration: none;
}

.c-topQuestionLink:hover {
  color: #333
}

.c-topQuestionLink:visited {
  color: #333 !important
}

.c-topQuestionLink:before {
  content: '';
  position: absolute;
  top: calc(((1em * 1.5)/ 2) - 4px);
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #c9eafa
}

.c-padding16-imp {
  padding: 16px !important
}

.c-topHeadingLv2 {
  color: #3f498c;
  text-align: center;
  letter-spacing: .25rem;
  font-size: 2rem;
}

.swiper-pagination {
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0 !important;
  width: auto !important
}

.swiper-pagination-bullet-active {
  width: 13px !important;
  height: 13px !important
}

.swiper-pagination-bullet-active:focus {
  outline: 0 !important
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 4px 0 0 0 !important;
  height: 0 !important;
  color: #cecdd0 !important
}

.swiper-button-next:focus,
.swiper-rtl .swiper-button-prev:focus {
  outline: 0 !important
}

.swiper-button-next::before,
.swiper-rtl .swiper-button-prev::before {
  margin-top: 7px;
  font-weight: 700;
  font-size: 12px !important;
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  margin-top: 7px;
  font-weight: 700;
  font-size: 12px !important;
}

.swiper-button-next:hover:before,
.swiper-rtl .swiper-button-prev:hover:before {
  color: #0977d3 !important
}

.swiper-button-next:hover:after,
.swiper-rtl .swiper-button-prev:hover:after {
  color: #0977d3 !important
}

.l-grid-halfGutter-sm {
  margin-right: .375rem;
  margin-left: .375rem
}

.l-grid-halfGutter-sm .l-grid_item {
  padding-right: .375rem;
  padding-left: .375rem
}

.c-card_link-topSlider {
  border-radius: 10px
}

.l-grid-halfGutter-sm {
  margin-right: 0;
  margin-left: 0
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 4px 0 0 0 !important;
  height: 0 !important;
  color: #cecdd0 !important
}

.swiper-button-prev::before,
.swiper-rtl .swiper-button-next::before {
  margin-top: 7px;
  font-weight: 700;
  font-size: 12px !important;
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  margin-top: 7px;
  font-weight: 700;
  font-size: 12px !important;
}

.swiper-button-prev:focus,
.swiper-rtl .swiper-button-next:focus {
  outline: 0 !important
}

.swiper-button-prev:hover:before,
.swiper-rtl .swiper-button-next:hover:before {
  color: #0977d3 !important
}

.swiper-button-prev:hover:after,
.swiper-rtl .swiper-button-next:hover:after {
  color: #0977d3 !important
}

.swiper-pagination-bullet:hover {
  background: #0977d3 !important;
  opacity: 1 !important;
}

.swiper-pageneationPosition {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  padding-bottom: 5px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-right: 9px !important;
  margin-left: 9px !important
}

.swiper-slide {
  height: auto !important
}

.swiper-slide .c-card,
.swiper-slide .c-topMainCard {
  display: flex;
  height: 100%
}

.c-healthBg {
  background: #fff
}

.c-newInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}

.c-newInfoLink {
  position: relative;
  margin-right: 12px;
  margin-left: 12px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
}

.c-newInfoLink:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -12px;
  width: 1px;
  height: 16px;
  background: #000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width:960px) {

  /*! Large only */
  .g-headerMenu {
    display: flex !important
  }

  .c-operationPage .g-siteHeader {
    padding-top: .375rem;
    padding-bottom: .375rem
  }

  .c-operationPage .g-siteHeader_inner {
    padding-right: .75rem;
    padding-left: .75rem;
    max-width: 100vw;
  }

  [data-js-fixed-html] .c-operationPage .g-siteHeader {
    width: 100vw
  }

  .c-operationPage .g-headerSwitch.is-active+.g-headerMenu {
    display: block !important
  }

  .c-operationPage .g-headerMenu {
    display: none !important
  }
}

@media only screen and (max-width:959px) {

  /*! Medium and Small */
  .c-article_inner,
  .c-detail_inner,
  .c-faq_inner,
  .c-localNav_inner,
  .c-modal_inner,
  .c-notfound_inner,
  .c-operationPage .c-localNav_inner,
  .c-operationPage .g-siteHeader_inner,
  .c-outsideContainer_inner,
  .c-searchResults_inner,
  .g-siteHeader_inner,
  .l-inner {
    padding-right: .5rem;
    padding-left: .5rem;
    max-width: calc(1032px + (.5rem * 2));
  }

  [data-js-fixed-body],
  [data-js-fixed-html] {
    overflow: hidden;
    height: 100%
  }

  [data-js-fixed-html] .g-container {
    padding-top: 90px
  }

  .l-grid .l-grid_item-1-md {
    width: 8.3333%
  }

  .l-grid .l-grid_item-2-md {
    width: 16.6667%
  }

  .l-grid .l-grid_item-3-md {
    width: 25%
  }

  .l-grid .l-grid_item-4-md {
    width: 33.3333%
  }

  .l-grid .l-grid_item-5-md {
    width: 41.6667%
  }

  .l-grid .l-grid_item-6-md {
    width: 50%
  }

  .l-grid .l-grid_item-7-md {
    width: 58.3333%
  }

  .l-grid .l-grid_item-8-md {
    width: 66.6667%
  }

  .l-grid .l-grid_item-9-md {
    width: 75%
  }

  .l-grid .l-grid_item-10-md {
    width: 83.3333%
  }

  .l-grid .l-grid_item-11-md {
    width: 91.6667%
  }

  .l-grid .l-grid_item-12-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 50%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 33.3333%
  }

  .l-grid .l-grid_item-md {
    width: 66.6667%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 25%
  }

  .l-grid .l-grid_item-md {
    width: 50%
  }

  .l-grid .l-grid_item-md {
    width: 75%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 20%
  }

  .l-grid .l-grid_item-md {
    width: 40%
  }

  .l-grid .l-grid_item-md {
    width: 60%
  }

  .l-grid .l-grid_item-md {
    width: 80%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 16.6667%
  }

  .l-grid .l-grid_item-md {
    width: 33.3333%
  }

  .l-grid .l-grid_item-md {
    width: 50%
  }

  .l-grid .l-grid_item-md {
    width: 66.6667%
  }

  .l-grid .l-grid_item-md {
    width: 83.3333%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 14.2857%
  }

  .l-grid .l-grid_item-md {
    width: 28.5714%
  }

  .l-grid .l-grid_item-md {
    width: 42.8571%
  }

  .l-grid .l-grid_item-md {
    width: 57.1429%
  }

  .l-grid .l-grid_item-md {
    width: 71.4286%
  }

  .l-grid .l-grid_item-md {
    width: 85.7143%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 12.5%
  }

  .l-grid .l-grid_item-md {
    width: 25%
  }

  .l-grid .l-grid_item-md {
    width: 37.5%
  }

  .l-grid .l-grid_item-md {
    width: 50%
  }

  .l-grid .l-grid_item-md {
    width: 62.5%
  }

  .l-grid .l-grid_item-md {
    width: 75%
  }

  .l-grid .l-grid_item-md {
    width: 87.5%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 11.1111%
  }

  .l-grid .l-grid_item-md {
    width: 22.2222%
  }

  .l-grid .l-grid_item-md {
    width: 33.3333%
  }

  .l-grid .l-grid_item-md {
    width: 44.4444%
  }

  .l-grid .l-grid_item-md {
    width: 55.5556%
  }

  .l-grid .l-grid_item-md {
    width: 66.6667%
  }

  .l-grid .l-grid_item-md {
    width: 77.7778%
  }

  .l-grid .l-grid_item-md {
    width: 88.8889%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 10%
  }

  .l-grid .l-grid_item-md {
    width: 20%
  }

  .l-grid .l-grid_item-md {
    width: 30%
  }

  .l-grid .l-grid_item-md {
    width: 40%
  }

  .l-grid .l-grid_item-md {
    width: 50%
  }

  .l-grid .l-grid_item-md {
    width: 60%
  }

  .l-grid .l-grid_item-md {
    width: 70%
  }

  .l-grid .l-grid_item-md {
    width: 80%
  }

  .l-grid .l-grid_item-md {
    width: 90%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 9.0909%
  }

  .l-grid .l-grid_item-md {
    width: 18.1818%
  }

  .l-grid .l-grid_item-md {
    width: 27.2727%
  }

  .l-grid .l-grid_item-md {
    width: 36.3636%
  }

  .l-grid .l-grid_item-md {
    width: 45.4545%
  }

  .l-grid .l-grid_item-md {
    width: 54.5455%
  }

  .l-grid .l-grid_item-md {
    width: 63.6364%
  }

  .l-grid .l-grid_item-md {
    width: 72.7273%
  }

  .l-grid .l-grid_item-md {
    width: 81.8182%
  }

  .l-grid .l-grid_item-md {
    width: 90.9091%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid .l-grid_item-md {
    width: 8.3333%
  }

  .l-grid .l-grid_item-md {
    width: 16.6667%
  }

  .l-grid .l-grid_item-md {
    width: 25%
  }

  .l-grid .l-grid_item-md {
    width: 33.3333%
  }

  .l-grid .l-grid_item-md {
    width: 41.6667%
  }

  .l-grid .l-grid_item-md {
    width: 50%
  }

  .l-grid .l-grid_item-md {
    width: 58.3333%
  }

  .l-grid .l-grid_item-md {
    width: 66.6667%
  }

  .l-grid .l-grid_item-md {
    width: 75%
  }

  .l-grid .l-grid_item-md {
    width: 83.3333%
  }

  .l-grid .l-grid_item-md {
    width: 91.6667%
  }

  .l-grid .l-grid_item-md {
    width: 100%
  }

  .l-grid-center-md {
    justify-content: center
  }

  .l-grid .l-grid_item-5per-md {
    width: 5%
  }

  .l-grid .l-grid_item-10per-md {
    width: 10%
  }

  .l-grid .l-grid_item-15per-md {
    width: 15%
  }

  .l-grid .l-grid_item-20per-md {
    width: 20%
  }

  .l-grid .l-grid_item-25per-md {
    width: 25%
  }

  .l-grid .l-grid_item-30per-md {
    width: 30%
  }

  .l-grid .l-grid_item-35per-md {
    width: 35%
  }

  .l-grid .l-grid_item-40per-md {
    width: 40%
  }

  .l-grid .l-grid_item-45per-md {
    width: 45%
  }

  .l-grid .l-grid_item-50per-md {
    width: 50%
  }

  .l-grid .l-grid_item-55per-md {
    width: 55%
  }

  .l-grid .l-grid_item-60per-md {
    width: 60%
  }

  .l-grid .l-grid_item-65per-md {
    width: 65%
  }

  .l-grid .l-grid_item-70per-md {
    width: 70%
  }

  .l-grid .l-grid_item-75per-md {
    width: 75%
  }

  .l-grid .l-grid_item-80per-md {
    width: 80%
  }

  .l-grid .l-grid_item-85per-md {
    width: 85%
  }

  .l-grid .l-grid_item-90per-md {
    width: 90%
  }

  .l-grid .l-grid_item-95per-md {
    width: 95%
  }

  .l-grid .l-grid_item-100per-md {
    width: 100%
  }

  .l-tile-1col-md .l-tile_item {
    width: 100%
  }

  .l-tile-2col-md .l-tile_item {
    width: 50%
  }

  .l-tile-3col-md .l-tile_item {
    width: 33.3333%
  }

  .l-tile-4col-md .l-tile_item {
    width: 25%
  }

  .l-tile-5col-md .l-tile_item {
    width: 20%
  }

  .l-tile-6col-md .l-tile_item {
    width: 16.6667%
  }

  .l-tile-7col-md .l-tile_item {
    width: 14.2857%
  }

  .l-tile-8col-md .l-tile_item {
    width: 12.5%
  }

  .l-tile-9col-md .l-tile_item {
    width: 11.1111%
  }

  .l-tile-10col-md .l-tile_item {
    width: 10%
  }

  .l-separator-x0-md {
    margin-top: 0
  }

  .l-separator-x0-md-imp {
    margin-top: 0 !important
  }

  .l-separator-x1-md {
    margin-top: .5rem
  }

  .l-separator-x1-md-imp {
    margin-top: .5rem !important
  }

  .l-separator-x2-md {
    margin-top: 1rem
  }

  .l-separator-x2-md-imp {
    margin-top: 1rem !important
  }

  .l-separator-x3-md {
    margin-top: 1.5rem
  }

  .l-separator-x3-md-imp {
    margin-top: 1.5rem !important
  }

  .l-separator-x4-md {
    margin-top: 2rem
  }

  .l-separator-x4-md-imp {
    margin-top: 2rem !important
  }

  .l-separator-x5-md {
    margin-top: 2.5rem
  }

  .l-separator-x5-md-imp {
    margin-top: 2.5rem !important
  }

  .l-separator-x6-md {
    margin-top: 3rem
  }

  .l-separator-x6-md-imp {
    margin-top: 3rem !important
  }

  .l-separator-x7-md {
    margin-top: 3.5rem
  }

  .l-separator-x7-md-imp {
    margin-top: 3.5rem !important
  }

  .l-separator-x8-md {
    margin-top: 4rem
  }

  .l-separator-x8-md-imp {
    margin-top: 4rem !important
  }

  .l-separator-x9-md {
    margin-top: 4.5rem
  }

  .l-separator-x9-md-imp {
    margin-top: 4.5rem !important
  }

  .l-separator-x10-md {
    margin-top: 5rem
  }

  .l-separator-x10-md-imp {
    margin-top: 5rem !important
  }

  .l-separator-x11-md {
    margin-top: 5.5rem
  }

  .l-separator-x11-md-imp {
    margin-top: 5.5rem !important
  }

  .l-separator-x12-md {
    margin-top: 6rem
  }

  .l-separator-x12-md-imp {
    margin-top: 6rem !important
  }

  .l-separator-x13-md {
    margin-top: 6.5rem
  }

  .l-separator-x13-md-imp {
    margin-top: 6.5rem !important
  }

  .l-separator-x14-md {
    margin-top: 7rem
  }

  .l-separator-x14-md-imp {
    margin-top: 7rem !important
  }

  .l-separator-x15-md {
    margin-top: 7.5rem
  }

  .l-separator-x15-md-imp {
    margin-top: 7.5rem !important
  }

  .l-separator-x16-md {
    margin-top: 8rem
  }

  .l-separator-x16-md-imp {
    margin-top: 8rem !important
  }

  .l-separator-x17-md {
    margin-top: 8.5rem
  }

  .l-separator-x17-md-imp {
    margin-top: 8.5rem !important
  }

  .l-separator-x18-md {
    margin-top: 9rem
  }

  .l-separator-x18-md-imp {
    margin-top: 9rem !important
  }

  .l-separator-x19-md {
    margin-top: 9.5rem
  }

  .l-separator-x19-md-imp {
    margin-top: 9.5rem !important
  }

  .l-separator-x20-md {
    margin-top: 10rem
  }

  .l-separator-x20-md-imp {
    margin-top: 10rem !important
  }

  .l-separator-x0_5-md {
    margin-top: .25rem
  }

  .l-separator-x0_5-md-imp {
    margin-top: .25rem !important
  }

  .l-separator-x1_5-md {
    margin-top: .75rem
  }

  .l-separator-x1_5-md-imp {
    margin-top: .75rem !important
  }

  .l-separator-x2_5-md {
    margin-top: 1.25rem
  }

  .l-separator-x2_5-md-imp {
    margin-top: 1.25rem !important
  }

  .l-separator-x3_5-md {
    margin-top: 1.75rem
  }

  .l-separator-x3_5-md-imp {
    margin-top: 1.75rem !important
  }

  .l-separator-x4_5-md {
    margin-top: 2.25rem
  }

  .l-separator-x4_5-md-imp {
    margin-top: 2.25rem !important
  }

  .l-separator-x5_5-md {
    margin-top: 2.75rem
  }

  .l-separator-x5_5-md-imp {
    margin-top: 2.75rem !important
  }

  .l-separator-x6_5-md {
    margin-top: 3.25rem
  }

  .l-separator-x6_5-md-imp {
    margin-top: 3.25rem !important
  }

  .l-separator-x7_5-md {
    margin-top: 3.75rem
  }

  .l-separator-x7_5-md-imp {
    margin-top: 3.75rem !important
  }

  .l-separator-x8_5-md {
    margin-top: 4.25rem
  }

  .l-separator-x8_5-md-imp {
    margin-top: 4.25rem !important
  }

  .l-separator-x9_5-md {
    margin-top: 4.75rem
  }

  .l-separator-x9_5-md-imp {
    margin-top: 4.75rem !important
  }

  .l-separator-x10_5-md {
    margin-top: 5.25rem
  }

  .l-separator-x10_5-md-imp {
    margin-top: 5.25rem !important
  }

  .l-separator-x11_5-md {
    margin-top: 5.75rem
  }

  .l-separator-x11_5-md-imp {
    margin-top: 5.75rem !important
  }

  .l-separator-x12_5-md {
    margin-top: 6.25rem
  }

  .l-separator-x12_5-md-imp {
    margin-top: 6.25rem !important
  }

  .l-separator-x13_5-md {
    margin-top: 6.75rem
  }

  .l-separator-x13_5-md-imp {
    margin-top: 6.75rem !important
  }

  .l-separator-x14_5-md {
    margin-top: 7.25rem
  }

  .l-separator-x14_5-md-imp {
    margin-top: 7.25rem !important
  }

  .l-separator-x15_5-md {
    margin-top: 7.75rem
  }

  .l-separator-x15_5-md-imp {
    margin-top: 7.75rem !important
  }

  .l-separator-x16_5-md {
    margin-top: 8.25rem
  }

  .l-separator-x16_5-md-imp {
    margin-top: 8.25rem !important
  }

  .l-separator-x17_5-md {
    margin-top: 8.75rem
  }

  .l-separator-x17_5-md-imp {
    margin-top: 8.75rem !important
  }

  .l-separator-x18_5-md {
    margin-top: 9.25rem
  }

  .l-separator-x18_5-md-imp {
    margin-top: 9.25rem !important
  }

  .l-separator-x19_5-md {
    margin-top: 9.75rem
  }

  .l-separator-x19_5-md-imp {
    margin-top: 9.75rem !important
  }

  .l-separator-x20_5-md {
    margin-top: 10.25rem
  }

  .l-separator-x20_5-md-imp {
    margin-top: 10.25rem !important
  }

  .g-siteHeader a:hover {
    opacity: 1
  }

  .g-siteHeader_root {
    position: relative;
    flex-wrap: wrap
  }

  [data-js-fixed-html] .g-siteHeader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow-y: scroll;
    margin: auto
  }

  [data-js-fixed-html] .g-siteHeader_fog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    background-color: #2c3152
  }

  .g-headerLogo {
    display: flex;
    justify-content: center;
    margin: .75rem 0;
    width: 100%;
  }

  .g-headerLogo_link img {
    width: 92px
  }

  .g-headerSwitch {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    margin-top: -24px;
    width: 48px;
    height: 48px;
    font-size: 0;
  }

  .g-headerMenu {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: none;
    margin: auto;
    width: 100%;
  }

  .g-headerNav {
    display: block;
    margin-top: 2rem
  }

  .g-headerNav_list {
    display: block
  }

  .g-headerNav_listItem {
    margin-bottom: 0
  }

  .g-headerNav_listItem:after {
    display: none
  }

  .g-headerNav_listItem.is-current:after {
    display: none
  }

  .g-headerNav_link {
    display: inline-block;
    margin-bottom: 0;
    padding: .75rem;
    width: 100%;
    text-align: center
  }

  .g-headerSubNav {
    display: block;
    margin-top: 3rem;
    margin-bottom: 3.25rem
  }

  .g-headerSubNav_list {
    display: block;
    margin: 0
  }

  .g-headerSubNav_link {
    display: inline-block;
    width: 100%;
    text-align: center
  }

  .c-localNav {
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .c-localNav_content {
    margin-left: auto;
    border-left: none
  }

  .c-localNav_menu-large {
    display: none
  }

  .c-localNav_menu-small {
    display: block
  }

  .c-operationPage .g-headerLogo_link img {
    width: 92px
  }

  .c-operationPage .c-localNav_menu-large {
    display: none
  }

  .c-operationPage .c-localNav_menu-small {
    display: block
  }

  .g-siteFooter a:hover {
    opacity: 1
  }

  .c-iconHeadingLv1 {
    font-weight: 700;
    font-size: 1rem;
  }

  .c-iconHeadingLv1:before {
    margin-right: .25rem;
    width: 2rem;
    height: 2rem;
    background-size: 2rem 2rem
  }

  .c-list-1col-md .c-list_item {
    float: left;
    width: 100%
  }

  .c-list-2col-md .c-list_item {
    float: left;
    width: 50%
  }

  .c-list-3col-md .c-list_item {
    float: left;
    width: 33.3333%
  }

  .c-list-4col-md .c-list_item {
    float: left;
    width: 25%
  }

  .c-list-5col-md .c-list_item {
    float: left;
    width: 20%
  }

  .c-list-6col-md .c-list_item {
    float: left;
    width: 16.6667%
  }

  .c-list-7col-md .c-list_item {
    float: left;
    width: 14.2857%
  }

  .c-list-8col-md .c-list_item {
    float: left;
    width: 12.5%
  }

  .c-table-scroll {
    overflow: auto;
    white-space: nowrap
  }

  .c-table-scroll .c-table_content {
    min-width: 100%;
    width: auto;
  }

  .c-card_link:active,
  .c-card_link:hover {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .02);
    opacity: 1;
  }

  .c-info a:hover {
    opacity: 1
  }

  .c-tab .c-tab_trigger {
    padding: .5rem
  }

  .c-searchBox-mini .c-searchBox_input {
    padding: .75rem 1rem
  }

  .c-searchBox-mini .c-searchBox_submit {
    padding: .5rem 1.5rem
  }

  .c-articleData_wysiwyg_opperationList_video {
    margin-top: 1rem;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    width: calc(100% + 48px);
  }

  .c-contentsFooter_container {
    max-width: 332px
  }

  .c-contentsFooter_box {
    margin-bottom: .5rem !important;
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .c-contentsFooter_link {
    padding: 16px 16px 16px
  }

  .c-contentsFooter_lead {
    display: none
  }

  .c-contentsFooter_title {
    font-size: 1rem
  }

  .c-editorNote_essay {
    font-size: 16px
  }

  .c-movieRecomend {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    grid-template-columns: 100%;
    grid-template-rows: repeat(1, 1fr);
    row-gap: 24px
  }

  .c-movieRecomend .item01 {
    grid-column: 1/1;
    grid-row: 1/2
  }

  .c-movieRecomend .item02 {
    grid-column: 1/1;
    grid-row: 3/4
  }

  .c-movieRecomend .item03 {
    grid-column: 1/1;
    grid-row: 2/3
  }

  .u-ta-center-md {
    text-align: center
  }

  .u-ta-center-md-imp {
    text-align: center !important
  }

  .u-ta-left-md {
    text-align: left
  }

  .u-ta-left-md-imp {
    text-align: left !important
  }

  .u-ta-right-md {
    text-align: right
  }

  .u-ta-right-md-imp {
    text-align: right !important
  }

  .u-va-top-md {
    vertical-align: top
  }

  .u-va-top-md-imp {
    vertical-align: top !important
  }

  .u-va-middle-md {
    vertical-align: middle
  }

  .u-va-middle-md-imp {
    vertical-align: middle !important
  }

  .u-va-bottom-md {
    vertical-align: bottom
  }

  .u-va-bottom-md-imp {
    vertical-align: bottom !important
  }

  .u-fz-10-md {
    font-size: 10px
  }

  .u-fz-10-md-imp {
    font-size: 10px !important
  }

  .u-fz-11-md {
    font-size: 11px
  }

  .u-fz-11-md-imp {
    font-size: 11px !important
  }

  .u-fz-12-md {
    font-size: 12px
  }

  .u-fz-12-md-imp {
    font-size: 12px !important
  }

  .u-fz-13-md {
    font-size: 13px
  }

  .u-fz-13-md-imp {
    font-size: 13px !important
  }

  .u-fz-14-md {
    font-size: 14px
  }

  .u-fz-14-md-imp {
    font-size: 14px !important
  }

  .u-fz-15-md {
    font-size: 15px
  }

  .u-fz-15-md-imp {
    font-size: 15px !important
  }

  .u-fz-16-md {
    font-size: 16px
  }

  .u-fz-16-md-imp {
    font-size: 16px !important
  }

  .u-fz-17-md {
    font-size: 17px
  }

  .u-fz-17-md-imp {
    font-size: 17px !important
  }

  .u-fz-18-md {
    font-size: 18px
  }

  .u-fz-18-md-imp {
    font-size: 18px !important
  }

  .u-fz-19-md {
    font-size: 19px
  }

  .u-fz-19-md-imp {
    font-size: 19px !important
  }

  .u-fz-20-md {
    font-size: 20px
  }

  .u-fz-20-md-imp {
    font-size: 20px !important
  }

  .u-fz-21-md {
    font-size: 21px
  }

  .u-fz-21-md-imp {
    font-size: 21px !important
  }

  .u-fz-22-md {
    font-size: 22px
  }

  .u-fz-22-md-imp {
    font-size: 22px !important
  }

  .u-fz-23-md {
    font-size: 23px
  }

  .u-fz-23-md-imp {
    font-size: 23px !important
  }

  .u-fz-24-md {
    font-size: 24px
  }

  .u-fz-24-md-imp {
    font-size: 24px !important
  }

  .u-fz-25-md {
    font-size: 25px
  }

  .u-fz-25-md-imp {
    font-size: 25px !important
  }

  .u-fz-26-md {
    font-size: 26px
  }

  .u-fz-26-md-imp {
    font-size: 26px !important
  }

  .u-fz-27-md {
    font-size: 27px
  }

  .u-fz-27-md-imp {
    font-size: 27px !important
  }

  .u-fz-28-md {
    font-size: 28px
  }

  .u-fz-28-md-imp {
    font-size: 28px !important
  }

  .u-fz-29-md {
    font-size: 29px
  }

  .u-fz-29-md-imp {
    font-size: 29px !important
  }

  .u-fz-30-md {
    font-size: 30px
  }

  .u-fz-30-md-imp {
    font-size: 30px !important
  }

  .u-fz-31-md {
    font-size: 31px
  }

  .u-fz-31-md-imp {
    font-size: 31px !important
  }

  .u-fz-32-md {
    font-size: 32px
  }

  .u-fz-32-md-imp {
    font-size: 32px !important
  }

  .u-fz-33-md {
    font-size: 33px
  }

  .u-fz-33-md-imp {
    font-size: 33px !important
  }

  .u-fz-34-md {
    font-size: 34px
  }

  .u-fz-34-md-imp {
    font-size: 34px !important
  }

  .u-fz-35-md {
    font-size: 35px
  }

  .u-fz-35-md-imp {
    font-size: 35px !important
  }

  .u-fz-36-md {
    font-size: 36px
  }

  .u-fz-36-md-imp {
    font-size: 36px !important
  }

  .u-fz-37-md {
    font-size: 37px
  }

  .u-fz-37-md-imp {
    font-size: 37px !important
  }

  .u-fz-38-md {
    font-size: 38px
  }

  .u-fz-38-md-imp {
    font-size: 38px !important
  }

  .u-fz-39-md {
    font-size: 39px
  }

  .u-fz-39-md-imp {
    font-size: 39px !important
  }

  .u-fz-40-md {
    font-size: 40px
  }

  .u-fz-40-md-imp {
    font-size: 40px !important
  }

  .u-fz-41-md {
    font-size: 41px
  }

  .u-fz-41-md-imp {
    font-size: 41px !important
  }

  .u-fz-42-md {
    font-size: 42px
  }

  .u-fz-42-md-imp {
    font-size: 42px !important
  }

  .u-fz-43-md {
    font-size: 43px
  }

  .u-fz-43-md-imp {
    font-size: 43px !important
  }

  .u-fz-44-md {
    font-size: 44px
  }

  .u-fz-44-md-imp {
    font-size: 44px !important
  }

  .u-fz-45-md {
    font-size: 45px
  }

  .u-fz-45-md-imp {
    font-size: 45px !important
  }

  .u-fz-46-md {
    font-size: 46px
  }

  .u-fz-46-md-imp {
    font-size: 46px !important
  }

  .u-fz-47-md {
    font-size: 47px
  }

  .u-fz-47-md-imp {
    font-size: 47px !important
  }

  .u-fz-48-md {
    font-size: 48px
  }

  .u-fz-48-md-imp {
    font-size: 48px !important
  }

  .u-fz-49-md {
    font-size: 49px
  }

  .u-fz-49-md-imp {
    font-size: 49px !important
  }

  .u-fz-50-md {
    font-size: 50px
  }

  .u-fz-50-md-imp {
    font-size: 50px !important
  }

  .u-fz-51-md {
    font-size: 51px
  }

  .u-fz-51-md-imp {
    font-size: 51px !important
  }

  .u-fz-52-md {
    font-size: 52px
  }

  .u-fz-52-md-imp {
    font-size: 52px !important
  }

  .u-fz-53-md {
    font-size: 53px
  }

  .u-fz-53-md-imp {
    font-size: 53px !important
  }

  .u-fz-54-md {
    font-size: 54px
  }

  .u-fz-54-md-imp {
    font-size: 54px !important
  }

  .u-fz-55-md {
    font-size: 55px
  }

  .u-fz-55-md-imp {
    font-size: 55px !important
  }

  .u-fz-56-md {
    font-size: 56px
  }

  .u-fz-56-md-imp {
    font-size: 56px !important
  }

  .u-fz-57-md {
    font-size: 57px
  }

  .u-fz-57-md-imp {
    font-size: 57px !important
  }

  .u-fz-58-md {
    font-size: 58px
  }

  .u-fz-58-md-imp {
    font-size: 58px !important
  }

  .u-fz-59-md {
    font-size: 59px
  }

  .u-fz-59-md-imp {
    font-size: 59px !important
  }

  .u-fz-60-md {
    font-size: 60px
  }

  .u-fz-60-md-imp {
    font-size: 60px !important
  }

  .u-fz-61-md {
    font-size: 61px
  }

  .u-fz-61-md-imp {
    font-size: 61px !important
  }

  .u-fz-62-md {
    font-size: 62px
  }

  .u-fz-62-md-imp {
    font-size: 62px !important
  }

  .u-fz-63-md {
    font-size: 63px
  }

  .u-fz-63-md-imp {
    font-size: 63px !important
  }

  .u-fz-64-md {
    font-size: 64px
  }

  .u-fz-64-md-imp {
    font-size: 64px !important
  }

  .u-fz-65-md {
    font-size: 65px
  }

  .u-fz-65-md-imp {
    font-size: 65px !important
  }

  .u-fz-66-md {
    font-size: 66px
  }

  .u-fz-66-md-imp {
    font-size: 66px !important
  }

  .u-fz-67-md {
    font-size: 67px
  }

  .u-fz-67-md-imp {
    font-size: 67px !important
  }

  .u-fz-68-md {
    font-size: 68px
  }

  .u-fz-68-md-imp {
    font-size: 68px !important
  }

  .u-fz-69-md {
    font-size: 69px
  }

  .u-fz-69-md-imp {
    font-size: 69px !important
  }

  .u-fz-70-md {
    font-size: 70px
  }

  .u-fz-70-md-imp {
    font-size: 70px !important
  }

  .u-fz-71-md {
    font-size: 71px
  }

  .u-fz-71-md-imp {
    font-size: 71px !important
  }

  .u-fz-72-md {
    font-size: 72px
  }

  .u-fz-72-md-imp {
    font-size: 72px !important
  }

  .u-fz-73-md {
    font-size: 73px
  }

  .u-fz-73-md-imp {
    font-size: 73px !important
  }

  .u-fz-74-md {
    font-size: 74px
  }

  .u-fz-74-md-imp {
    font-size: 74px !important
  }

  .u-fz-75-md {
    font-size: 75px
  }

  .u-fz-75-md-imp {
    font-size: 75px !important
  }

  .u-fz-76-md {
    font-size: 76px
  }

  .u-fz-76-md-imp {
    font-size: 76px !important
  }

  .u-fz-77-md {
    font-size: 77px
  }

  .u-fz-77-md-imp {
    font-size: 77px !important
  }

  .u-fz-78-md {
    font-size: 78px
  }

  .u-fz-78-md-imp {
    font-size: 78px !important
  }

  .u-fz-79-md {
    font-size: 79px
  }

  .u-fz-79-md-imp {
    font-size: 79px !important
  }

  .u-fz-80-md {
    font-size: 80px
  }

  .u-fz-80-md-imp {
    font-size: 80px !important
  }

  .u-fz-81-md {
    font-size: 81px
  }

  .u-fz-81-md-imp {
    font-size: 81px !important
  }

  .u-fz-82-md {
    font-size: 82px
  }

  .u-fz-82-md-imp {
    font-size: 82px !important
  }

  .u-fz-83-md {
    font-size: 83px
  }

  .u-fz-83-md-imp {
    font-size: 83px !important
  }

  .u-fz-84-md {
    font-size: 84px
  }

  .u-fz-84-md-imp {
    font-size: 84px !important
  }

  .u-fz-85-md {
    font-size: 85px
  }

  .u-fz-85-md-imp {
    font-size: 85px !important
  }

  .u-fz-86-md {
    font-size: 86px
  }

  .u-fz-86-md-imp {
    font-size: 86px !important
  }

  .u-fz-87-md {
    font-size: 87px
  }

  .u-fz-87-md-imp {
    font-size: 87px !important
  }

  .u-fz-88-md {
    font-size: 88px
  }

  .u-fz-88-md-imp {
    font-size: 88px !important
  }

  .u-fz-89-md {
    font-size: 89px
  }

  .u-fz-89-md-imp {
    font-size: 89px !important
  }

  .u-fz-90-md {
    font-size: 90px
  }

  .u-fz-90-md-imp {
    font-size: 90px !important
  }

  .u-fz-91-md {
    font-size: 91px
  }

  .u-fz-91-md-imp {
    font-size: 91px !important
  }

  .u-fz-92-md {
    font-size: 92px
  }

  .u-fz-92-md-imp {
    font-size: 92px !important
  }

  .u-fz-93-md {
    font-size: 93px
  }

  .u-fz-93-md-imp {
    font-size: 93px !important
  }

  .u-fz-94-md {
    font-size: 94px
  }

  .u-fz-94-md-imp {
    font-size: 94px !important
  }

  .u-fz-95-md {
    font-size: 95px
  }

  .u-fz-95-md-imp {
    font-size: 95px !important
  }

  .u-fz-96-md {
    font-size: 96px
  }

  .u-fz-96-md-imp {
    font-size: 96px !important
  }

  .u-fz-97-md {
    font-size: 97px
  }

  .u-fz-97-md-imp {
    font-size: 97px !important
  }

  .u-fz-98-md {
    font-size: 98px
  }

  .u-fz-98-md-imp {
    font-size: 98px !important
  }

  .u-fz-99-md {
    font-size: 99px
  }

  .u-fz-99-md-imp {
    font-size: 99px !important
  }

  .u-fz-100-md {
    font-size: 100px
  }

  .u-fz-100-md-imp {
    font-size: 100px !important
  }

  .u-iconLink a:hover,
  .u-iconText a:hover {
    opacity: 1
  }

  .c-contactLink a:hover {
    opacity: 1
  }

  .login .g-container {
    display: flex;
    display: block;
    align-items: center;
    flex: 1;
    background-position: center top;
    background-size: contain;
  }

  .login .g-pageMain {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0
  }

  .c-login_body {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    width: 100%;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
  }

  .c-login_logo {
    position: relative;
    width: 100%
  }

  .c-login_logo:before {
    content: '';
    display: block;
    padding-top: 61.17%;
  }

  .c-login_logo .c-headingLv1 {
    position: absolute;
    top: 50%;
    right: 2rem;
    margin-top: -12px;
    width: 33vw;
  }

  .c-login_action {
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
    max-width: 400px;
  }

  .c-login_footer {
    padding-bottom: 1rem;
    border-bottom: 2px solid #f6f8f8
  }

  .c-managerLocalNav {
    margin-top: .75rem
  }

  .c-managerButtonLinkBr {
    display: block
  }

  .c-operation {
    display: block;
    height: auto
  }

  .c-operation_contents {
    padding: 1rem 1.5rem 0;
    width: 100%;
    border-right: none
  }

  .c-operationHead {
    margin-top: 0;
    margin-right: -1rem;
    margin-left: -1rem;
    font-size: 1rem;
  }

  .c-operationHead_tutorial {
    margin-left: 0
  }

  .c-operationHead::before {
    width: 32px;
    height: 32px
  }

  .c-operationHead-movenote {
    padding-left: 2.5rem
  }

  .c-operationHead-okulink {
    padding-left: 2.5rem
  }

  .c-operationHead-drill {
    padding-left: 2.5rem
  }

  .c-operation_chapter {
    overflow: auto;
    width: 100%;
    border-left: none
  }

  .c-operationParagraph_head.is-open::before {
    display: none
  }

  .c-operationParagraph_head::before {
    content: '';
    position: absolute;
    top: calc(50% - 7px);
    right: 30px;
    width: 0;
    height: 14px;
    border-left: 2px solid #0977d3
  }

  .c-operationParagraph_head::after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 24px;
    width: 14px;
    height: 0;
    border-top: 2px solid #0977d3
  }

  .c-operationFooter_logo {
    -moz-text-align-last: left;
    text-align-last: left
  }

  .c-operationFooter_copyright {
    -moz-text-align-last: left;
    text-align-last: left
  }

  .c-seminarInfoItem {
    padding-right: 12px !important;
    padding-left: 12px !important
  }

  .c-topHead a:hover {
    opacity: 1
  }

  .c-topMainVisual {
    padding-bottom: 6vw;
    height: auto;
  }
}

@media only screen and (min-width:720px) {
  /*! over Medium */
}

@media only screen and (min-width:720px) and (max-width:959px) {

  /*! Medium only */
  .c-topHero_stepNum {
    width: 48px;
    height: 48px;
    font-size: .5rem;
  }

  .c-topHero_stepCatch {
    font-size: .75rem
  }

  .c-topHero_stepText {
    font-size: 1rem
  }

  .c-topHero_btn {
    margin-top: .25rem
  }
}

@media only screen and (max-width:719px) {

  /*! Small only */
  .c-article_inner,
  .c-detail_inner,
  .c-faq_inner,
  .c-localNav_inner,
  .c-modal_inner,
  .c-notfound_inner,
  .c-operationPage .c-localNav_inner,
  .c-operationPage .g-siteHeader_inner,
  .c-outsideContainer_inner,
  .c-searchResults_inner,
  .g-siteHeader_inner,
  .l-inner {
    padding-right: .5rem;
    padding-left: .5rem;
    max-width: calc(1032px + (.5rem * 2));
  }

  .g-container {
    margin-top: 0
  }

  .l-grid_item-1 {
    width: 100%
  }

  .l-grid .l-grid_item-1-sm {
    width: 8.3333%
  }

  .l-grid_item-2 {
    width: 100%
  }

  .l-grid .l-grid_item-2-sm {
    width: 16.6667%
  }

  .l-grid_item-3 {
    width: 100%
  }

  .l-grid .l-grid_item-3-sm {
    width: 25%
  }

  .l-grid_item-4 {
    width: 100%
  }

  .l-grid .l-grid_item-4-sm {
    width: 33.3333%
  }

  .l-grid_item-5 {
    width: 100%
  }

  .l-grid .l-grid_item-5-sm {
    width: 41.6667%
  }

  .l-grid_item-6 {
    width: 100%
  }

  .l-grid .l-grid_item-6-sm {
    width: 50%
  }

  .l-grid_item-7 {
    width: 100%
  }

  .l-grid .l-grid_item-7-sm {
    width: 58.3333%
  }

  .l-grid_item-8 {
    width: 100%
  }

  .l-grid .l-grid_item-8-sm {
    width: 66.6667%
  }

  .l-grid_item-9 {
    width: 100%
  }

  .l-grid .l-grid_item-9-sm {
    width: 75%
  }

  .l-grid_item-10 {
    width: 100%
  }

  .l-grid .l-grid_item-10-sm {
    width: 83.3333%
  }

  .l-grid_item-11 {
    width: 100%
  }

  .l-grid .l-grid_item-11-sm {
    width: 91.6667%
  }

  .l-grid_item-12 {
    width: 100%
  }

  .l-grid .l-grid_item-12-sm {
    width: 100%
  }

  .l-grid_item-1-1 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-2 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 50%
  }

  .l-grid_item-2-2 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-3 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 33.3333%
  }

  .l-grid_item-2-3 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 66.6667%
  }

  .l-grid_item-3-3 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-4 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 25%
  }

  .l-grid_item-2-4 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 50%
  }

  .l-grid_item-3-4 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 75%
  }

  .l-grid_item-4-4 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-5 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 20%
  }

  .l-grid_item-2-5 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 40%
  }

  .l-grid_item-3-5 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 60%
  }

  .l-grid_item-4-5 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 80%
  }

  .l-grid_item-5-5 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-6 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 16.6667%
  }

  .l-grid_item-2-6 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 33.3333%
  }

  .l-grid_item-3-6 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 50%
  }

  .l-grid_item-4-6 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 66.6667%
  }

  .l-grid_item-5-6 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 83.3333%
  }

  .l-grid_item-6-6 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-7 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 14.2857%
  }

  .l-grid_item-2-7 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 28.5714%
  }

  .l-grid_item-3-7 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 42.8571%
  }

  .l-grid_item-4-7 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 57.1429%
  }

  .l-grid_item-5-7 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 71.4286%
  }

  .l-grid_item-6-7 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 85.7143%
  }

  .l-grid_item-7-7 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-8 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 12.5%
  }

  .l-grid_item-2-8 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 25%
  }

  .l-grid_item-3-8 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 37.5%
  }

  .l-grid_item-4-8 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 50%
  }

  .l-grid_item-5-8 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 62.5%
  }

  .l-grid_item-6-8 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 75%
  }

  .l-grid_item-7-8 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 87.5%
  }

  .l-grid_item-8-8 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-9 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 11.1111%
  }

  .l-grid_item-2-9 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 22.2222%
  }

  .l-grid_item-3-9 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 33.3333%
  }

  .l-grid_item-4-9 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 44.4444%
  }

  .l-grid_item-5-9 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 55.5556%
  }

  .l-grid_item-6-9 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 66.6667%
  }

  .l-grid_item-7-9 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 77.7778%
  }

  .l-grid_item-8-9 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 88.8889%
  }

  .l-grid_item-9-9 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 10%
  }

  .l-grid_item-2-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 20%
  }

  .l-grid_item-3-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 30%
  }

  .l-grid_item-4-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 40%
  }

  .l-grid_item-5-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 50%
  }

  .l-grid_item-6-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 60%
  }

  .l-grid_item-7-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 70%
  }

  .l-grid_item-8-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 80%
  }

  .l-grid_item-9-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 90%
  }

  .l-grid_item-10-10 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 9.0909%
  }

  .l-grid_item-2-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 18.1818%
  }

  .l-grid_item-3-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 27.2727%
  }

  .l-grid_item-4-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 36.3636%
  }

  .l-grid_item-5-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 45.4545%
  }

  .l-grid_item-6-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 54.5455%
  }

  .l-grid_item-7-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 63.6364%
  }

  .l-grid_item-8-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 72.7273%
  }

  .l-grid_item-9-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 81.8182%
  }

  .l-grid_item-10-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 90.9091%
  }

  .l-grid_item-11-11 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid_item-1-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 8.3333%
  }

  .l-grid_item-2-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 16.6667%
  }

  .l-grid_item-3-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 25%
  }

  .l-grid_item-4-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 33.3333%
  }

  .l-grid_item-5-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 41.6667%
  }

  .l-grid_item-6-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 50%
  }

  .l-grid_item-7-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 58.3333%
  }

  .l-grid_item-8-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 66.6667%
  }

  .l-grid_item-9-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 75%
  }

  .l-grid_item-10-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 83.3333%
  }

  .l-grid_item-11-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 91.6667%
  }

  .l-grid_item-12-12 {
    width: 100%
  }

  .l-grid .l-grid_item-sm {
    width: 100%
  }

  .l-grid-center-sm {
    justify-content: center
  }

  .l-grid_item-5per {
    width: 100%
  }

  .l-grid .l-grid_item-5per-sm {
    width: 5%
  }

  .l-grid_item-10per {
    width: 100%
  }

  .l-grid .l-grid_item-10per-sm {
    width: 10%
  }

  .l-grid_item-15per {
    width: 100%
  }

  .l-grid .l-grid_item-15per-sm {
    width: 15%
  }

  .l-grid_item-20per {
    width: 100%
  }

  .l-grid .l-grid_item-20per-sm {
    width: 20%
  }

  .l-grid_item-25per {
    width: 100%
  }

  .l-grid .l-grid_item-25per-sm {
    width: 25%
  }

  .l-grid_item-30per {
    width: 100%
  }

  .l-grid .l-grid_item-30per-sm {
    width: 30%
  }

  .l-grid_item-35per {
    width: 100%
  }

  .l-grid .l-grid_item-35per-sm {
    width: 35%
  }

  .l-grid_item-40per {
    width: 100%
  }

  .l-grid .l-grid_item-40per-sm {
    width: 40%
  }

  .l-grid_item-45per {
    width: 100%
  }

  .l-grid .l-grid_item-45per-sm {
    width: 45%
  }

  .l-grid_item-50per {
    width: 100%
  }

  .l-grid .l-grid_item-50per-sm {
    width: 50%
  }

  .l-grid_item-55per {
    width: 100%
  }

  .l-grid .l-grid_item-55per-sm {
    width: 55%
  }

  .l-grid_item-60per {
    width: 100%
  }

  .l-grid .l-grid_item-60per-sm {
    width: 60%
  }

  .l-grid_item-65per {
    width: 100%
  }

  .l-grid .l-grid_item-65per-sm {
    width: 65%
  }

  .l-grid_item-70per {
    width: 100%
  }

  .l-grid .l-grid_item-70per-sm {
    width: 70%
  }

  .l-grid_item-75per {
    width: 100%
  }

  .l-grid .l-grid_item-75per-sm {
    width: 75%
  }

  .l-grid_item-80per {
    width: 100%
  }

  .l-grid .l-grid_item-80per-sm {
    width: 80%
  }

  .l-grid_item-85per {
    width: 100%
  }

  .l-grid .l-grid_item-85per-sm {
    width: 85%
  }

  .l-grid_item-90per {
    width: 100%
  }

  .l-grid .l-grid_item-90per-sm {
    width: 90%
  }

  .l-grid_item-95per {
    width: 100%
  }

  .l-grid .l-grid_item-95per-sm {
    width: 95%
  }

  .l-grid_item-100per {
    width: 100%
  }

  .l-grid .l-grid_item-100per-sm {
    width: 100%
  }

  .l-tile .l-tile_item {
    width: 100%
  }

  .l-tile-1col-sm .l-tile_item {
    width: 100%
  }

  .l-tile-2col-sm .l-tile_item {
    width: 50%
  }

  .l-tile-3col-sm .l-tile_item {
    width: 33.3333%
  }

  .l-tile-4col-sm .l-tile_item {
    width: 25%
  }

  .l-tile-5col-sm .l-tile_item {
    width: 20%
  }

  .l-tile-6col-sm .l-tile_item {
    width: 16.6667%
  }

  .l-tile-7col-sm .l-tile_item {
    width: 14.2857%
  }

  .l-tile-8col-sm .l-tile_item {
    width: 12.5%
  }

  .l-tile-9col-sm .l-tile_item {
    width: 11.1111%
  }

  .l-tile-10col-sm .l-tile_item {
    width: 10%
  }

  .l-separator-x0-sm {
    margin-top: 0
  }

  .l-separator-x0-sm-imp {
    margin-top: 0 !important
  }

  .l-separator-x1-sm {
    margin-top: .5rem
  }

  .l-separator-x1-sm-imp {
    margin-top: .5rem !important
  }

  .l-separator-x2-sm {
    margin-top: 1rem
  }

  .l-separator-x2-sm-imp {
    margin-top: 1rem !important
  }

  .l-separator-x3-sm {
    margin-top: 1.5rem
  }

  .l-separator-x3-sm-imp {
    margin-top: 1.5rem !important
  }

  .l-separator-x4-sm {
    margin-top: 2rem
  }

  .l-separator-x4-sm-imp {
    margin-top: 2rem !important
  }

  .l-separator-x5-sm {
    margin-top: 2.5rem
  }

  .l-separator-x5-sm-imp {
    margin-top: 2.5rem !important
  }

  .l-separator-x6-sm {
    margin-top: 3rem
  }

  .l-separator-x6-sm-imp {
    margin-top: 3rem !important
  }

  .l-separator-x7-sm {
    margin-top: 3.5rem
  }

  .l-separator-x7-sm-imp {
    margin-top: 3.5rem !important
  }

  .l-separator-x8-sm {
    margin-top: 4rem
  }

  .l-separator-x8-sm-imp {
    margin-top: 4rem !important
  }

  .l-separator-x9-sm {
    margin-top: 4.5rem
  }

  .l-separator-x9-sm-imp {
    margin-top: 4.5rem !important
  }

  .l-separator-x10-sm {
    margin-top: 5rem
  }

  .l-separator-x10-sm-imp {
    margin-top: 5rem !important
  }

  .l-separator-x11-sm {
    margin-top: 5.5rem
  }

  .l-separator-x11-sm-imp {
    margin-top: 5.5rem !important
  }

  .l-separator-x12-sm {
    margin-top: 6rem
  }

  .l-separator-x12-sm-imp {
    margin-top: 6rem !important
  }

  .l-separator-x13-sm {
    margin-top: 6.5rem
  }

  .l-separator-x13-sm-imp {
    margin-top: 6.5rem !important
  }

  .l-separator-x14-sm {
    margin-top: 7rem
  }

  .l-separator-x14-sm-imp {
    margin-top: 7rem !important
  }

  .l-separator-x15-sm {
    margin-top: 7.5rem
  }

  .l-separator-x15-sm-imp {
    margin-top: 7.5rem !important
  }

  .l-separator-x16-sm {
    margin-top: 8rem
  }

  .l-separator-x16-sm-imp {
    margin-top: 8rem !important
  }

  .l-separator-x17-sm {
    margin-top: 8.5rem
  }

  .l-separator-x17-sm-imp {
    margin-top: 8.5rem !important
  }

  .l-separator-x18-sm {
    margin-top: 9rem
  }

  .l-separator-x18-sm-imp {
    margin-top: 9rem !important
  }

  .l-separator-x19-sm {
    margin-top: 9.5rem
  }

  .l-separator-x19-sm-imp {
    margin-top: 9.5rem !important
  }

  .l-separator-x20-sm {
    margin-top: 10rem
  }

  .l-separator-x20-sm-imp {
    margin-top: 10rem !important
  }

  .l-separator-x0_5-sm {
    margin-top: .25rem
  }

  .l-separator-x0_5-sm-imp {
    margin-top: .25rem !important
  }

  .l-separator-x1_5-sm {
    margin-top: .75rem
  }

  .l-separator-x1_5-sm-imp {
    margin-top: .75rem !important
  }

  .l-separator-x2_5-sm {
    margin-top: 1.25rem
  }

  .l-separator-x2_5-sm-imp {
    margin-top: 1.25rem !important
  }

  .l-separator-x3_5-sm {
    margin-top: 1.75rem
  }

  .l-separator-x3_5-sm-imp {
    margin-top: 1.75rem !important
  }

  .l-separator-x4_5-sm {
    margin-top: 2.25rem
  }

  .l-separator-x4_5-sm-imp {
    margin-top: 2.25rem !important
  }

  .l-separator-x5_5-sm {
    margin-top: 2.75rem
  }

  .l-separator-x5_5-sm-imp {
    margin-top: 2.75rem !important
  }

  .l-separator-x6_5-sm {
    margin-top: 3.25rem
  }

  .l-separator-x6_5-sm-imp {
    margin-top: 3.25rem !important
  }

  .l-separator-x7_5-sm {
    margin-top: 3.75rem
  }

  .l-separator-x7_5-sm-imp {
    margin-top: 3.75rem !important
  }

  .l-separator-x8_5-sm {
    margin-top: 4.25rem
  }

  .l-separator-x8_5-sm-imp {
    margin-top: 4.25rem !important
  }

  .l-separator-x9_5-sm {
    margin-top: 4.75rem
  }

  .l-separator-x9_5-sm-imp {
    margin-top: 4.75rem !important
  }

  .l-separator-x10_5-sm {
    margin-top: 5.25rem
  }

  .l-separator-x10_5-sm-imp {
    margin-top: 5.25rem !important
  }

  .l-separator-x11_5-sm {
    margin-top: 5.75rem
  }

  .l-separator-x11_5-sm-imp {
    margin-top: 5.75rem !important
  }

  .l-separator-x12_5-sm {
    margin-top: 6.25rem
  }

  .l-separator-x12_5-sm-imp {
    margin-top: 6.25rem !important
  }

  .l-separator-x13_5-sm {
    margin-top: 6.75rem
  }

  .l-separator-x13_5-sm-imp {
    margin-top: 6.75rem !important
  }

  .l-separator-x14_5-sm {
    margin-top: 7.25rem
  }

  .l-separator-x14_5-sm-imp {
    margin-top: 7.25rem !important
  }

  .l-separator-x15_5-sm {
    margin-top: 7.75rem
  }

  .l-separator-x15_5-sm-imp {
    margin-top: 7.75rem !important
  }

  .l-separator-x16_5-sm {
    margin-top: 8.25rem
  }

  .l-separator-x16_5-sm-imp {
    margin-top: 8.25rem !important
  }

  .l-separator-x17_5-sm {
    margin-top: 8.75rem
  }

  .l-separator-x17_5-sm-imp {
    margin-top: 8.75rem !important
  }

  .l-separator-x18_5-sm {
    margin-top: 9.25rem
  }

  .l-separator-x18_5-sm-imp {
    margin-top: 9.25rem !important
  }

  .l-separator-x19_5-sm {
    margin-top: 9.75rem
  }

  .l-separator-x19_5-sm-imp {
    margin-top: 9.75rem !important
  }

  .l-separator-x20_5-sm {
    margin-top: 10.25rem
  }

  .l-separator-x20_5-sm-imp {
    margin-top: 10.25rem !important
  }

  .g-siteFooter_inner {
    display: block;
    padding-right: 1rem;
    padding-left: 1rem
  }

  .g-footerNav_list {
    display: block
  }

  .g-footerNav_listItem {
    margin-top: .5rem;
    margin-left: 0
  }

  .g-footerNav_listItem:first-child {
    margin-top: 0
  }

  .g-footerLogo {
    margin-top: 1.5rem
  }

  .g-footerLogo:first-child {
    margin-top: 0
  }

  .g-footerCopyright {
    margin-top: .5rem
  }

  .g-footerCopyright:first-child {
    margin-top: 0
  }

  .c-pagetop {
    right: 16px
  }

  .c-headingLv1 {
    font-size: 1.5rem
  }

  .c-iconTopHeadingLv1 {
    font-weight: 700;
    font-size: 1.5rem;
  }

  .c-articleHeadingLv1 {
    font-size: 1.5rem
  }

  .c-articleHeadingLv1-info {
    font-size: 1.5rem
  }

  .c-headingLv2 {
    font-size: 1.3125rem
  }

  .c-list-1col .c-list_item {
    width: 100%
  }

  .c-list-2col .c-list_item {
    width: 100%
  }

  .c-list-3col .c-list_item {
    width: 100%
  }

  .c-list-4col .c-list_item {
    width: 100%
  }

  .c-list-5col .c-list_item {
    width: 100%
  }

  .c-list-6col .c-list_item {
    width: 100%
  }

  .c-list-7col .c-list_item {
    width: 100%
  }

  .c-list-8col .c-list_item {
    width: 100%
  }

  .c-list-1col-sm .c-list_item {
    float: left;
    width: 100%
  }

  .c-list-2col-sm .c-list_item {
    float: left;
    width: 50%
  }

  .c-list-3col-sm .c-list_item {
    float: left;
    width: 33.3333%
  }

  .c-list-4col-sm .c-list_item {
    float: left;
    width: 25%
  }

  .c-list-5col-sm .c-list_item {
    float: left;
    width: 20%
  }

  .c-list-6col-sm .c-list_item {
    float: left;
    width: 16.6667%
  }

  .c-list-7col-sm .c-list_item {
    float: left;
    width: 14.2857%
  }

  .c-list-8col-sm .c-list_item {
    float: left;
    width: 12.5%
  }

  .c-card_head {
    justify-content: space-between
  }

  .c-card_body {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: -.5rem
  }

  .c-card_body .l-grid_item {
    margin-bottom: .5rem
  }

  .c-verticalCard {
    display: block;
    height: auto
  }

  .c-info {
    display: block
  }

  .c-info_link {
    display: block
  }

  .c-info_date {
    display: block
  }

  .c-info_content {
    display: block
  }

  .c-form_row {
    margin-top: 1.5rem
  }

  .c-form_row:first-child {
    margin-top: 0
  }

  .c-form_col {
    padding: 0
  }

  [data-js-modal_container] {
    width: 90%
  }

  .c-searchPane {
    display: block
  }

  .c-searchPane-displaySm {
    display: block
  }

  .c-searchPane_list {
    margin-top: .5rem;
    margin-left: 0
  }

  .c-searchPane_list:first-child {
    margin-top: 0
  }

  .atc-headingLv1,
  .c-articleData_wysiwyg h1,
  .c-articleData_wysiwyg_opperationList h1 {
    font-size: 1.5rem
  }

  .atc-headingLv1_sub {
    font-size: .875rem
  }

  .atc-headingLv2,
  .c-articleData_wysiwyg h2,
  .c-articleData_wysiwyg_opperationList h2 {
    font-size: 1.375rem
  }

  .atc-headingLv2_sub,
  .c-articleData_wysiwyg h2 u:first-child,
  .c-articleData_wysiwyg_opperationList h2 em:first-child,
  .c-articleData_wysiwyg_opperationList h2 strong:first-child,
  .c-articleData_wysiwyg_opperationList h2 u:first-child {
    font-size: .875rem
  }

  .atc-headingLv2_em {
    font-size: .875rem
  }

  .c-articleData_wysiwyg h2 strong,
  .c-articleData_wysiwyg h3 strong {
    font-size: .875rem
  }

  .atc-headingLv3,
  .c-articleData_wysiwyg h3,
  .c-articleData_wysiwyg_opperationList h3 {
    font-size: 1.25rem
  }

  .atc-headingLv4,
  .c-articleData_wysiwyg h4,
  .c-articleData_wysiwyg_opperationList h4 {
    font-size: 1rem
  }

  .atc-text,
  .c-articleData_htmlInput p,
  .c-articleData_wysiwyg p,
  .c-articleData_wysiwyg_opperationList p {
    font-size: 1rem
  }

  .c-article {
    margin-top: .5rem
  }

  .c-articleData_inner {
    padding-right: 1.5rem;
    padding-left: 1.5rem
  }

  .c-articleData_info {
    justify-content: space-between
  }

  .c-articleData_heading {
    margin-top: 1.5rem
  }

  .c-articleData_headingSub {
    font-size: .875rem
  }

  .c-articleData_wysiwyg ul li {
    font-size: 1rem
  }

  .c-articleData_wysiwyg ol li {
    font-size: 1rem
  }

  .atc-list li {
    font-size: 1rem
  }

  .atc-list li {
    font-size: 1rem
  }

  .atc-list-order li {
    font-size: 1rem
  }

  .atc-textImage {
    display: flex;
    flex-direction: column-reverse
  }

  .c-articleData_tagInline {
    display: block
  }

  .c-articleData_tagInline .c-articleData_tags,
  .c-articleData_tagInline .c-card_tags {
    margin-top: .5rem;
    padding-left: 0
  }

  .c-articleData_tagInline .c-articleData_tags::before,
  .c-articleData_tagInline .c-card_tags::before {
    display: none
  }

  .c-contentsFooter_heading {
    font-size: 1.25rem
  }

  .c-contentsFooter_img {
    max-width: 116px
  }

  .c-articleHero_img::before {
    display: none
  }

  .c-articleHero_text {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 24px;
    padding-right: 42px;
    padding-left: 42px;
    width: auto;
  }

  .c-articleHero_head {
    display: inline-block;
    color: #292a46;
    text-shadow: none;
    font-size: 16px;
  }

  .c-articleHero_head::before {
    top: 0;
    left: -26px;
    width: 24px;
    height: 16px;
    box-shadow: none
  }

  .c-articleHero_head::after {
    right: -26px;
    bottom: 0;
    width: 24px;
    height: 16px;
    box-shadow: none
  }

  .c-articleHero_school {
    margin-top: 8px;
    color: #292a46;
    text-shadow: none
  }

  .c-editorNote_essay {
    font-size: 14px
  }

  .c-articleContents {
    padding: 24px 16px
  }

  .lesson .c-articleData_inner,
  .manabi-dx-story .c-articleData_inner {
    padding-top: 32px
  }

  .u-mdBr {
    display: none
  }

  .c-detail {
    margin-top: .5rem
  }

  .c-detailData_inner {
    padding-top: 2rem
  }

  .u-lgOnly {
    display: none
  }

  .u-smOnly {
    display: block
  }

  .u-lgOnly {
    display: none
  }

  .u-ta-center-sm {
    text-align: center
  }

  .u-ta-center-sm-imp {
    text-align: center !important
  }

  .u-ta-left-sm {
    text-align: left
  }

  .u-ta-left-sm-imp {
    text-align: left !important
  }

  .u-ta-right-sm {
    text-align: right
  }

  .u-ta-right-sm-imp {
    text-align: right !important
  }

  .u-va-top-sm {
    vertical-align: top
  }

  .u-va-top-sm-imp {
    vertical-align: top !important
  }

  .u-va-middle-sm {
    vertical-align: middle
  }

  .u-va-middle-sm-imp {
    vertical-align: middle !important
  }

  .u-va-bottom-sm {
    vertical-align: bottom
  }

  .u-va-bottom-sm-imp {
    vertical-align: bottom !important
  }

  .u-fz-10-sm {
    font-size: 10px
  }

  .u-fz-10-sm-imp {
    font-size: 10px !important
  }

  .u-fz-11-sm {
    font-size: 11px
  }

  .u-fz-11-sm-imp {
    font-size: 11px !important
  }

  .u-fz-12-sm {
    font-size: 12px
  }

  .u-fz-12-sm-imp {
    font-size: 12px !important
  }

  .u-fz-13-sm {
    font-size: 13px
  }

  .u-fz-13-sm-imp {
    font-size: 13px !important
  }

  .u-fz-14-sm {
    font-size: 14px
  }

  .u-fz-14-sm-imp {
    font-size: 14px !important
  }

  .u-fz-15-sm {
    font-size: 15px
  }

  .u-fz-15-sm-imp {
    font-size: 15px !important
  }

  .u-fz-16-sm {
    font-size: 16px
  }

  .u-fz-16-sm-imp {
    font-size: 16px !important
  }

  .u-fz-17-sm {
    font-size: 17px
  }

  .u-fz-17-sm-imp {
    font-size: 17px !important
  }

  .u-fz-18-sm {
    font-size: 18px
  }

  .u-fz-18-sm-imp {
    font-size: 18px !important
  }

  .u-fz-19-sm {
    font-size: 19px
  }

  .u-fz-19-sm-imp {
    font-size: 19px !important
  }

  .u-fz-20-sm {
    font-size: 20px
  }

  .u-fz-20-sm-imp {
    font-size: 20px !important
  }

  .u-fz-21-sm {
    font-size: 21px
  }

  .u-fz-21-sm-imp {
    font-size: 21px !important
  }

  .u-fz-22-sm {
    font-size: 22px
  }

  .u-fz-22-sm-imp {
    font-size: 22px !important
  }

  .u-fz-23-sm {
    font-size: 23px
  }

  .u-fz-23-sm-imp {
    font-size: 23px !important
  }

  .u-fz-24-sm {
    font-size: 24px
  }

  .u-fz-24-sm-imp {
    font-size: 24px !important
  }

  .u-fz-25-sm {
    font-size: 25px
  }

  .u-fz-25-sm-imp {
    font-size: 25px !important
  }

  .u-fz-26-sm {
    font-size: 26px
  }

  .u-fz-26-sm-imp {
    font-size: 26px !important
  }

  .u-fz-27-sm {
    font-size: 27px
  }

  .u-fz-27-sm-imp {
    font-size: 27px !important
  }

  .u-fz-28-sm {
    font-size: 28px
  }

  .u-fz-28-sm-imp {
    font-size: 28px !important
  }

  .u-fz-29-sm {
    font-size: 29px
  }

  .u-fz-29-sm-imp {
    font-size: 29px !important
  }

  .u-fz-30-sm {
    font-size: 30px
  }

  .u-fz-30-sm-imp {
    font-size: 30px !important
  }

  .u-fz-31-sm {
    font-size: 31px
  }

  .u-fz-31-sm-imp {
    font-size: 31px !important
  }

  .u-fz-32-sm {
    font-size: 32px
  }

  .u-fz-32-sm-imp {
    font-size: 32px !important
  }

  .u-fz-33-sm {
    font-size: 33px
  }

  .u-fz-33-sm-imp {
    font-size: 33px !important
  }

  .u-fz-34-sm {
    font-size: 34px
  }

  .u-fz-34-sm-imp {
    font-size: 34px !important
  }

  .u-fz-35-sm {
    font-size: 35px
  }

  .u-fz-35-sm-imp {
    font-size: 35px !important
  }

  .u-fz-36-sm {
    font-size: 36px
  }

  .u-fz-36-sm-imp {
    font-size: 36px !important
  }

  .u-fz-37-sm {
    font-size: 37px
  }

  .u-fz-37-sm-imp {
    font-size: 37px !important
  }

  .u-fz-38-sm {
    font-size: 38px
  }

  .u-fz-38-sm-imp {
    font-size: 38px !important
  }

  .u-fz-39-sm {
    font-size: 39px
  }

  .u-fz-39-sm-imp {
    font-size: 39px !important
  }

  .u-fz-40-sm {
    font-size: 40px
  }

  .u-fz-40-sm-imp {
    font-size: 40px !important
  }

  .u-fz-41-sm {
    font-size: 41px
  }

  .u-fz-41-sm-imp {
    font-size: 41px !important
  }

  .u-fz-42-sm {
    font-size: 42px
  }

  .u-fz-42-sm-imp {
    font-size: 42px !important
  }

  .u-fz-43-sm {
    font-size: 43px
  }

  .u-fz-43-sm-imp {
    font-size: 43px !important
  }

  .u-fz-44-sm {
    font-size: 44px
  }

  .u-fz-44-sm-imp {
    font-size: 44px !important
  }

  .u-fz-45-sm {
    font-size: 45px
  }

  .u-fz-45-sm-imp {
    font-size: 45px !important
  }

  .u-fz-46-sm {
    font-size: 46px
  }

  .u-fz-46-sm-imp {
    font-size: 46px !important
  }

  .u-fz-47-sm {
    font-size: 47px
  }

  .u-fz-47-sm-imp {
    font-size: 47px !important
  }

  .u-fz-48-sm {
    font-size: 48px
  }

  .u-fz-48-sm-imp {
    font-size: 48px !important
  }

  .u-fz-49-sm {
    font-size: 49px
  }

  .u-fz-49-sm-imp {
    font-size: 49px !important
  }

  .u-fz-50-sm {
    font-size: 50px
  }

  .u-fz-50-sm-imp {
    font-size: 50px !important
  }

  .u-fz-51-sm {
    font-size: 51px
  }

  .u-fz-51-sm-imp {
    font-size: 51px !important
  }

  .u-fz-52-sm {
    font-size: 52px
  }

  .u-fz-52-sm-imp {
    font-size: 52px !important
  }

  .u-fz-53-sm {
    font-size: 53px
  }

  .u-fz-53-sm-imp {
    font-size: 53px !important
  }

  .u-fz-54-sm {
    font-size: 54px
  }

  .u-fz-54-sm-imp {
    font-size: 54px !important
  }

  .u-fz-55-sm {
    font-size: 55px
  }

  .u-fz-55-sm-imp {
    font-size: 55px !important
  }

  .u-fz-56-sm {
    font-size: 56px
  }

  .u-fz-56-sm-imp {
    font-size: 56px !important
  }

  .u-fz-57-sm {
    font-size: 57px
  }

  .u-fz-57-sm-imp {
    font-size: 57px !important
  }

  .u-fz-58-sm {
    font-size: 58px
  }

  .u-fz-58-sm-imp {
    font-size: 58px !important
  }

  .u-fz-59-sm {
    font-size: 59px
  }

  .u-fz-59-sm-imp {
    font-size: 59px !important
  }

  .u-fz-60-sm {
    font-size: 60px
  }

  .u-fz-60-sm-imp {
    font-size: 60px !important
  }

  .u-fz-61-sm {
    font-size: 61px
  }

  .u-fz-61-sm-imp {
    font-size: 61px !important
  }

  .u-fz-62-sm {
    font-size: 62px
  }

  .u-fz-62-sm-imp {
    font-size: 62px !important
  }

  .u-fz-63-sm {
    font-size: 63px
  }

  .u-fz-63-sm-imp {
    font-size: 63px !important
  }

  .u-fz-64-sm {
    font-size: 64px
  }

  .u-fz-64-sm-imp {
    font-size: 64px !important
  }

  .u-fz-65-sm {
    font-size: 65px
  }

  .u-fz-65-sm-imp {
    font-size: 65px !important
  }

  .u-fz-66-sm {
    font-size: 66px
  }

  .u-fz-66-sm-imp {
    font-size: 66px !important
  }

  .u-fz-67-sm {
    font-size: 67px
  }

  .u-fz-67-sm-imp {
    font-size: 67px !important
  }

  .u-fz-68-sm {
    font-size: 68px
  }

  .u-fz-68-sm-imp {
    font-size: 68px !important
  }

  .u-fz-69-sm {
    font-size: 69px
  }

  .u-fz-69-sm-imp {
    font-size: 69px !important
  }

  .u-fz-70-sm {
    font-size: 70px
  }

  .u-fz-70-sm-imp {
    font-size: 70px !important
  }

  .u-fz-71-sm {
    font-size: 71px
  }

  .u-fz-71-sm-imp {
    font-size: 71px !important
  }

  .u-fz-72-sm {
    font-size: 72px
  }

  .u-fz-72-sm-imp {
    font-size: 72px !important
  }

  .u-fz-73-sm {
    font-size: 73px
  }

  .u-fz-73-sm-imp {
    font-size: 73px !important
  }

  .u-fz-74-sm {
    font-size: 74px
  }

  .u-fz-74-sm-imp {
    font-size: 74px !important
  }

  .u-fz-75-sm {
    font-size: 75px
  }

  .u-fz-75-sm-imp {
    font-size: 75px !important
  }

  .u-fz-76-sm {
    font-size: 76px
  }

  .u-fz-76-sm-imp {
    font-size: 76px !important
  }

  .u-fz-77-sm {
    font-size: 77px
  }

  .u-fz-77-sm-imp {
    font-size: 77px !important
  }

  .u-fz-78-sm {
    font-size: 78px
  }

  .u-fz-78-sm-imp {
    font-size: 78px !important
  }

  .u-fz-79-sm {
    font-size: 79px
  }

  .u-fz-79-sm-imp {
    font-size: 79px !important
  }

  .u-fz-80-sm {
    font-size: 80px
  }

  .u-fz-80-sm-imp {
    font-size: 80px !important
  }

  .u-fz-81-sm {
    font-size: 81px
  }

  .u-fz-81-sm-imp {
    font-size: 81px !important
  }

  .u-fz-82-sm {
    font-size: 82px
  }

  .u-fz-82-sm-imp {
    font-size: 82px !important
  }

  .u-fz-83-sm {
    font-size: 83px
  }

  .u-fz-83-sm-imp {
    font-size: 83px !important
  }

  .u-fz-84-sm {
    font-size: 84px
  }

  .u-fz-84-sm-imp {
    font-size: 84px !important
  }

  .u-fz-85-sm {
    font-size: 85px
  }

  .u-fz-85-sm-imp {
    font-size: 85px !important
  }

  .u-fz-86-sm {
    font-size: 86px
  }

  .u-fz-86-sm-imp {
    font-size: 86px !important
  }

  .u-fz-87-sm {
    font-size: 87px
  }

  .u-fz-87-sm-imp {
    font-size: 87px !important
  }

  .u-fz-88-sm {
    font-size: 88px
  }

  .u-fz-88-sm-imp {
    font-size: 88px !important
  }

  .u-fz-89-sm {
    font-size: 89px
  }

  .u-fz-89-sm-imp {
    font-size: 89px !important
  }

  .u-fz-90-sm {
    font-size: 90px
  }

  .u-fz-90-sm-imp {
    font-size: 90px !important
  }

  .u-fz-91-sm {
    font-size: 91px
  }

  .u-fz-91-sm-imp {
    font-size: 91px !important
  }

  .u-fz-92-sm {
    font-size: 92px
  }

  .u-fz-92-sm-imp {
    font-size: 92px !important
  }

  .u-fz-93-sm {
    font-size: 93px
  }

  .u-fz-93-sm-imp {
    font-size: 93px !important
  }

  .u-fz-94-sm {
    font-size: 94px
  }

  .u-fz-94-sm-imp {
    font-size: 94px !important
  }

  .u-fz-95-sm {
    font-size: 95px
  }

  .u-fz-95-sm-imp {
    font-size: 95px !important
  }

  .u-fz-96-sm {
    font-size: 96px
  }

  .u-fz-96-sm-imp {
    font-size: 96px !important
  }

  .u-fz-97-sm {
    font-size: 97px
  }

  .u-fz-97-sm-imp {
    font-size: 97px !important
  }

  .u-fz-98-sm {
    font-size: 98px
  }

  .u-fz-98-sm-imp {
    font-size: 98px !important
  }

  .u-fz-99-sm {
    font-size: 99px
  }

  .u-fz-99-sm-imp {
    font-size: 99px !important
  }

  .u-fz-100-sm {
    font-size: 100px
  }

  .u-fz-100-sm-imp {
    font-size: 100px !important
  }

  .notfound .g-wrapper {
    display: block
  }

  .notfound .g-container {
    display: block
  }

  .notfound .g-pageMain {
    display: block
  }

  .c-about {
    padding-top: 5rem
  }

  .c-contactHeadingLv2-versatile {
    font-size: 1.375rem
  }

  .c-contactNumberHeadingWrap-marginL {
    margin-top: 4rem
  }

  .c-contactNumberHeadingWrap {
    margin-left: 0
  }

  .c-contactNumberHeading {
    margin-top: 1.5rem;
    font-size: 1.25rem;
  }

  .c-contactNumberHeading_number {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    padding-top: 0;
    padding-right: 0;
    text-align: center
  }

  .c-contactNumberHeading_text {
    text-align: center
  }

  .c-contactAskQuestion_item {
    width: 100%
  }

  .c-contactAskQuestion_item:nth-child(2) .c-contactAskQuestion_link {
    padding-top: 1rem;
    border-top: 1px solid #dadee0
  }

  .c-contactInquiry_break {
    display: block
  }

  .c-contactLgOnly {
    display: none
  }

  .c-contactSmOnly {
    display: block
  }

  .c-faq_answer_textImage.l-grid-reverse {
    display: flex;
    flex-direction: column-reverse
  }

  .c-serchForm_submit:hover {
    background: #0977d3
  }

  .c-categorySearch {
    margin-top: 2rem
  }

  .c-categorySearch_container {
    padding: 1rem 1rem 2rem 1rem
  }

  .c-categorySearch_box {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  .c-categorySearch_actionButton {
    flex-direction: column-reverse;
    justify-content: center
  }

  .c-categorySearch_reset:hover {
    border: 1px solid #0977d3;
    background: #fff;
    color: #0977d3;
  }

  .c-categorySearch_reset {
    margin-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: .875rem;
  }

  .c-categorySearch_submit:hover {
    background: #0977d3
  }

  .c-categorySearch_submit {
    margin-right: auto;
    margin-left: auto
  }

  .c-categoryForm_label {
    width: 100%
  }

  .c-categoryForm_genre {
    margin-bottom: .75rem
  }

  .c-categoryForm_name-sub {
    font-size: .75rem
  }

  .c-categoryForm_content {
    margin-top: 0
  }

  .info .c-primeHeading {
    padding-top: 22px;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
    background-position: bottom
  }

  .info .c-primeHeading .c-pageTitle-sub {
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .c-infoToggle {
    display: none
  }

  .c-infoContents {
    margin-top: 16px
  }

  .c-infoSelect {
    display: inline-block
  }

  .u-ml-auto-sm {
    margin-left: auto
  }

  .c-lesson.c-articleHero {
    padding: 65px 16px 0
  }

  .c-lesson.c-articleHero .c-lessonOption {
    align-items: flex-start
  }

  .c-lesson.c-articleHero .c-lessonIcon img {
    max-width: 40px
  }

  .c-lesson.c-articleHero .c-lessonTags {
    margin-top: 16px;
    font-size: 14px;
  }

  .c-lesson.c-articleHero .c-lessonAbout {
    display: block;
    margin-top: 24px
  }

  .c-lesson.c-articleHero .c-lessonUnit {
    margin-right: 0;
    width: 100%;
  }

  .c-lesson.c-articleHero .c-lessonTitle {
    font-size: 24px
  }

  .c-lesson.c-articleHero .c-lessonPoint {
    margin-top: 16px
  }

  .c-lesson.c-articleHero .c-lessonList {
    font-size: 14px
  }

  .c-lesson.c-articleHero .c-lessonInfomation {
    position: relative;
    margin-top: 24px;
    margin-right: -16px;
    margin-left: -16px
  }

  .c-lesson.c-articleHero .c-lessonInfomation::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: calc(100% - 80px);
    background: #fff
  }

  .c-lesson.c-articleHero .c-lessonInfoBox {
    position: relative;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
    max-width: 136px;
  }

  .c-lesson.c-articleHero .c-lessonTeacher {
    padding-top: 10px
  }

  .c-managerTextImage {
    display: flex;
    flex-direction: column-reverse
  }

  .c-pageTitle {
    background: url(/miraiseed/fansite/assets/img/bg_page-title_sp.svg);
    background-position: top center;
    background-size: auto 346px
  }

  .c-pageTitle_img {
    margin-right: auto;
    margin-left: auto;
    width: 164px;
  }

  .c-pageTitle_head {
    width: 100%
  }

  .c-pageTitle_title {
    text-align: center;
    font-size: 1.5rem;
  }

  .c-pageTitle_text {
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 280px;
    font-size: .75rem;
  }

  .c-pageTitle_form {
    margin-top: .75rem
  }

  .c-pageTitle_serch {
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px
  }

  .c-subPageTitle {
    justify-content: flex-start
  }

  .c-subPageTitle_heading {
    width: 100%
  }

  .c-subPageTitle_head {
    font-size: 1.5rem
  }

  .c-subPageTitle_serch {
    margin-top: 1rem;
    width: 100%;
  }

  .c-subPageTitle_back {
    font-size: .875rem
  }

  .c-detail_inner .c-primeHeading,
  .c-detail_inner .c-visualHeading {
    margin-top: -.5em
  }

  .c-primeHeading {
    padding: 16px 42px 24px 42px;
    height: auto;
    background-image: url(/miraiseed/fansite/assets/img/img_visualheading_bg_sp.svg)
  }

  .c-primeHeading {
    padding: 24px;
    background-image: url(/miraiseed/fansite/assets/img/img_archives-heading_bg_sp.svg)
  }

  .c-primeHeading_title {
    font-size: 1.5rem
  }

  .c-primeHeading_text {
    font-size: .75rem
  }

  .c-primeHeading_text-smOnly {
    display: block
  }

  .c-primeHeading_text-lgOnly {
    display: none
  }

  .c-visualHeading {
    padding: 16px 42px 24px 42px;
    height: auto;
    background-image: url(/miraiseed/fansite/assets/img/img_visualheading_bg_sp.svg)
  }

  .c-visualHeading_area {
    display: block
  }

  .c-visualHeading_img {
    margin-right: auto;
    margin-left: auto;
    max-width: 164px;
    text-align: center
  }

  .c-visualHeading_head {
    margin-right: auto;
    margin-left: auto;
    max-width: 280px;
  }

  .c-visualHeading_title {
    text-align: center;
    font-size: 1.5rem;
  }

  .c-visualHeading_text {
    margin-top: .75rem;
    font-size: .75rem;
  }

  .c-visualHeading_text-smOnly {
    display: block
  }

  .c-visualHeading_text-lgOnly {
    display: none
  }

  .c-seminarInfoItem {
    padding-right: 12px !important;
    padding-left: 12px !important
  }

  .c-cardSlender+.c-cardSlender {
    margin-top: .5rem
  }

  .c-cardSlender_link {
    flex-wrap: wrap;
    padding: 6px 6px 24px;
  }

  .c-cardSlender_thumbnail {
    width: 100%;
    text-align: center
  }

  .c-cardSlender_infomation {
    margin-top: 1rem;
    margin-right: 6px;
    margin-left: 0;
    margin-left: 6px;
    width: 100%;
  }

  .c-cardSlender_startDate {
    padding-right: 12px;
    padding-left: 12px
  }

  .c-cardSlender_title {
    padding-right: 12px;
    padding-left: 12px
  }

  .c-cardSlender_text {
    padding-right: 12px;
    padding-left: 12px
  }

  .c-seminarInfo {
    padding-right: 0;
    padding-left: 0
  }

  .c-seminarInfo_body {
    position: relative;
    margin-top: 20px
  }

  .c-seminarInfo_box {
    overflow: hidden;
    flex-direction: column-reverse;
    flex-wrap: wrap
  }

  .c-seminarInfo_data {
    width: 100%
  }

  .c-seminarInfo_thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0
  }

  .c-seminarInfo_thumbnailMovie {
    padding-top: 56.25%
  }

  .c-seminarInfo_lead {
    font-size: 1rem
  }

  .c-seminarInfo_text {
    font-size: 1rem
  }

  .c-seminarInfo_speakerImg {
    width: 127px
  }

  .c-seminarInfo_about {
    padding-top: 52.934%;
    width: 100%;
  }

  .c-seminarInfoSeries_data {
    font-size: 16px
  }

  .c-startContents {
    padding-right: 1.5rem;
    padding-left: 1.5rem
  }

  .c-start_guideItem {
    margin-bottom: 1.5rem;
    padding-right: 0;
    padding-left: 0
  }

  .c-start_gridReverse-sm {
    position: relative;
    flex-direction: column-reverse
  }

  .c-start_leadHead-sm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
  }

  .c-start_girdItem {
    padding-right: 0;
    padding-left: 0
  }

  .c-topHead {
    margin-top: .5rem
  }

  .c-topHead .l-grid {
    margin-bottom: -.5rem
  }

  .c-topHead .l-grid_item {
    margin-bottom: .5rem
  }

  .c-topHead .l-grid_item:first-child {
    padding-right: 0
  }

  .c-topHead_action_list {
    flex-direction: row;
    height: auto
  }

  .c-topHead_action_listItem {
    margin-top: 0
  }

  .c-topHead_action_listItem:first-child {
    margin-right: .5rem
  }

  .c-topHead_action_listItem:before {
    width: 24px;
    height: 24px
  }

  .c-topHead_action_listItem .u-icon {
    top: .625rem;
    left: .75rem
  }

  .c-topHead_action_listItem .u-icon:before {
    font-size: 1rem
  }

  .c-topHead_action_link {
    padding-top: 2.3125rem;
    padding-bottom: 2.3125rem;
    font-size: 1rem;
  }

  .c-topLink {
    margin-top: 1rem
  }

  .c-topHero_inner {
    padding: 1.5rem .5rem
  }

  .c-topHero_head {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1;
  }

  .c-topHero_step {
    display: flex;
    margin-top: 1rem;
    margin-right: 1.75rem;
    margin-left: auto;
    width: calc(100% - 48vw);
  }

  .c-topHero_stepItem {
    margin-bottom: 8px
  }

  .c-topHero_stepItem:not(:first-child)::before {
    display: none
  }

  .c-topHero_stepItem-01 {
    position: relative;
    width: 100%
  }

  .c-topHero_stepItem-01>.c-topHero_img {
    position: absolute;
    top: 5px;
    left: -192px;
    margin-top: 0;
    margin-left: 0;
    width: 188px;
  }

  .c-topHero_stepItem-02 {
    width: 100%
  }

  .c-topHero_stepItem-02>.c-topHero_img {
    display: none
  }

  .c-topHero_stepItem-03 {
    width: 100%
  }

  .c-topHero_stepItem-03>.c-topHero_img {
    display: none
  }

  .c-topHero_stepCube {
    display: block
  }

  .c-topHero_stepNum {
    display: block;
    padding-top: 0;
    width: auto;
    height: auto;
    background: 0 0;
    color: #2c3152;
    text-align: left;
    font-size: .5rem;
  }

  .c-topHero_stepCatch {
    font-size: 1rem
  }

  .c-topHero_stepText {
    margin-left: 0;
    -moz-text-align-last: left;
    text-align-last: left;
    font-size: .875rem;
  }

  .c-topHero_btn {
    margin: 1.5rem 0 0 0
  }

  .c-topHero_btnLink {
    margin-bottom: 0
  }

  .c-topHero_lgOnly {
    display: none
  }

  .c-topHero_smOnly {
    display: inline-block
  }

  .c-topIllustImg img {
    width: 128px
  }

  .c-topCard {
    padding: 7px 8px 12px
  }

  .c-topCardImg {
    width: 64.77%
  }

  .c-topCardNote {
    display: none
  }

  .c-topCardText {
    font-size: 16px
  }

  .c-heroArea {
    overflow-x: hidden;
    padding-top: 2rem;
    padding-right: .5rem;
    padding-bottom: 0;
    padding-left: .5rem;
    height: auto;
    background: url(/miraiseed/fansite/assets/img/top_vi_bg_sp.svg) no-repeat;
    background-position: top center;
    background-size: auto 329px
  }

  .c-heroAreaContext .c-heroLead {
    font-size: 12px
  }

  .c-heroAreaContext .c-heroHead {
    font-size: 22px
  }

  .c-heroSlider {
    margin-top: 60px;
    margin-right: 0;
    margin-left: 0
  }

  .c-heroSlider .swiper-slide {
    width: 90vw !important
  }

  .c-heroSlider {
    height: auto
  }

  .c-heroSlider .swiper-slide-active {
    height: auto !important
  }

  .c-heroSlider .swiper-slide-active .c-topMainCard {
    margin-top: -24px
  }

  .c-heroSlider .swiper-slide-active .c-topMainCardLink {
    height: calc(100% + 24px)
  }

  .c-topMainVisual {
    overflow-x: hidden;
    padding-top: 2rem;
    padding-right: .5rem;
    padding-bottom: 2rem;
    padding-left: .5rem;
    height: auto;
    background: url(/miraiseed/fansite/assets/img/top_vi_bg_sp.svg) no-repeat;
    background-position: top center;
    background-size: auto 329px
  }

  .c-topMainVisualContainer {
    padding-right: 0;
    padding-left: 0
  }

  .c-topMainCard-vi {
    padding: 0
  }

  .c-topMainCardImgTag {
    font-size: .75rem
  }

  .c-topMainCardLink {
    padding: 6px 6px 24px
  }

  .c-topMainCardTitle {
    font-size: 1rem
  }

  .c-topMainLead {
    margin-right: auto;
    margin-left: auto;
    max-width: 350px;
    font-size: 13px;
    font-size: .8125rem;
  }

  .c-topMainSlider {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .c-topMainHead {
    margin-right: auto;
    margin-left: auto;
    max-width: 350px;
    letter-spacing: .11em;
    font-size: 22px;
    font-size: 1.375rem;
  }

  .c-topMainIllust {
    margin-right: auto;
    margin-left: auto;
    max-width: 350px;
  }

  .c-topMainAboutWrap {
    display: flex;
    align-items: flex-end
  }

  .c-topMainImg {
    max-width: 196px
  }

  .c-topMainBox {
    margin-bottom: 0 !important;
    padding: 0 1.5rem;
    height: 270px;
  }

  .c-topMainSmBox {
    margin-bottom: 0 !important
  }

  .c-topQuestion {
    padding-top: 48px;
    padding-right: 8px;
    padding-bottom: 96px;
    padding-left: 8px
  }

  .c-topQuestionImg {
    width: 128px
  }

  .c-topQuestionBox {
    padding: 32px 24px
  }

  .c-topQuestionItem {
    width: 100%
  }

  .c-topQuestionItem:first-child {
    padding-top: 0
  }

  .c-topQuestionItem:last-child {
    padding-bottom: 0
  }

  .c-topQuestionItem:nth-child(2) {
    border-top: 1px solid #dadee0
  }

  .c-topHeadingLv2 {
    font-size: 1.5rem
  }

  .swiper-pagination-bullet:hover {
    color: #cecdd0 !important;
    opacity: .2 !important;
  }

  .c-newInfo {
    flex-wrap: wrap
  }
}

@media only screen and (max-width:374px) {

  /*! X-Small only */
  .c-article_inner,
  .c-detail_inner,
  .c-faq_inner,
  .c-localNav_inner,
  .c-modal_inner,
  .c-notfound_inner,
  .c-operationPage .c-localNav_inner,
  .c-operationPage .g-siteHeader_inner,
  .c-outsideContainer_inner,
  .c-searchResults_inner,
  .g-siteHeader_inner,
  .l-inner {
    padding-right: 0;
    padding-left: 0;
    max-width: 1032px;
  }

  html {
    font-size: 14px
  }

  .c-articleData_inner {
    padding-right: 1.3125rem;
    padding-left: 1.3125rem
  }
}

@media screen and (max-width:1005px) and (min-width:961px) {
  .g-headerMenu {
    flex-direction: column-reverse
  }

  .g-headerNav {
    justify-content: flex-end
  }

  .g-headerNav_listItem {
    margin-left: 24px
  }

  .g-headerNav_listItem:first-child {
    margin-left: 0
  }

  .g-headerNav_link {
    padding: 0 0 1rem
  }

  .g-headerSubNav {
    justify-content: flex-end
  }
}

@media screen and (max-width:1100px) and (min-width:721px) {
  .c-articleHero_text {
    bottom: 4.65vw;
    left: 4.94vw;
    padding-right: 3.87vw;
    padding-left: 3.87vw;
    width: 48.44%;
  }

  .c-articleHero_head {
    font-size: 2.32vw
  }

  .c-articleHero_head::before {
    left: -3.87vw;
    width: 3.1vw;
    height: 2.32vw
  }

  .c-articleHero_head::after {
    right: -3.87vw;
    width: 3.1vw;
    height: 2.32vw
  }

  .c-articleHero_school {
    font-size: 1.35vw
  }
}

@media screen and (max-width:950px) {
  .c-start_guide {
    margin-right: 0;
    margin-left: 0
  }
}

@media only screen and (max-width:719px) and (max-width:450px) {
  .c-topHero_step {
    width: calc(100% - 202px)
  }
}

@media screen and (max-width:1270px) and (min-width:768px) {
  .c-heroSlider .swiper-slide {
    width: 450px
  }

  .c-heroSlider .swiper-slide-active {
    width: 480px
  }
}

@media screen and (min-width:1048px) {
  .c-topMainLead {
    font-size: 1.125rem
  }
}

@media screen and (min-width:1033px) {
  .c-topMainHead {
    font-size: 2.25rem
  }
}

@media screen and (max-width:1016px) {
  .swiper1 {
    margin-right: -24px !important;
    margin-left: -24px !important
  }
}

@media screen and (max-width:768px) {
  .swiper4 {
    margin-right: -24px !important;
    margin-left: -24px !important
  }
}