@charset "UTF-8";
/* CSS Document */
/* Body Html Fonts
------------------------------------------------------------*/
html {
  font-family: tbudgothic-std, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 15px;
  background-color: #EEF3F9;
}

@media screen and (max-width: 700px) {
  html {
    font-size: 14px;
  }
}

body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  background: #fff;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
}

body.fixed {
  position: fixed;
}

body a {
  color: #0080CD;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

body a:hover {
  text-decoration: underline;
}

body a img {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  backface-visibility: hidden;
}

body a img:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

body img, body picture {
  max-width: 100%;
  height: auto;
}

body .wrap {
  width: 900px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

body ::selection {
  background: rgba(0, 128, 205, 0.2);
  /* Safari */
}

body ::-moz-selection {
  background: rgba(0, 128, 205, 0.2);
  /* Firefox */
}

/* header
------------------------------------------------------------*/
header {
  position: relative;
  z-index: 10;
  padding-bottom: 45px;
}

header .inside {
  width: 990px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

header .head-top {
  background: #FFF;
  padding-left: 10px;
  padding-right: 10px;
}
header .head-top .inside > .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 5px;
}

header .head-top .inside > .top .logo {
  line-height: 0;
  margin-right: auto;
}
header .head-top .inside > .top .logo img {
  height: 58px;
  width: 100%;
}
header .head-top .inside > .top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

header .head-top .inside > .top ul li {
  line-height: 0;
  margin-left: 10px;
}

header .head-top .inside > .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 5px;
  /* .search{
            position: relative;
            line-height: 1;
            input{
              &[type="text"]{
                background: transparent url(../img/common/header/bg-search.svg) no-repeat center / 100% 100%;
                height: 22px;
                line-height: 22px;
                width: 160px;
                @include radius(11px);
                color: $navy;
                @include remb(12);
                &::placeholder{
                  color: $navy;
                }
              }
              &[type="submit"]{
                @include coverBG(true,26px,calc(100% - 2px),false,1px);
                right: 1px;
                background : #0076C1 url(../img/common/header/icon-search.svg) no-repeat center;
                @include radius(0,11px,11px,0);
                border: none;
                font-size: 0;
              }
            }
          } */
}

header .head-top .inside > .bottom .tagline {
  line-height: 1.6;
  column-rule: #4D4D4D;
  font-size: 15px;
  font-size: 1rem;
  width: 10px;
  -ms-flex: 1 0 auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  line-height: 1.3;
}

header .head-top .inside > .bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

header .head-top .inside > .bottom ul li {
  line-height: 0;
  margin-left: 6px;
}

header .head-top .inside > .bottom .search {
  margin-left: 6px;
  width: 160px;
  position: relative;
  line-height: 0;
}

header .head-top .inside > .bottom .search .gsc-control-cse {
  border: none;
  background: transparent;
  padding: 0;
}

header .head-top .inside > .bottom .search .gsc-input {
  padding-right: 0;
}

header .head-top .inside > .bottom .search .gsc-input-box {
  background: transparent;
  border: none;
}

header .head-top .inside > .bottom .search .gsc-input-box .gsib_b {
  display: none;
}

header .head-top .inside > .bottom .search .gsc-input-box .gsib_a {
  padding: 1px 0 0 0;
  background: transparent url(../img/common/header/bg-search.svg) no-repeat center/100% 100% !important;
}

header .head-top .inside > .bottom .search .gsc-input-box .gsib_a input {
  padding-left: 10px !important;
  padding-right: 26px !important;
  background-position: left 5px center !important;
  height: 23px !important;
  margin: 0 !important;
  line-height: 22px;
  width: 160px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  color: #0041BC;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -ms-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

header .head-top .inside > .bottom .search .gsc-input-box .gsib_a input::placeholder {
  color: #0041BC;
}

header .head-top .inside > .bottom .search .gsc-search-button-v2 {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  width: 26px;
  height: 20px;
  right: 1px;
  background: #0076C1 url(../img/common/header/icon-search.svg) no-repeat center;
  -webkit-border-radius: 0 11px 11px 0;
  -moz-border-radius: 0 11px 11px 0;
  -ms-border-radius: 0 11px 11px 0;
  -o-border-radius: 0 11px 11px 0;
  border-radius: 0 11px 11px 0;
  border: none;
  font-size: 0;
  padding: 0;
}

header .head-top .inside > .bottom .search .gsc-search-button-v2 svg {
  display: none;
}

header .head-top .inside > .bottom .search .gsc-results-wrapper-overlay {
  line-height: 1.8;
}

header .head-nav {
  position: absolute;
  left: 0;
  width: 100%;
  height: 45px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 4px;
  padding-bottom: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 3px solid #0081cc;
  background: #fff;
}
#gsc-i-id1{background:none!important}

@media screen and (min-width: 701px) {
  header .head-nav.fixed {
    position: fixed;
    bottom: initial;
    top: 0;
  }
}

header .head-nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: -5px;
  margin-top: 5px;
  position: relative;
}

header .head-nav > ul > li {
  line-height: 0;
  margin-right: 5px;
}

header .head-nav > ul > li:hover .hidden {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

header .head-nav > ul .hidden {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding-top: 35px;
  padding-bottom: 35px;
}

@media screen and (max-width: 700px) {
  header .head-nav > ul .hidden {
    display: none;
  }
}

header .head-nav > ul .hidden:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.7);
}

header .head-nav > ul .hidden ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px -15px 0;
  position: relative;
}

header .head-nav > ul .hidden ul li {
  margin: 0 15px 15px 0;
  width: calc(25% - 15px);
}

header .head-menu, header .head-hidden {
  display: none;
}

@media screen and (max-width: 700px) {
  header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    padding-bottom: 0;
  }
  header + * {
    margin-top: 50px;
  }
  header .head-top {
    padding-left: 5px;
    padding-right: 0;
    height: 50px;
  }
  header .head-top .inside > .top {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
  }
  header .head-top .inside > .top .logo {
    width: 240px;
    margin-top: -1%;
  }
  header .head-top .inside > .top ul {
    display: none;
  }
  header .head-top .inside > .bottom {
    display: none;
  }
  header .head-nav {
    display: none;
    position: relative;
  }
  header .head-menu {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    top: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    cursor: pointer;
    overflow: hidden;
    background: #0080CD;
  }
  header .head-menu span {
    display: block;
    width: 26px;
    height: 2px;
    margin: 0 auto;
    background-color: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header .head-menu span:last-child {
    margin-bottom: 0;
  }
  header .head-menu span.top {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  header .head-menu span.middle {
    margin-top: -2px;
    left: 0;
    position: relative;
  }
  header .head-menu span.bottom {
    margin-top: -2px;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
  header .head-hidden {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #FFF;
    z-index: 2;
    padding-top: 2px;
    padding-bottom: 2px;
    pointer-events: none;
  }
  header .head-hidden nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: auto;
    padding: 5px;
    background: -moz-linear-gradient(50% 0% -90deg, white 0%, #dcdddd 100%);
    background: -webkit-linear-gradient(-90deg, white 0%, #dcdddd 100%);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, white), color-stop(1, #dcdddd));
    background: -o-linear-gradient(-90deg, white 0%, #dcdddd 100%);
    background: -ms-linear-gradient(-90deg, white 0%, #dcdddd 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DCDDDD' ,GradientType=0)";
    background: linear-gradient(180deg, white 0%, #dcdddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#DCDDDD' , GradientType=0);
    border-top: 2px solid #0080CD;
    border-bottom: 2px solid #0080CD;
  }
  header .head-hidden nav ul {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -5px;
  }
  header .head-hidden nav ul li {
    width: calc(33.3333333333% - 4px);
    text-align: center;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 5px;
  }
  header .head-hidden nav ul li:not(:last-child) {
    margin-right: 2px;
  }
  header.active .head-menu .middle {
    filter: alpha(opacity=0);
    opacity: 0;
    left: 20px;
  }
  header.active .head-menu .top {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  header.active .head-menu .bottom {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  header.active .head-hidden {
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

/* footer
------------------------------------------------------------*/
footer .inside {
  width: 1000px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

footer > * {
  padding-left: 30px;
  padding-right: 30px;
}

footer .foot-fixed {
  position: fixed;
  right: 0;
  bottom: 70px;
  z-index: 8;
  padding: 0;
}

footer .foot-fixed li {
  line-height: 0;
}

footer .foot-fixed li:not(:last-child) {
  margin-bottom: 5px;
}

footer .foot-pagetop {
  position: fixed;
  width: 50px;
  height: 50px;
  right: 5px;
  bottom: 5px;
  padding: 0;
}

footer .foot-pagetop a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #FFF;
  line-height: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

footer .foot-pagetop a img {
  width: 25px;
}

footer .foot-links {
  background: #FFF;
  padding-top: 25px;
  padding-bottom: 25px;
}

footer .foot-links .inside {
  width: 900px;
}

footer .foot-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-bottom: -12px;
}

footer .foot-links ul li {
  margin-right: 12px;
  margin-bottom: 12px;
  width: calc(20% - 12px);
  line-height: 0;
}

footer .foot-nav {
  background: #E5E5E5;
  padding-top: 40px;
  padding-bottom: 40px;
}

footer .foot-nav nav {
  margin-right: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

footer .foot-nav dl {
  width: calc(20% - 20px);
  margin-right: 20px;
  font-size: 12px;
  font-size: 0.8rem;
}

footer .foot-nav dl a {
  color: #000;
}

footer .foot-nav dl dt {
  font-weight: bold;
}

footer .foot-nav dl dt:not(:first-child) {
  margin-top: 1em;
}

footer .foot-main {
  padding-top: 30px;
  padding-bottom: 25px;
  background: #FFF;
}

footer .foot-main .item-career {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 35px;
  background: #fff;
  border: 2px solid #B3B3B3;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

footer .foot-main .item-career .logo {
  line-height: 0;
  margin-right: 35px;
  width: 210px;
}

footer .foot-main .item-career .links {
  width: 10px;
  -ms-flex: 1 0 auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-bottom: -5px;
}

footer .foot-main .item-career .links li {
  width: calc(33.3333% - 15px);
  margin-right: 15px;
  margin-bottom: 5px;
}

footer .foot-main .item-career .links li a {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
  font-size: 0.8666666667rem;
}

footer .foot-main .item-career .links li a:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #000;
  margin-right: 5px;
  margin-top: 8px;
}

footer .foot-main .item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

footer .foot-main .item-top .logo {
  margin-right: 20px;
  line-height: 0;
}

footer .foot-main .item-top .tel {
  margin-left: auto;
  text-align: right;
}

footer .foot-main .item-top .tel p {
  font-size: 12px;
  font-size: 0.8rem;
}

footer .foot-main .item-top .tel span {
  line-height: 0;
}

footer .foot-main .item-bottom {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

footer .foot-main .item-bottom .copy {
  font-size: 10px;
  font-size: 0.6666666667rem;
  margin-right: 20px;
}

footer .foot-main .item-bottom ul {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 10px;
  font-size: 0.6666666667rem;
}

footer .foot-main .item-bottom ul li:not(:last-child):after {
  content: "|";
  color: #999999;
  margin-right: 10px;
  margin-left: 10px;
}

footer .foot-main .item-bottom ul li a {
  color: #666666;
}

@media screen and (max-width: 700px) {
  footer {
    padding-bottom: 100px;
  }
  footer > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  footer .foot-fixed {
    z-index: 1;
    width: 100%;
    bottom: 0;
    padding-right: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  footer .foot-fixed ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  footer .foot-fixed li {
    width: 10px;
    -ms-flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  footer .foot-fixed li:not(:last-child) {
    margin-bottom: 0px;
    margin-right: 10px;
  }
  footer .foot-fixed li img {
    width: 100%;
  }
  footer .foot-pagetop {
    z-index: 2;
    width: 80px;
    height: 80px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  footer .foot-pagetop a {
    width: 50px;
    height: 50px;
  }
  footer .foot-links {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  footer .foot-links ul {
    margin-right: -6px;
    margin-bottom: -6px;
  }
  footer .foot-links ul li {
    margin-right: 6px;
    margin-bottom: 6px;
    width: calc(25% - 6px);
    text-align: center;
  }
}

@media screen and (max-width: 700px) and (max-width: 600px) {
  footer .foot-links ul li {
    width: calc(50% - 6px);
  }
}

@media screen and (max-width: 700px) {
  footer .foot-nav {
    display: none;
  }
  footer .foot-nav nav {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-bottom: -15px;
  }
  footer .foot-nav dl {
    width: calc(33.3333333333% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 700px) and (max-width: 500px) {
  footer .foot-nav dl {
    width: calc(33.3333333333% - 15px);
  }
}

@media screen and (max-width: 700px) {
  footer .foot-main {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  footer .foot-main .item-career {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 20px;
    margin-bottom: 20px;
  }
  footer .foot-main .item-career .logo {
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  footer .foot-main .item-career .links {
    width: auto;
  }
  footer .foot-main .item-career .links li {
    width: calc(33.3333% - 15px);
    margin-right: 15px;
  }
}

@media screen and (max-width: 700px) and (max-width: 480px) {
  footer .foot-main .item-career .links li {
    width: calc(50% - 15px);
  }
}

@media screen and (max-width: 700px) {
  footer .foot-main .item-top {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  footer .foot-main .item-top .logo {
    margin-right: 0;
    margin-bottom: 20px;
  }
  footer .foot-main .item-top .tel {
    margin-left: 0;
    text-align: center;
  }
  footer .foot-main .item-bottom {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  footer .foot-main .item-bottom .copy {
    margin-right: 0;
    margin-top: 10px;
    -webkit-box-original-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 100%;
    text-align: center;
  }
  footer .foot-main .item-bottom ul {
    margin-left: 0;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/* mainimg
------------------------------------------------------------*/
#mainimg.top2021 {
  overflow: hidden;
  box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 30%);
  position: relative;
}

#mainimg.top2021 .slides-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #FFF;
  padding: 10px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}

#mainimg.top2021 .slides-nav li {
  line-height: 0;
  cursor: pointer;
}

#mainimg.top2021 .slides-nav li:not(:last-child) {
  margin-right: 20px;
}

@media screen and (min-width: 701px) and (max-width: 900px) {
  #mainimg.top2021 .slides-nav li:not(:last-child) {
    margin-right: 20px;
  }
}

@media screen and (max-width: 700px) {
  #mainimg.top2021 .slides-nav {
    padding: 5px;
  }
  #mainimg.top2021 .slides-nav li:not(:last-child) {
    margin-right: 3px;
  }
}

#mainimg.next2021, #mainimg.course2021, #mainimg.course-index2021, #mainimg.text2021 {
  padding: 25px 30px;
}

#mainimg.next2021 .inside, #mainimg.course2021 .inside, #mainimg.course-index2021 .inside, #mainimg.text2021 .inside {
  width: 900px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 700px) {
  #mainimg.next2021, #mainimg.course2021, #mainimg.course-index2021, #mainimg.text2021 {
    padding: 15px;
  }
}

#mainimg.next2021 {
  padding: 25px 30px;
}

#mainimg.next2022 {
  padding: 25px 30px 0;
}

.ver_2022.os2024 #mainimg.next2021 {
  padding: 25px 30px 17px 25px;
}
.ver_2022.os2024 #mainimg.next2021 .item-img {
  padding: 0 15px;
}
#mainimg.next2021 .item-img {
  line-height: 0;
  position: relative;
}
.ver_2022.os2024 #mainimg.next2021 .item-img + picture img {
  display: block;
  margin: 0 auto;
  padding-left: 1%;
}



#mainimg.next2021 .item-img .chara {
  position: absolute;
  left: 3%;
  bottom: 12px;
  max-width: 45%;
}

#mainimg.next2021 .item-img .batch {
  position: absolute;
  left: 26%;
  top: 40%;
  max-width: 20%;
}

#mainimg.next2021 .item-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: -20px;
}

#mainimg.next2021 .item-txt li {
  margin: -3% -0.6% -8.5%;
}

@media screen and (max-width: 700px) {
  #mainimg.next2021 {
    padding: 20px 10px;
  }
  #mainimg.next2021 .item-txt {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: -20px;
    margin-right: -10px;
  }
  #mainimg.next2021 .item-txt li {
    max-width: calc(50% - 10px);
    margin: -3% 0 -8.5% 0;
  }
}

#mainimg.course2021 .inside {
  width: 950px;
}

#mainimg.course2021 .item-main {
  padding: 10px 15px 20px 13px;
  position: relative;
}

#mainimg.course2021 .item-main > * {
  position: relative;
  z-index: 1;
}

#mainimg.course2021 .item-hd {
  line-height: 0;
  margin-left: -4px;
}
#mainimg.course2021 .item-sub {
  font-size: 19px;
  font-size: 1.2666666667rem;
  font-weight: bold;
  line-height: 1.6;
  text-shadow: 2px 2px 1px #fff;
}
#mainimg.course2021.anime .item-sub {
  color: #f08300;
}
#mainimg.course2021.voice .item-sub {
  color: #e50065;
}
#mainimg.course2021 .item-img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  line-height: 0;
}
#mainimg.course2021.voice .item-img {
    top: 2%;
}
#mainimg.course2021 .item-sugoi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #FFF;
  margin-top: 18px;
  padding: 0 10px 0 0;
  box-shadow: 2px 3px 6px 1px rgb(0 0 0 / 30%);
  position: relative;
}
#mainimg.course2021 .item-sugoi::before,
#mainimg.course2021 .item-sugoi::after {
  content: "";
  position: absolute;
}
#mainimg.course2021.anime .item-sugoi::before {
  left: 1%;
  bottom: 6%;
  border-bottom: 1px solid #ff8300;
  border-right: 1px solid #ff8300;
  width: 98%;
  height: 81%;
}
#mainimg.course2021.anime .item-sugoi::after {
  bottom: 7%;
  right: 1%;
  border-bottom: 15px solid #ff8300;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
}
#mainimg.course2021.voice .item-sugoi::before {
  left: 1%;
  bottom: 6%;
  border-bottom: 1px solid #e50065;
  border-right: 1px solid #e50065;
  width: 98%;
  height: 81%;
}
#mainimg.course2021.voice .item-sugoi::after {
  bottom: 7%;
  right: 1%;
  border-bottom: 15px solid #e50065;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
}
#mainimg.course2021.illust .item-sugoi::before {
  left: 1%;
  bottom: 6%;
  border-bottom: 1px solid #8fc31f;
  border-right: 1px solid #8fc31f;
  width: 98%;
  height: 81%;
}
#mainimg.course2021.illust .item-sugoi::after {
  bottom: 7%;
  right: 1%;
  border-bottom: 15px solid #8fc31f;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
}
#mainimg.course2021.manga .item-sugoi::before {
  left: 1%;
  bottom: 6%;
  border-bottom: 1px solid #3eb370;
  border-right: 1px solid #3eb370;
  width: 98%;
  height: 81%;
}
#mainimg.course2021.manga .item-sugoi::after {
  bottom: 7%;
  right: 1%;
  border-bottom: 15px solid #3eb370;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
}
#mainimg.course2021.game .item-sugoi::before {
  left: 1%;
  bottom: 6%;
  border-bottom: 1px solid #009fb9;
  border-right: 1px solid #009fb9;
  width: 98%;
  height: 81%;
}
#mainimg.course2021.game .item-sugoi::after {
  bottom: 7%;
  right: 1%;
  border-bottom: 15px solid #009fb9;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
}
#mainimg.course2021.novels .item-sugoi::before {
  left: 1%;
  bottom: 6%;
  border-bottom: 1px solid #e94709;
  border-right: 1px solid #e94709;
  width: 98%;
  height: 81%;
}
#mainimg.course2021.novels .item-sugoi::after {
  bottom: 7%;
  right: 1%;
  border-bottom: 15px solid #e94709;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
}
#mainimg.course2021.figure .item-sugoi::before {
  left: 1%;
  bottom: 6%;
  border-bottom: 1px solid #0068b7;
  border-right: 1px solid #0068b7;
  width: 98%;
  height: 81%;
}
#mainimg.course2021.figure .item-sugoi::after {
  bottom: 7%;
  right: 1%;
  border-bottom: 15px solid #0068b7;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
}

#mainimg.course2021 .item-sugoi > div {
  position: relative;
  width: 50%;
}

#mainimg.course2021 .item-sugoi > div > span:nth-child(1) {
  margin:0 10% -2% -.1%;
    display: block;
}

#mainimg.course2021 .item-sugoi > div > span:nth-child(2) {
  position: absolute;
  left: 26%;
  transform: translateY(-50%);
  top: 72%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 22px;
  font-size: 1.4666666667rem;
  font-weight: bold;
  color: #F08300;
  line-height: 1.4;
}
#mainimg.course2021.voice .item-sugoi > div > span:nth-child(2) {
    left: 27%;
    top: 68%;
}
#mainimg.course2021 .item-sugoi > div > span.sml:nth-child(2) {
  font-size: 16px;
  font-size: 1.0666666667rem;
}

#mainimg.course2021 .item-sugoi p {
  margin-bottom: .5%;
  margin-left: -4%;
  padding-left: 2%;
  color: #595755;
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 1.6;
  width: 51%;
}
#mainimg.course2021.anime .item-sugoi p {
  border-left: 2px dashed #ff8300;
}
#mainimg.course2021.voice .item-sugoi p {
  border-left: 2px dashed #e50065;
}
#mainimg.course2021.illust .item-sugoi p {
  border-left: 2px dashed #8fc31f;
}
#mainimg.course2021.manga .item-sugoi p {
  border-left: 2px dashed #3eb370;
}
#mainimg.course2021.game .item-sugoi p {
  border-left: 2px dashed #009fb9;
}
#mainimg.course2021.novels .item-sugoi p {
  border-left: 2px dashed #e94709;
}
#mainimg.course2021.figure .item-sugoi p {
  border-left: 2px dashed #0068b7;
}

@media screen and (max-width: 904px) {
#mainimg.course2021 .item-sugoi p br {
  display: none;
}
#mainimg.course2021 .item-sugoi > div > span:nth-child(2) {
  font-size: 2vw;
}
}

#mainimg.course2021 .item-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding-top: 15px;
}
#mainimg.course2021.voice .item-anchor,
#mainimg.course2021.figure .item-anchor,
#mainimg.course2021.manga .item-anchor {
  -ms-justify-content: inherit;
  justify-content: inherit;
}

#mainimg.course2021 .item-anchor li {
  -ms-flex: 1 0 auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  box-shadow: 2px 3px 6px 1px rgb(0 0 0 / 30%);
  border-radius: 8px;
}
#mainimg.course2021.voice .item-anchor li,
#mainimg.course2021.figure .item-anchor li,
#mainimg.course2021.manga .item-anchor li {
    -webkit-flex-grow: 0;
    flex-grow: 0;
}
#mainimg.course2021.voice .item-anchor li:first-child,
#mainimg.course2021.figure .item-anchor li:first-child {
  width: 23%;
}
#mainimg.course2021.manga .item-anchor li:first-child {
  width: 25%;
}
#mainimg.course2021.manga .item-anchor li:nth-child(2),
#mainimg.course2021.figure .item-anchor li:nth-child(2),
#mainimg.course2021.figure .item-anchor li:nth-child(3) {
  width: 16%;
}
#mainimg.course2021.figure .item-anchor li:nth-child(4) {
  width: 14%;
}
#mainimg.course2021.voice .item-anchor li:nth-child(n+2) {
  width: 16%;
}
#mainimg.course2021.voice .item-anchor li + li a,
#mainimg.course2021.figure .item-anchor li + li a,
#mainimg.course2021.manga .item-anchor li a {
  padding: 8px 25px;
}
#mainimg.course2021.novels .item-anchor li:nth-child(-n+2) {
  width: 25%;
}
#mainimg.course2021 .item-anchor li + li {
  margin-left: 10px;
}
@media screen and (max-width: 911px) {
  #mainimg.course2021 .item-anchor li {
    width : 30%;
  }
  #mainimg.course2021 .item-anchor::after {
    content: "";
    display: block;
    width: 33.7%;
    height: 0;
  }
  #mainimg.course2021 .item-anchor li:nth-child(4) {
    margin-left: 0;
  }
  #mainimg.course2021 .item-anchor li:nth-child(-n+3) {
  margin-bottom: 1rem;
  }
}
@media screen and (max-width: 784px) {
  #mainimg.course2021 .item-anchor li {
    width : 45%;
  }
  #mainimg.course2021 .item-anchor::after {
    width: 50.7%;
  }
  #mainimg.course2021 .item-anchor li + li,
  #mainimg.course2021 .item-anchor li:nth-child(4) {
    margin-left: 0;
  }
  #mainimg.course2021 .item-anchor li:nth-child(-n+4) {
    margin-bottom: 1rem;
  }
  #mainimg.course2021 .item-anchor li:nth-child(even) {
    margin-left: 10px;
  }
}

#mainimg.course2021 .item-anchor li a {
  width: 100%;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: bold;
  line-height: 1.3;
  padding: 8px 15px;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s ease;
}
#mainimg.course2021.illust .item-anchor li a {
  padding: 8px 10px;
}
#mainimg.course2021.anime .item-anchor li a {
  color: #F08300;
}
#mainimg.course2021.voice .item-anchor li a {
  color: #e50065;
}
#mainimg.course2021 .item-anchor li a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
  text-decoration: none;
}

#mainimg.course2021 .item-anchor li a:after {
  content: "";
  top: 0;
  left: 0;
  width: 94%;
  height: 77%;
  display: block;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#mainimg.course2021.anime .item-anchor li a:after {
  border: 1px solid #F08300;
}
#mainimg.course2021.voice .item-anchor li a:after {
  border: 1px solid #e50065;
}

#mainimg.course2021 .item-anchor li a:before {
  content: "";
  width: 25px;
  height: 21px;
  background: no-repeat center/96px;
  -ms-flex: 0 0 auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 10px;
  background-size: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.course2021 .item-anchor li a:before {
    background-image: url(../img/next/course/anime/arrow-anchor@2x.png);
  }
}

#mainimg.course2021 .item-movie {
  position: relative;
  margin-top: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#mainimg.course2021 .item-movie .bg {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 -3px 3px 0 rgba(255, 255, 255, 0.4);
  background-position: left 84% center;
}
#mainimg.course2021.anime .item-movie .bg {
  background-image: url(../img/next/course/anime/movie_bg.png), -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent));
}
#mainimg.course2021.voice .item-movie .bg {
  background-image: url(../img/next/course/voice/movie_bg.png);
  background-position: left 62% center;
  margin-left: 2px;
}
#mainimg.course2021.illust .item-movie .bg {
  background-image: url(../img/next/course/illust/movie_bg.png);
  background-position: left 62% center;
  margin-left: 2px;
}
#mainimg.course2021.manga .item-movie .bg {
  background-image: url(../img/next/course/manga/movie_bg.png);
  background-position: left 62% center;
  margin-left: 2px;
}
#mainimg.course2021.game .item-movie .bg {
  background-image: url(../img/next/course/game/movie_bg.png);
  background-position: left 62% center;
  margin-left: 2px;
}
#mainimg.course2021.novels .item-movie .bg {
  background-image: url(../img/next/course/novels/movie_bg.png);
  background-position: left 62% center;
  margin-left: 2px;
}
#mainimg.course2021.figure .item-movie .bg {
  background-image: url(../img/next/course/figure/movie_bg.png);
  background-position: left 62% center;
  margin-left: 2px;
}
#mainimg.course2021 .item-movie > * {
  position: relative;
}

#mainimg.course2021 .item-movie h2 {
  line-height: 0;
  margin-right: 5px;
  margin-left: 50px;
}

#mainimg.course2021 .item-movie p {
  width: 10px;
  -ms-flex: 1 0 auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 17px;
  font-size: 1.1333333333rem;
  line-height: 1.3;
  padding: 10px 0;
}

@media screen and (max-width: 999px) {
  #mainimg.course2021.anime .item-movie .bg {
    background-image: none;
    -webkit-background-size: 0,5px;
    background: rgb(255,216,133);
    background: linear-gradient(180deg, rgba(255,216,133,1) 0%, rgba(255,255,255,1) 81%, rgba(255,216,133,1) 100%);
  }
  #mainimg.course2021.voice .item-movie .bg {
    background-image: none;
    -webkit-background-size: 0,5px;
    background: rgb(249,197,220);
    background: linear-gradient(180deg, rgba(249,197,220,1) 0%, rgba(255,255,255,1) 81%, rgba(249,197,220,1) 100%);
  }
  #mainimg.course2021.illust .item-movie .bg {
    background-image: none;
    -webkit-background-size: 0,5px;
    background: rgb(200,231,144);
    background: linear-gradient(180deg, rgba(200,231,144,1) 0%, rgba(255,255,255,1) 81%, rgba(200,231,144,1) 100%);
  }
  #mainimg.course2021.manga .item-movie .bg {
    background-image: none;
    -webkit-background-size: 0,5px;
    background: rgb(192,224,196);
    background: linear-gradient(180deg, rgba(192,224,196,1) 0%, rgba(255,255,255,1) 81%, rgba(192,224,196,1) 100%);
  }
  #mainimg.course2021.game .item-movie .bg {
    background-image: none;
    -webkit-background-size: 0,5px;
    background: rgb(190,227,235);
    background: linear-gradient(180deg, rgba(190,227,235,1) 0%, rgba(255,255,255,1) 81%, rgba(190,227,235,1) 100%);
  }
  #mainimg.course2021.novels .item-movie .bg {
    background-image: none;
    -webkit-background-size: 0,5px;
    background: rgb(1250,213,187);
    background: linear-gradient(180deg, rgba(1250,213,187,1) 0%, rgba(255,255,255,1) 81%, rgba(250,213,187,1) 100%);
  }
  #mainimg.course2021.figure .item-movie .bg {
    background-image: none;
    -webkit-background-size: 0,5px;
    background: rgb(197,211,237);
    background: linear-gradient(180deg, rgba(197,211,237,1) 0%, rgba(255,255,255,1) 81%, rgba(197,211,237,1) 100%);
  }
  #mainimg.course2021 .item-movie {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 1% 6%;
  }
  #mainimg.course2021 .item-movie ul {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 40px;
  }
}

@media screen and (max-width: 970px) {
  #mainimg.course2021 .item-movie p .pc {
    display: none
  }
}
#mainimg.course2021 .item-movie ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#mainimg.course2021 .item-movie ul li {
  line-height: 0;
  margin-left: 0;
}

#mainimg.course2021 .item-movie ul li > a {
  display: block;
  margin-top: -30px;
  margin-bottom: -30px;
}

@media screen and (max-width: 700px) {
  #mainimg.course2021 .item-main {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
  #mainimg.course2021 .item-hd {
    margin-left: -10px;
  }
  #mainimg.course2021 .item-sub {
    font-size: 16px;
  }
  #mainimg.course2021 .item-img {
    position: relative;
    text-align: right;
    margin-right: -10px;
  }
  #mainimg.course2021 .item-sugoi {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 0;
    background: #fff;
    padding-top: 2%;
    margin-left: 1%;
  }
  #mainimg.course2021 .item-sugoi::before,
  #mainimg.course2021 .item-sugoi::after {
    content: none;
  }
  #mainimg.course2021 .item-sugoi > div {
    position: relative;
    width: auto;
    text-align: center;
  }
  #mainimg.course2021 .item-sugoi > div > span:nth-child(2) {
    font-size: 4vw;
    top: 74%;
    left: 26%;
    width: 100%;
    font-weight: bold;
    text-align: left;
  }
  #mainimg.course2021 .item-sugoi p {
    width: auto;
    font-size: 14px;
    font-size: 0.9333333333rem;
    background: #FFF;
    padding: 15px;
    border-radius: 8px;
    margin: 0;
  }
  #mainimg.course2021.anime .item-sugoi p,
  #mainimg.course2021.voice .item-sugoi p,
  #mainimg.course2021.illust .item-sugoi p,
  #mainimg.course2021.manga .item-sugoi p,
  #mainimg.course2021.game .item-sugoi p,
  #mainimg.course2021.novels .item-sugoi p,
  #mainimg.course2021.figure .item-sugoi p {
    border-left: none;
  }
  #mainimg.course2021 .item-anchor {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-bottom: -5px;
  }
  #mainimg.course2021.manga .item-anchor {
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .ver_2022 #mainimg.course2021.manga .item-anchor li {
    width: 48%;
  }
  .ver_2022 #mainimg.course2021.manga .item-anchor li a {
    padding: 8px 11px;
  }
  #mainimg.course2021 .item-anchor li a {
    font-size: 12px;
  }
  #mainimg.course2021 .item-movie {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 0;
  }
  #mainimg.course2021 .item-movie > * {
    position: relative;
  }
  #mainimg.course2021 .item-movie h2 {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
  }
  #mainimg.course2021 .item-movie p {
    width: auto;
    font-size: 15px;
    font-size: 1rem;
  }
  #mainimg.course2021 .item-movie ul {
    width: 100%;
    padding-top: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  #mainimg.course2021 .item-movie ul li {
    line-height: 0;
    margin-left: 0;
  }
  #mainimg.course2021 .item-movie ul li > a {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }
}
#mainimg.course2021.anime .inside {
  border-radius: 12px;
}
#mainimg.course2021 .out_border,
.ver_2022 .text2021.works .out_border {
  box-shadow: 2px 3px 6px 1px rgb(0 0 0 / 30%);
  position: relative;
}
#mainimg.course2021.anime .out_border::before {
  background: #f08300;
}
#mainimg.course2021.anime .out_border::after {
  background: #f08300;
}
#mainimg.course2021.voice .out_border::before {
  background: #e50065;
}
#mainimg.course2021.voice .out_border::after {
  background: #e50065;
}
#mainimg.course2021.figure .out_border::before {
  background: #0068b7;
}
#mainimg.course2021.figure .out_border::after {
  background: #0068b7;
}
#mainimg.course2021.novels .out_border::before {
  background: #e94709;
}
#mainimg.course2021.novels .out_border::after {
  background: #e94709;
}
#mainimg.course2021.game .out_border::before {
  background: #009fb9;
}
#mainimg.course2021.game .out_border::after {
  background: #009fb9;
}
#mainimg.course2021.manga .out_border::before {
  background: #3eb370;
}
#mainimg.course2021.manga .out_border::after {
  background: #3eb370;
}
#mainimg.course2021.illust .out_border::before {
  background: #8fc31f;
}
#mainimg.course2021.illust .out_border::after {
  background: #8fc31f;
}

#mainimg.course2021 .out_border {
  padding: 8px 0 0 8px;
}
#mainimg.anime .out_border {
  background: rgb(255,216,133);
  background: linear-gradient(90deg, rgba(255,216,133,1) 0%, rgba(255,255,255,1) 100%);
}
#mainimg.anime .out_border .item-main {
  border-top: 2px solid #ff8300;
  border-left: 2px solid #ff8300;
  position: relative;
}
#mainimg.anime .out_border .item-main::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 18px solid #ff8300;
    border-right: 18px solid transparent;
    border-left: 0px solid transparent;
}

#mainimg.course2021.voice .out_border {
  background: rgb(255,192,203);
  background: linear-gradient(90deg, rgba(255,192,203,1) 0%, rgba(255,255,255,1) 79%);
}
#mainimg.course2021.illust .out_border {
  background: rgb(229,239,203);
  background: linear-gradient(90deg, rgba(229,239,203,1) 0%, rgba(255,255,255,1) 79%);
}
#mainimg.course2021.manga .out_border {
  background: rgb(218,236,220);
  background: linear-gradient(90deg, rgba(218,236,220,1) 0%, rgba(255,255,255,1) 79%);
}
#mainimg.course2021.game .out_border {
  background: rgb(186,229,236);
  background: linear-gradient(90deg, rgba(186,229,236,1) 0%, rgba(255,255,255,1) 79%);
}
#mainimg.course2021.novels .out_border {
  background: rgb(255,195,160);
  background: linear-gradient(90deg, rgba(255,195,160,1) 0%, rgba(255,255,255,1) 79%);
}
#mainimg.course2021.figure .out_border {
  background: rgb(208,219,240);
  background: linear-gradient(90deg, rgba(208,219,240,1) 0%, rgba(255,255,255,1) 79%);
}

#mainimg.course2021.voice .item-main {
  border-top: 2px solid #e50065;
  border-left: 2px solid #e50065;
  position: relative;
}
#mainimg.course2021.voice .item-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 18px solid #e50065;
    border-right: 18px solid transparent;
    border-left: 0px solid transparent;
}

#mainimg.course2021.illust .item-main {
  border-top: 2px solid #8fc31f;
  border-left: 2px solid #8fc31f;
  position: relative;
}
#mainimg.course2021.illust .item-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 18px solid #8fc31f;
    border-right: 18px solid transparent;
    border-left: 0px solid transparent;
}

#mainimg.course2021.manga .item-main {
  border-top: 2px solid #3eb370;
  border-left: 2px solid #3eb370;
  position: relative;
}
#mainimg.course2021.manga .item-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 18px solid #3eb370;
    border-right: 18px solid transparent;
    border-left: 0px solid transparent;
}

#mainimg.course2021.game .item-main {
  border-top: 2px solid #009fb9;
  border-left: 2px solid #009fb9;
  position: relative;
}
#mainimg.course2021.game .item-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 18px solid #009fb9;
    border-right: 18px solid transparent;
    border-left: 0px solid transparent;
}

#mainimg.course2021.novels .item-main {
  border-top: 2px solid #e94709;
  border-left: 2px solid #e94709;
  position: relative;
}
#mainimg.course2021.novels .item-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 18px solid #e94709;
    border-right: 18px solid transparent;
    border-left: 0px solid transparent;
}

#mainimg.course2021.figure .item-main {
  border-top: 2px solid #0068b7;
  border-left: 2px solid #0068b7;
  position: relative;
}
#mainimg.course2021.figure .item-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 18px solid #0068b7;
    border-right: 18px solid transparent;
    border-left: 0px solid transparent;
}

#mainimg.course2021.anime .item-sugoi > div > span:nth-child(2) {
  color: #F08300;
}

#mainimg.course2021.anime .item-anchor li a:before {
  background-image: url(../img/next/course/anime/arrow-anchor.png);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.course2021.anime .item-anchor li a:before {
    background-image: url(../img/next/course/anime/arrow-anchor@2x.png);
  }
}

#mainimg.course2021.anime .item-movie .bg:before {
  background: -moz-linear-gradient(50% 0% -90deg, #ffd14d 0%, #f08300 100%);
  background: -webkit-linear-gradient(-90deg, #ffd14d 0%, #f08300 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #ffd14d), color-stop(1, #f08300));
  background: -o-linear-gradient(-90deg, #ffd14d 0%, #f08300 100%);
  background: -ms-linear-gradient(-90deg, #ffd14d 0%, #f08300 100%);
}

#mainimg.course2021.voice .item-sugoi > div > span:nth-child(2) {
  color: #E50065;
}
@media screen and (max-width: 480px) {
#mainimg.course2021.voice .item-sugoi > div > span:nth-child(2) {
  left: 20vw;
  top: 75%;
}
}

#mainimg.course2021.voice .item-anchor li a:before {
  background-image: url(../img/next/course/voice/arrow-anchor.png);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.course2021.voice .item-anchor li a:before {
    background-image: url(../img/next/course/voice/arrow-anchor@2x.png);
  }
}

#mainimg.course2021.voice .item-movie .bg:before {
  background: -moz-linear-gradient(50% 0% -90deg, #ec8498 0%, #e30065 100%);
  background: -webkit-linear-gradient(-90deg, #ec8498 0%, #e30065 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #ec8498), color-stop(1, #e30065));
  background: -o-linear-gradient(-90deg, #ec8498 0%, #e30065 100%);
  background: -ms-linear-gradient(-90deg, #ec8498 0%, #e30065 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC8498', endColorstr='#E30065' ,GradientType=0)";
  background: linear-gradient(180deg, #ec8498 0%, #e30065 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC8498',endColorstr='#E30065' , GradientType=0);
}

#mainimg.course2021.illust .item-sugoi > div > span:nth-child(2) {
  color: #8FC31F;
}

#mainimg.course2021.illust .item-anchor li a:before {
  background-image: url(../img/next/course/illust/arrow-anchor.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.course2021.illust .item-anchor li a:before {
    background-image: url(../img/next/course/illust/arrow-anchor@2x.png);
  }
}

#mainimg.course2021.illust .item-movie .bg:before {
  background: -webkit-linear-gradient(-90deg, #e2ea58 0%, #8cc11f 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #e2ea58), color-stop(1, #8cc11f));
  background: -o-linear-gradient(-90deg, #e2ea58 0%, #8cc11f 100%);
  background: -ms-linear-gradient(-90deg, #e2ea58 0%, #8cc11f 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2EA58', endColorstr='#8CC11F' ,GradientType=0)";
  background: linear-gradient(180deg, #e2ea58 0%, #8cc11f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2EA58',endColorstr='#8CC11F' , GradientType=0);
}

#mainimg.course2021.manga .item-sugoi > div > span:nth-child(2) {
  color: #3EB370;
}

#mainimg.course2021.manga .item-anchor li a:before {
  background-image: url(../img/next/course/manga/arrow-anchor.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.course2021.manga .item-anchor li a:before {
    background-image: url(../img/next/course/manga/arrow-anchor@2x.png);
  }
}

#mainimg.course2021.manga .item-movie .bg:before {
  background: -moz-linear-gradient(50% 0% -90deg, #83c9be 0%, #3db170 100%);
  background: -webkit-linear-gradient(-90deg, #83c9be 0%, #3db170 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #83c9be), color-stop(1, #3db170));
  background: -o-linear-gradient(-90deg, #83c9be 0%, #3db170 100%);
  background: -ms-linear-gradient(-90deg, #83c9be 0%, #3db170 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#83C9BE', endColorstr='#3DB170' ,GradientType=0)";
  background: linear-gradient(180deg, #83c9be 0%, #3db170 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83C9BE',endColorstr='#3DB170' , GradientType=0);
}

#mainimg.course2021.game .item-sugoi > div > span:nth-child(2) {
  color: #009FB9;
}

#mainimg.course2021.game .item-anchor li a:before {
  background-image: url(../img/next/course/game/arrow-anchor.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.course2021.game .item-anchor li a:before {
    background-image: url(../img/next/course/game/arrow-anchor@2x.png);
  }
}

#mainimg.course2021.game .item-movie .bg:before {
  background: -moz-linear-gradient(50% 0% -90deg, #6ecadb 0%, #009ebd 100%);
  background: -webkit-linear-gradient(-90deg, #6ecadb 0%, #009ebd 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #6ecadb), color-stop(1, #009ebd));
  background: -o-linear-gradient(-90deg, #6ecadb 0%, #009ebd 100%);
  background: -ms-linear-gradient(-90deg, #6ecadb 0%, #009ebd 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ECADB', endColorstr='#009EBD' ,GradientType=0)";
  background: linear-gradient(180deg, #6ecadb 0%, #009ebd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ECADB',endColorstr='#009EBD' , GradientType=0);
}

#mainimg.course2021.novels .item-sugoi > div > span:nth-child(2) {
  color: #E94709;
}

#mainimg.course2021.novels .item-anchor li a:before {
  background-image: url(../img/next/course/novels/arrow-anchor.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.course2021.novels .item-anchor li a:before {
    background-image: url(../img/next/course/novels/arrow-anchor@2x.png);
  }
}

#mainimg.course2021.novels .item-movie .bg:before {
  background: -moz-linear-gradient(50% 0% -90deg, #ffafa0 0%, #e74709 100%);
  background: -webkit-linear-gradient(-90deg, #ffafa0 0%, #e74709 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #ffafa0), color-stop(1, #e74709));
  background: -o-linear-gradient(-90deg, #ffafa0 0%, #e74709 100%);
  background: -ms-linear-gradient(-90deg, #ffafa0 0%, #e74709 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAFA0', endColorstr='#E74709' ,GradientType=0)";
  background: linear-gradient(180deg, #ffafa0 0%, #e74709 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAFA0',endColorstr='#E74709' , GradientType=0);
}


#mainimg.course2021.figure .item-sugoi > div > span:nth-child(2) {
  color: #0068B7;
}

#mainimg.course2021.figure .item-anchor li a:before {
  background-image: url(../img/next/course/figure/arrow-anchor.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.course2021.figure .item-anchor li a:before {
    background-image: url(../img/next/course/figure/arrow-anchor@2x.png);
  }
}

#mainimg.course2021.figure .item-movie .bg:before {
  background: -moz-linear-gradient(50% 0% -90deg, #80bfff 0%, #0068b5 100%);
  background: -webkit-linear-gradient(-90deg, #80bfff 0%, #0068b5 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #80bfff), color-stop(1, #0068b5));
  background: -o-linear-gradient(-90deg, #80bfff 0%, #0068b5 100%);
  background: -ms-linear-gradient(-90deg, #80bfff 0%, #0068b5 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80BFFF', endColorstr='#0068B5' ,GradientType=0)";
  background: linear-gradient(180deg, #80bfff 0%, #0068b5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80BFFF',endColorstr='#0068B5' , GradientType=0);
}

#mainimg.message .inside .item-hd,
#mainimg.system .inside .item-hd {
  display: block;
}

#mainimg.course-index2021 .inside,
#mainimg.message .inside,
#mainimg.system .inside,
#mainimg.special .inside,
#mainimg.success_stories .inside,
#mainimg.final_project .inside,
#mainimg.equipment .inside {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 2px 3px 6px 1px rgb(0 0 0 / 30%);
}
#mainimg.course-index2021 .inside .inner_border {
  background-image: url(../img/next/course/border-bottom.png), url(../img/next/course/border-left.png);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left top;
  background-size: 101%,2%;
  padding-bottom: 8px
}
#mainimg.message .inside .inner_border {
  background-image: url(../img/next/message/border-bottom.png), url(../img/next/message/border-left.png);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left top;
  background-size: 100%,2.4%;
  padding-bottom: 8px
}
#mainimg.system .inside .inner_border {
  background-image: url(../img/next/debut/system/border-bottom.png), url(../img/next/debut/system/border-left.png);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left top;
  background-size: 101%,2.5%;
  padding-bottom: 8px
}
#mainimg.special .inside .inner_border {
  background-image: url(../img/next/debut/special/border-bottom.png), url(../img/next/debut/special/border-left.png);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left top;
  background-size: 101%,2%;
  padding-bottom: 8px
}
#mainimg.success_stories .inside .inner_border {
  background-image: url(../img/next/debut/success_stories/border-bottom.png), url(../img/next/debut/success_stories/border-left.png);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left top;
  background-size: 101%,2%;
  padding-bottom: 8px
}
#mainimg.final_project .inside .inner_border {
  background-image: url(../img/next/debut/final_project/border-bottom.png), url(../img/next/debut/final_project/border-left.png);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left top;
  background-size: 101%,2%;
  padding-bottom: 8px
}
#mainimg.equipment .inside .inner_border {
  background-image: url(../img/next/guide/equipment/border-bottom.png), url(../img/next/guide/equipment/border-left.png);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left top;
  background-size: 100%,2%;
  padding-bottom: 8px
}
#guide-parents .inside .inner_border {
  background-image: url(../img/next/guide/hogosya/border-bottom.png), url(../img/next/guide/hogosya/border-left.png);
  background-repeat: repeat-x, repeat-y;
  background-position: bottom, left top;
  background-size: 100%,2%;
  padding-bottom: 8px
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.course-index2021 .inside .inner_border {
    background-image: url(../img/next/course/border-bottom@2x.png), url(../img/next/course/border-left@2x.png);
  }
  #mainimg.message .inside .inner_border {
    background-image: url(../img/next/message/border-bottom@2x.png), url(../img/next/message/border-left@2x.png);
  }
  #mainimg.system .inside .inner_border {
    background-image: url(../img/next/debut/system/border-bottom@2x.png), url(../img/next/debut/system/border-left@2x.png);
  }
  #mainimg.special .inside .inner_border {
    background-image: url(../img/next/debut/special/border-bottom@2x.png), url(../img/next/debut/special/border-left@2x.png);
  }
  #mainimg.success_stories .inside .inner_border {
    background-image: url(../img/next/debut/success_stories/border-bottom@2x.png), url(../img/next/debut/success_stories/border-left@2x.png);
  }
  #mainimg.final_project .inside .inner_border {
    background-image: url(../img/next/debut/final_project/border-bottom@2x.png), url(../img/next/debut/final_project/border-left@2x.png);
  }
  #guide-parents .inside .inner_border {
    background-image: url(../img/next/guide/hogosya/border-bottom@2x.png), url(../img/next/guide/hogosya/border-left@2x.png);
  }
}
#mainimg.course-index2021 .item-hd,
#mainimg.message .item-hd,
#mainimg.system .item-hd {
  line-height: 0;
  margin-bottom: 10px;
}
#mainimg.course-index2021 .item-hd img,
#mainimg.message .item-hd img,
#mainimg.system .item-hd img,
#mainimg.special .item-hd img,
#mainimg.success_stories .item-hd img,
#mainimg.final_project .item-hd img,
#mainimg.equipment .item-hd img,
#guide-parents .item-hd img {
  width: 100%;
}
#mainimg.equipment .pro_facility {
    text-align: center;
    margin: 0 2.5% 0 5%;
    padding: 12px 0 0;
    border-top: 2px dashed #c8c1ef;
}
#mainimg.equipment .pro_facility span {
  border: 1px solid #975fe8;
  border-radius: 5px;
  display: block;
  background: #fffac8;
  font-size: 1.4666666667rem;
  font-weight: bold;
  color: #975fe8;
}
#mainimg.course-index2021 .item-text {
  background-color: #99c7f5;
  margin: 0 2.5% 25px 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-top: 2px solid #0074e6;
  border-bottom: 2px solid #0074e6;
  position: relative;
}
#mainimg.course-index2021 .item-text::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 32px solid #0074e6;
    border-right: 32px solid transparent;
    border-left: 0px solid transparent;
}
#mainimg.course-index2021 .item-text span {
  display: block;
  width: 32%;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 1px rgb(0 0 0 / 60%);
}
#mainimg.text2021.message .item-text,
#mainimg.text2021.system .item-text,
#mainimg.text2021.special .item-text,
#mainimg.text2021.success_stories .item-text,
#mainimg.text2021.final_project .item-text,
#mainimg.text2021.equipment .item-text,
#guide-parents .item-text {
  background-color: #FFF;
  margin: 0 2.5% 25px 5%;
  padding: 12px 12px 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
    box-shadow: none;
    border-radius: 0;
}
#guide-parents .item-text {
  margin: 0 2.5% 25px 4%;
}
#mainimg.text2021.message .item-text {
  border-top: 2px dashed #9183e0;
  border-bottom: 2px dashed #9183e0;
}
#mainimg.text2021.system .item-text {
  display: block;
  border-top: 2px dashed #00bb3a;
  border-bottom: 2px dashed #00bb3a;
}
#mainimg.text2021.special .item-text {
  display: block;
  border-top: 2px dashed #00c878;
  border-bottom: 2px dashed #00c878;
}
#mainimg.text2021.success_stories .item-text {
  display: block;
  border-top: 2px dashed #00adba;
  border-bottom: 2px dashed #00adba;
}
#mainimg.text2021.final_project .item-text {
  display: block;
  border-top: 2px dashed #0074e6;
  border-bottom: 2px dashed #0074e6;
}
#mainimg.text2021.equipment .item-text {
  display: block;
  border-bottom: 2px dashed #c8c1ef;
}
#guide-parents .item-text {
  display: block;
  border-top: 2px dashed #0074e6;
  border-bottom: 2px dashed #0074e6;
}
#mainimg.course-index2021 .item-text h2 {
  background-color: #99c7f5;
  background-image: url(../img/next/course/h2_title.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 60px;
  width: 28%;
  position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #mainimg.course-index2021 .item-text h2  {
  background-image: url(../img/next/course/h2_title@2x.png);
  }
}
#mainimg.course-index2021 .item-text h2::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #0074e6ab;
  z-index: 2;
}
#mainimg.course-index2021 .item-text h2::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  transform: rotate(-45deg);
  color: #fff;
  z-index: 3;
}
#mainimg.course-index2021 .item-text p {
  -ms-flex: 1 0 auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 17px;
  font-size: 1.1333333333rem;
  font-weight: bold;
  color: #595755;
  line-height: 1.5;
  padding: 5px 0 5px 15px;
  background-color: #fff;
}

@media screen and (max-width: 700px) {
  #mainimg.course-index2021 .inside {
    padding: 10px;
  }
  .ver_2022 #mainimg.course-index2021 .inside {
    box-shadow: none;
  }
  #mainimg.course-index2021 .item-hd {
    margin-bottom: 25px;
    margin-left: 0;
  }
  #mainimg.course-index2021 .item-hd img {
    width: 102%;
    max-width: 102%;
  }
  #mainimg.course-index2021 .item-text {
    padding: 10px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  #mainimg.course-index2021 .item-text h2 {
    margin-right: 0;
    margin-bottom: 10px;
    line-height: 1.2;
    font-size: 24px;
    font-size: 1.6rem;
    width: 100%;
    background-size: 77%;
    height: 60px;
  }
  #mainimg.course-index2021 .item-text h2::before {
    top: 0;
  }
  #mainimg.course-index2021 .item-text p {
    width: 100%;
    font-size: 15px;
    font-size: 1rem;
  }
  .ver_2022 #mainimg.course-index2021 .inside {
    box-shadow: 2px 3px 6px 1px rgb(0 0 0 / 30%);
  }
  #mainimg.course-index2021 .item-text span {
    width: inherit;
    margin-bottom: 3%;
  }
}

#mainimg.text2021 {
  padding-bottom: 0;
}

#mainimg.text2021 .item-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  line-height: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: -15px -15px 15px;
}

#mainimg.text2021 .item-hd span:nth-child(2) {
  padding: 20px 20px 0 10px;
}

#mainimg.text2021 .item-hd.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

#mainimg.text2021 .item-text {
  background: #FFF;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 -3px 3px 0 rgba(255, 255, 255, 0.4);
  padding: 12px 12px 8px;
  border-radius: 8px;
  margin-left: 10px;
}
.works #mainimg.text2021 .item-text {
    box-shadow: 2px 3px 6px 1px rgb(0 0 0 / 30%);
    border-radius: 0;
}
#mainimg.text2021 .item-text h2 {
  color: #0098D8;
  line-height: 1.3;
  font-size: 22px;
  font-size: 1.4666666667rem;
  font-weight: bold;
  margin-bottom: 5px;
}

#mainimg.text2021 .item-text p {
  font-size: 17px;
  font-size: 1.1333333333rem;
  color: #62697D;
}
#mainimg.text2021.message .item-text p,
#mainimg.text2021.success_stories .item-text p,
#mainimg.text2021.voice-department .item-text p,
#mainimg.text2021.illust-department .item-text p,
#mainimg.text2021.game-department .item-text p,
#mainimg.text2021.novels-department .item-text p,
#mainimg.text2021.figure-department .item-text p,
#mainimg.text2021.system .item-text p {
  font-weight: bold;
}
#mainimg.text2021.works .out_border {
  background: rgb(255,195,160);
  background: linear-gradient(90deg, rgba(255,195,160,1) 0%, rgba(255,241,237,1) 80%);
  padding: 8px 0 0 8px;
}

@media screen and (max-width: 480px) {
#mainimg.text2021.works .out_border::after {
    left: 2.5%;
    height: 99%;
    top: 2px;
}
}
#mainimg.text2021.works .item-main {
  background-image: url(../img/next/works/bg-hd.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right top -6%;
  padding: 12px 19px 18px 15px;
  border-top: 2px solid #e95541;
  border-left: 2px solid #e95541;
  position: relative;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #mainimg.text2021.works .item-main {
    background-image: url(../img/next/works/bg-hd@2x.png);
  }
}
#mainimg.text2021.works .out_border .item-main::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 18px solid #e95541;
    border-right: 18px solid transparent;
    border-left: 0px solid transparent;
}
.ver_2022 #mainimg.text2021.works .item-hd {
  margin-left: 0;
  position: relative;
  left: -5px;
  top: 13px;
}
#mainimg.text2021.works .out_border .item-main .works-sp-hd {
  display: none;
}
#mainimg.text2021.works .item-text {
  margin-left: 0;
  border-radius: 0;
}
#mainimg.text2021.works .item-text h2 {
  color: #E95541;
  border-bottom: 2px dashed #E95541;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.ver_2022.works .tab-block,
.ver_2022.works-voice .tab-block,
.ver_2022.works-illust .tab-block,
.ver_2022.works-comic-illust .tab-block,
.ver_2022.works-game .tab-block,
.ver_2022.works-figure .tab-block {
  padding-top: 7px;
}
.ver_2022.works-novles .tab-block {
  padding-top: 0;
}
.ver_2022.works-voice .tab-block .item-text,
.ver_2022.works-illust .tab-block .item-text,
.ver_2022.works-comic-illust .tab-block .item-text,
.ver_2022.works-game .tab-block .item-text,
.ver_2022.works-novels .tab-block .item-text,
.ver_2022.works-novles .tab-block .item-text,
.ver_2022.works-figure .tab-block .item-text {
  margin-bottom: 5px;
}

.floor #mainimg.text2021.equipment,
body.message #mainimg.text2021,
.ver_2022 #mainimg.text2021.system,
.ver_2022 #mainimg.text2021.special,
.ver_2022 #mainimg.text2021.success_stories {
  padding: 25px 30px 0 30px;
}
.ver_2022 #mainimg.text2021.success_stories {
  padding: 25px 30px 15px 30px;
}
.ver_2022 #mainimg.text2021.final_project {
  padding: 25px 30px 2px 30px;
}
.ver_2022 #mainimg.text2021.works {
  padding: 25px 30px 5px 30px;
}
.ver_2022 #mainimg.text2021.works .inside {
  width: 900px;
}
.ver_2022 #mainimg.text2021.special .inside,
.ver_2022 #mainimg.text2021.success_stories .inside,
.ver_2022 #mainimg.text2021.final_project .inside {
  width: 900px;
}
#mainimg.text2021.equipment .out_border,
.message #mainimg.text2021 .out_border,
.ver_2022 .text2021.final_project .out_border,
.ver_2022 .text2021.success_stories .out_border,
.ver_2022 .text2021.special .out_border,
.ver_2022 .text2021.system .out_border {
  background: #f1edff;
  padding: 5px;
  border-radius: 12px;
  box-shadow: 2px 3px 6px 1px rgb(0 0 0 / 30%);
}
.ver_2022 .text2021.final_project .out_border {
  background: #d4eaff;
}
.ver_2022 .text2021.success_stories .out_border {
  background: #e5f7f8;
}
.ver_2022 .text2021.special .out_border {
  background: #e5f9f1;
}
.ver_2022 .text2021.system .out_border {
  background: #ecfbe5;
}
#mainimg.text2021.equipment .item-main,
.message #mainimg.text2021 .item-main,
.ver_2022 .text2021.final_project .item-main,
.ver_2022 .text2021.success_stories .item-main,
.ver_2022 .text2021.special .item-main,
.ver_2022 .text2021.system .item-main {
    background: rgb(241,237,255);
    background: linear-gradient(90deg, rgba(241,237,255,1) 0%, rgba(202,174,243,1) 100%);
    border-radius: 12px;
    border: 1px solid #975fe8;
    padding-left: 2px;
    padding-right: 12px;
    padding-bottom: 15px;
}
.ver_2022 .text2021.final_project .item-main {
    background: rgb(215,235,255);
    background: linear-gradient(90deg, rgba(215,235,255,1) 0%, rgba(120,189,255,1) 100%);
    border: 1px solid #0081cc;
}
.ver_2022 .text2021.success_stories .item-main {
  background: rgb(229,247,248);
  background: linear-gradient(90deg, rgba(229,247,248,1) 0%, rgba(178,230,234,1) 100%);
  border: 1px solid #00adba;
}
.ver_2022 .text2021.special .item-main {
  background: rgb(229,249,241);
  background: linear-gradient(90deg, rgba(229,249,241,1) 0%, rgba(176,238,213,1) 100%);
  border: 1px solid #00c878;
}
.ver_2022 .text2021.system .item-main {
  background: rgb(236,251,229);
  background: linear-gradient(90deg, rgba(236,251,229,1) 0%, rgba(199,242,178,1) 100%);
  border: 1px solid #44d300;
}
#mainimg.text2021.equipment .item-hd {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 9px;
}
.message #mainimg.text2021 .item-hd,
.ver_2022 #mainimg.text2021.final_project .item-hd,
.ver_2022 #mainimg.text2021.success_stories .item-hd,
.ver_2022 #mainimg.text2021.special .item-hd,
.ver_2022 #mainimg.text2021.system .item-hd {
  margin: 0 0 9px;
}
.message #mainimg.text2021 .item-hd + img,
.ver_2022 #mainimg.text2021.final_project .item-hd + img,
.ver_2022 #mainimg.text2021.success_stories .item-hd + img,
.ver_2022 #mainimg.text2021.special .item-hd + img,
.ver_2022 #mainimg.text2021.system .item-hd + img,
.floor #mainimg.text2021 .item-hd + img {
  display: none;
}
#mainimg.text2021.equipment .item-hd span:nth-child(2) {
  line-height: 1.25;
  background: #fffae6;
  padding: 10px 15px;
  border-radius: 12px;
  font-size: 19px;
  font-weight: bold;
  color: #975fe8;
  border: 2px solid #975fe8;
  white-space: nowrap;
}

#mainimg.text2021.equipment .item-text h2 {
  color: #975fe8;
}
#mainimg.text2021.final_project .item-text h2 {
  color: #0074e6;
}
.final_project .text2021 .item-text h2 .sp_only,
.success_stories .text2021 .item-text h2 .sp_only,
.ver_2022 .text2021.special .item-text h2 .sp_only,
.ver_2022 .text2021.system .item-text h2 .sp_only,
#mainimg.text2021.success_stories h2 .sp_only {
  display: none;
}ß
.ver_2022 #mainimg.text2021.works .item-text,
.ver_2022 .text2021.special .item-text,
.ver_2022 .text2021.system .item-text {
  box-shadow: 2px 3px 6px 1px rgb(0 0 0 / 30%);
}

#mainimg.text2021.equipment .item-text p,
.final_project #mainimg.text2021 .item-text p,
.ver_2022 #mainimg.text2021.works .item-text p,
.ver_2022 .text2021.special .item-text p,
.ver_2022 .text2021.system .item-text p {
  font-weight: bold;
}
.final_project #mainimg.text2021 .item-text p .sp_only,
.floor #mainimg.text2021 .sp_only {
  display: none;
}

#mainimg.text2021.system h2 {
  color: #44D300;
}

#mainimg.text2021.special h2 {
  color: #00C878;
}

#mainimg.text2021.success_stories h2 {
  color: #00ADBA;
}

@media screen and (max-width: 930px) {
#mainimg.text2021.works .item-main {
  background-size: 76%;
  background-position: right top 3%;
}
}
@media screen and (max-width: 700px) {
.ver2022 #mainimg.text2021.final_project,
.ver_2022 #mainimg.text2021.special,
.ver_2022 #mainimg.text2021.system {
  padding: 15px 25px 0 5px;
}
.floor #mainimg.text2021.equipment {
  padding: 25px 15px 15px 15px;
}
body.message #mainimg.text2021,
.ver_2022 #mainimg.text2021.system,
.ver_2022 #mainimg.text2021.special {
 padding: 25px 15px 10px;
}
body.message #mainimg.text2021 .inside {
  padding: 0;
}
#mainimg.message .inside .inner_border,
#mainimg.system .inside .inner_border,
#mainimg.special .inside .inner_border,
#mainimg.success_stories .inside .inner_border,
#mainimg.final_project .inside .inner_border,
#mainimg.equipment .inside .inner_border,
#guide-parents .inside .inner_border {
  background-size: 170%,3.7%;
}
.message #mainimg.text2021 .item-hd + img,
.ver_2022 #mainimg.text2021.final_project .item-hd + img,
.ver_2022 #mainimg.text2021.success_stories .item-hd + img,
.ver_2022 #mainimg.text2021.special .item-hd + img,
.ver_2022 #mainimg.text2021.system .item-hd + img,
.ver_2022 #mainimg.text2021.success_stories .item-hd + img,
.ver_2022 #mainimg.text2021.equipment .item-hd + img {
  display: block;
  margin: 5% 0 4% 9%;
  width: 85%;
}
.message #mainimg.text2021 .item-hd,
.ver_2022 #mainimg.text2021.final_project .item-hd,
.ver_2022 #mainimg.text2021.special .item-hd,
.ver_2022 #mainimg.text2021.system .item-hd {
    margin: 0;
}
#mainimg.text2021.works .out_border::before {
  background: #e95541;
}
#mainimg.text2021.works .out_border::after {
  background: #e95541;
}
#mainimg.text2021.works .item-main {
  background-image: none;
}
.ver_2022 #mainimg.text2021.works .item-hd {
  margin: -8px 0 18px 4px;
}
.ver_2022 #mainimg.text2021.works .item-hd img {
  width: 104%;
  max-width: 104%;
}
#mainimg.text2021.works .out_border .item-main .works-sp-hd {
  display: block;
}
#mainimg.text2021.works .item-text br.pc {
  display: none;
}
.floor #mainimg.text2021.equipment span {
  display: block;
  width: 96%;
  padding-left: 4%;
}
.floor #mainimg.text2021.equipment span img {
  width: 97%;
  padding-left: 12px;
}
#mainimg.text2021.equipment .item-text {
  margin: 0 2.5% 25px 9%;
}
#mainimg.text2021 .inside,
.floor #mainimg.text2021.equipment .inside,
body.message #mainimg.text2021 .inside,
.ver_2022 #mainimg.text2021.final_project .inside,
.ver_2022 #mainimg.text2021.works .inside,
.ver_2022 #mainimg.text2021.success_stories .inside,
.ver_2022 #mainimg.text2021.special .inside,
.ver_2022 #mainimg.text2021.system .inside {
    padding: 0;
}
#mainimg.text2021.success_stories h2 .sp_only,
#mainimg.text2021.final_project h2 .sp_only,
.floor #mainimg.text2021 .sp_only {
  display: block;
}
#mainimg.text2021.success_stories h2 br {
  display: none;
}
  #mainimg.text2021 .item-hd {
    margin: -10px -10px 10px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #mainimg.text2021 .item-hd span:nth-child(2) {
    margin-top: -20px;
  }
  #mainimg.text2021 .item-text {
    padding: 10px;
  }
  #mainimg.text2021.works .item-text {
    margin-left: 0;
  }
  #mainimg.text2021.message .item-text,
  #mainimg.text2021.system .item-text,
  #mainimg.text2021.special .item-text,
  #mainimg.text2021.success_stories .item-text,
  #mainimg.text2021.final_project .item-text,
  #guide-parents .item-text {
    padding: 10px 0;
    margin: 0 6.5% 25px 9%;
  }
  #guide-parents .item-text {
    margin: 0 6.5% 15px 9%;
  }
  #mainimg.text2021 .item-text h2 {
    font-size: 20px;
    font-size: 1.3333333333rem;
    font-weight: bold;
  }
  #mainimg.equipment .pro_facility {
    text-align: left;
    margin: 0 6.5% 0 8%;
  }
  #mainimg.equipment .pro_facility span {
    font-size: 1.2rem;
  }
  #mainimg.text2021 .item-text p {
    font-size: 16px;
    font-size: 1.0666666667rem;
  }
  #mainimg.text2021.equipment .item-hd span:nth-child(2) {
    margin-top: 5px;
    margin-left: 8px;
    font-size: 18px;
    font-size: 1.2rem;
  }
}

/* main
------------------------------------------------------------*/
main.top2021, main.next2021 {
  display: block;
  overflow: hidden;
  padding: 20px 30px 20px;
}
.final_project main.next2021,
.ver_2022 main.next2021.final_project,
.final_project main.next2021,
.ob-voice-department main.next2021,
.ob-illust-department main.next2021,
.ob-comic-department main.next2021,
.ob-game-department main.next2021,
.ob-novels-department main.next2021,
.ob-figure-department main.next2021,
.works main.next2021,
.works-voice main.next2021,
.works-illust main.next2021,
.works-comic-illust main.next2021,
.works-game main.next2021,
.works-novels main.next2021,
.works-figure main.next2021,
.success_stories main.next2021,
.ob-voice-department main.next2021,
.ob-illust-department main.next2021,
.ob-comic-department main.next2021,
.ob-game-department main.next2021,
.ob-novels-department main.next2021,
.ob-figure-department main.next2021,
.illust-department main.next2021,
.comic-department main.next2021,
.game-department main.next2021,
.novels-department main.next2021,
.figure-department main.next2021,
.voice-department main.next2021 {
  padding: 9px 30px 20px;
}


main.top2022 {
  padding: 0 30px 20px;
}
.guide main.next2021,
.strong-point main.next2021,
.course main.next2021,
.anime main.next2021,
.voice main.next2021,
.illust main.next2021,
.comic-illust main.next2021,
.game main.next2021,
.novels main.next2021,
.figure main.next2021,
.inter-student main.next2021,
.admission main.next2021,
.admission main.next2021,
.boshu-high main.next2021,
.boshu-ao main.next2021,
.boshu-college main.next2021,
.expenses main.next2021,
.studentunion main.next2021,
.faq main.next2021,
.debut main.next2021,
.guidebook main.next2021,
.inquiry main.next2021,
.guidance main.next2021,
.os2022 main.next2021,
.school_tour main.next2021,
.access main.next2021,
.public-info main.next2021 {
  padding: 0 25px 20px 25px;
}
@media (max-width: 480px) {
  .course main.next2021 {
    padding: 10px 15px 40px;
  }
}
main.top2021 .content, main.next2021 .content {
  width: 900px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

main.top2021 > section, main.next2021 > section {
  position: relative;
  width: 950px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.os2024 main.next2021 > section,
.strong-point main.next2021 > section,
.works main.next2021 > section,
.home main.top2021 > section,
.success_stories main.next2021 > section,
.final_project main.next2021 .sec-box,
.message main.next2021 > section,
.system main.next2021 > section,
.special main.next2021 > section,
.works-illust .sec_works_intro,
.works-voice .sec_works_intro,
.works-comic-illust .sec_works_intro,
.works-game .sec_works_intro,
.works-novels .sec_works_intro,
.works-figure .sec_works_intro,
main.next2021 .sec-box.equipment,
main.next2021 .sec-box[class*="voice"],
main.next2021 .sec-box[class*="illust"],
main.next2021 .sec-box[class*="manga"],
main.next2021 .sec-box[class*="game"],
main.next2021 .sec-box[class*="novels"],
main.next2021 .sec-box[class*="figure"] {
  width: 900px;
}
.success_stories main.next2021 .tab-block,
.voice-department main.next2021 .tab-block,
.illust-department main.next2021 .tab-block,
.comic-department main.next2021 .tab-block,
.game-department main.next2021 .tab-block,
.novels-department main.next2021 .tab-block,
.figure-department main.next2021 .tab-block {
  padding-top: 0;
}
.final_project main.next2021 .tab-block .item-text,
.ob-success_stories main.next2021 .tab-block .item-text,
.ob-voice-department main.next2021 .tab-block .item-text,
.ob-illust-department main.next2021 .tab-block .item-text,
.ob-comic-department main.next2021 .tab-block .item-text,
.ob-game-department main.next2021 .tab-block .item-text,
.ob-novels-department main.next2021 .tab-block .item-text,
.ob-figure-department main.next2021 .tab-block .item-text,
.success_stories main.next2021 .tab-block .item-text,
.voice-department main.next2021 .tab-block .item-text,
.illust-department main.next2021 .tab-block .item-text,
.comic-department main.next2021 .tab-block .item-text,
.game-department main.next2021 .tab-block .item-text,
.novels-department main.next2021 .tab-block .item-text,
.figure-department main.next2021 .tab-block .item-text,
.works main.next2021 .tab-block .item-text {
  margin-bottom: 5px;
}
main.next2021 .taiken-bnr {
  width:  100%;
}
main.next2021 .taiken-bnr p {
  text-align: center;
}
main.top2021 > section:not(:last-child), main.next2021 > section:not(:last-child) {
  margin-bottom: 30px;
}
.system main.next2021 > section {
  padding: 38px 20px 15px;
}
.special main.next2021 > section {
  padding: 38px 25px 20px;
}
.collabo main.next2021 .collabo-title {
  margin-bottom: 20px;
}


main.top2021 > section.w950, main.next2021 > section.w950 {
  width: 950px;
}

@media screen and (min-width: 701px) and (max-width: 900px) {
  /* main
------------------------------------------------------------*/
}

/*sp*/
@media screen and (max-width: 700px) {
  /* main
------------------------------------------------------------*/
  main.top2021, main.next2021 {
    padding: 10px 15px 40px;
  }
  main.top2021 > section:not(:last-child), main.next2021 > section:not(:last-child) {
    margin-bottom: 15px;
  }
  .collabo main.next2021 .collabo-title {
    margin-bottom: 15px;
}
}

main.top2021 {
  background:  #fff;
}
main.top2021 .pd, main.next2021 .pd {
  padding: 30px;
}

main.top2021 .mg, main.next2021 .mg {
  margin: 30px;
}

main.top2021 .nomb, main.next2021 .nomb {
  margin-bottom: 0 !important;
}

main.top2021 .nomt, main.next2021 .nomt {
  margin-top: 0 !important;
}

main.top2021 .nopt, main.next2021 .nopt {
  padding-top: 0 !important;
}

main.top2021 .nopb, main.next2021 .nopb {
  padding-bottom: 0 !important;
}

main.top2021 .pt, main.next2021 .pt {
  padding-top: 30px;
}

main.top2021 .pt5, main.next2021 .pt5 {
  padding-top: 5px;
}

main.top2021 .pt10, main.next2021 .pt10 {
  padding-top: 10px;
}

main.top2021 .pt15, main.next2021 .pt15 {
  padding-top: 15px;
}

main.top2021 .pt20, main.next2021 .pt20 {
  padding-top: 20px;
}

main.top2021 .pt25, main.next2021 .pt25 {
  padding-top: 25px;
}

main.top2021 .pt30, main.next2021 .pt30 {
  padding-top: 30px;
}

main.top2021 .pt35, main.next2021 .pt35 {
  padding-top: 35px;
}

main.top2021 .pt40, main.next2021 .pt40 {
  padding-top: 40px;
}

main.top2021 .pt45, main.next2021 .pt45 {
  padding-top: 45px;
}

main.top2021 .pt50, main.next2021 .pt50 {
  padding-top: 50px;
}

main.top2021 .pt60, main.next2021 .pt60 {
  padding-top: 60px;
}

main.top2021 .pt70, main.next2021 .pt70 {
  padding-top: 70px;
}

main.top2021 .pt80, main.next2021 .pt80 {
  padding-top: 80px;
}

main.top2021 .pt90, main.next2021 .pt90 {
  padding-top: 90px;
}

main.top2021 .pt100, main.next2021 .pt100 {
  padding-top: 100px;
}

main.top2021 .pt110, main.next2021 .pt110 {
  padding-top: 110px;
}

main.top2021 .pt120, main.next2021 .pt120 {
  padding-top: 120px;
}

main.top2021 .pt130, main.next2021 .pt130 {
  padding-top: 130px;
}

main.top2021 .pt140, main.next2021 .pt140 {
  padding-top: 140px;
}

main.top2021 .pt150, main.next2021 .pt150 {
  padding-top: 150px;
}

main.top2021 .pt160, main.next2021 .pt160 {
  padding-top: 160px;
}

main.top2021 .pt170, main.next2021 .pt170 {
  padding-top: 170px;
}

main.top2021 .pt180, main.next2021 .pt180 {
  padding-top: 180px;
}

main.top2021 .pt190, main.next2021 .pt190 {
  padding-top: 190px;
}

main.top2021 .pt200, main.next2021 .pt200 {
  padding-top: 200px;
}

main.top2021 .pb, main.next2021 .pb {
  padding-bottom: 30px;
}

main.top2021 .pb5, main.next2021 .pb5 {
  padding-bottom: 5px;
}

main.top2021 .pb10, main.next2021 .pb10 {
  padding-bottom: 10px;
}

main.top2021 .pb15, main.next2021 .pb15 {
  padding-bottom: 15px;
}

main.top2021 .pb20, main.next2021 .pb20 {
  padding-bottom: 20px;
}

main.top2021 .pb25, main.next2021 .pb25 {
  padding-bottom: 25px;
}

main.top2021 .pb30, main.next2021 .pb30 {
  padding-bottom: 30px;
}

main.top2021 .pb35, main.next2021 .pb35 {
  padding-bottom: 35px;
}

main.top2021 .pb40, main.next2021 .pb40 {
  padding-bottom: 40px;
}

main.top2021 .pb45, main.next2021 .pb45 {
  padding-bottom: 45px;
}

main.top2021 .pb50, main.next2021 .pb50 {
  padding-bottom: 50px;
}

main.top2021 .pb60, main.next2021 .pb60 {
  padding-bottom: 60px;
}

main.top2021 .pb70, main.next2021 .pb70 {
  padding-bottom: 70px;
}

main.top2021 .pb80, main.next2021 .pb80 {
  padding-bottom: 80px;
}

main.top2021 .pb90, main.next2021 .pb90 {
  padding-bottom: 90px;
}

main.top2021 .pb100, main.next2021 .pb100 {
  padding-bottom: 100px;
}

main.top2021 .pb110, main.next2021 .pb110 {
  padding-bottom: 110px;
}

main.top2021 .pb120, main.next2021 .pb120 {
  padding-bottom: 120px;
}

main.top2021 .pb130, main.next2021 .pb130 {
  padding-bottom: 130px;
}

main.top2021 .pb140, main.next2021 .pb140 {
  padding-bottom: 140px;
}

main.top2021 .pb150, main.next2021 .pb150 {
  padding-bottom: 150px;
}

main.top2021 .pb160, main.next2021 .pb160 {
  padding-bottom: 160px;
}

main.top2021 .pb170, main.next2021 .pb170 {
  padding-bottom: 170px;
}

main.top2021 .pb180, main.next2021 .pb180 {
  padding-bottom: 180px;
}

main.top2021 .pb190, main.next2021 .pb190 {
  padding-bottom: 190px;
}

main.top2021 .pb200, main.next2021 .pb200 {
  padding-bottom: 200px;
}

main.top2021 .mt, main.next2021 .mt {
  margin-top: 30px;
}

main.top2021 .mt5, main.next2021 .mt5 {
  margin-top: 5px;
}

main.top2021 .mt10, main.next2021 .mt10 {
  margin-top: 10px;
}

main.top2021 .mt15, main.next2021 .mt15 {
  margin-top: 15px;
}

main.top2021 .mt20, main.next2021 .mt20 {
  margin-top: 20px;
}

main.top2021 .mt25, main.next2021 .mt25 {
  margin-top: 25px;
}

main.top2021 .mt30, main.next2021 .mt30 {
  margin-top: 30px;
}

main.top2021 .mt35, main.next2021 .mt35 {
  margin-top: 35px;
}

main.top2021 .mt40, main.next2021 .mt40 {
  margin-top: 40px;
}

main.top2021 .mt45, main.next2021 .mt45 {
  margin-top: 45px;
}

main.top2021 .mt50, main.next2021 .mt50 {
  margin-top: 50px;
}

main.top2021 .mt60, main.next2021 .mt60 {
  margin-top: 60px;
}

main.top2021 .mt70, main.next2021 .mt70 {
  margin-top: 70px;
}

main.top2021 .mt80, main.next2021 .mt80 {
  margin-top: 80px;
}

main.top2021 .mt90, main.next2021 .mt90 {
  margin-top: 90px;
}

main.top2021 .mt100, main.next2021 .mt100 {
  margin-top: 100px;
}

main.top2021 .mt110, main.next2021 .mt110 {
  margin-top: 110px;
}

main.top2021 .mt120, main.next2021 .mt120 {
  margin-top: 120px;
}

main.top2021 .mt130, main.next2021 .mt130 {
  margin-top: 130px;
}

main.top2021 .mt140, main.next2021 .mt140 {
  margin-top: 140px;
}

main.top2021 .mt150, main.next2021 .mt150 {
  margin-top: 150px;
}

main.top2021 .mt160, main.next2021 .mt160 {
  margin-top: 160px;
}

main.top2021 .mt170, main.next2021 .mt170 {
  margin-top: 170px;
}

main.top2021 .mt180, main.next2021 .mt180 {
  margin-top: 180px;
}

main.top2021 .mt190, main.next2021 .mt190 {
  margin-top: 190px;
}

main.top2021 .mt200, main.next2021 .mt200 {
  margin-top: 200px;
}

main.top2021 .mb, main.next2021 .mb {
  margin-bottom: 30px;
}

main.top2021 .mb5, main.next2021 .mb5 {
  margin-bottom: 5px;
}

main.top2021 .mb10, main.next2021 .mb10 {
  margin-bottom: 10px;
}

main.top2021 .mb15, main.next2021 .mb15 {
  margin-bottom: 15px;
}

main.top2021 .mb20, main.next2021 .mb20 {
  margin-bottom: 20px;
}

main.top2021 .mb25, main.next2021 .mb25 {
  margin-bottom: 25px;
}

main.top2021 .mb30, main.next2021 .mb30 {
  margin-bottom: 30px;
}

main.top2021 .mb35, main.next2021 .mb35 {
  margin-bottom: 35px;
}

main.top2021 .mb40, main.next2021 .mb40 {
  margin-bottom: 40px;
}

main.top2021 .mb45, main.next2021 .mb45 {
  margin-bottom: 45px;
}

main.top2021 .mb50, main.next2021 .mb50 {
  margin-bottom: 50px;
}

main.top2021 .mb60, main.next2021 .mb60 {
  margin-bottom: 60px;
}

main.top2021 .mb70, main.next2021 .mb70 {
  margin-bottom: 70px;
}

main.top2021 .mb80, main.next2021 .mb80 {
  margin-bottom: 80px;
}

main.top2021 .mb90, main.next2021 .mb90 {
  margin-bottom: 90px;
}

main.top2021 .mb100, main.next2021 .mb100 {
  margin-bottom: 100px;
}

main.top2021 .mb110, main.next2021 .mb110 {
  margin-bottom: 110px;
}

main.top2021 .mb120, main.next2021 .mb120 {
  margin-bottom: 120px;
}

main.top2021 .mb130, main.next2021 .mb130 {
  margin-bottom: 130px;
}

main.top2021 .mb140, main.next2021 .mb140 {
  margin-bottom: 140px;
}

main.top2021 .mb150, main.next2021 .mb150 {
  margin-bottom: 150px;
}

main.top2021 .mb160, main.next2021 .mb160 {
  margin-bottom: 160px;
}

main.top2021 .mb170, main.next2021 .mb170 {
  margin-bottom: 170px;
}

main.top2021 .mb180, main.next2021 .mb180 {
  margin-bottom: 180px;
}

main.top2021 .mb190, main.next2021 .mb190 {
  margin-bottom: 190px;
}

main.top2021 .mb200, main.next2021 .mb200 {
  margin-bottom: 200px;
}

main.top2021 .pl, main.next2021 .pl {
  padding-left: 30px;
}

main.top2021 .pl5, main.next2021 .pl5 {
  padding-left: 5px;
}

main.top2021 .pl10, main.next2021 .pl10 {
  padding-left: 10px;
}

main.top2021 .pl15, main.next2021 .pl15 {
  padding-left: 15px;
}

main.top2021 .pl20, main.next2021 .pl20 {
  padding-left: 20px;
}

main.top2021 .pl25, main.next2021 .pl25 {
  padding-left: 25px;
}

main.top2021 .pr, main.next2021 .pr {
  padding-right: 30px;
}

main.top2021 .pr5, main.next2021 .pr5 {
  padding-right: 5px;
}

main.top2021 .pr10, main.next2021 .pr10 {
  padding-right: 10px;
}

main.top2021 .pr15, main.next2021 .pr15 {
  padding-right: 15px;
}

main.top2021 .pr20, main.next2021 .pr20 {
  padding-right: 20px;
}

main.top2021 .pr25, main.next2021 .pr25 {
  padding-right: 25px;
}

main.top2021 .ml, main.next2021 .ml {
  margin-left: 30px;
}

main.top2021 .ml-a, main.next2021 .ml-a {
  margin-left: auto;
}

main.top2021 .ml5, main.next2021 .ml5 {
  margin-left: 5px;
}

main.top2021 .ml10, main.next2021 .ml10 {
  margin-left: 10px;
}

main.top2021 .ml15, main.next2021 .ml15 {
  margin-left: 15px;
}

main.top2021 .ml20, main.next2021 .ml20 {
  margin-left: 20px;
}

main.top2021 .ml25, main.next2021 .ml25 {
  margin-left: 25px;
}

main.top2021 .mr, main.next2021 .mr {
  margin-right: 30px;
}

main.top2021 .mr-a, main.next2021 .mr-a {
  margin-right: auto;
}

main.top2021 .mr5, main.next2021 .mr5 {
  margin-right: 5px;
}

main.top2021 .mr10, main.next2021 .mr10 {
  margin-right: 10px;
}

main.top2021 .mr15, main.next2021 .mr15 {
  margin-right: 15px;
}

main.top2021 .mr20, main.next2021 .mr20 {
  margin-right: 20px;
}

main.top2021 .mr25, main.next2021 .mr25 {
  margin-right: 25px;
}

@media screen and (max-width: 700px) {
  main.top2021 .pd, main.next2021 .pd {
    padding: 20px;
  }
  main.top2021 .mg, main.next2021 .mg {
    margin: 20px;
  }
  main.top2021 .pt, main.next2021 .pt {
    padding-top: 20px;
  }
  main.top2021 .pt5, main.next2021 .pt5 {
    padding-top: 3px;
  }
  main.top2021 .pt10, main.next2021 .pt10 {
    padding-top: 6px;
  }
  main.top2021 .pt15, main.next2021 .pt15 {
    padding-top: 9px;
  }
  main.top2021 .pt20, main.next2021 .pt20 {
    padding-top: 12px;
  }
  main.top2021 .pt25, main.next2021 .pt25 {
    padding-top: 15px;
  }
  main.top2021 .pt30, main.next2021 .pt30 {
    padding-top: 18px;
  }
  main.top2021 .pt35, main.next2021 .pt35 {
    padding-top: 21px;
  }
  main.top2021 .pt40, main.next2021 .pt40 {
    padding-top: 24px;
  }
  main.top2021 .pt45, main.next2021 .pt45 {
    padding-top: 27px;
  }
  main.top2021 .pt50, main.next2021 .pt50 {
    padding-top: 30px;
  }
  main.top2021 .pt60, main.next2021 .pt60 {
    padding-top: 36px;
  }
  main.top2021 .pt70, main.next2021 .pt70 {
    padding-top: 42px;
  }
  main.top2021 .pt80, main.next2021 .pt80 {
    padding-top: 48px;
  }
  main.top2021 .pt90, main.next2021 .pt90 {
    padding-top: 54px;
  }
  main.top2021 .pt100, main.next2021 .pt100 {
    padding-top: 60px;
  }
  main.top2021 .pt110, main.next2021 .pt110 {
    padding-top: 66px;
  }
  main.top2021 .pt120, main.next2021 .pt120 {
    padding-top: 72px;
  }
  main.top2021 .pt130, main.next2021 .pt130 {
    padding-top: 78px;
  }
  main.top2021 .pt140, main.next2021 .pt140 {
    padding-top: 84px;
  }
  main.top2021 .pt150, main.next2021 .pt150 {
    padding-top: 90px;
  }
  main.top2021 .pt160, main.next2021 .pt160 {
    padding-top: 96px;
  }
  main.top2021 .pt170, main.next2021 .pt170 {
    padding-top: 102px;
  }
  main.top2021 .pt180, main.next2021 .pt180 {
    padding-top: 108px;
  }
  main.top2021 .pt190, main.next2021 .pt190 {
    padding-top: 114px;
  }
  main.top2021 .pt200, main.next2021 .pt200 {
    padding-top: 120px;
  }
  main.top2021 .pb, main.next2021 .pb {
    padding-bottom: 20px;
  }
  main.top2021 .pb5, main.next2021 .pb5 {
    padding-bottom: 3px;
  }
  main.top2021 .pb10, main.next2021 .pb10 {
    padding-bottom: 6px;
  }
  main.top2021 .pb15, main.next2021 .pb15 {
    padding-bottom: 9px;
  }
  main.top2021 .pb20, main.next2021 .pb20 {
    padding-bottom: 12px;
  }
  main.top2021 .pb25, main.next2021 .pb25 {
    padding-bottom: 15px;
  }
  main.top2021 .pb30, main.next2021 .pb30 {
    padding-bottom: 18px;
  }
  main.top2021 .pb35, main.next2021 .pb35 {
    padding-bottom: 21px;
  }
  main.top2021 .pb40, main.next2021 .pb40 {
    padding-bottom: 24px;
  }
  main.top2021 .pb45, main.next2021 .pb45 {
    padding-bottom: 27px;
  }
  main.top2021 .pb50, main.next2021 .pb50 {
    padding-bottom: 30px;
  }
  main.top2021 .pb55, main.next2021 .pb55 {
    padding-bottom: 33px;
  }
  main.top2021 .pb60, main.next2021 .pb60 {
    padding-bottom: 36px;
  }
  main.top2021 .pb65, main.next2021 .pb65 {
    padding-bottom: 39px;
  }
  main.top2021 .pb70, main.next2021 .pb70 {
    padding-bottom: 42px;
  }
  main.top2021 .pb75, main.next2021 .pb75 {
    padding-bottom: 45px;
  }
  main.top2021 .pb80, main.next2021 .pb80 {
    padding-bottom: 48px;
  }
  main.top2021 .pb85, main.next2021 .pb85 {
    padding-bottom: 51px;
  }
  main.top2021 .pb90, main.next2021 .pb90 {
    padding-bottom: 54px;
  }
  main.top2021 .pb95, main.next2021 .pb95 {
    padding-bottom: 57px;
  }
  main.top2021 .pb100, main.next2021 .pb100 {
    padding-bottom: 60px;
  }
  main.top2021 .pb60, main.next2021 .pb60 {
    padding-bottom: 36px;
  }
  main.top2021 .pb70, main.next2021 .pb70 {
    padding-bottom: 42px;
  }
  main.top2021 .pb80, main.next2021 .pb80 {
    padding-bottom: 48px;
  }
  main.top2021 .pb90, main.next2021 .pb90 {
    padding-bottom: 54px;
  }
  main.top2021 .pb100, main.next2021 .pb100 {
    padding-bottom: 60px;
  }
  main.top2021 .mt, main.next2021 .mt {
    margin-top: 20px;
  }
  main.top2021 .mt5, main.next2021 .mt5 {
    margin-top: 3px;
  }
  main.top2021 .mt10, main.next2021 .mt10 {
    margin-top: 6px;
  }
  main.top2021 .mt15, main.next2021 .mt15 {
    margin-top: 9px;
  }
  main.top2021 .mt20, main.next2021 .mt20 {
    margin-top: 12px;
  }
  main.top2021 .mt25, main.next2021 .mt25 {
    margin-top: 15px;
  }
  main.top2021 .mt30, main.next2021 .mt30 {
    margin-top: 18px;
  }
  main.top2021 .mt35, main.next2021 .mt35 {
    margin-top: 21px;
  }
  main.top2021 .mt40, main.next2021 .mt40 {
    margin-top: 24px;
  }
  main.top2021 .mt45, main.next2021 .mt45 {
    margin-top: 27px;
  }
  main.top2021 .mt50, main.next2021 .mt50 {
    margin-top: 30px;
  }
  main.top2021 .mt55, main.next2021 .mt55 {
    margin-top: 33px;
  }
  main.top2021 .mt60, main.next2021 .mt60 {
    margin-top: 36px;
  }
  main.top2021 .mt65, main.next2021 .mt65 {
    margin-top: 39px;
  }
  main.top2021 .mt70, main.next2021 .mt70 {
    margin-top: 42px;
  }
  main.top2021 .mt75, main.next2021 .mt75 {
    margin-top: 45px;
  }
  main.top2021 .mt80, main.next2021 .mt80 {
    margin-top: 48px;
  }
  main.top2021 .mt85, main.next2021 .mt85 {
    margin-top: 51px;
  }
  main.top2021 .mt90, main.next2021 .mt90 {
    margin-top: 54px;
  }
  main.top2021 .mt95, main.next2021 .mt95 {
    margin-top: 57px;
  }
  main.top2021 .mt100, main.next2021 .mt100 {
    margin-top: 60px;
  }
  main.top2021 .mt60, main.next2021 .mt60 {
    margin-top: 36px;
  }
  main.top2021 .mt70, main.next2021 .mt70 {
    margin-top: 42px;
  }
  main.top2021 .mt80, main.next2021 .mt80 {
    margin-top: 48px;
  }
  main.top2021 .mt90, main.next2021 .mt90 {
    margin-top: 54px;
  }
  main.top2021 .mt100, main.next2021 .mt100 {
    margin-top: 60px;
  }
  main.top2021 .mb, main.next2021 .mb {
    margin-bottom: 20px;
  }
  main.top2021 .mb5, main.next2021 .mb5 {
    margin-bottom: 3px;
  }
  main.top2021 .mb10, main.next2021 .mb10 {
    margin-bottom: 6px;
  }
  main.top2021 .mb15, main.next2021 .mb15 {
    margin-bottom: 9px;
  }
  main.top2021 .mb20, main.next2021 .mb20 {
    margin-bottom: 12px;
  }
  main.top2021 .mb25, main.next2021 .mb25 {
    margin-bottom: 15px;
  }
  main.top2021 .mb30, main.next2021 .mb30 {
    margin-bottom: 18px;
  }
  main.top2021 .mb35, main.next2021 .mb35 {
    margin-bottom: 21px;
  }
  main.top2021 .mb40, main.next2021 .mb40 {
    margin-bottom: 24px;
  }
  main.top2021 .mb45, main.next2021 .mb45 {
    margin-bottom: 27px;
  }
  main.top2021 .mb50, main.next2021 .mb50 {
    margin-bottom: 30px;
  }
  main.top2021 .mb55, main.next2021 .mb55 {
    margin-bottom: 33px;
  }
  main.top2021 .mb60, main.next2021 .mb60 {
    margin-bottom: 36px;
  }
  main.top2021 .mb65, main.next2021 .mb65 {
    margin-bottom: 39px;
  }
  main.top2021 .mb70, main.next2021 .mb70 {
    margin-bottom: 42px;
  }
  main.top2021 .mb75, main.next2021 .mb75 {
    margin-bottom: 45px;
  }
  main.top2021 .mb80, main.next2021 .mb80 {
    margin-bottom: 48px;
  }
  main.top2021 .mb85, main.next2021 .mb85 {
    margin-bottom: 51px;
  }
  main.top2021 .mb90, main.next2021 .mb90 {
    margin-bottom: 54px;
  }
  main.top2021 .mb95, main.next2021 .mb95 {
    margin-bottom: 57px;
  }
  main.top2021 .mb100, main.next2021 .mb100 {
    margin-bottom: 60px;
  }
  main.top2021 .mb60, main.next2021 .mb60 {
    margin-bottom: 36px;
  }
  main.top2021 .mb70, main.next2021 .mb70 {
    margin-bottom: 42px;
  }
  main.top2021 .mb80, main.next2021 .mb80 {
    margin-bottom: 48px;
  }
  main.top2021 .mb90, main.next2021 .mb90 {
    margin-bottom: 54px;
  }
  main.top2021 .mb100, main.next2021 .mb100 {
    margin-bottom: 60px;
  }
  main.top2021 .pl, main.next2021 .pl {
    padding-left: 20px;
  }
  main.top2021 .pl5, main.next2021 .pl5 {
    padding-left: 3px;
  }
  main.top2021 .pl10, main.next2021 .pl10 {
    padding-left: 6px;
  }
  main.top2021 .pl15, main.next2021 .pl15 {
    padding-left: 9px;
  }
  main.top2021 .pl20, main.next2021 .pl20 {
    padding-left: 12px;
  }
  main.top2021 .pl25, main.next2021 .pl25 {
    padding-left: 15px;
  }
  main.top2021 .pr, main.next2021 .pr {
    padding-right: 20px;
  }
  main.top2021 .pr5, main.next2021 .pr5 {
    padding-right: 3px;
  }
  main.top2021 .pr10, main.next2021 .pr10 {
    padding-right: 6px;
  }
  main.top2021 .pr15, main.next2021 .pr15 {
    padding-right: 9px;
  }
  main.top2021 .pr20, main.next2021 .pr20 {
    padding-right: 12px;
  }
  main.top2021 .pr25, main.next2021 .pr25 {
    padding-right: 15px;
  }
  main.top2021 .ml, main.next2021 .ml {
    margin-left: 20px;
  }
  main.top2021 .ml5, main.next2021 .ml5 {
    margin-left: 3px;
  }
  main.top2021 .ml10, main.next2021 .ml10 {
    margin-left: 6px;
  }
  main.top2021 .ml15, main.next2021 .ml15 {
    margin-left: 9px;
  }
  main.top2021 .ml20, main.next2021 .ml20 {
    margin-left: 12px;
  }
  main.top2021 .ml25, main.next2021 .ml25 {
    margin-left: 15px;
  }
  main.top2021 .mr, main.next2021 .mr {
    margin-right: 20px;
  }
  main.top2021 .mr5, main.next2021 .mr5 {
    margin-right: 3px;
  }
  main.top2021 .mr10, main.next2021 .mr10 {
    margin-right: 6px;
  }
  main.top2021 .mr15, main.next2021 .mr15 {
    margin-right: 9px;
  }
  main.top2021 .mr20, main.next2021 .mr20 {
    margin-right: 12px;
  }
  main.top2021 .mr25, main.next2021 .mr25 {
    margin-right: 15px;
  }
}

main.top2021 .btn, main.next2021 .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  max-width: 100%;
  height: 35px;
  padding-left: 15px;
  padding-right: 15px;
  background: #0080CD;
  border: 1px solid #0080CD;
  color: #FFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  top: 0;
  line-height: 1.2;
}

main.top2021 .btn:hover, main.next2021 .btn:hover {
  text-decoration: none;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

main.top2021 .btn:disabled, main.next2021 .btn:disabled {
  pointer-events: none;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

main.top2021 .btn.sml, main.next2021 .btn.sml {
  height: 35px;
  font-size: 14px;
  font-size: 0.9333333333rem;
}

main.top2021 .btn.lg, main.next2021 .btn.lg {
  height: 70px;
  font-size: 18px;
  font-size: 1.2rem;
}

main.top2021 .btn.shadow, main.next2021 .btn.shadow {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
}

main.top2021 .btn-img, main.next2021 .btn-img {
  line-height: 0;
}

main.top2021 .btn-block, main.next2021 .btn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -10px -15px;
}

main.top2021 .btn-block.left, main.next2021 .btn-block.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

main.top2021 .btn-block.right, main.next2021 .btn-block.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

main.top2021 .btn-block.f-wrap, main.next2021 .btn-block.f-wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

main.top2021 .btn-block > *, main.next2021 .btn-block > * {
  margin: 0 10px 15px;
}

main.top2021 .btn-block > *.w5p, main.next2021 .btn-block > *.w5p {
  width: calc(5% - 20px);
}

main.top2021 .btn-block > *.w10p, main.next2021 .btn-block > *.w10p {
  width: calc(10% - 20px);
}

main.top2021 .btn-block > *.w15p, main.next2021 .btn-block > *.w15p {
  width: calc(15% - 20px);
}

main.top2021 .btn-block > *.w20p, main.next2021 .btn-block > *.w20p {
  width: calc(20% - 20px);
}

main.top2021 .btn-block > *.w25p, main.next2021 .btn-block > *.w25p {
  width: calc(25% - 20px);
}

main.top2021 .btn-block > *.w30p, main.next2021 .btn-block > *.w30p {
  width: calc(30% - 20px);
}

main.top2021 .btn-block > *.w35p, main.next2021 .btn-block > *.w35p {
  width: calc(35% - 20px);
}

main.top2021 .btn-block > *.w40p, main.next2021 .btn-block > *.w40p {
  width: calc(40% - 20px);
}

main.top2021 .btn-block > *.w45p, main.next2021 .btn-block > *.w45p {
  width: calc(45% - 20px);
}

main.top2021 .btn-block > *.w50p, main.next2021 .btn-block > *.w50p {
  width: calc(50% - 20px);
}

main.top2021 .btn-block > *.w55p, main.next2021 .btn-block > *.w55p {
  width: calc(55% - 20px);
}

main.top2021 .btn-block > *.w60p, main.next2021 .btn-block > *.w60p {
  width: calc(60% - 20px);
}

main.top2021 .btn-block > *.w65p, main.next2021 .btn-block > *.w65p {
  width: calc(65% - 20px);
}

main.top2021 .btn-block > *.w70p, main.next2021 .btn-block > *.w70p {
  width: calc(70% - 20px);
}

main.top2021 .btn-block > *.w75p, main.next2021 .btn-block > *.w75p {
  width: calc(75% - 20px);
}

main.top2021 .btn-block > *.w80p, main.next2021 .btn-block > *.w80p {
  width: calc(80% - 20px);
}

main.top2021 .btn-block > *.w85p, main.next2021 .btn-block > *.w85p {
  width: calc(85% - 20px);
}

main.top2021 .btn-block > *.w90p, main.next2021 .btn-block > *.w90p {
  width: calc(90% - 20px);
}

main.top2021 .btn-block > *.w95p, main.next2021 .btn-block > *.w95p {
  width: calc(95% - 20px);
}

main.top2021 .btn-block > *.w100p, main.next2021 .btn-block > *.w100p {
  width: calc(100% - 20px);
}

@media screen and (max-width: 700px) {
  main.top2021 .btn-block, main.next2021 .btn-block {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px -10px;
  }
  main.top2021 .btn-block > *, main.next2021 .btn-block > * {
    margin: 0 5px 10px;
  }
  .boshu-ao main.next2021 .btn,
  .boshu-college main.next2021 .btn {
    padding: 7px 15px;
    height: auto;
  }
  .boshu-ao main.next2021 .btn .sp,
  .boshu-college main.next2021 .btn .sp {
    display: none;
  }
  main.top2021 .btn-block > *.w5p, main.next2021 .btn-block > *.w5p {
    width: calc(5% - 10px);
  }
  main.top2021 .btn-block > *.w5p-sp, main.next2021 .btn-block > *.w5p-sp {
    width: calc(5% - 10px);
  }
  main.top2021 .btn-block > *.w10p, main.next2021 .btn-block > *.w10p {
    width: calc(10% - 10px);
  }
  main.top2021 .btn-block > *.w10p-sp, main.next2021 .btn-block > *.w10p-sp {
    width: calc(10% - 10px);
  }
  main.top2021 .btn-block > *.w15p, main.next2021 .btn-block > *.w15p {
    width: calc(15% - 10px);
  }
  main.top2021 .btn-block > *.w15p-sp, main.next2021 .btn-block > *.w15p-sp {
    width: calc(15% - 10px);
  }
  main.top2021 .btn-block > *.w20p, main.next2021 .btn-block > *.w20p {
    width: calc(20% - 10px);
  }
  main.top2021 .btn-block > *.w20p-sp, main.next2021 .btn-block > *.w20p-sp {
    width: calc(20% - 10px);
  }
  main.top2021 .btn-block > *.w25p, main.next2021 .btn-block > *.w25p {
    width: calc(25% - 10px);
  }
  main.top2021 .btn-block > *.w25p-sp, main.next2021 .btn-block > *.w25p-sp {
    width: calc(25% - 10px);
  }
  main.top2021 .btn-block > *.w30p, main.next2021 .btn-block > *.w30p {
    width: calc(30% - 10px);
  }
  main.top2021 .btn-block > *.w30p-sp, main.next2021 .btn-block > *.w30p-sp {
    width: calc(30% - 10px);
  }
  main.top2021 .btn-block > *.w35p, main.next2021 .btn-block > *.w35p {
    width: calc(35% - 10px);
  }
  main.top2021 .btn-block > *.w35p-sp, main.next2021 .btn-block > *.w35p-sp {
    width: calc(35% - 10px);
  }
  main.top2021 .btn-block > *.w40p, main.next2021 .btn-block > *.w40p {
    width: calc(40% - 10px);
  }
  main.top2021 .btn-block > *.w40p-sp, main.next2021 .btn-block > *.w40p-sp {
    width: calc(40% - 10px);
  }
  main.top2021 .btn-block > *.w45p, main.next2021 .btn-block > *.w45p {
    width: calc(45% - 10px);
  }
  main.top2021 .btn-block > *.w45p-sp, main.next2021 .btn-block > *.w45p-sp {
    width: calc(45% - 10px);
  }
  main.top2021 .btn-block > *.w50p, main.next2021 .btn-block > *.w50p {
    width: calc(50% - 10px);
  }
  main.top2021 .btn-block > *.w50p-sp, main.next2021 .btn-block > *.w50p-sp {
    width: calc(50% - 10px);
  }
  main.top2021 .btn-block > *.w55p, main.next2021 .btn-block > *.w55p {
    width: calc(55% - 10px);
  }
  main.top2021 .btn-block > *.w55p-sp, main.next2021 .btn-block > *.w55p-sp {
    width: calc(55% - 10px);
  }
  main.top2021 .btn-block > *.w60p, main.next2021 .btn-block > *.w60p {
    width: calc(60% - 10px);
  }
  main.top2021 .btn-block > *.w60p-sp, main.next2021 .btn-block > *.w60p-sp {
    width: calc(60% - 10px);
  }
  main.top2021 .btn-block > *.w65p, main.next2021 .btn-block > *.w65p {
    width: calc(65% - 10px);
  }
  main.top2021 .btn-block > *.w65p-sp, main.next2021 .btn-block > *.w65p-sp {
    width: calc(65% - 10px);
  }
  main.top2021 .btn-block > *.w70p, main.next2021 .btn-block > *.w70p {
    width: calc(70% - 10px);
  }
  main.top2021 .btn-block > *.w70p-sp, main.next2021 .btn-block > *.w70p-sp {
    width: calc(70% - 10px);
  }
  main.top2021 .btn-block > *.w75p, main.next2021 .btn-block > *.w75p {
    width: calc(75% - 10px);
  }
  main.top2021 .btn-block > *.w75p-sp, main.next2021 .btn-block > *.w75p-sp {
    width: calc(75% - 10px);
  }
  main.top2021 .btn-block > *.w80p, main.next2021 .btn-block > *.w80p {
    width: calc(80% - 10px);
  }
  main.top2021 .btn-block > *.w80p-sp, main.next2021 .btn-block > *.w80p-sp {
    width: calc(80% - 10px);
  }
  main.top2021 .btn-block > *.w85p, main.next2021 .btn-block > *.w85p {
    width: calc(85% - 10px);
  }
  main.top2021 .btn-block > *.w85p-sp, main.next2021 .btn-block > *.w85p-sp {
    width: calc(85% - 10px);
  }
  main.top2021 .btn-block > *.w90p, main.next2021 .btn-block > *.w90p {
    width: calc(90% - 10px);
  }
  main.top2021 .btn-block > *.w90p-sp, main.next2021 .btn-block > *.w90p-sp {
    width: calc(90% - 10px);
  }
  main.top2021 .btn-block > *.w95p, main.next2021 .btn-block > *.w95p {
    width: calc(95% - 10px);
  }
  main.top2021 .btn-block > *.w95p-sp, main.next2021 .btn-block > *.w95p-sp {
    width: calc(95% - 10px);
  }
  main.top2021 .btn-block > *.w100p, main.next2021 .btn-block > *.w100p {
    width: calc(100% - 10px);
  }
  main.top2021 .btn-block > *.w100p-sp, main.next2021 .btn-block > *.w100p-sp {
    width: calc(100% - 10px);
  }
}

main.top2021 input.btn, main.next2021 input.btn {
  display: -moz-inline-box;
  display: inline-block;
  font-family: tbudgothic-std, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

main.top2021 .link, main.next2021 .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

main.top2021 .link-block, main.next2021 .link-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -10px -15px;
}

main.top2021 .link-block.left, main.next2021 .link-block.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

main.top2021 .link-block.right, main.next2021 .link-block.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

main.top2021 .link-block.f-wrap, main.next2021 .link-block.f-wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

main.top2021 .link-block > *, main.next2021 .link-block > * {
  margin: 0 10px 15px;
}

main.top2021 .link-block > *.w5p, main.next2021 .link-block > *.w5p {
  width: calc(5% - 20px);
}

main.top2021 .link-block > *.w10p, main.next2021 .link-block > *.w10p {
  width: calc(10% - 20px);
}

main.top2021 .link-block > *.w15p, main.next2021 .link-block > *.w15p {
  width: calc(15% - 20px);
}

main.top2021 .link-block > *.w20p, main.next2021 .link-block > *.w20p {
  width: calc(20% - 20px);
}

main.top2021 .link-block > *.w25p, main.next2021 .link-block > *.w25p {
  width: calc(25% - 20px);
}

main.top2021 .link-block > *.w30p, main.next2021 .link-block > *.w30p {
  width: calc(30% - 20px);
}

main.top2021 .link-block > *.w35p, main.next2021 .link-block > *.w35p {
  width: calc(35% - 20px);
}

main.top2021 .link-block > *.w40p, main.next2021 .link-block > *.w40p {
  width: calc(40% - 20px);
}

main.top2021 .link-block > *.w45p, main.next2021 .link-block > *.w45p {
  width: calc(45% - 20px);
}

main.top2021 .link-block > *.w50p, main.next2021 .link-block > *.w50p {
  width: calc(50% - 20px);
}

main.top2021 .link-block > *.w55p, main.next2021 .link-block > *.w55p {
  width: calc(55% - 20px);
}

main.top2021 .link-block > *.w60p, main.next2021 .link-block > *.w60p {
  width: calc(60% - 20px);
}

main.top2021 .link-block > *.w65p, main.next2021 .link-block > *.w65p {
  width: calc(65% - 20px);
}

main.top2021 .link-block > *.w70p, main.next2021 .link-block > *.w70p {
  width: calc(70% - 20px);
}

main.top2021 .link-block > *.w75p, main.next2021 .link-block > *.w75p {
  width: calc(75% - 20px);
}

main.top2021 .link-block > *.w80p, main.next2021 .link-block > *.w80p {
  width: calc(80% - 20px);
}

main.top2021 .link-block > *.w85p, main.next2021 .link-block > *.w85p {
  width: calc(85% - 20px);
}

main.top2021 .link-block > *.w90p, main.next2021 .link-block > *.w90p {
  width: calc(90% - 20px);
}

main.top2021 .link-block > *.w95p, main.next2021 .link-block > *.w95p {
  width: calc(95% - 20px);
}

main.top2021 .link-block > *.w100p, main.next2021 .link-block > *.w100p {
  width: calc(100% - 20px);
}

@media screen and (max-width: 700px) {
  main.top2021 .link-block, main.next2021 .link-block {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px -10px;
  }
  main.top2021 .link-block > *, main.next2021 .link-block > * {
    margin: 0 5px 10px;
  }
  main.top2021 .link-block > *.w5p, main.next2021 .link-block > *.w5p {
    width: calc(5% - 10px);
  }
  main.top2021 .link-block > *.w5p-sp, main.next2021 .link-block > *.w5p-sp {
    width: calc(5% - 10px);
  }
  main.top2021 .link-block > *.w10p, main.next2021 .link-block > *.w10p {
    width: calc(10% - 10px);
  }
  main.top2021 .link-block > *.w10p-sp, main.next2021 .link-block > *.w10p-sp {
    width: calc(10% - 10px);
  }
  main.top2021 .link-block > *.w15p, main.next2021 .link-block > *.w15p {
    width: calc(15% - 10px);
  }
  main.top2021 .link-block > *.w15p-sp, main.next2021 .link-block > *.w15p-sp {
    width: calc(15% - 10px);
  }
  main.top2021 .link-block > *.w20p, main.next2021 .link-block > *.w20p {
    width: calc(20% - 10px);
  }
  main.top2021 .link-block > *.w20p-sp, main.next2021 .link-block > *.w20p-sp {
    width: calc(20% - 10px);
  }
  main.top2021 .link-block > *.w25p, main.next2021 .link-block > *.w25p {
    width: calc(25% - 10px);
  }
  main.top2021 .link-block > *.w25p-sp, main.next2021 .link-block > *.w25p-sp {
    width: calc(25% - 10px);
  }
  main.top2021 .link-block > *.w30p, main.next2021 .link-block > *.w30p {
    width: calc(30% - 10px);
  }
  main.top2021 .link-block > *.w30p-sp, main.next2021 .link-block > *.w30p-sp {
    width: calc(30% - 10px);
  }
  main.top2021 .link-block > *.w35p, main.next2021 .link-block > *.w35p {
    width: calc(35% - 10px);
  }
  main.top2021 .link-block > *.w35p-sp, main.next2021 .link-block > *.w35p-sp {
    width: calc(35% - 10px);
  }
  main.top2021 .link-block > *.w40p, main.next2021 .link-block > *.w40p {
    width: calc(40% - 10px);
  }
  main.top2021 .link-block > *.w40p-sp, main.next2021 .link-block > *.w40p-sp {
    width: calc(40% - 10px);
  }
  main.top2021 .link-block > *.w45p, main.next2021 .link-block > *.w45p {
    width: calc(45% - 10px);
  }
  main.top2021 .link-block > *.w45p-sp, main.next2021 .link-block > *.w45p-sp {
    width: calc(45% - 10px);
  }
  main.top2021 .link-block > *.w50p, main.next2021 .link-block > *.w50p {
    width: calc(50% - 10px);
  }
  main.top2021 .link-block > *.w50p-sp, main.next2021 .link-block > *.w50p-sp {
    width: calc(50% - 10px);
  }
  main.top2021 .link-block > *.w55p, main.next2021 .link-block > *.w55p {
    width: calc(55% - 10px);
  }
  main.top2021 .link-block > *.w55p-sp, main.next2021 .link-block > *.w55p-sp {
    width: calc(55% - 10px);
  }
  main.top2021 .link-block > *.w60p, main.next2021 .link-block > *.w60p {
    width: calc(60% - 10px);
  }
  main.top2021 .link-block > *.w60p-sp, main.next2021 .link-block > *.w60p-sp {
    width: calc(60% - 10px);
  }
  main.top2021 .link-block > *.w65p, main.next2021 .link-block > *.w65p {
    width: calc(65% - 10px);
  }
  main.top2021 .link-block > *.w65p-sp, main.next2021 .link-block > *.w65p-sp {
    width: calc(65% - 10px);
  }
  main.top2021 .link-block > *.w70p, main.next2021 .link-block > *.w70p {
    width: calc(70% - 10px);
  }
  main.top2021 .link-block > *.w70p-sp, main.next2021 .link-block > *.w70p-sp {
    width: calc(70% - 10px);
  }
  main.top2021 .link-block > *.w75p, main.next2021 .link-block > *.w75p {
    width: calc(75% - 10px);
  }
  main.top2021 .link-block > *.w75p-sp, main.next2021 .link-block > *.w75p-sp {
    width: calc(75% - 10px);
  }
  main.top2021 .link-block > *.w80p, main.next2021 .link-block > *.w80p {
    width: calc(80% - 10px);
  }
  main.top2021 .link-block > *.w80p-sp, main.next2021 .link-block > *.w80p-sp {
    width: calc(80% - 10px);
  }
  main.top2021 .link-block > *.w85p, main.next2021 .link-block > *.w85p {
    width: calc(85% - 10px);
  }
  main.top2021 .link-block > *.w85p-sp, main.next2021 .link-block > *.w85p-sp {
    width: calc(85% - 10px);
  }
  main.top2021 .link-block > *.w90p, main.next2021 .link-block > *.w90p {
    width: calc(90% - 10px);
  }
  main.top2021 .link-block > *.w90p-sp, main.next2021 .link-block > *.w90p-sp {
    width: calc(90% - 10px);
  }
  main.top2021 .link-block > *.w95p, main.next2021 .link-block > *.w95p {
    width: calc(95% - 10px);
  }
  main.top2021 .link-block > *.w95p-sp, main.next2021 .link-block > *.w95p-sp {
    width: calc(95% - 10px);
  }
  main.top2021 .link-block > *.w100p, main.next2021 .link-block > *.w100p {
    width: calc(100% - 10px);
  }
  main.top2021 .link-block > *.w100p-sp, main.next2021 .link-block > *.w100p-sp {
    width: calc(100% - 10px);
  }
}

main.top2021 .cat, main.next2021 .cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #0080CD;
  color: #0080CD;
  padding: 5px 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

main.top2021 .cat:hover, main.next2021 .cat:hover {
  text-decoration: none;
  background-color: #0080CD;
  color: #FFF;
}

main.top2021 .cat-list, main.next2021 .cat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -5px -10px 0;
}

main.top2021 .cat-list.center, main.next2021 .cat-list.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

main.top2021 .cat-list.right, main.next2021 .cat-list.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

main.top2021 .cat-list.f-wrap, main.next2021 .cat-list.f-wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

main.top2021 .cat-list > *, main.next2021 .cat-list > * {
  margin: 0 5px 10px 0;
}

main.top2021 .cat-list > *.w5p, main.next2021 .cat-list > *.w5p {
  width: calc(5% - 20px);
}

main.top2021 .cat-list > *.w10p, main.next2021 .cat-list > *.w10p {
  width: calc(10% - 20px);
}

main.top2021 .cat-list > *.w15p, main.next2021 .cat-list > *.w15p {
  width: calc(15% - 20px);
}

main.top2021 .cat-list > *.w20p, main.next2021 .cat-list > *.w20p {
  width: calc(20% - 20px);
}

main.top2021 .cat-list > *.w25p, main.next2021 .cat-list > *.w25p {
  width: calc(25% - 20px);
}

main.top2021 .cat-list > *.w30p, main.next2021 .cat-list > *.w30p {
  width: calc(30% - 20px);
}

main.top2021 .cat-list > *.w35p, main.next2021 .cat-list > *.w35p {
  width: calc(35% - 20px);
}

main.top2021 .cat-list > *.w40p, main.next2021 .cat-list > *.w40p {
  width: calc(40% - 20px);
}

main.top2021 .cat-list > *.w45p, main.next2021 .cat-list > *.w45p {
  width: calc(45% - 20px);
}

main.top2021 .cat-list > *.w50p, main.next2021 .cat-list > *.w50p {
  width: calc(50% - 20px);
}

main.top2021 .cat-list > *.w55p, main.next2021 .cat-list > *.w55p {
  width: calc(55% - 20px);
}

main.top2021 .cat-list > *.w60p, main.next2021 .cat-list > *.w60p {
  width: calc(60% - 20px);
}

main.top2021 .cat-list > *.w65p, main.next2021 .cat-list > *.w65p {
  width: calc(65% - 20px);
}

main.top2021 .cat-list > *.w70p, main.next2021 .cat-list > *.w70p {
  width: calc(70% - 20px);
}

main.top2021 .cat-list > *.w75p, main.next2021 .cat-list > *.w75p {
  width: calc(75% - 20px);
}

main.top2021 .cat-list > *.w80p, main.next2021 .cat-list > *.w80p {
  width: calc(80% - 20px);
}

main.top2021 .cat-list > *.w85p, main.next2021 .cat-list > *.w85p {
  width: calc(85% - 20px);
}

main.top2021 .cat-list > *.w90p, main.next2021 .cat-list > *.w90p {
  width: calc(90% - 20px);
}

main.top2021 .cat-list > *.w95p, main.next2021 .cat-list > *.w95p {
  width: calc(95% - 20px);
}

main.top2021 .cat-list > *.w100p, main.next2021 .cat-list > *.w100p {
  width: calc(100% - 20px);
}

@media screen and (max-width: 700px) {
  main.top2021 .cat-list, main.next2021 .cat-list {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px -10px;
  }
  main.top2021 .cat-list > *, main.next2021 .cat-list > * {
    margin: 0 5px 10px;
  }
  main.top2021 .cat-list > *.w5p, main.next2021 .cat-list > *.w5p {
    width: calc(5% - 10px);
  }
  main.top2021 .cat-list > *.w5p-sp, main.next2021 .cat-list > *.w5p-sp {
    width: calc(5% - 10px);
  }
  main.top2021 .cat-list > *.w10p, main.next2021 .cat-list > *.w10p {
    width: calc(10% - 10px);
  }
  main.top2021 .cat-list > *.w10p-sp, main.next2021 .cat-list > *.w10p-sp {
    width: calc(10% - 10px);
  }
  main.top2021 .cat-list > *.w15p, main.next2021 .cat-list > *.w15p {
    width: calc(15% - 10px);
  }
  main.top2021 .cat-list > *.w15p-sp, main.next2021 .cat-list > *.w15p-sp {
    width: calc(15% - 10px);
  }
  main.top2021 .cat-list > *.w20p, main.next2021 .cat-list > *.w20p {
    width: calc(20% - 10px);
  }
  main.top2021 .cat-list > *.w20p-sp, main.next2021 .cat-list > *.w20p-sp {
    width: calc(20% - 10px);
  }
  main.top2021 .cat-list > *.w25p, main.next2021 .cat-list > *.w25p {
    width: calc(25% - 10px);
  }
  main.top2021 .cat-list > *.w25p-sp, main.next2021 .cat-list > *.w25p-sp {
    width: calc(25% - 10px);
  }
  main.top2021 .cat-list > *.w30p, main.next2021 .cat-list > *.w30p {
    width: calc(30% - 10px);
  }
  main.top2021 .cat-list > *.w30p-sp, main.next2021 .cat-list > *.w30p-sp {
    width: calc(30% - 10px);
  }
  main.top2021 .cat-list > *.w35p, main.next2021 .cat-list > *.w35p {
    width: calc(35% - 10px);
  }
  main.top2021 .cat-list > *.w35p-sp, main.next2021 .cat-list > *.w35p-sp {
    width: calc(35% - 10px);
  }
  main.top2021 .cat-list > *.w40p, main.next2021 .cat-list > *.w40p {
    width: calc(40% - 10px);
  }
  main.top2021 .cat-list > *.w40p-sp, main.next2021 .cat-list > *.w40p-sp {
    width: calc(40% - 10px);
  }
  main.top2021 .cat-list > *.w45p, main.next2021 .cat-list > *.w45p {
    width: calc(45% - 10px);
  }
  main.top2021 .cat-list > *.w45p-sp, main.next2021 .cat-list > *.w45p-sp {
    width: calc(45% - 10px);
  }
  main.top2021 .cat-list > *.w50p, main.next2021 .cat-list > *.w50p {
    width: calc(50% - 10px);
  }
  main.top2021 .cat-list > *.w50p-sp, main.next2021 .cat-list > *.w50p-sp {
    width: calc(50% - 10px);
  }
  main.top2021 .cat-list > *.w55p, main.next2021 .cat-list > *.w55p {
    width: calc(55% - 10px);
  }
  main.top2021 .cat-list > *.w55p-sp, main.next2021 .cat-list > *.w55p-sp {
    width: calc(55% - 10px);
  }
  main.top2021 .cat-list > *.w60p, main.next2021 .cat-list > *.w60p {
    width: calc(60% - 10px);
  }
  main.top2021 .cat-list > *.w60p-sp, main.next2021 .cat-list > *.w60p-sp {
    width: calc(60% - 10px);
  }
  main.top2021 .cat-list > *.w65p, main.next2021 .cat-list > *.w65p {
    width: calc(65% - 10px);
  }
  main.top2021 .cat-list > *.w65p-sp, main.next2021 .cat-list > *.w65p-sp {
    width: calc(65% - 10px);
  }
  main.top2021 .cat-list > *.w70p, main.next2021 .cat-list > *.w70p {
    width: calc(70% - 10px);
  }
  main.top2021 .cat-list > *.w70p-sp, main.next2021 .cat-list > *.w70p-sp {
    width: calc(70% - 10px);
  }
  main.top2021 .cat-list > *.w75p, main.next2021 .cat-list > *.w75p {
    width: calc(75% - 10px);
  }
  main.top2021 .cat-list > *.w75p-sp, main.next2021 .cat-list > *.w75p-sp {
    width: calc(75% - 10px);
  }
  main.top2021 .cat-list > *.w80p, main.next2021 .cat-list > *.w80p {
    width: calc(80% - 10px);
  }
  main.top2021 .cat-list > *.w80p-sp, main.next2021 .cat-list > *.w80p-sp {
    width: calc(80% - 10px);
  }
  main.top2021 .cat-list > *.w85p, main.next2021 .cat-list > *.w85p {
    width: calc(85% - 10px);
  }
  main.top2021 .cat-list > *.w85p-sp, main.next2021 .cat-list > *.w85p-sp {
    width: calc(85% - 10px);
  }
  main.top2021 .cat-list > *.w90p, main.next2021 .cat-list > *.w90p {
    width: calc(90% - 10px);
  }
  main.top2021 .cat-list > *.w90p-sp, main.next2021 .cat-list > *.w90p-sp {
    width: calc(90% - 10px);
  }
  main.top2021 .cat-list > *.w95p, main.next2021 .cat-list > *.w95p {
    width: calc(95% - 10px);
  }
  main.top2021 .cat-list > *.w95p-sp, main.next2021 .cat-list > *.w95p-sp {
    width: calc(95% - 10px);
  }
  main.top2021 .cat-list > *.w100p, main.next2021 .cat-list > *.w100p {
    width: calc(100% - 10px);
  }
  main.top2021 .cat-list > *.w100p-sp, main.next2021 .cat-list > *.w100p-sp {
    width: calc(100% - 10px);
  }
}

main.top2021 textarea, main.next2021 textarea {
  -webkit-appearance: none;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  resize: vertical;
  border: 1px solid #B3B3B3;
  background: #FFF;
  font-size: 14px;
  font-size: 0.9333333333rem;
  padding: 10px;
  font-family: tbudgothic-std, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

main.top2021 textarea:focus, main.next2021 textarea:focus {
  background-color: #FFF;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
}

main.top2021 textarea.h100, main.next2021 textarea.h100 {
  height: 100px;
}

main.top2021 textarea::placeholder, main.next2021 textarea::placeholder {
  color: #999999;
}

main.top2021 input[type="text"], main.top2021 input[type="email"], main.top2021 input[type="tel"], main.top2021 input[type="password"], main.top2021 input[type="number"], main.top2021 input[type="search"], main.next2021 input[type="text"], main.next2021 input[type="email"], main.next2021 input[type="tel"], main.next2021 input[type="password"], main.next2021 input[type="number"], main.next2021 input[type="search"] {
  -webkit-appearance: none;
  height: 35px;
  line-height: 35px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 1px solid #B3B3B3;
  font-size: 14px;
  font-size: 0.9333333333rem;
  position: relative;
  padding-left: 10px;
  background: #FFF;
  font-family: tbudgothic-std, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

main.top2021 input[type="text"]:focus, main.top2021 input[type="email"]:focus, main.top2021 input[type="tel"]:focus, main.top2021 input[type="password"]:focus, main.top2021 input[type="number"]:focus, main.top2021 input[type="search"]:focus, main.next2021 input[type="text"]:focus, main.next2021 input[type="email"]:focus, main.next2021 input[type="tel"]:focus, main.next2021 input[type="password"]:focus, main.next2021 input[type="number"]:focus, main.next2021 input[type="search"]:focus {
  background-color: #FFF;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
}

main.top2021 input.lg[type="text"], main.top2021 input.lg[type="email"], main.top2021 input.lg[type="tel"], main.top2021 input.lg[type="password"], main.top2021 input.lg[type="number"], main.top2021 input.lg[type="search"], main.next2021 input.lg[type="text"], main.next2021 input.lg[type="email"], main.next2021 input.lg[type="tel"], main.next2021 input.lg[type="password"], main.next2021 input.lg[type="number"], main.next2021 input.lg[type="search"] {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-size: 1.2rem;
}

main.top2021 input[type="text"]::placeholder, main.top2021 input[type="email"]::placeholder, main.top2021 input[type="tel"]::placeholder, main.top2021 input[type="password"]::placeholder, main.top2021 input[type="number"]::placeholder, main.top2021 input[type="search"]::placeholder, main.next2021 input[type="text"]::placeholder, main.next2021 input[type="email"]::placeholder, main.next2021 input[type="tel"]::placeholder, main.next2021 input[type="password"]::placeholder, main.next2021 input[type="number"]::placeholder, main.next2021 input[type="search"]::placeholder {
  color: #999999;
}

main.top2021 input[type="checkbox"], main.next2021 input[type="checkbox"] {
  display: none;
}

main.top2021 input[type="checkbox"]:checked + .checkbox:after, main.next2021 input[type="checkbox"]:checked + .checkbox:after {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

main.top2021 input[type="radio"], main.next2021 input[type="radio"] {
  /* display: none; */
}

main.top2021 input[type="radio"]:checked + .radio:after, main.next2021 input[type="radio"]:checked + .radio:after {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

main.top2021 label.checkbox, main.next2021 label.checkbox {
  padding-left: 30px;
  min-height: 20px;
  cursor: pointer;
  margin: 0;
  display: -moz-inline-box;
  display: inline-block;
  font-weight: normal;
  position: relative;
  line-height: 1.5;
}

main.top2021 label.checkbox.single, main.next2021 label.checkbox.single {
  width: 20px;
  padding-left: 0;
}

main.top2021 label.checkbox:before, main.next2021 label.checkbox:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: -moz-inline-box;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #FFF;
  border: 1px solid #B3B3B3;
  margin-top: 2px;
}

main.top2021 label.checkbox:after, main.next2021 label.checkbox:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 8px;
  display: block;
  width: 5px;
  height: 10px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  z-index: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  margin-top: 2px;
}

/* main.top2021 label.radio, main.next2021 label.radio {
  padding-left: 30px;
  min-height: 24px;
  cursor: pointer;
  margin: 0;
  display: -moz-inline-box;
  display: inline-block;
  font-weight: normal;
  position: relative;
  line-height: 1.5;
}
 */
main.top2021 label.radio.single, main.next2021 label.radio.single {
  width: 20px;
  padding-left: 0;
}

main.top2021 label.select, main.next2021 label.select {
  position: relative;
  display: block;
  max-width: 100%;
}

main.top2021 label.select:after, main.next2021 label.select:after {
  position: absolute;
  content: "";
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 7.5px 0 7.5px;
  border-color: #B3B3B3 transparent transparent transparent;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  pointer-events: none;
}

main.top2021 select, main.next2021 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 35px;
  width: 100%;
  line-height: 35px;
  max-width: 100%;
  padding: 0 40px 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #B3B3B3;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #FFF;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: normal;
  position: relative;
  font-family: tbudgothic-std, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

main.top2021 select option, main.next2021 select option {
  padding: 8px;
  border: none;
}

main.top2021 select.lg, main.next2021 select.lg {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-size: 1.2rem;
}

main.top2021 select::-ms-expand, main.next2021 select::-ms-expand {
  display: none;
}

main.top2021 .check-radios, main.next2021 .check-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-bottom: -5px;
}

main.top2021 .check-radios > *, main.next2021 .check-radios > * {
  margin: 0 15px 5px 0;
}

main.top2021 .check-radios span.wpcf7-list-item, main.next2021 .check-radios span.wpcf7-list-item {
  margin: 0 15px 5px 0;
}

main.top2021 table:not([class*="gs"]), main.next2021 table:not([class*="gs"]) {
  width: 100%;
  background-color: #FFF;
}
@media screen and (max-width: 480px) {
  main.next2021 table:not([class*="gs"]) {
    word-break: break-all;
  }
}
main.top2021 table:not([class*="gs"]) th, main.top2021 table:not([class*="gs"]) td, main.next2021 table:not([class*="gs"]) th, main.next2021 table:not([class*="gs"]) td {
  padding: 10px 14px;
  border: 1px solid #B3B3B3;
  vertical-align: middle;
  line-height: 1.5;
  font-size: 18px;
  font-size: 1.2rem;
}

main.top2021 table:not([class*="gs"]) th small, main.top2021 table:not([class*="gs"]) td small, main.next2021 table:not([class*="gs"]) th small, main.next2021 table:not([class*="gs"]) td small {
  font-size: 15px;
  font-size: 1rem;
}
@media screen and (max-width: 700px) {
  main.top2021 table:not([class*="gs"]) th, main.top2021 table:not([class*="gs"]) td, main.next2021 table:not([class*="gs"]) th, main.next2021 table:not([class*="gs"]) td {
    padding: 5px 10px;
    font-size: 15px;
    font-size: 1rem;
  }
  main.top2021 table:not([class*="gs"]) th small, main.top2021 table:not([class*="gs"]) td small, main.next2021 table:not([class*="gs"]) th small, main.next2021 table:not([class*="gs"]) td small {
    font-size: 13px;
    font-size: 0.8666666667rem;
  }
}
@media screen and (max-width: 480px) {
  main.next2021 table:not([class*="gs"]) td {
    font-size: .75rem;
  }
}

main.top2021 table:not([class*="gs"]) th, main.next2021 table:not([class*="gs"]) th {
  background-color: #EEF3F9;
  font-weight: bold;
}

main.top2021 table:not([class*="gs"]) thead th, main.next2021 table:not([class*="gs"]) thead th {
  background-color: #0081CC;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #FFF;
  text-align: center;
}

@media screen and (max-width: 700px) {
  main.top2021 table:not([class*="gs"]) thead th, main.next2021 table:not([class*="gs"]) thead th {
    font-size: 16px;
    font-size: 1.0666666667rem;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 table.sp-column:not([class*="gs"]), main.next2021 table.sp-column:not([class*="gs"]) {
    display: block;
    border: 1px solid #B3B3B3;
  }
  main.top2021 table.sp-column:not([class*="gs"]) thead, main.top2021 table.sp-column:not([class*="gs"]) tbody, main.top2021 table.sp-column:not([class*="gs"]) tr, main.top2021 table.sp-column:not([class*="gs"]) th, main.top2021 table.sp-column:not([class*="gs"]) td, main.next2021 table.sp-column:not([class*="gs"]) thead, main.next2021 table.sp-column:not([class*="gs"]) tbody, main.next2021 table.sp-column:not([class*="gs"]) tr, main.next2021 table.sp-column:not([class*="gs"]) th, main.next2021 table.sp-column:not([class*="gs"]) td {
    display: block;
  }
  main.top2021 table.sp-column:not([class*="gs"]) th, main.top2021 table.sp-column:not([class*="gs"]) td, main.next2021 table.sp-column:not([class*="gs"]) th, main.next2021 table.sp-column:not([class*="gs"]) td {
    padding: 10px;
    border: none;
  }
}

main.top2021 .heading, main.top2021 .heading-lv09, main.top2021 .heading-lv08, main.top2021 .heading-lv07, main.top2021 .heading-lv06, main.top2021 .heading-lv05, main.top2021 .heading-lv04, main.top2021 .heading-lv03, main.top2021 .heading-lv02, main.top2021 .heading-lv01, main.next2021 .heading, main.next2021 .heading-lv09, main.next2021 .heading-lv08, main.next2021 .heading-lv07, main.next2021 .heading-lv06, main.next2021 .heading-lv05, main.next2021 .heading-lv04, main.next2021 .heading-lv03, main.next2021 .heading-lv02, main.next2021 .heading-lv01 {
  line-height: 1.4;
}

main.top2021 .heading:not(:last-child), main.top2021 .heading-lv09:not(:last-child), main.top2021 .heading-lv08:not(:last-child), main.top2021 .heading-lv07:not(:last-child), main.top2021 .heading-lv06:not(:last-child), main.top2021 .heading-lv05:not(:last-child), main.top2021 .heading-lv04:not(:last-child), main.top2021 .heading-lv03:not(:last-child), main.top2021 .heading-lv02:not(:last-child), main.top2021 .heading-lv01:not(:last-child), main.next2021 .heading:not(:last-child), main.next2021 .heading-lv09:not(:last-child), main.next2021 .heading-lv08:not(:last-child), main.next2021 .heading-lv07:not(:last-child), main.next2021 .heading-lv06:not(:last-child), main.next2021 .heading-lv05:not(:last-child), main.next2021 .heading-lv04:not(:last-child), main.next2021 .heading-lv03:not(:last-child), main.next2021 .heading-lv02:not(:last-child), main.next2021 .heading-lv01:not(:last-child) {
  margin-bottom: 20px;
}

.expenses main.next2021 .heading-lv03:not(:last-child) {
  margin-top: 30px;
 }



@media screen and (max-width: 700px) {
  main.top2021 .heading:not(:last-child),
  main.top2021 .heading-lv09:not(:last-child),
  main.top2021 .heading-lv08:not(:last-child),
  main.top2021 .heading-lv07:not(:last-child),
  main.top2021 .heading-lv06:not(:last-child),
  main.top2021 .heading-lv05:not(:last-child),
  main.top2021 .heading-lv04:not(:last-child),
  main.top2021 .heading-lv03:not(:last-child),
  main.top2021 .heading-lv02:not(:last-child),
  main.top2021 .heading-lv01:not(:last-child),
  main.next2021 .heading:not(:last-child),
  main.next2021 .heading-lv09:not(:last-child),
  main.next2021 .heading-lv08:not(:last-child),
  main.next2021 .heading-lv07:not(:last-child),
  main.next2021 .heading-lv06:not(:last-child),
  main.next2021 .heading-lv05:not(:last-child),
  main.next2021 .heading-lv03:not(:last-child),
  main.next2021 .heading-lv02:not(:last-child),
  main.next2021 .heading-lv01:not(:last-child) {
    margin-bottom: 15px;
  }
    main.next2021 .heading-lv04:not(:last-child) {
      margin-bottom: 0
    }
}

main.top2021 .heading-lv01, main.next2021 .heading-lv01 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
}

main.top2021 .heading-lv01:after, main.next2021 .heading-lv01:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 2px;
  background: #0080CD;
  -webkit-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
}
main.next2021 .heading-lv04 {
    font-size: 23px;
    font-size: 1.5333333333rem;
    font-weight: bold;
    color: #FFF;
     -webkit-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
    -ms-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
    -o-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
    text-shadow: 2px 2px 1px rgb(0 0 0 / 40%);
    padding: 5px 15px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    min-width: 235px;
    -webkit-box-shadow: 0px 3px 2px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 2px 0 rgb(0 0 0 / 10%);
    background: -moz-linear-gradient(47.49% -51.75% -80deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
    background: -webkit-linear-gradient(-80deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
    background: -webkit-gradient(linear, 47.49% -51.75%, 52.51% 151.75%, color-stop(0, rgba(0, 128, 205, 0.5)), color-stop(1, #0080cd));
    background: -o-linear-gradient(-80deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
    background: -ms-linear-gradient(-80deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
    background: linear-gradient(170deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
}
main.next2021 .anime .heading-lv04,
main.next2021 .voice .heading-lv04,
main.next2021 .illust .heading-lv04,
main.next2021 .manga .heading-lv04,
main.next2021 .game .heading-lv04,
main.next2021 .novels .heading-lv04,
main.next2021 .figure .heading-lv04 {
  background: none;
  box-shadow:  none;
  margin-bottom: 0;
  padding: 0;
}
@media screen and (max-width: 700px) {
  main.top2021 .heading-lv01, main.next2021 .heading-lv01 {
    font-size: 26px;
    font-size: 1.7333333333rem;
  }
}

main.top2021 .heading-lv02, main.next2021 .heading-lv02 {
  font-size: 21px;
  font-size: 1.4rem;
  position: relative;
}

main.top2021 .heading-lv02 small, main.next2021 .heading-lv02 small {
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: normal;
}

main.top2021 .heading-lv02:not(:last-child), main.next2021 .heading-lv02:not(:last-child) {
  margin-bottom: 10px;
}

main.top2021 .heading-lv02:after, main.next2021 .heading-lv02:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 2px;
  background: #FFF;
  -webkit-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-lv02, main.next2021 .heading-lv02 {
    font-size: 19px;
    font-size: 1.2666666667rem;
  }
  main.top2021 .heading-lv02 small, main.next2021 .heading-lv02 small {
    font-size: 13px;
    font-size: 0.8666666667rem;
  }
}

main.top2021 .heading-lv03, main.next2021 .heading-lv03 {
  font-size: 24px;
  font-size: 1.6rem;
  padding-bottom: 3px;
  position: relative;
  color: #595755;
}

main.top2021 .heading-lv03:after, main.next2021 .heading-lv03:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 2px;
  background: #0080CD;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-lv03, main.next2021 .heading-lv03 {
    font-size: 21px;
    font-size: 1.4rem;
  }
}

main.top2021 .heading-lv03.anime:after, main.top2021 .heading-lv03.cat-anime:after, main.next2021 .heading-lv03.anime:after, main.next2021 .heading-lv03.cat-anime:after {
  background-color: #F08300;
}

main.top2021 .heading-lv03.voice:after, main.top2021 .heading-lv03.cat-voice:after, main.next2021 .heading-lv03.voice:after, main.next2021 .heading-lv03.cat-voice:after {
  background-color: #E50065;
}

main.top2021 .heading-lv03.illust:after, main.top2021 .heading-lv03.cat-illust:after, main.top2021 .heading-lv03.cat-illust2:after, main.next2021 .heading-lv03.illust:after, main.next2021 .heading-lv03.cat-illust:after, main.next2021 .heading-lv03.cat-illust2:after {
  background-color: #8FC31F;
}

main.top2021 .heading-lv03.manga:after, main.top2021 .heading-lv03.cat-comic-illust:after, main.next2021 .heading-lv03.manga:after, main.next2021 .heading-lv03.cat-comic-illust:after {
  background-color: #3EB370;
}

main.top2021 .heading-lv03.game:after, main.top2021 .heading-lv03.cat-game:after, main.next2021 .heading-lv03.game:after, main.next2021 .heading-lv03.cat-game:after {
  background-color: #009FB9;
}

main.top2021 .heading-lv03.novels:after, main.top2021 .heading-lv03.cat-novels:after, main.next2021 .heading-lv03.novels:after, main.next2021 .heading-lv03.cat-novels:after {
  background-color: #E94709;
}

main.top2021 .heading-lv03.figure:after, main.top2021 .heading-lv03.cat-figure:after, main.next2021 .heading-lv03.figure:after, main.next2021 .heading-lv03.cat-figure:after {
  background-color: #0068B7;
}

/*main.top2021 .heading-lv04, main.next2021 .heading-lv04 {
  font-size: 23px;
  font-size: 1.5333333333rem;
  font-weight: bold;
  color: #FFF;
  -webkit-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
  -ms-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
  padding: 5px 15px;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  min-width: 235px;
  -webkit-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  background: -moz-linear-gradient(47.49% -51.75% -80deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
  background: -webkit-linear-gradient(-80deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
  background: -webkit-gradient(linear, 47.49% -51.75%, 52.51% 151.75%, color-stop(0, rgba(0, 128, 205, 0.5)), color-stop(1, #0080cd));
  background: -o-linear-gradient(-80deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
  background: -ms-linear-gradient(-80deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
  background: linear-gradient(170deg, rgba(0, 128, 205, 0.5) 0%, #0080cd 100%);
}*/

main.top2021 .heading-lv04.sml, main.next2021 .heading-lv04.sml {
  min-width: 0;
  font-size: 18px;
  font-size: 1.2rem;
}

main.top2021 .heading-lv04 small, main.next2021 .heading-lv04 small {
  font-size: 14px;
  font-size: 0.9333333333rem;
}

main.top2021 .heading-lv04:not(:last-child), main.next2021 .heading-lv04:not(:last-child) {
  margin-bottom: 15px;
}
main.next2021 .heading-lv04.heading-common {
  margin-left: -5px;
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-lv04, main.next2021 .heading-lv04 {
    font-size: 20px;
    font-size: 1.3333333333rem;
    min-width: 200px;
  }
}

main.top2021 .heading-lv05, main.next2021 .heading-lv05 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #0081CC;
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-lv05, main.next2021 .heading-lv05 {
    font-size: 22px;
    font-size: 1.4666666667rem;
  }
}

main.top2021 .heading-lv06, main.next2021 .heading-lv06 {
  font-size: 30px;
  font-size: 2rem;
  background: #0080CD;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-lv06, main.next2021 .heading-lv06 {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

main.top2021 .heading-lv07, main.next2021 .heading-lv07 {
  font-size: 20px;
  font-size: 1.3333333333rem;
  background: #FFF;
  color: #595755;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #0080CD;
  padding: 10px;
}
.works main.next2021 .sec-box[class*="anime"] .heading-lv07 {
  padding: 3px 10px;
}
main.top2021 .heading-lv07:before, main.next2021 .heading-lv07:before {
  content: "■ ";
}

main.top2021 .heading-lv07:not(:first-child), main.next2021 .heading-lv07:not(:first-child) {
  margin-top: 10px;
}

main.top2021 .heading-lv07:not(:last-child), main.next2021 .heading-lv07:not(:last-child) {
  margin-bottom: 15px;
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-lv07, main.next2021 .heading-lv07 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

main.top2021 .heading-lv08, main.next2021 .heading-lv08 {
  color: #0080CD;
  font-size: 20px;
  font-size: 1.3333333333rem;
  font-weight: bold;
}

main.top2021 .heading-lv08:not(:last-child), main.next2021 .heading-lv08:not(:last-child) {
  margin-bottom: 10px;
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-lv08, main.next2021 .heading-lv08 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

main.top2021 .heading-lv09, main.next2021 .heading-lv09 {
  background: #EEF3F9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 20px;
  font-size: 1.3333333333rem;
}
.system main.next2021 .heading-lv09 {
  padding: 10px 0;
}
.system main.next2021 .heading-lv09 span {
    background: #b4ed99;
    padding: 13px 40px 13px 10px;
}
@media screen and (max-width: 700px) {
  main.top2021 .heading-lv09, main.next2021 .heading-lv09 {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

main.top2021 .heading-img, main.next2021 .heading-img {
  width: 952px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 0;
  margin-bottom: 25px;
  text-align: center;
}
.blog main.top2021 .heading-img, main.next2021 .heading-img img {
  width: 102%;
  max-width: 102%;
  margin-left: -8px;
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-img, main.next2021 .heading-img {
    margin-bottom: 15px;
    text-align: left;
  }
  main.top2021 .heading-img img, main.next2021 .heading-img img {
    width: 435px;
  }
  .blog main.top2021 .heading-img, main.next2021 .heading-img img {
    margin-left: -4px;
 }
}

main.next2021 .new900 {
  margin: 20px auto 5px;
  width: 950px;
  max-width: 100%;
}
/*main.next2021 .new950 {
  width: 965px;
}*/
.ao_form main.next2021 .new950,
.info-news main.next2021 .new950,
.info-taiken main.next2021 .new950,
.info-recruit main.next2021 .new950,
.certificate main.next2021 .new950 {
  margin-top: 0;
}
main.next2021 .new900 img {
  width: 102%;
    max-width: 102%;
    margin-left: -5px;
}


main.top2021 .heading-blue, main.next2021 .heading-blue {
  width: 951px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  height: 101px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  color: #595755;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: -moz-linear-gradient(50% 0% -90deg, #84baff 0%, #0081cc 100%);
  background: -webkit-linear-gradient(-90deg, #84baff 0%, #0081cc 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #84baff), color-stop(1, #0081cc));
  background: -o-linear-gradient(-90deg, #84baff 0%, #0081cc 100%);
  background: -ms-linear-gradient(-90deg, #84baff 0%, #0081cc 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#84BAFF', endColorstr='#0081CC' ,GradientType=0)";
  background: linear-gradient(180deg, #84baff 0%, #0081cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84BAFF',endColorstr='#0081CC' , GradientType=0);
}

main.top2021 .heading-blue.w900, main.next2021 .heading-blue.w900 {
  width: 900px;
}

main.top2021 .heading-blue span, main.next2021 .heading-blue span {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 25px;
  padding-right: 50px;
  font-size: 40px;
  font-size: 2.6666666667rem;
  font-weight: normal;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.2;
  background: url(../img/next/bg-hd_blue_long.png) no-repeat right center/auto 100%;
  min-width: 476px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  main.top2021 .heading-blue span, main.next2021 .heading-blue span {
    background-image: url(../img/next/bg-hd_blue_long@2x.png);
  }
}

main.top2021 .heading-blue:before, main.next2021 .heading-blue:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  border-left: 2px solid #9DA2A5;
  border-top: 2px solid #9DA2A5;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  z-index: 2;
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-blue, main.next2021 .heading-blue {
    width: 100%;
    height: 80px;
  }
  main.top2021 .heading-blue span, main.next2021 .heading-blue span {
    font-size: 34px;
    font-size: 2.2666666667rem;
    padding-left: 15px;
    min-width: 240px;
    background-size: auto 110%;
  }
  main.top2021 .heading-blue.long span, main.next2021 .heading-blue.long span {
    font-size: 26px;
    font-size: 1.7333333333rem;
  }
}

main.top2021 .heading-next, main.next2021 .heading-next {
  width: 951px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  height: 101px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  color: #595755;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: -moz-linear-gradient(50% 0% -90deg, #84baff 0%, #0081cc 100%);
  background: -webkit-linear-gradient(-90deg, #84baff 0%, #0081cc 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #84baff), color-stop(1, #0081cc));
  background: -o-linear-gradient(-90deg, #84baff 0%, #0081cc 100%);
  background: -ms-linear-gradient(-90deg, #84baff 0%, #0081cc 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#84BAFF', endColorstr='#0081CC' ,GradientType=0)";
  background: linear-gradient(180deg, #84baff 0%, #0081cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84BAFF',endColorstr='#0081CC' , GradientType=0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

main.top2021 .heading-next.w900, main.next2021 .heading-next.w900 {
  width: 900px;
}

main.top2021 .heading-next span, main.next2021 .heading-next span {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 25px;
  padding-right: 50px;
  font-size: 40px;
  font-size: 2.6666666667rem;
  font-weight: normal;
  height: 72px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.2;
  background: url(../img/next/bg-hd_blue_long.png) no-repeat right center/auto 100%;
  min-width: 476px;
}

@media all and (-ms-high-contrast: none) {
  main.top2021 .heading-next span, main.next2021 .heading-next span {
    padding-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  main.top2021 .heading-next span, main.next2021 .heading-next span {
    background-image: url(../img/next/bg-hd_blue_long@2x.png);
  }
}

main.top2021 .heading-next span:before, main.next2021 .heading-next span:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  z-index: -1;
  -webkit-border-radius: 0 40px 40px 0;
  -moz-border-radius: 0 40px 40px 0;
  -ms-border-radius: 0 40px 40px 0;
  -o-border-radius: 0 40px 40px 0;
  border-radius: 0 40px 40px 0;
  box-shadow: inset -2px 0 2px rgba(0, 0, 0, 0.4), 0 3px 4px 0 rgba(0, 0, 0, 0.2);
}

main.top2021 .heading-next span:after, main.next2021 .heading-next span:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid #0080CD;
  border-left: none;
  z-index: -1;
  -webkit-border-radius: 0 40px 40px 0;
  -moz-border-radius: 0 40px 40px 0;
  -ms-border-radius: 0 40px 40px 0;
  -o-border-radius: 0 40px 40px 0;
  border-radius: 0 40px 40px 0;
  -webkit-box-shadow: inset -2px 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset -2px 0 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset -2px 0 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset -2px 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset -2px 0 2px rgba(0, 0, 0, 0.2);
}

main.top2021 .heading-next:before, main.next2021 .heading-next:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  border-left: 2px solid #9DA2A5;
  border-top: 2px solid #9DA2A5;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  z-index: 2;
}

@media screen and (max-width: 700px) {
  main.top2021 .heading-next, main.next2021 .heading-next {
    width: 100%;
    height: 80px;
  }
  main.top2021 .heading-next span, main.next2021 .heading-next span {
    font-size: 34px;
    font-size: 2.2666666667rem;
    height: 65px;
    padding-left: 15px;
    min-width: 240px;
    background-size: auto 110%;
  }
  main.top2021 .heading-next.long span, main.next2021 .heading-next.long span {
    font-size: 26px;
    font-size: 1.7333333333rem;
  }
}

main.top2021 .heading-next.anime, main.next2021 .heading-next.anime {
  background: -moz-linear-gradient(50% 0% -90deg, #ffd14d 0%, #f08300 100%);
  background: -webkit-linear-gradient(-90deg, #ffd14d 0%, #f08300 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #ffd14d), color-stop(1, #f08300));
  background: -o-linear-gradient(-90deg, #ffd14d 0%, #f08300 100%);
  background: -ms-linear-gradient(-90deg, #ffd14d 0%, #f08300 100%);
}

main.top2021 .heading-next.anime span:after, main.next2021 .heading-next.anime span:after {
  border-color: #F08300;
}

main.top2021 .heading-next.voice, main.next2021 .heading-next.voice {
  background: -moz-linear-gradient(50% 0% -90deg, #ec8498 0%, #e30065 100%);
  background: -webkit-linear-gradient(-90deg, #ec8498 0%, #e30065 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #ec8498), color-stop(1, #e30065));
  background: -o-linear-gradient(-90deg, #ec8498 0%, #e30065 100%);
  background: -ms-linear-gradient(-90deg, #ec8498 0%, #e30065 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC8498', endColorstr='#E30065' ,GradientType=0)";
  background: linear-gradient(180deg, #ec8498 0%, #e30065 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC8498',endColorstr='#E30065' , GradientType=0);
}

main.top2021 .heading-next.voice span:after, main.next2021 .heading-next.voice span:after {
  border-color: #E50065;
}

main.top2021 .heading-next.illust, main.next2021 .heading-next.illust {
  background: -webkit-linear-gradient(-90deg, #e2ea58 0%, #8cc11f 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #e2ea58), color-stop(1, #8cc11f));
  background: -o-linear-gradient(-90deg, #e2ea58 0%, #8cc11f 100%);
  background: -ms-linear-gradient(-90deg, #e2ea58 0%, #8cc11f 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2EA58', endColorstr='#8CC11F' ,GradientType=0)";
  background: linear-gradient(180deg, #e2ea58 0%, #8cc11f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2EA58',endColorstr='#8CC11F' , GradientType=0);
}

main.top2021 .heading-next.illust span:after, main.next2021 .heading-next.illust span:after {
  border-color: #8FC31F;
}

main.top2021 .heading-next.manga, main.next2021 .heading-next.manga {
  background: -moz-linear-gradient(50% 0% -90deg, #83c9be 0%, #3db170 100%);
  background: -webkit-linear-gradient(-90deg, #83c9be 0%, #3db170 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #83c9be), color-stop(1, #3db170));
  background: -o-linear-gradient(-90deg, #83c9be 0%, #3db170 100%);
  background: -ms-linear-gradient(-90deg, #83c9be 0%, #3db170 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#83C9BE', endColorstr='#3DB170' ,GradientType=0)";
  background: linear-gradient(180deg, #83c9be 0%, #3db170 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83C9BE',endColorstr='#3DB170' , GradientType=0);
}

main.top2021 .heading-next.manga span:after, main.next2021 .heading-next.manga span:after {
  border-color: #3EB370;
}

main.top2021 .heading-next.game, main.next2021 .heading-next.game {
  background: -moz-linear-gradient(50% 0% -90deg, #6ecadb 0%, #009ebd 100%);
  background: -webkit-linear-gradient(-90deg, #6ecadb 0%, #009ebd 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #6ecadb), color-stop(1, #009ebd));
  background: -o-linear-gradient(-90deg, #6ecadb 0%, #009ebd 100%);
  background: -ms-linear-gradient(-90deg, #6ecadb 0%, #009ebd 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ECADB', endColorstr='#009EBD' ,GradientType=0)";
  background: linear-gradient(180deg, #6ecadb 0%, #009ebd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ECADB',endColorstr='#009EBD' , GradientType=0);
}

main.top2021 .heading-next.game span:after, main.next2021 .heading-next.game span:after {
  border-color: #009FB9;
}

main.top2021 .heading-next.novels, main.next2021 .heading-next.novels {
  background: -moz-linear-gradient(50% 0% -90deg, #ffafa0 0%, #e74709 100%);
  background: -webkit-linear-gradient(-90deg, #ffafa0 0%, #e74709 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #ffafa0), color-stop(1, #e74709));
  background: -o-linear-gradient(-90deg, #ffafa0 0%, #e74709 100%);
  background: -ms-linear-gradient(-90deg, #ffafa0 0%, #e74709 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAFA0', endColorstr='#E74709' ,GradientType=0)";
  background: linear-gradient(180deg, #ffafa0 0%, #e74709 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAFA0',endColorstr='#E74709' , GradientType=0);
}

main.top2021 .heading-next.novels span:after, main.next2021 .heading-next.novels span:after {
  border-color: #E94709;
}

main.top2021 .heading-next.figure, main.next2021 .heading-next.figure {
  background: -moz-linear-gradient(50% 0% -90deg, #80bfff 0%, #0068b5 100%);
  background: -webkit-linear-gradient(-90deg, #80bfff 0%, #0068b5 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #80bfff), color-stop(1, #0068b5));
  background: -o-linear-gradient(-90deg, #80bfff 0%, #0068b5 100%);
  background: -ms-linear-gradient(-90deg, #80bfff 0%, #0068b5 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80BFFF', endColorstr='#0068B5' ,GradientType=0)";
  background: linear-gradient(180deg, #80bfff 0%, #0068b5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80BFFF',endColorstr='#0068B5' , GradientType=0);
}

main.top2021 .heading-next.figure span:after, main.next2021 .heading-next.figure span:after {
  border-color: #0068B7;
}

main.top2021 .fs11, main.next2021 .fs11 {
  font-size: 11px;
  font-size: 0.7333333333rem;
}

main.top2021 .fs12, main.next2021 .fs12 {
  font-size: 12px;
  font-size: 0.8rem;
}

main.top2021 .fs13, main.next2021 .fs13 {
  font-size: 13px;
  font-size: 0.8666666667rem;
}

main.top2021 .fs14, main.next2021 .fs14 {
  font-size: 14px;
  font-size: 0.9333333333rem;
}

main.top2021 .fs15, main.next2021 .fs15 {
  font-size: 15px;
  font-size: 1rem;
}

main.top2021 .fs16, main.next2021 .fs16 {
  font-size: 16px;
  font-size: 1.0666666667rem;
}

main.top2021 .fs17, main.next2021 .fs17 {
  font-size: 17px;
  font-size: 1.1333333333rem;
}

main.top2021 .fs18, main.next2021 .fs18 {
  font-size: 18px;
  font-size: 1.2rem;
}

main.top2021 .fs19, main.next2021 .fs19 {
  font-size: 19px;
  font-size: 1.2666666667rem;
}

main.top2021 .fs20, main.next2021 .fs20 {
  font-size: 20px;
  font-size: 1.3333333333rem;
}

main.top2021 .fs21, main.next2021 .fs21 {
  font-size: 21px;
  font-size: 1.4rem;
}

main.top2021 .fs22, main.next2021 .fs22 {
  font-size: 22px;
  font-size: 1.4666666667rem;
}

main.top2021 .fs23, main.next2021 .fs23 {
  font-size: 23px;
  font-size: 1.5333333333rem;
}

main.top2021 .fs24, main.next2021 .fs24 {
  font-size: 24px;
  font-size: 1.6rem;
}

main.top2021 .fs25, main.next2021 .fs25 {
  font-size: 25px;
  font-size: 1.6666666667rem;
}

main.top2021 .fs26, main.next2021 .fs26 {
  font-size: 26px;
  font-size: 1.7333333333rem;
}

main.top2021 .fs27, main.next2021 .fs27 {
  font-size: 27px;
  font-size: 1.8rem;
}

main.top2021 .fs28, main.next2021 .fs28 {
  font-size: 28px;
  font-size: 1.8666666667rem;
}

main.top2021 .fs29, main.next2021 .fs29 {
  font-size: 29px;
  font-size: 1.9333333333rem;
}

main.top2021 .fs30, main.next2021 .fs30 {
  font-size: 30px;
  font-size: 2rem;
}

main.top2021 .tac, main.next2021 .tac {
  text-align: center;
}
main.next2021.system .tac {
  margin: -3% -1% -1% -1%;
}


main.top2021 .tal, main.next2021 .tal {
  text-align: left;
}

main.top2021 .tar, main.next2021 .tar {
  text-align: right;
}

main.top2021 .text-sup, main.top2021 .t-sup, main.next2021 .text-sup, main.next2021 .t-sup {
  text-indent: -1em;
  padding-left: 1em;
}

main.top2021 .text-sup:not(.lg), main.top2021 .t-sup:not(.lg), main.next2021 .text-sup:not(.lg), main.next2021 .t-sup:not(.lg) {
  font-size: 14px;
  font-size: 0.9333333333rem;
}

main.top2021 .text-pink, main.top2021 .t-pink, main.next2021 .text-pink, main.next2021 .t-pink {
  color: #F03C6E;
}

main.top2021 .text-red, main.top2021 .t-red, main.next2021 .text-red, main.next2021 .t-red {
  color: #F03C41;
}

main.top2021 .text-blue, main.top2021 .t-blue, main.next2021 .text-blue, main.next2021 .t-blue {
  color: #0080CD;
}

main.top2021 .text-bold, main.top2021 .t-bold, main.next2021 .text-bold, main.next2021 .t-bold {
  font-weight: bold;
}

main.top2021 .sup, main.next2021 .sup {
  font-size: 14px;
  font-size: 0.9333333333rem;
  text-indent: -1.4em;
  padding-left: 1.4em;
}

main.top2021 .sup:before, main.next2021 .sup:before {
  content: "※";
  margin-right: 5px;
}

main.top2021 .sup-list li, main.next2021 .sup-list li {
  font-size: 14px;
  font-size: 0.9333333333rem;
  counter-increment: number;
  text-indent: -1.4em;
  padding-left: 1.4em;
}

main.top2021 .sup-list li:not(:last-child), main.next2021 .sup-list li:not(:last-child) {
  margin-bottom: 5px;
}

main.top2021 .sup-list li:before, main.next2021 .sup-list li:before {
  content: "※";
  margin-right: 5px;
}

main.top2021 .lh0, main.next2021 .lh0 {
  line-height: 0;
}

main.top2021 .w10, main.next2021 .w10 {
  width: 10px;
}

main.top2021 .w20, main.next2021 .w20 {
  width: 20px;
}

main.top2021 .w30, main.next2021 .w30 {
  width: 30px;
}

main.top2021 .w40, main.next2021 .w40 {
  width: 40px;
}

main.top2021 .w50, main.next2021 .w50 {
  width: 50px;
}

main.top2021 .w60, main.next2021 .w60 {
  width: 60px;
}

main.top2021 .w70, main.next2021 .w70 {
  width: 70px;
}

main.top2021 .w80, main.next2021 .w80 {
  width: 80px;
}

main.top2021 .w90, main.next2021 .w90 {
  width: 90px;
}

main.top2021 .w100, main.next2021 .w100 {
  width: 100px;
}

main.top2021 .w110, main.next2021 .w110 {
  width: 110px;
}

main.top2021 .w120, main.next2021 .w120 {
  width: 120px;
}

main.top2021 .w130, main.next2021 .w130 {
  width: 130px;
}

main.top2021 .w140, main.next2021 .w140 {
  width: 140px;
}

main.top2021 .w150, main.next2021 .w150 {
  width: 150px;
}

main.top2021 .w160, main.next2021 .w160 {
  width: 160px;
}

main.top2021 .w170, main.next2021 .w170 {
  width: 170px;
}

main.top2021 .w180, main.next2021 .w180 {
  width: 180px;
}

main.top2021 .w190, main.next2021 .w190 {
  width: 190px;
}

main.top2021 .w200, main.next2021 .w200 {
  width: 200px;
}

main.top2021 .w210, main.next2021 .w210 {
  width: 210px;
}

main.top2021 .w220, main.next2021 .w220 {
  width: 220px;
}

main.top2021 .w230, main.next2021 .w230 {
  width: 230px;
}

main.top2021 .w240, main.next2021 .w240 {
  width: 240px;
}

main.top2021 .w250, main.next2021 .w250 {
  width: 250px;
}

main.top2021 .w260, main.next2021 .w260 {
  width: 260px;
}

main.top2021 .w270, main.next2021 .w270 {
  width: 270px;
}

main.top2021 .w280, main.next2021 .w280 {
  width: 280px;
}

main.top2021 .w290, main.next2021 .w290 {
  width: 290px;
}

main.top2021 .w300, main.next2021 .w300 {
  width: 300px;
}

main.top2021 .w310, main.next2021 .w310 {
  width: 310px;
}

main.top2021 .w320, main.next2021 .w320 {
  width: 320px;
}

main.top2021 .w330, main.next2021 .w330 {
  width: 330px;
}

main.top2021 .w340, main.next2021 .w340 {
  width: 340px;
}

main.top2021 .w350, main.next2021 .w350 {
  width: 350px;
}

main.top2021 .w360, main.next2021 .w360 {
  width: 360px;
}

main.top2021 .w370, main.next2021 .w370 {
  width: 370px;
}

main.top2021 .w380, main.next2021 .w380 {
  width: 380px;
}

main.top2021 .w390, main.next2021 .w390 {
  width: 390px;
}

main.top2021 .w400, main.next2021 .w400 {
  width: 400px;
}

main.top2021 .w410, main.next2021 .w410 {
  width: 410px;
}

main.top2021 .w420, main.next2021 .w420 {
  width: 420px;
}

main.top2021 .w430, main.next2021 .w430 {
  width: 430px;
}

main.top2021 .w440, main.next2021 .w440 {
  width: 440px;
}

main.top2021 .w450, main.next2021 .w450 {
  width: 450px;
}

main.top2021 .w460, main.next2021 .w460 {
  width: 460px;
}

main.top2021 .w470, main.next2021 .w470 {
  width: 470px;
}

main.top2021 .w480, main.next2021 .w480 {
  width: 480px;
}

main.top2021 .w490, main.next2021 .w490 {
  width: 490px;
}

main.top2021 .w500, main.next2021 .w500 {
  width: 500px;
}

main.top2021 .w510, main.next2021 .w510 {
  width: 510px;
}

main.top2021 .w520, main.next2021 .w520 {
  width: 520px;
}

main.top2021 .w530, main.next2021 .w530 {
  width: 530px;
}

main.top2021 .w540, main.next2021 .w540 {
  width: 540px;
}

main.top2021 .w550, main.next2021 .w550 {
  width: 550px;
}

main.top2021 .w560, main.next2021 .w560 {
  width: 560px;
}

main.top2021 .w570, main.next2021 .w570 {
  width: 570px;
}

main.top2021 .w580, main.next2021 .w580 {
  width: 580px;
}

main.top2021 .w590, main.next2021 .w590 {
  width: 590px;
}

main.top2021 .w600, main.next2021 .w600 {
  width: 600px;
}

main.top2021 .w610, main.next2021 .w610 {
  width: 610px;
}

main.top2021 .w620, main.next2021 .w620 {
  width: 620px;
}

main.top2021 .w630, main.next2021 .w630 {
  width: 630px;
}

main.top2021 .w640, main.next2021 .w640 {
  width: 640px;
}

main.top2021 .w650, main.next2021 .w650 {
  width: 650px;
}

main.top2021 .w660, main.next2021 .w660 {
  width: 660px;
}

main.top2021 .w670, main.next2021 .w670 {
  width: 670px;
}

main.top2021 .w680, main.next2021 .w680 {
  width: 680px;
}

main.top2021 .w690, main.next2021 .w690 {
  width: 690px;
}

main.top2021 .w700, main.next2021 .w700 {
  width: 700px;
}

main.top2021 .w710, main.next2021 .w710 {
  width: 710px;
}

main.top2021 .w720, main.next2021 .w720 {
  width: 720px;
}

main.top2021 .w730, main.next2021 .w730 {
  width: 730px;
}

main.top2021 .w740, main.next2021 .w740 {
  width: 740px;
}

main.top2021 .w750, main.next2021 .w750 {
  width: 750px;
}

main.top2021 .w760, main.next2021 .w760 {
  width: 760px;
}

main.top2021 .w770, main.next2021 .w770 {
  width: 770px;
}

main.top2021 .w780, main.next2021 .w780 {
  width: 780px;
}

main.top2021 .w790, main.next2021 .w790 {
  width: 790px;
}

main.top2021 .w800, main.next2021 .w800 {
  width: 800px;
}

main.top2021 .w810, main.next2021 .w810 {
  width: 810px;
}

main.top2021 .w820, main.next2021 .w820 {
  width: 820px;
}

main.top2021 .w830, main.next2021 .w830 {
  width: 830px;
}

main.top2021 .w840, main.next2021 .w840 {
  width: 840px;
}

main.top2021 .w850, main.next2021 .w850 {
  width: 850px;
}

main.top2021 .w860, main.next2021 .w860 {
  width: 860px;
}

main.top2021 .w870, main.next2021 .w870 {
  width: 870px;
}

main.top2021 .w880, main.next2021 .w880 {
  width: 880px;
}

main.top2021 .w890, main.next2021 .w890 {
  width: 890px;
}

main.top2021 .w900, main.next2021 .w900 {
  width: 900px;
}

main.top2021 .w910, main.next2021 .w910 {
  width: 910px;
}

main.top2021 .w920, main.next2021 .w920 {
  width: 920px;
}

main.top2021 .w930, main.next2021 .w930 {
  width: 930px;
}

main.top2021 .w940, main.next2021 .w940 {
  width: 940px;
}

main.top2021 .w950, main.next2021 .w950 {
  width: 950px;
}

main.top2021 .w960, main.next2021 .w960 {
  width: 960px;
}

main.top2021 .w970, main.next2021 .w970 {
  width: 970px;
}

main.top2021 .w980, main.next2021 .w980 {
  width: 980px;
}

main.top2021 .w990, main.next2021 .w990 {
  width: 990px;
}

main.top2021 .w1000, main.next2021 .w1000 {
  width: 1000px;
}

main.top2021 .w150, main.next2021 .w150 {
  width: 150px;
}

main.top2021 .w200, main.next2021 .w200 {
  width: 200px;
}

main.top2021 .w250, main.next2021 .w250 {
  width: 250px;
}

main.top2021 .w300, main.next2021 .w300 {
  width: 300px;
}

main.top2021 .w350, main.next2021 .w350 {
  width: 350px;
}

main.top2021 .w400, main.next2021 .w400 {
  width: 400px;
}

main.top2021 .w450, main.next2021 .w450 {
  width: 450px;
}

main.top2021 .w500, main.next2021 .w500 {
  width: 500px;
}

main.top2021 .w550, main.next2021 .w550 {
  width: 550px;
}

main.top2021 .w600, main.next2021 .w600 {
  width: 600px;
}

main.top2021 .w650, main.next2021 .w650 {
  width: 650px;
}

main.top2021 .w700, main.next2021 .w700 {
  width: 700px;
}

main.top2021 .w750, main.next2021 .w750 {
  width: 750px;
}

main.top2021 .w800, main.next2021 .w800 {
  width: 800px;
}

main.top2021 .w850, main.next2021 .w850 {
  width: 850px;
}

main.top2021 .w900, main.next2021 .w900 {
  width: 900px;
}

main.top2021 .w950, main.next2021 .w950 {
  width: 950px;
}

main.top2021 .w1000, main.next2021 .w1000 {
  width: 1000px;
}

main.top2021 .w5p, main.next2021 .w5p {
  width: 5%;
}

main.top2021 .w10p, main.next2021 .w10p {
  width: 10%;
}

main.top2021 .w15p, main.next2021 .w15p {
  width: 15%;
}

main.top2021 .w20p, main.next2021 .w20p {
  width: 20%;
}

main.top2021 .w25p, main.next2021 .w25p {
  width: 25%;
}

main.top2021 .w30p, main.next2021 .w30p {
  width: 30%;
}

main.top2021 .w35p, main.next2021 .w35p {
  width: 35%;
}

main.top2021 .w40p, main.next2021 .w40p {
  width: 40%;
}

main.top2021 .w45p, main.next2021 .w45p {
  width: 45%;
}

main.top2021 .w50p, main.next2021 .w50p {
  width: 50%;
}

main.top2021 .w55p, main.next2021 .w55p {
  width: 55%;
}

main.top2021 .w60p, main.next2021 .w60p {
  width: 60%;
}

main.top2021 .w65p, main.next2021 .w65p {
  width: 65%;
}

main.top2021 .w70p, main.next2021 .w70p {
  width: 70%;
}

main.top2021 .w75p, main.next2021 .w75p {
  width: 75%;
}

main.top2021 .w80p, main.next2021 .w80p {
  width: 80%;
}

main.top2021 .w85p, main.next2021 .w85p {
  width: 85%;
}

main.top2021 .w90p, main.next2021 .w90p {
  width: 90%;
}

main.top2021 .w95p, main.next2021 .w95p {
  width: 95%;
}

main.top2021 .w100p, main.next2021 .w100p {
  width: 100%;
}

@media screen and (max-width: 700px) {
  main.top2021 .w10-sp, main.next2021 .w10-sp {
    width: 10px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w20-sp, main.next2021 .w20-sp {
    width: 20px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w30-sp, main.next2021 .w30-sp {
    width: 30px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w40-sp, main.next2021 .w40-sp {
    width: 40px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w50-sp, main.next2021 .w50-sp {
    width: 50px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w60-sp, main.next2021 .w60-sp {
    width: 60px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w70-sp, main.next2021 .w70-sp {
    width: 70px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w80-sp, main.next2021 .w80-sp {
    width: 80px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w90-sp, main.next2021 .w90-sp {
    width: 90px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w100-sp, main.next2021 .w100-sp {
    width: 100px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w110-sp, main.next2021 .w110-sp {
    width: 110px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w120-sp, main.next2021 .w120-sp {
    width: 120px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w130-sp, main.next2021 .w130-sp {
    width: 130px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w140-sp, main.next2021 .w140-sp {
    width: 140px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w150-sp, main.next2021 .w150-sp {
    width: 150px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w160-sp, main.next2021 .w160-sp {
    width: 160px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w170-sp, main.next2021 .w170-sp {
    width: 170px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w180-sp, main.next2021 .w180-sp {
    width: 180px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w190-sp, main.next2021 .w190-sp {
    width: 190px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w200-sp, main.next2021 .w200-sp {
    width: 200px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w210-sp, main.next2021 .w210-sp {
    width: 210px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w220-sp, main.next2021 .w220-sp {
    width: 220px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w230-sp, main.next2021 .w230-sp {
    width: 230px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w240-sp, main.next2021 .w240-sp {
    width: 240px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w250-sp, main.next2021 .w250-sp {
    width: 250px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w260-sp, main.next2021 .w260-sp {
    width: 260px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w270-sp, main.next2021 .w270-sp {
    width: 270px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w280-sp, main.next2021 .w280-sp {
    width: 280px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w290-sp, main.next2021 .w290-sp {
    width: 290px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w300-sp, main.next2021 .w300-sp {
    width: 300px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w310-sp, main.next2021 .w310-sp {
    width: 310px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w320-sp, main.next2021 .w320-sp {
    width: 320px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w330-sp, main.next2021 .w330-sp {
    width: 330px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w340-sp, main.next2021 .w340-sp {
    width: 340px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w350-sp, main.next2021 .w350-sp {
    width: 350px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w360-sp, main.next2021 .w360-sp {
    width: 360px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w370-sp, main.next2021 .w370-sp {
    width: 370px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w380-sp, main.next2021 .w380-sp {
    width: 380px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w390-sp, main.next2021 .w390-sp {
    width: 390px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w400-sp, main.next2021 .w400-sp {
    width: 400px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w410-sp, main.next2021 .w410-sp {
    width: 410px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w420-sp, main.next2021 .w420-sp {
    width: 420px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w430-sp, main.next2021 .w430-sp {
    width: 430px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w440-sp, main.next2021 .w440-sp {
    width: 440px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w450-sp, main.next2021 .w450-sp {
    width: 450px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w460-sp, main.next2021 .w460-sp {
    width: 460px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w470-sp, main.next2021 .w470-sp {
    width: 470px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w480-sp, main.next2021 .w480-sp {
    width: 480px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w490-sp, main.next2021 .w490-sp {
    width: 490px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w500-sp, main.next2021 .w500-sp {
    width: 500px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w150-sp, main.next2021 .w150-sp {
    width: 150px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w200-sp, main.next2021 .w200-sp {
    width: 200px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w250-sp, main.next2021 .w250-sp {
    width: 250px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w300-sp, main.next2021 .w300-sp {
    width: 300px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w350-sp, main.next2021 .w350-sp {
    width: 350px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w400-sp, main.next2021 .w400-sp {
    width: 400px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w450-sp, main.next2021 .w450-sp {
    width: 450px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w500-sp, main.next2021 .w500-sp {
    width: 500px;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w5p-sp, main.next2021 .w5p-sp {
    width: 5%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w10p-sp, main.next2021 .w10p-sp {
    width: 10%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w15p-sp, main.next2021 .w15p-sp {
    width: 15%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w20p-sp, main.next2021 .w20p-sp {
    width: 20%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w25p-sp, main.next2021 .w25p-sp {
    width: 25%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w30p-sp, main.next2021 .w30p-sp {
    width: 30%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w35p-sp, main.next2021 .w35p-sp {
    width: 35%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w40p-sp, main.next2021 .w40p-sp {
    width: 40%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w45p-sp, main.next2021 .w45p-sp {
    width: 45%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w50p-sp, main.next2021 .w50p-sp {
    width: 50%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w55p-sp, main.next2021 .w55p-sp {
    width: 55%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w60p-sp, main.next2021 .w60p-sp {
    width: 60%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w65p-sp, main.next2021 .w65p-sp {
    width: 65%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w70p-sp, main.next2021 .w70p-sp {
    width: 70%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w75p-sp, main.next2021 .w75p-sp {
    width: 75%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w80p-sp, main.next2021 .w80p-sp {
    width: 80%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w85p-sp, main.next2021 .w85p-sp {
    width: 85%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w90p-sp, main.next2021 .w90p-sp {
    width: 90%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w95p-sp, main.next2021 .w95p-sp {
    width: 95%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .w100p-sp, main.next2021 .w100p-sp {
    width: 100%;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 br.pc, main.next2021 br.pc {
    display: none;
  }
}

main.top2021 br.tablet, main.next2021 br.tablet {
  display: none;
}

@media screen and (min-width: 701px) and (max-width: 900px) {
  main.top2021 br.tablet, main.next2021 br.tablet {
    display: inline;
  }
}

main.top2021 br.sp, main.next2021 br.sp {
  display: none;
}

@media screen and (max-width: 700px) {
  main.top2021 br.sp, main.next2021 br.sp {
    display: inline;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 img.pc, main.next2021 img.pc {
    display: none;
  }
}

@media screen and (min-width: 701px) {
  main.top2021 img.sp, main.next2021 img.sp {
    display: none;
  }
}

@media screen and (min-width: 701px) {
  main.top2021 .hidden-pc, main.next2021 .hidden-pc {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .hidden-sp, main.next2021 .hidden-sp {
    display: none;
  }
}

main.top2021 .column-style, main.top2021 .column-04, main.top2021 .column-03, main.top2021 .column-02, main.next2021 .column-style, main.next2021 .column-04, main.next2021 .column-03, main.next2021 .column-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -30px;
}
.color_design main.next2021 .post h1 {
  font-size: 1.8rem;
  font-weight: bold;
}
.color_design main.next2021 .post h1:not(:last-child) {
    margin-bottom: 15px;
}


main.top2021 .column-style:last-child, main.top2021 .column-04:last-child, main.top2021 .column-03:last-child, main.top2021 .column-02:last-child, main.next2021 .column-style:last-child, main.next2021 .column-04:last-child, main.next2021 .column-03:last-child, main.next2021 .column-02:last-child {
  margin-bottom: -30px;
}

main.top2021 .column-style > *, main.top2021 .column-04 > *, main.top2021 .column-03 > *, main.top2021 .column-02 > *, main.next2021 .column-style > *, main.next2021 .column-04 > *, main.next2021 .column-03 > *, main.next2021 .column-02 > * {
  width: 10px;
  margin-right: 30px;
  margin-bottom: 30px;
}

@media screen and (min-width: 501px) {
  main.top2021 .column-style > *.w5p, main.top2021 .column-04 > *.w5p, main.top2021 .column-03 > *.w5p, main.top2021 .column-02 > *.w5p, main.next2021 .column-style > *.w5p, main.next2021 .column-04 > *.w5p, main.next2021 .column-03 > *.w5p, main.next2021 .column-02 > *.w5p {
    width: calc(5% - 30px);
  }
  main.top2021 .column-style > *.w10p, main.top2021 .column-04 > *.w10p, main.top2021 .column-03 > *.w10p, main.top2021 .column-02 > *.w10p, main.next2021 .column-style > *.w10p, main.next2021 .column-04 > *.w10p, main.next2021 .column-03 > *.w10p, main.next2021 .column-02 > *.w10p {
    width: calc(10% - 30px);
  }
  main.top2021 .column-style > *.w15p, main.top2021 .column-04 > *.w15p, main.top2021 .column-03 > *.w15p, main.top2021 .column-02 > *.w15p, main.next2021 .column-style > *.w15p, main.next2021 .column-04 > *.w15p, main.next2021 .column-03 > *.w15p, main.next2021 .column-02 > *.w15p {
    width: calc(15% - 30px);
  }
  main.top2021 .column-style > *.w20p, main.top2021 .column-04 > *.w20p, main.top2021 .column-03 > *.w20p, main.top2021 .column-02 > *.w20p, main.next2021 .column-style > *.w20p, main.next2021 .column-04 > *.w20p, main.next2021 .column-03 > *.w20p, main.next2021 .column-02 > *.w20p {
    width: calc(20% - 30px);
  }
  main.top2021 .column-style > *.w25p, main.top2021 .column-04 > *.w25p, main.top2021 .column-03 > *.w25p, main.top2021 .column-02 > *.w25p, main.next2021 .column-style > *.w25p, main.next2021 .column-04 > *.w25p, main.next2021 .column-03 > *.w25p, main.next2021 .column-02 > *.w25p {
    width: calc(25% - 30px);
  }
  main.top2021 .column-style > *.w30p, main.top2021 .column-04 > *.w30p, main.top2021 .column-03 > *.w30p, main.top2021 .column-02 > *.w30p, main.next2021 .column-style > *.w30p, main.next2021 .column-04 > *.w30p, main.next2021 .column-03 > *.w30p, main.next2021 .column-02 > *.w30p {
    width: calc(30% - 30px);
  }
  main.top2021 .column-style > *.w35p, main.top2021 .column-04 > *.w35p, main.top2021 .column-03 > *.w35p, main.top2021 .column-02 > *.w35p, main.next2021 .column-style > *.w35p, main.next2021 .column-04 > *.w35p, main.next2021 .column-03 > *.w35p, main.next2021 .column-02 > *.w35p {
    width: calc(35% - 30px);
  }
  main.top2021 .column-style > *.w40p, main.top2021 .column-04 > *.w40p, main.top2021 .column-03 > *.w40p, main.top2021 .column-02 > *.w40p, main.next2021 .column-style > *.w40p, main.next2021 .column-04 > *.w40p, main.next2021 .column-03 > *.w40p, main.next2021 .column-02 > *.w40p {
    width: calc(40% - 30px);
  }
  main.top2021 .column-style > *.w45p, main.top2021 .column-04 > *.w45p, main.top2021 .column-03 > *.w45p, main.top2021 .column-02 > *.w45p, main.next2021 .column-style > *.w45p, main.next2021 .column-04 > *.w45p, main.next2021 .column-03 > *.w45p, main.next2021 .column-02 > *.w45p {
    width: calc(45% - 30px);
  }
  main.top2021 .column-style > *.w50p, main.top2021 .column-04 > *.w50p, main.top2021 .column-03 > *.w50p, main.top2021 .column-02 > *.w50p, main.next2021 .column-style > *.w50p, main.next2021 .column-04 > *.w50p, main.next2021 .column-03 > *.w50p, main.next2021 .column-02 > *.w50p {
    width: calc(50% - 30px);
  }
  main.top2021 .column-style > *.w55p, main.top2021 .column-04 > *.w55p, main.top2021 .column-03 > *.w55p, main.top2021 .column-02 > *.w55p, main.next2021 .column-style > *.w55p, main.next2021 .column-04 > *.w55p, main.next2021 .column-03 > *.w55p, main.next2021 .column-02 > *.w55p {
    width: calc(55% - 30px);
  }
  main.top2021 .column-style > *.w60p, main.top2021 .column-04 > *.w60p, main.top2021 .column-03 > *.w60p, main.top2021 .column-02 > *.w60p, main.next2021 .column-style > *.w60p, main.next2021 .column-04 > *.w60p, main.next2021 .column-03 > *.w60p, main.next2021 .column-02 > *.w60p {
    width: calc(60% - 30px);
  }
  main.top2021 .column-style > *.w65p, main.top2021 .column-04 > *.w65p, main.top2021 .column-03 > *.w65p, main.top2021 .column-02 > *.w65p, main.next2021 .column-style > *.w65p, main.next2021 .column-04 > *.w65p, main.next2021 .column-03 > *.w65p, main.next2021 .column-02 > *.w65p {
    width: calc(65% - 30px);
  }
  main.top2021 .column-style > *.w70p, main.top2021 .column-04 > *.w70p, main.top2021 .column-03 > *.w70p, main.top2021 .column-02 > *.w70p, main.next2021 .column-style > *.w70p, main.next2021 .column-04 > *.w70p, main.next2021 .column-03 > *.w70p, main.next2021 .column-02 > *.w70p {
    width: calc(70% - 30px);
  }
  main.top2021 .column-style > *.w75p, main.top2021 .column-04 > *.w75p, main.top2021 .column-03 > *.w75p, main.top2021 .column-02 > *.w75p, main.next2021 .column-style > *.w75p, main.next2021 .column-04 > *.w75p, main.next2021 .column-03 > *.w75p, main.next2021 .column-02 > *.w75p {
    width: calc(75% - 30px);
  }
  main.top2021 .column-style > *.w80p, main.top2021 .column-04 > *.w80p, main.top2021 .column-03 > *.w80p, main.top2021 .column-02 > *.w80p, main.next2021 .column-style > *.w80p, main.next2021 .column-04 > *.w80p, main.next2021 .column-03 > *.w80p, main.next2021 .column-02 > *.w80p {
    width: calc(80% - 30px);
  }
  main.top2021 .column-style > *.w85p, main.top2021 .column-04 > *.w85p, main.top2021 .column-03 > *.w85p, main.top2021 .column-02 > *.w85p, main.next2021 .column-style > *.w85p, main.next2021 .column-04 > *.w85p, main.next2021 .column-03 > *.w85p, main.next2021 .column-02 > *.w85p {
    width: calc(85% - 30px);
  }
  main.top2021 .column-style > *.w90p, main.top2021 .column-04 > *.w90p, main.top2021 .column-03 > *.w90p, main.top2021 .column-02 > *.w90p, main.next2021 .column-style > *.w90p, main.next2021 .column-04 > *.w90p, main.next2021 .column-03 > *.w90p, main.next2021 .column-02 > *.w90p {
    width: calc(90% - 30px);
  }
  main.top2021 .column-style > *.w95p, main.top2021 .column-04 > *.w95p, main.top2021 .column-03 > *.w95p, main.top2021 .column-02 > *.w95p, main.next2021 .column-style > *.w95p, main.next2021 .column-04 > *.w95p, main.next2021 .column-03 > *.w95p, main.next2021 .column-02 > *.w95p {
    width: calc(95% - 30px);
  }
  main.top2021 .column-style > *.w100p, main.top2021 .column-04 > *.w100p, main.top2021 .column-03 > *.w100p, main.top2021 .column-02 > *.w100p, main.next2021 .column-style > *.w100p, main.next2021 .column-04 > *.w100p, main.next2021 .column-03 > *.w100p, main.next2021 .column-02 > *.w100p {
    width: calc(100% - 30px);
  }
}

@media screen and (max-width: 700px) {
  main.top2021 .column-style, main.top2021 .column-04, main.top2021 .column-03, main.top2021 .column-02, main.next2021 .column-style, main.next2021 .column-04, main.next2021 .column-03, main.next2021 .column-02 {
    margin-right: -20px;
  }
  main.top2021 .column-style:last-child, main.top2021 .column-04:last-child, main.top2021 .column-03:last-child, main.top2021 .column-02:last-child, main.next2021 .column-style:last-child, main.next2021 .column-04:last-child, main.next2021 .column-03:last-child, main.next2021 .column-02:last-child {
    margin-bottom: -20px;
  }
  main.top2021 .column-style > *, main.top2021 .column-04 > *, main.top2021 .column-03 > *, main.top2021 .column-02 > *, main.next2021 .column-style > *, main.next2021 .column-04 > *, main.next2021 .column-03 > *, main.next2021 .column-02 > * {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

main.top2021 .column-02 > *, main.next2021 .column-02 > * {
  width: calc(50% - 30px);
}

main.top2021 .column-03 > *, main.next2021 .column-03 > * {
  width: calc(33.3333% - 30px);
}

main.top2021 .column-04 > *, main.next2021 .column-04 > * {
  width: calc(25% - 30px);
}

@media screen and (max-width: 700px) {
  main.top2021 .column-02 > *, main.next2021 .column-02 > * {
    width: calc(50% - 20px);
  }
  main.top2021 .column-03 > *, main.next2021 .column-03 > * {
    width: calc(50% - 20px);
  }
  main.top2021 .column-04 > *, main.next2021 .column-04 > * {
    width: calc(33.3333% - 20px);
  }
}

@media screen and (max-width: 700px) and (max-width: 500px) {
  main.top2021 .column-02 > *, main.next2021 .column-02 > * {
    width: calc(100% - 20px);
  }
  main.top2021 .column-03 > *, main.next2021 .column-03 > * {
    width: calc(100% - 20px);
  }
  main.top2021 .column-04 > *, main.next2021 .column-04 > * {
    width: calc(50% - 20px);
  }
}

main.top2021 .post ul:not(.sup-list):not(:last-child), main.next2021 .post ul:not(.sup-list):not(:last-child) {
  margin-bottom: 30px;
}

main.top2021 .post ul:not(.sup-list) li, main.next2021 .post ul:not(.sup-list) li {
  list-style-type: none;
  text-indent: -1em;
  padding-left: 1em;
}

main.top2021 .post ul:not(.sup-list) li:before, main.next2021 .post ul:not(.sup-list) li:before {
  content: "\0030fb";
  margin-right: 0.5em;
}

main.top2021 .post ol, main.next2021 .post ol {
  padding-left: 1.5em;
}

main.top2021 .post ol:not(:last-child), main.next2021 .post ol:not(:last-child) {
  margin-bottom: 30px;
}

main.top2021 .post ol li, main.next2021 .post ol li {
  list-style-type: decimal;
}

main.top2021 .post ol li:not(:last-child), main.next2021 .post ol li:not(:last-child) {
  margin-bottom: 10px;
}

main.top2021 .post ol li:last-child, main.next2021 .post ol li:last-child {
  padding-bottom: 0;
}

main.top2021 .post strong, main.next2021 .post strong {
  font-weight: bold;
}

main.top2021 .post em, main.next2021 .post em {
  font-style: italic;
}

main.top2021 .post del, main.next2021 .post del {
  text-decoration: line-through;
  color: #999999;
}

main.top2021 .post blockquote, main.next2021 .post blockquote {
  display: block;
  padding: 15px;
  background-color: #EEF3F9;
  clear: both;
}

main.top2021 .post blockquote:not(:last-child), main.next2021 .post blockquote:not(:last-child) {
  margin-bottom: 30px;
}

main.top2021 .post .h, main.top2021 .post h5, main.top2021 .post h4, main.top2021 .post h3, main.top2021 .post h2, main.top2021 .post h1, main.next2021 .post .h, main.next2021 .post h5, main.next2021 .post h4, main.next2021 .post h3, main.next2021 .post h2, main.next2021 .post h1 {
  line-height: 1.3;
  letter-spacing: 0.1em;
}

main.top2021 .post .h:not(:first-child), main.top2021 .post h5:not(:first-child), main.top2021 .post h4:not(:first-child), main.top2021 .post h3:not(:first-child), main.top2021 .post h2:not(:first-child), main.top2021 .post h1:not(:first-child), main.next2021 .post .h:not(:first-child), main.next2021 .post h5:not(:first-child), main.next2021 .post h4:not(:first-child), main.next2021 .post h3:not(:first-child), main.next2021 .post h2:not(:first-child), main.next2021 .post h1:not(:first-child) {
  margin-top: 30px;
}

main.top2021 .post .h:not(:last-child), main.top2021 .post h5:not(:last-child), main.top2021 .post h4:not(:last-child), main.top2021 .post h3:not(:last-child), main.top2021 .post h2:not(:last-child), main.top2021 .post h1:not(:last-child), main.next2021 .post .h:not(:last-child), main.next2021 .post h5:not(:last-child), main.next2021 .post h4:not(:last-child), main.next2021 .post h3:not(:last-child), main.next2021 .post h2:not(:last-child), main.next2021 .post h1:not(:last-child) {
  margin-bottom: 15px;
}

main.top2021 .post h1, main.next2021 .post h1 {
  font-size: 27px;
  font-size: 1.8rem;
  font-weight: bold;
}

main.top2021 .post h2, main.next2021 .post h2 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: bold;
}

main.top2021 .post h3, main.next2021 .post h3 {
  font-size: 21px;
  font-size: 1.4rem;
  font-weight: bold;
}

main.top2021 .post h4, main.next2021 .post h4 {
  font-size: 19px;
  font-size: 1.2666666667rem;
  font-weight: bold;
}

main.top2021 .post h5, main.next2021 .post h5 {
  font-size: 17px;
  font-size: 1.1333333333rem;
  font-weight: bold;
}

main.top2021 .post iframe, main.next2021 .post iframe {
  max-width: 100%;
}

main.top2021 .post .aligncenter, main.next2021 .post .aligncenter {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

main.top2021 .post .aligncenter:not(:first-child), main.next2021 .post .aligncenter:not(:first-child) {
  margin-top: 30px;
}

main.top2021 .post .aligncenter:not(:last-child), main.next2021 .post .aligncenter:not(:last-child) {
  margin-bottom: 30px;
}

main.top2021 .post .alignright, main.next2021 .post .alignright {
  text-align: right;
  float: right;
  display: block;
  margin: 0 0 10px 15px;
}

main.top2021 .post .alignleft, main.next2021 .post .alignleft {
  text-align: left;
  float: left;
  margin: 0 15px 10px 0;
}

main.top2021 .post .wp-caption, main.next2021 .post .wp-caption {
  max-width: 100%;
}

main.top2021 .post .wp-caption-text, main.next2021 .post .wp-caption-text {
  color: #999999;
}

main.top2021 .post .wp-caption:not(:last-child), main.next2021 .post .wp-caption:not(:last-child) {
  margin-bottom: 30px;
}

main.top2021 .post p:not(:last-child), main.next2021 .post p:not(:last-child) {
  margin-bottom: 15px;
}

main.top2021 .post table:not(:last-child), main.next2021 .post table:not(:last-child) {
  margin-bottom: 30px;
}

main.top2021 .post table td p:not(:last-child), main.next2021 .post table td p:not(:last-child) {
  margin-bottom: 10px;
}

main.top2021 .post cite, main.next2021 .post cite {
  border: 1px solid #B3B3B3;
  margin-top: 15px;
  padding: 10px;
  display: -moz-inline-box;
  display: inline-block;
}

main.top2021 .post cite:before, main.top2021 .post cite:after, main.next2021 .post cite:before, main.next2021 .post cite:after {
  content: "\00201d";
}

main.top2021 .post small, main.next2021 .post small {
  font-size: 12px;
  font-size: 0.8rem;
}

main.top2021 .post .video-container, main.next2021 .post .video-container {
  max-width: 640px;
  margin: 30px auto 0;
}

main.top2021 .post .video, main.next2021 .post .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

main.top2021 .post .video iframe, main.top2021 .post .video object, main.top2021 .post .video embed, main.next2021 .post .video iframe, main.next2021 .post .video object, main.next2021 .post .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 700px) {
  main.top2021 .post .alignright, main.next2021 .post .alignright {
    max-width: 160px;
    height: auto;
    margin: 0 0 10px 10px;
  }
  main.top2021 .post .alignleft, main.next2021 .post .alignleft {
    max-width: 160px;
    height: auto;
    margin: 0 10px 10px 0;
  }
}

main.top2021 .post:after, main.next2021 .post:after {
  clear: both;
  display: block;
  content: '';
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.eg-parent > *:not(.eg) {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
}

*[data-emergence], *.eg {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}

*[data-emergence=visible] {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@supports (clip-path: polygon(0 0, 0 0, 0 0)) {
  *[data-anm="skew"] {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    -webkit-transition: 1s all ease-out;
    -moz-transition: 1s all ease-out;
    -ms-transition: 1s all ease-out;
    -o-transition: 1s all ease-out;
    transition: 1s all ease-out;
  }
  *[data-anm="skew"][data-emergence=visible] {
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-clip-path: polygon(0 0, 220% 0, 0 220%, 0 0);
    clip-path: polygon(0 0, 220% 0, 0 220%, 0 0);
  }
}

/* floating */
@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(30%);
  }
  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(30%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes flipIn {
  0% {
    opacity: 0;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
  }
}

@keyframes flipIn {
  0% {
    opacity: 0;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    -ms-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
  }
}

.flipIn {
  -webkit-animation-name: flipIn;
  animation-name: flipIn;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}