@charset "UTF-8";
@media screen and (max-width: 599px) {
  .is_sp {
    display: block; }

  .is_pc {
    display: none; } }
@media screen and (min-width: 600px) {
  .is_sp {
    display: none; }

  .is_pc {
    display: block; } }
html {
  font-size: 62.5%; }
  @media screen and (min-width: 600px) and (max-width: 1200px) {
    html {
      font-size: .83vw; } }
  @media screen and (min-width: 420px) and (max-width: 599px) {
    html {
      font-size: 2vw; } }
  @media screen and (min-width: 375px) and (max-width: 419px) {
    html {
      font-size: 2.66vw; } }

body {
  font-family: "Arial","Helvetica",verdana,"Hiragino Sans","Hiragino Kaku Gothic ProN","Segoe UI",sans-serif;
  color: #2d2e31;
  font-size: 1.4rem;
  background: #f2f1ef; }
  @media screen and (min-width: 600px) {
    body {
      font-size: 1.5rem; } }

p, h1, h2, h3, h4, h5, h6, a, li, dl, dt, dd, address, div, span, th, td, label, small {
  letter-spacing: .05em;
  font-weight: 400; }
  @media screen and (min-width: 600px) {
    p, h1, h2, h3, h4, h5, h6, a, li, dl, dt, dd, address, div, span, th, td, label, small {
      font-weight: 300; } }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (min-width: 600px) {
    h1, h2, h3, h4, h5, h6 {
      font-weight: 600; } }

p {
  line-height: 1.7; }

a {
  color: #2d2e31;
  text-decoration: none;
  outline: none; }

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

address {
  font-style: normal; }

ul {
  padding-left: 1em; }

figure {
  margin: 0; }
  figure img {
    border-radius: .5rem; }

figcaption {
  margin-top: 1em;
  font-size: 1.2rem; }

hr {
  margin: 3rem auto;
  border: none;
  border-top: rgba(45, 46, 49, 0.2) 1px solid; }

.bold {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (min-width: 600px) {
    .bold {
      font-weight: 600; } }

.wrap {
  overflow-x: hidden; }

.inr {
  width: 91.836%;
  margin: 0 auto;
  max-width: 40rem; }
  @media screen and (min-width: 600px) {
    .inr {
      width: 93.75%;
      max-width: 90rem; } }

.freedial {
  padding-left: 1.3em;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: .1em;
  background: url(../imgs/freedial.svg) no-repeat left center/1em auto; }
  .freedial--white {
    background-image: url(../imgs/freedial_white.svg); }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.kome {
  display: block;
  padding-left: 1em;
  text-indent: -1em; }

.bg-w {
  background: #fff; }

.bg-gray {
  background: #eaebeb; }

.flex {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0; }
  .flex--list > * {
    flex: 1;
    margin-left: 5%; }
    .flex--list > *:first-child {
      margin-left: 0 !important; }
  @media screen and (min-width: 600px) {
    .flex-sp {
      display: flex; }
      .flex-sp--column {
        flex-direction: column; }
        .flex-sp--column > * {
          margin: 0 0 1em 0; } }

.btn, .sp-fix-nav a, .sp-fix-nav .sp-fix-nav__chat, .paginate-btns a:not(.btn) {
  display: block;
  padding: 1.5em 0;
  border-radius: .5rem;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.15);
  background: #272a3b;
  color: #fff;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 30rem;
  font-size: 1.6rem;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .btn, .sp-fix-nav a, .sp-fix-nav .sp-fix-nav__chat, .paginate-btns a:not(.btn) {
      font-weight: 600; } }
  @media screen and (min-width: 600px) {
    .btn, .sp-fix-nav a, .sp-fix-nav .sp-fix-nav__chat, .paginate-btns a:not(.btn) {
      max-width: 40rem;
      transition: .25s; }
      .btn:hover, .sp-fix-nav a:hover, .sp-fix-nav .sp-fix-nav__chat:hover, .paginate-btns a:hover:not(.btn) {
        transform: scale(1.02);
        background: #31354a; } }
  .btn--arrow, .paginate-btns a:not(.btn) {
    position: relative;
    padding-left: 4.5rem;
    padding-right: 4.5rem;
    box-sizing: border-box; }
    .btn--arrow::after, .paginate-btns a:not(.btn)::after {
      content: "";
      display: block;
      width: 2.5rem;
      height: 2.5rem;
      background: url(../imgs/arrow.svg) no-repeat center/contain;
      position: absolute;
      right: 2rem;
      top: 50%;
      transform: translateY(-50%); }
  .btn--small {
    padding: .5em 1.5em;
    display: inline-block;
    box-shadow: none;
    font-size: inherit; }

.header {
  background: #f8b500; }
  .header__copy {
    height: 2rem;
    padding: 0 1rem;
    background: #272a3b;
    position: relative;
    z-index: 1000; }
    .header__copy .inr {
      width: 100%; }
    @media screen and (min-width: 600px) {
      .header__copy {
        height: 4rem; }
        .header__copy .inr {
          height: 4rem;
          max-width: 120rem;
          display: flex;
          justify-content: space-between;
          align-items: center; }
        .header__copy .freedial {
          font-size: 2.2rem;
          color: #fff; }
          .header__copy .freedial small {
            padding-left: .5em;
            font-size: 1.1rem;
            color: #fff; } }
    .header__copy .title {
      margin: 0;
      font-size: 1rem;
      line-height: 2rem;
      color: #fff; }
      @media screen and (min-width: 600px) {
        .header__copy .title {
          font-size: 1.1rem; }
          .header__copy .title .is_pc {
            display: inline;
            font-weight: inherit; } }
  .header__bar {
    height: 6rem;
    padding: 0 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1000;
    background: #f8b500; }
    .header__bar .logo {
      width: 14rem; }
      .header__bar .logo img {
        width: 100%; }
    @media screen and (min-width: 600px) {
      .header__bar {
        height: 8rem;
        max-width: 120rem;
        margin: 0 auto;
        display: flex;
        align-items: flex-start; }
        .header__bar .logo {
          margin-top: 3rem;
          width: 15.4rem; } }
    .header__bar .menu-btn {
      display: block;
      width: 5rem;
      height: 5rem;
      background: #272a3b;
      border-radius: 0 0 0 1rem;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1000;
      cursor: pointer; }
      .header__bar .menu-btn .humberger {
        display: block;
        width: 2.4rem;
        height: 1.4rem;
        position: absolute;
        left: 1.3rem;
        top: 1.3rem; }
        .header__bar .menu-btn .humberger::after, .header__bar .menu-btn .humberger::before {
          content: "";
          display: block;
          width: 100%;
          height: .2rem;
          background: #fff;
          position: absolute;
          left: 0;
          top: 0;
          transition: .3s; }
        .header__bar .menu-btn .humberger::before {
          content: "";
          top: .8rem; }
      .header__bar .menu-btn.close .humberger::after {
        top: .4rem;
        transform: rotate(-45deg); }
      .header__bar .menu-btn.close .humberger::before {
        top: .4rem;
        transform: rotate(45deg); }
      .header__bar .menu-btn.close .txt-close {
        display: block;
        bottom: 1.1rem; }
      .header__bar .menu-btn.close .txt-menu {
        display: none; }
      .header__bar .menu-btn .txt-menu,
      .header__bar .menu-btn .txt-close {
        display: block;
        width: 2.4rem;
        height: auto;
        position: absolute;
        bottom: 1.3rem;
        left: 1.3rem; }
      .header__bar .menu-btn .txt-close {
        display: none; }

.sp-nav {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 2rem 0 0 0;
  background: #f8b500;
  z-index: 900; }
  .sp-nav__logo {
    width: 85.3%;
    height: 6rem;
    margin: 0 auto 1rem auto;
    display: flex;
    align-items: center;
    box-sizing: border-box; }
    .sp-nav__logo img {
      width: 14rem; }
  .sp-nav__nav {
    width: 85.3%;
    margin: 0 auto; }
    .sp-nav__nav .all {
      display: flex;
      flex-wrap: wrap; }
    .sp-nav__nav a:not(.btn),
    .sp-nav__nav .half {
      width: 100%;
      border-top: rgba(255, 255, 255, 0.3) 1px solid;
      padding: 1.7rem 0;
      font-size: 1.3rem;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background: url(../imgs/arrow_small.svg) no-repeat right center/1.2rem auto; }
      @media screen and (min-width: 600px) {
        .sp-nav__nav a:not(.btn),
        .sp-nav__nav .half {
          font-weight: 600; } }
      .sp-nav__nav a:not(.btn) span,
      .sp-nav__nav .half span {
        font-weight: inherit; }
    .sp-nav__nav .half {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      border-top: none;
      background: none; }
      .sp-nav__nav .half a {
        width: 50%;
        box-sizing: border-box;
        padding-left: 1.5rem; }
        .sp-nav__nav .half a.sp_nav_border {
          padding-left: 0;
          border-right: rgba(255, 255, 255, 0.3) 1px solid;
          background-position: 90% center; }
    .sp-nav__nav .btns {
      width: 100%;
      padding: 1.4rem 0;
      display: flex;
      justify-content: space-between;
      border-top: rgba(255, 255, 255, 0.3) 1px solid; }
      .sp-nav__nav .btns > * {
        flex: 1;
        margin-left: 2rem;
        font-size: 1.2rem;
        box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15); }
        .sp-nav__nav .btns > *:first-child {
          margin-left: 0; }
    .sp-nav__nav .nav-small {
      padding: .5rem 0;
      border-top: rgba(255, 255, 255, 0.3) 1px solid;
      border-bottom: rgba(255, 255, 255, 0.3) 1px solid; }
      .sp-nav__nav .nav-small a {
        display: inline-block;
        width: auto;
        min-width: 49%;
        padding: 1rem 0 1rem 1.5rem;
        box-sizing: border-box;
        border: none;
        background-position: left center;
        font-size: 1.2rem; }
  .sp-nav__info {
    width: 85.3%;
    margin: 0 auto;
    padding: 1.7rem 0 9rem 0; }
    .sp-nav__info .logo {
      margin: 0 0 .5rem 0; }
      .sp-nav__info .logo img {
        width: 14rem; }
    .sp-nav__info .freedial {
      font-size: 2.2rem; }
      .sp-nav__info .freedial small {
        font-size: 1.25rem;
        font-weight: normal;
        padding-left: .3em;
        white-space: nowrap; }

.sp-fix-nav {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 1rem;
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.2); }
  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .sp-fix-nav {
      background: rgba(255, 255, 255, 0.1);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      box-shadow: none; } }
  .sp-fix-nav.nav-open {
    background: rgba(255, 255, 255, 0.1); }
  .sp-fix-nav a, .sp-fix-nav .sp-fix-nav__chat {
    height: 5.5rem;
    display: flex;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box;
    margin-left: 1rem;
    flex-grow: 3;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15); }
    .sp-fix-nav a:first-child, .sp-fix-nav .sp-fix-nav__chat:first-child {
      margin-left: 0; }
    @media screen and (max-width: 360px) {
      .sp-fix-nav a, .sp-fix-nav .sp-fix-nav__chat {
        padding: 1rem .7rem;
        margin-left: .7rem; }
        .sp-fix-nav a img, .sp-fix-nav .sp-fix-nav__chat img {
          max-width: 6.5rem; } }
  .sp-fix-nav__tel {
    display: block !important; }
    .sp-fix-nav__tel span:first-child {
      display: flex;
      align-items: center; }
      .sp-fix-nav__tel span:first-child > img {
        width: 9rem; }
        .sp-fix-nav__tel span:first-child > img:first-child {
          margin-right: 1rem;
          max-width: 2.5rem; }
  .sp-fix-nav__mail > img {
    width: 8rem; }
    .sp-fix-nav__mail > img:first-child {
      margin-right: 1rem;
      max-width: 2.5rem; }
  .sp-fix-nav__chat {
    flex-grow: 1 !important;
    flex-direction: column;
    justify-content: center; }
    .sp-fix-nav__chat img {
      width: 3.7rem; }
      .sp-fix-nav__chat img:first-child {
        width: 1.8rem;
        margin-bottom: .2rem; }

.pc-nav {
  display: flex;
  align-items: center;
  height: 8rem;
  padding: 3rem 0 1rem 0;
  box-sizing: border-box; }
  .pc-nav a:not(.btn) {
    margin-left: 2.5rem;
    font-size: 1.4rem;
    color: #272a3b;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .02rem;
    line-height: 2rem;
    padding: .5rem 0;
    position: relative; }
    @media screen and (min-width: 600px) {
      .pc-nav a:not(.btn) {
        font-weight: 600; } }
    .pc-nav a:not(.btn)::after {
      content: "";
      display: block;
      width: 100%;
      height: 0;
      background: #272a3b;
      position: absolute;
      left: 0;
      bottom: 0;
      transition: .25s; }
    .pc-nav a:not(.btn):hover::after {
      bottom: -.2rem;
      height: .2rem; }
  .pc-nav .half {
    display: flex; }
  .pc-nav .btns {
    display: flex;
    margin-left: 1.5rem; }
    .pc-nav .btns .btn, .pc-nav .btns .sp-fix-nav a, .sp-fix-nav .pc-nav .btns a, .pc-nav .btns .sp-fix-nav .sp-fix-nav__chat, .sp-fix-nav .pc-nav .btns .sp-fix-nav__chat, .pc-nav .btns .paginate-btns a:not(.btn), .paginate-btns .pc-nav .btns a:not(.btn) {
      margin-left: 1rem;
      height: 4rem;
      padding: 0 1.8rem;
      line-height: 4rem;
      font-size: 1.2rem;
      box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15); }
  .pc-nav .is_pc_header_none {
    display: none; }

.is_pc_footer {
  display: none; }

.side-nav {
  position: fixed;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
  z-index: 100; }
  .side-nav > a, .side-nav > span {
    display: flex;
    width: 21rem !important;
    height: 5rem;
    padding-left: 1.5rem;
    margin-top: .3rem;
    box-sizing: border-box;
    line-height: 5rem;
    color: #fff;
    background: #272a3b;
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.15);
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.4rem;
    align-items: center;
    border-radius: 1rem 0 0 1rem;
    transform: translateX(calc(100% - 5rem));
    transition: .7s; }
    @media screen and (min-width: 600px) {
      .side-nav > a, .side-nav > span {
        font-weight: 600; } }
    .side-nav > a img, .side-nav > span img {
      width: 2.3rem;
      height: auto;
      margin-right: 1.3rem; }
    .side-nav > a.js_chat_btn, .side-nav > span.js_chat_btn {
      transition: opacity .1s, transform .7s; }
    .side-nav > a:hover, .side-nav > span:hover {
      transform: none; }

.bread-nav {
  padding: 1rem 0;
  background: #e5e3e0; }
  @media screen and (min-width: 600px) {
    .bread-nav {
      padding: 1.4rem 0; } }
  .bread-nav * {
    color: rgba(45, 46, 49, 0.6);
    font-size: 1.1rem;
    line-height: 1.8; }
    @media screen and (min-width: 600px) {
      .bread-nav * {
        font-size: 1.2rem; } }
  .bread-nav .inr {
    max-width: 100.5rem; }
    .bread-nav .inr > span {
      display: inline-block;
      vertical-align: middle; }
    .bread-nav .inr .sep {
      margin: 0 .7rem;
      height: 1.3rem;
      border-left: rgba(45, 46, 49, 0.4) 1px solid; }

.footer {
  padding: 6rem 0 10rem 0; }
  .footer .inr {
    padding-top: 2rem;
    position: relative; }
  @media screen and (min-width: 600px) {
    .footer {
      padding-top: 8rem; }
      .footer .inr {
        max-width: 100.5rem;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        flex-wrap: wrap; }
      .footer__credit {
        text-align: right; }
        .footer__credit .title {
          font-size: 1.1rem;
          line-height: 1.75;
          color: rgba(39, 42, 59, 0.4); } }
  .footer__logo {
    display: block;
    width: 26.4rem;
    margin: 0 auto; }
    @media screen and (min-width: 600px) {
      .footer__logo {
        margin-right: 0;
        margin-top: 2.7rem; } }
    .footer__logo img {
      display: block;
      width: 100%; }
  .footer__tel {
    display: block;
    margin-top: 2rem;
    text-align: center; }
    @media screen and (min-width: 600px) {
      .footer__tel {
        text-align: right; } }
    .footer__tel .freedial {
      display: inline-block; }
    .footer__tel small {
      display: block;
      margin-top: .5rem;
      font-size: 1.1rem;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media screen and (min-width: 600px) {
        .footer__tel small {
          font-weight: 600; } }
  .footer__nav {
    width: 93%;
    margin: 2.5rem auto 0 auto; }
    @media screen and (min-width: 600px) {
      .footer__nav {
        margin: 5.5rem 0 0 0;
        width: calc(100% - 30rem);
        display: flex; }
        .footer__nav > * {
          min-width: 16rem;
          margin-right: 2rem; } }
    @media screen and (max-width: 599px) {
      .footer__nav .is_pc_footer {
        display: none !important; } }
    .footer__nav a:not(.btn) {
      display: block;
      padding: 1.6rem 2rem 1.6rem 0;
      font-size: 1.3rem;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      border-top: rgba(0, 0, 0, 0.2) 1px solid;
      background: url(../imgs/arrow_small.svg) no-repeat right center/1.2rem auto;
      color: #272a3b; }
      @media screen and (min-width: 600px) {
        .footer__nav a:not(.btn) {
          font-weight: 600; } }
      .footer__nav a:not(.btn) span {
        font-weight: inherit; }
      @media screen and (min-width: 600px) {
        .footer__nav a:not(.btn) {
          padding: .7rem 3rem .7rem 1.5rem;
          background-position: left center;
          border: none;
          transition: .25s; }
          .footer__nav a:not(.btn):hover {
            opacity: .7; } }
    .footer__nav .btns {
      padding: 1.6rem 0;
      border-top: rgba(0, 0, 0, 0.2) 1px solid;
      display: flex;
      justify-content: space-between; }
      @media screen and (min-width: 600px) {
        .footer__nav .btns {
          flex-direction: column;
          border: none;
          padding: 0;
          justify-content: flex-start; } }
      .footer__nav .btns .btn, .footer__nav .btns .sp-fix-nav a, .sp-fix-nav .footer__nav .btns a, .footer__nav .btns .sp-fix-nav .sp-fix-nav__chat, .sp-fix-nav .footer__nav .btns .sp-fix-nav__chat, .footer__nav .btns .paginate-btns a:not(.btn), .paginate-btns .footer__nav .btns a:not(.btn) {
        width: 47%;
        font-size: 1.2rem;
        box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15); }
        @media screen and (min-width: 600px) {
          .footer__nav .btns .btn, .footer__nav .btns .sp-fix-nav a, .sp-fix-nav .footer__nav .btns a, .footer__nav .btns .sp-fix-nav .sp-fix-nav__chat, .sp-fix-nav .footer__nav .btns .sp-fix-nav__chat, .footer__nav .btns .paginate-btns a:not(.btn), .paginate-btns .footer__nav .btns a:not(.btn) {
            width: 15rem;
            box-sizing: border-box;
            padding: 1.4rem 0 1.4rem 1.4rem;
            margin: 0; }
            .footer__nav .btns .btn--contact {
              background: url(../imgs/icon_mail_white.svg) no-repeat 1.1rem center/1.8rem auto #272a3b; }
            .footer__nav .btns .btn--dl {
              background: url(../imgs/icon_dl.svg) no-repeat 1.1rem center/1.8rem auto #272a3b;
              margin-top: 1rem; } }
    .footer__nav .nav-small {
      margin-top: 1.6rem;
      padding-top: 1rem;
      border-top: #272a3b 0.15rem solid; }
      .footer__nav .nav-small a {
        padding: .7rem 0 .7rem 1.7rem;
        background-position: left center;
        border: none; }
    @media screen and (min-width: 600px) {
      .footer__nav--bottom {
        width: 100%;
        margin: 4rem 0 0 0;
        padding: 2.5rem 0 0 0;
        display: flex;
        align-items: center;
        border-top: #272a3b 0.15rem solid; }
        .footer__nav--bottom .nav-small {
          width: 100%;
          margin: 0;
          padding: 0;
          display: flex;
          border: none; }
          .footer__nav--bottom .nav-small a {
            margin-right: 1em;
            font-size: 1.2rem; } }
    @media screen and (min-width: 600px) {
      .footer__nav .is_pc_footer_none {
        display: none !important; } }
  .footer .copyright {
    display: block;
    width: 100%;
    margin: 4rem auto;
    font-size: 1rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media screen and (min-width: 600px) {
      .footer .copyright {
        font-weight: 600; } }
    @media screen and (min-width: 600px) {
      .footer .copyright {
        width: 100%;
        text-align: right;
        margin: 0;
        padding: .7rem 0; } }
  .footer .pagetop-btn {
    display: block;
    width: 5rem;
    height: 5rem;
    padding: 0;
    background: url(../imgs/arrow_small_white.svg) no-repeat center/2rem auto rgba(39, 42, 59, 0.5);
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: -5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    transform: rotate(-90deg);
    z-index: 100; }
    @media screen and (min-width: 600px) {
      .footer .pagetop-btn {
        transition: .2s; }
        .footer .pagetop-btn:hover {
          transform: rotate(-90deg) scale(1.1);
          background-color: #272a3b; } }

.inr {
  width: 91.7%;
  margin: 0 auto; }
  @media screen and (min-width: 600px) {
    .inr {
      width: 93.75%;
      max-width: 90rem; } }

.sec {
  padding: 6rem 0; }
  @media screen and (min-width: 600px) {
    .sec {
      padding: 8rem 0; } }
  .sec__title {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4;
    text-align: center; }
    @media screen and (min-width: 600px) {
      .sec__title {
        font-weight: 600; } }
    @media screen and (min-width: 600px) {
      .sec__title {
        font-size: 4rem;
        line-height: 1.25; } }
  .sec__copy {
    margin: 2rem 0 0 0;
    text-align: center; }
    @media screen and (min-width: 600px) {
      .sec__copy {
        margin-top: 3rem; } }

.conversion {
  padding: 8.6rem 0 4rem 0;
  background: #f8b500;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .conversion {
      padding-bottom: 8rem; } }
  .conversion__title {
    font-size: 2rem;
    text-align: center;
    margin: 0;
    display: inline-block;
    position: relative; }
    @media screen and (min-width: 600px) {
      .conversion__title {
        font-size: 3.2rem; } }
    .conversion__title::after {
      content: "";
      display: block;
      position: absolute;
      width: 7.3rem;
      height: 8.2rem;
      background: url(../imgs/icon_8m_cv.svg) no-repeat center/contain;
      top: -10.5rem;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (min-width: 600px) {
        .conversion__title::after {
          width: 13rem;
          height: 14.5rem;
          top: auto;
          bottom: 1rem;
          left: auto;
          right: -14rem;
          transform: none; } }
  .conversion__blocks {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2.5rem; }
    @media screen and (min-width: 600px) {
      .conversion__blocks {
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        max-width: 90rem;
        margin: 5rem auto 0 auto; } }
    .conversion__blocks > * {
      background: #fff;
      width: 100%;
      max-width: 31.2rem;
      margin-bottom: 1.6rem;
      border-radius: .7rem;
      box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.15);
      text-align: center; }
      @media screen and (min-width: 600px) {
        .conversion__blocks > * {
          width: 31.1%;
          position: relative;
          margin-bottom: 0;
          box-shadow: none; }
          .conversion__blocks > *:first-child a::after {
            display: none; } }
      .conversion__blocks > *:last-child {
        margin-bottom: 0; }
      .conversion__blocks > * a {
        display: block;
        padding: 2.5rem; }
        @media screen and (min-width: 600px) {
          .conversion__blocks > * a::after {
            content: "";
            display: block;
            width: 6rem;
            height: 6rem;
            background: url(../imgs/arrow.svg) no-repeat center/2.5rem auto #272a3b;
            border-radius: 100%;
            box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
            position: absolute;
            bottom: 0;
            right: 1.2rem;
            transform: translateY(45%);
            transition: .5s; }
          .conversion__blocks > * a:hover::after {
            transform: translateY(45%) rotate(360deg) scale(1.1); } }
        .conversion__blocks > * a img {
          width: 7.2rem; }
      .conversion__blocks > * .cv-title {
        margin: 1rem 0 1.5rem 0;
        font-size: 1.5rem; }
      .conversion__blocks > * small {
        font-size: 1.25rem;
        line-height: 1.44; }
      .conversion__blocks > * .freedial {
        display: inline-block; }
        .conversion__blocks > * .freedial + small {
          display: block;
          margin-top: .4rem; }

.nega-margin {
  margin-top: -6.8rem; }
  @media screen and (min-width: 600px) {
    .nega-margin {
      margin-top: 6rem; } }

.relation-content {
  padding: 5rem 0;
  background: rgba(39, 42, 59, 0.8); }
  @media screen and (min-width: 600px) {
    .relation-content {
      padding: 6rem 0; } }
  .relation-content .title {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 2rem; }
    @media screen and (min-width: 600px) {
      .relation-content .title {
        font-size: 2.4rem; } }
  .relation-content__blocks {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 3rem;
    list-style: none; }
    @media screen and (min-width: 600px) {
      .relation-content__blocks {
        margin-top: 3.7rem;
        flex-direction: row;
        justify-content: space-between; } }
    .relation-content__blocks > * {
      width: 100%;
      max-width: 31.2rem;
      margin: 0 auto 1.6rem auto; }
      @media screen and (min-width: 600px) {
        .relation-content__blocks > * {
          width: 31.1%;
          margin: 0; } }
      .relation-content__blocks > * a {
        display: block;
        padding: 2rem 2rem 3rem 2rem;
        background: #fff;
        border-radius: .7rem;
        box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.1);
        text-align: center; }
        @media screen and (min-width: 600px) {
          .relation-content__blocks > * a {
            transition: .3s; }
            .relation-content__blocks > * a:hover {
              transform: scale(1.02); } }
        .relation-content__blocks > * a img {
          display: block;
          width: 15rem;
          height: auto;
          margin: 0 auto; }
        .relation-content__blocks > * a span {
          display: block;
          margin-top: 1rem;
          text-align: center;
          font-size: 1.5rem;
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
          @media screen and (min-width: 600px) {
            .relation-content__blocks > * a span {
              font-weight: 600; } }

.mainv {
  background: #f8b500;
  overflow: hidden;
  position: relative; }
  .mainv img {
    display: block;
    width: 100%;
    height: auto; }
  @media screen and (min-width: 600px) {
    .mainv {
      height: auto;
      background: #f8b500; }
      .mainv img {
        width: 100%;
        margin: 0 auto;
        object-position: center; }
      .mainv .mainv__swiper {
        max-width: 137rem;
        margin: 0 auto; } }
  .mainv .mainv__swiper_pgn {
    position: absolute;
    width: 100%;
    bottom: 1.5rem;
    z-index: 100;
    text-align: center; }
    @media screen and (min-width: 600px) {
      .mainv .mainv__swiper_pgn {
        bottom: 2.2rem; } }
    .mainv .mainv__swiper_pgn .swiper-pagination-bullet {
      vertical-align: bottom;
      width: 1rem;
      height: 1rem;
      background: #fff;
      margin: 0 .7rem;
      opacity: 1; }
      .mainv .mainv__swiper_pgn .swiper-pagination-bullet-active {
        background: #e44932; }

.column-small--home {
  padding: 4rem 0 3rem 0; }
.column-small .sec__title {
  margin-bottom: 6rem; }
  @media screen and (max-width: 599px) {
    .column-small .sec__title {
      margin-bottom: 2rem;
      font-size: 2.8rem; } }
@media screen and (max-width: 599px) {
  .column-small .inr:not(.column__no-swiper) {
    width: 100%;
    margin: 0; } }
.column-small__blocks {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media screen and (min-width: 600px) {
    .column-small__blocks {
      display: flex;
      justify-content: center; } }
  .column-small__blocks > * {
    background: #fff;
    border-radius: .5rem;
    position: relative; }
    @media screen and (min-width: 600px) {
      .column-small__blocks > * {
        width: 31%;
        margin-left: 3.495%;
        box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.05);
        transition: .3s;
        position: relative; }
        .column-small__blocks > *::before {
          content: "";
          display: block;
          width: 20%;
          padding-top: 20%;
          position: absolute;
          background: url(../imgs/icon_8m_dbl.svg) no-repeat center/contain;
          transform: rotateY(-90deg) scale(0.7);
          top: -2rem;
          left: -2rem;
          opacity: 0;
          transition: transform .2s; }
        .column-small__blocks > *:hover {
          box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.15);
          transform: scale(1.03); }
          .column-small__blocks > *:hover::before {
            opacity: 1;
            transform: rotateY(180deg) scale(1); }
        .column-small__blocks > *:first-child {
          margin-left: 0; } }
    .column-small__blocks > * .coverlink {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%; }
    .column-small__blocks > * .img img {
      border-radius: .5rem .5rem 0 0;
      width: 100%;
      height: auto; }
    .column-small__blocks > * .txt {
      padding: 0 2rem 2rem 2rem; }
      .column-small__blocks > * .txt .title {
        font-size: 1.4rem;
        margin-bottom: 1rem; }
.column-small .swiper {
  transition: 1s; }
  .column-small .swiper-slide-active {
    box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.15); }
.column-small .column__swiper_pgn {
  margin-top: 1rem;
  text-align: center; }
  .column-small .column__swiper_pgn .swiper-pagination-bullet {
    margin: 0 .7rem;
    opacity: 1;
    width: 1rem;
    height: 1rem;
    background: #fff; }
    .column-small .column__swiper_pgn .swiper-pagination-bullet-active {
      background: #e44932; }
.column-small .no-swiper-slide {
  margin-bottom: 2rem;
  box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.05); }
  @media screen and (min-width: 600px) {
    .column-small .no-swiper-slide {
      margin-bottom: 0; } }
.column-small .column__btn {
  margin-top: 5rem; }

.column-cat {
  list-style: none;
  padding: 0; }
  .column-cat > * {
    display: inline-block; }
  .column-cat a {
    display: block;
    padding: .7rem 1rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    background: #272a3b;
    color: #fff;
    font-size: 1.1rem;
    border-radius: .3rem;
    position: relative;
    z-index: 10; }
    @media screen and (min-width: 600px) {
      .column-cat a {
        transition: .3s; }
        .column-cat a:hover {
          opacity: .75;
          text-decoration: none !important; } }

.notification {
  margin: 1rem 0 0 0;
  padding: 1.5rem 0;
  background: #fff;
  border-radius: .5rem; }
  @media screen and (min-width: 600px) {
    .notification {
      margin-top: -2rem; } }
  .notification .inr {
    flex-direction: column; }
    @media screen and (min-width: 600px) {
      .notification .inr {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between; } }
  .notification__title {
    white-space: nowrap;
    margin: 0 0 .5rem 0;
    padding: .7rem 1rem;
    font-size: 1.3rem;
    background: #e44932;
    color: #fff;
    display: inline-block;
    border-radius: .3rem; }
    @media screen and (min-width: 600px) {
      .notification__title {
        margin: 1rem 2rem 1rem 0;
        font-size: 1.5rem; } }
  .notification__blocks {
    margin-top: .2rem;
    width: 100%; }
  .notification__block {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 1rem 1rem .3rem;
    margin: .1rem;
    display: block;
    border-top: rgba(45, 46, 49, 0.1) 1px solid;
    background: url(../imgs/arrow_small.svg) no-repeat right center/1.2rem auto; }
    @media screen and (min-width: 600px) {
      .notification__block {
        background: none; } }
    .notification__block:first-child {
      border: none; }
    @media screen and (min-width: 600px) {
      .notification__block:hover {
        text-decoration: underline; } }
    .notification__block p {
      margin: 0; }
      @media screen and (min-width: 600px) {
        .notification__block p {
          font-size: 1.5rem;
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; } }
  @media screen and (min-width: 600px) and (min-width: 600px) {
    .notification__block p {
      font-weight: 600; } }

    .notification__block:last-child {
      margin-bottom: 0; }
  .notification--home {
    margin: 0;
    padding: 3rem 0;
    background: #fff;
    border-radius: 0; }
    .notification--home .inr {
      max-width: 76rem; }

.trouble {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  @media screen and (min-width: 600px) {
    .trouble {
      padding-top: 8rem; }
      .trouble .sec__title {
        font-size: 2.4rem; } }
  .trouble__blocks {
    margin-top: 3rem;
    flex-wrap: wrap;
    list-style: none; }
    @media screen and (min-width: 600px) {
      .trouble__blocks {
        max-width: 76rem;
        margin: 5rem auto 0 auto; } }
    .trouble__blocks > * {
      width: 48.8%;
      margin: 0 0 2.3% 2.3%;
      padding: 1.6rem 1rem 2rem 1rem;
      box-sizing: border-box;
      background: #fff;
      border-radius: .5rem;
      text-align: center; }
      @media screen and (min-width: 600px) {
        .trouble__blocks > * {
          width: 31.3%;
          margin: 0 0 3% 3%; }
          .trouble__blocks > *:nth-child(3n+1) {
            margin-left: 0; } }
      @media screen and (max-width: 599px) {
        .trouble__blocks > *:nth-child(2n+1) {
          margin-left: 0; } }
      .trouble__blocks > * img {
        width: 10rem;
        height: auto; }
      .trouble__blocks > * p {
        font-size: 1.2rem;
        line-height: 1.33;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: .8rem 0 0 0; }
        @media screen and (min-width: 600px) {
          .trouble__blocks > * p {
            font-weight: 600; } }
        @media screen and (min-width: 600px) {
          .trouble__blocks > * p {
            font-size: 1.5rem;
            margin: 2rem 0 0 0; } }
    .trouble__blocks + p {
      margin: 0; }
      @media screen and (min-width: 600px) {
        .trouble__blocks + p {
          text-align: center;
          line-height: 1.86; } }

.about {
  padding: 7rem 0 6rem 0;
  position: relative; }
  @media screen and (min-width: 600px) {
    .about {
      text-align: center; } }
  .about::after {
    content: "";
    display: block;
    width: 100%;
    height: 21rem;
    position: absolute;
    bottom: 0;
    z-index: -1;
    background: #f8b500; }
    @media screen and (min-width: 600px) {
      .about::after {
        height: 51rem; } }
  .about .sec__title {
    position: relative; }
    @media screen and (min-width: 600px) {
      .about .sec__title {
        display: inline-block;
        font-size: 3.2rem; }
        .about .sec__title + p {
          margin-top: 3rem; } }
    .about .sec__title span {
      display: block;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-top: 2rem; }
      @media screen and (min-width: 600px) {
        .about .sec__title span {
          font-weight: 600; } }
      @media screen and (min-width: 600px) {
        .about .sec__title span {
          line-height: 1.25;
          margin-top: 1rem; } }
    .about .sec__title::after {
      content: "";
      display: block;
      width: 11rem;
      height: 11rem;
      background: url(../imgs/icon_8m_dbl.svg) no-repeat center/contain;
      position: absolute;
      top: -11rem;
      right: 0; }
      @media screen and (min-width: 600px) {
        .about .sec__title::after {
          top: -7rem;
          right: 3rem;
          z-index: -1; } }

.required {
  width: 93.6%;
  border-radius: 0 3rem 0 0;
  padding-top: 3rem; }
  @media screen and (min-width: 600px) {
    .required {
      max-width: 90rem;
      margin: 3rem auto 0 auto;
      padding-top: 5.5rem;
      border-radius: 3rem;
      box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.15); } }
  .required .inr {
    width: 81.2%; }
    @media screen and (min-width: 600px) {
      .required .inr {
        width: 85.3%; } }
  .required .title {
    font-size: 2.4rem;
    line-height: 1.33;
    text-align: center;
    margin: 0; }
    @media screen and (min-width: 600px) {
      .required .title {
        font-size: 3.2rem; } }
  .required__blocks {
    flex-direction: column;
    margin-top: 3rem; }
    @media screen and (min-width: 600px) {
      .required__blocks {
        flex-direction: row;
        flex-wrap: wrap; } }
    .required__blocks > * {
      border-top: #272a3b 2px solid;
      position: relative;
      padding-top: 3rem;
      text-align: center; }
      @media screen and (min-width: 600px) {
        .required__blocks > * {
          width: 50%;
          border: none;
          padding: 0;
          display: flex;
          text-align: left; } }
      .required__blocks > *::before {
        content: "1";
        display: block;
        width: 4.2rem;
        height: 4.2rem;
        background: #272a3b;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border-radius: 100%;
        position: absolute;
        left: -.8rem;
        top: -2.1rem;
        text-align: center;
        line-height: 4.2rem; }
        @media screen and (min-width: 600px) {
          .required__blocks > *::before {
            font-weight: 600; } }
        @media screen and (min-width: 600px) {
          .required__blocks > *::before {
            top: 2.8rem; } }
      .required__blocks > * img {
        display: block;
        margin: -.5rem auto 0 auto;
        width: 15rem; }
        @media screen and (min-width: 600px) {
          .required__blocks > * img {
            width: 20rem;
            margin: 0 auto; } }
      .required__blocks > * p:not(.notes) {
        font-size: 1.5rem;
        margin: 0;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (min-width: 600px) {
          .required__blocks > * p:not(.notes) {
            font-weight: 600; } }
        @media screen and (min-width: 600px) {
          .required__blocks > * p:not(.notes) {
            padding: 8rem 0 0 0;
            line-height: 1.33; } }
      .required__blocks > *:nth-of-type(2)::before {
        content: "2"; }
      .required__blocks > *:last-child {
        margin-top: 2rem;
        padding-bottom: 4.25rem; }
        .required__blocks > *:last-child img {
          width: 18.2rem; }
        @media screen and (min-width: 600px) {
          .required__blocks > *:last-child {
            width: 100%;
            border-top: rgba(0, 0, 0, 0.2) 1px solid;
            align-items: center;
            justify-content: center; }
            .required__blocks > *:last-child img {
              margin: 0 0 0 1.6rem; } }
        .required__blocks > *:last-child::before {
          display: none; }
        .required__blocks > *:last-child p {
          font-size: 1.4rem; }
          @media screen and (min-width: 600px) {
            .required__blocks > *:last-child p {
              padding: 0;
              font-size: 1.5rem; } }
      @media screen and (min-width: 600px) {
        .required__blocks > *:nth-of-type(n+3)::before {
          display: none; } }
    .required__blocks .notes {
      margin: 0;
      width: 100%;
      border-top: none;
      padding-top: 0;
      text-align: left; }
      .required__blocks .notes::before {
        display: none; }
      .required__blocks .notes span {
        font-size: 1rem;
        line-height: 1.25; }
        @media screen and (min-width: 600px) {
          .required__blocks .notes span {
            font-size: 1.2rem;
            line-height: 1.33; } }
  .required__btn {
    width: 97.4%;
    max-width: 35rem;
    margin: -1.8rem auto 0 auto;
    box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.1); }
    @media screen and (min-width: 600px) {
      .required__btn {
        margin-top: 6rem;
        max-width: 40rem; } }

@media screen and (max-width: 599px) {
  .specs .sec__title {
    font-size: 2.4rem; } }
.specs__blocks {
  flex-direction: column;
  margin: 2.5rem auto 0 auto; }
  @media screen and (min-width: 600px) {
    .specs__blocks {
      margin: 4.5rem auto 0 auto;
      flex-direction: row;
      flex-wrap: wrap; } }
  .specs__blocks > * {
    background: #fff;
    border-radius: 1rem;
    margin-bottom: 1.6rem;
    padding: 0 1.6rem 1.6rem 1.6rem;
    box-sizing: border-box;
    text-align: center; }
    @media screen and (min-width: 600px) {
      .specs__blocks > * {
        width: 48.8%;
        margin-left: 2.22%;
        padding: 2rem 2rem 3rem 2rem; }
        .specs__blocks > *:nth-child(2n+1) {
          margin-left: 0; } }
    .specs__blocks > * img {
      width: 15rem; }
    .specs__blocks > * .block-title {
      font-size: 1.5rem;
      margin: 0; }
      @media screen and (min-width: 600px) {
        .specs__blocks > * .block-title {
          font-size: 1.6rem; } }
    .specs__blocks > * .point {
      display: flex;
      justify-content: space-between;
      margin-top: 1.5rem; }
      @media screen and (min-width: 600px) {
        .specs__blocks > * .point {
          margin-top: 2rem; } }
      .specs__blocks > * .point__title {
        width: 28.2%;
        padding: .8rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f8b500;
        border-radius: 1rem;
        font-size: 1.4rem;
        line-height: 1.57;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (min-width: 600px) {
          .specs__blocks > * .point__title {
            font-weight: 600; } }
        @media screen and (min-width: 600px) {
          .specs__blocks > * .point__title {
            font-size: 1.6rem;
            line-height: 1.375; } }
      .specs__blocks > * .point__p {
        width: 67%;
        font-size: 1.2rem;
        line-height: 1.66;
        text-align: left;
        margin: .2rem 0; }
        @media screen and (min-width: 600px) {
          .specs__blocks > * .point__p {
            font-size: 1.3rem; } }
.specs__option {
  font-size: 2rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .specs__option {
      margin-top: 3rem;
      font-size: 2.4rem; }
      .specs__option + * {
        margin-top: 3rem; } }
.specs__btn {
  margin: 3rem auto 0 auto; }
  @media screen and (min-width: 600px) {
    .specs__btn {
      margin-top: 4.5rem; } }

@media screen and (max-width: 599px) {
  .scene .sec__title {
    font-size: 2.2rem; } }
.scene__title {
  margin: 3rem 0 0 0;
  height: 7.5rem;
  display: flex;
  align-items: center;
  font-size: 1.8rem; }
  @media screen and (min-width: 600px) {
    .scene__title {
      height: 5rem;
      font-size: 2rem; } }
  .scene__title::before {
    content: "";
    display: block;
    width: 7.2rem;
    height: 7.5rem;
    margin-right: 1rem;
    background: url(../imgs/icon_8m_yellow.svg) no-repeat center/contain;
    z-index: 10; }
    @media screen and (min-width: 600px) {
      .scene__title::before {
        width: 4.9rem;
        height: 5.1rem;
        margin-right: 1.4rem; } }
.scene__blocks {
  flex-direction: column;
  width: 90%;
  margin: -.8rem auto 0 auto; }
  @media screen and (min-width: 600px) {
    .scene__blocks {
      flex-direction: row;
      justify-content: space-between;
      max-width: 90rem;
      margin: 1.8rem auto 0 auto;
      width: 100%; }
      .scene__blocks:last-child {
        margin-bottom: 3rem; } }
  .scene__blocks > * {
    margin-bottom: 1.6rem;
    padding-top: 59%;
    border-radius: 1rem;
    text-align: center;
    font-size: 1.5rem;
    background-size: cover;
    position: relative;
    overflow: hidden;
    color: #fff; }
    @media screen and (min-width: 600px) {
      .scene__blocks > * {
        padding-top: 22.2%;
        width: 31.1%;
        margin-bottom: 0; } }
    .scene__blocks > *::before {
      content: "";
      display: block;
      position: absolute;
      background: rgba(0, 0, 0, 0.45);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .scene__blocks > * strong {
      display: block;
      width: 100%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media screen and (min-width: 600px) {
        .scene__blocks > * strong {
          font-weight: 600; } }
.scene__seminar {
  background-image: url(../imgs/scene/seminar@2x.jpg); }
.scene__event {
  background-image: url(../imgs/scene/event@2x.jpg); }
.scene__remote {
  background-image: url(../imgs/scene/remote@2x.jpg); }
.scene__party {
  background-image: url(../imgs/scene/party@2x.jpg); }
.scene__banquet {
  background-image: url(../imgs/scene/banquet@2x.jpg); }
.scene__live {
  background-image: url(../imgs/scene/live@2x.jpg); }
.scene__btn {
  margin: 3rem auto 0 auto; }

.flow {
  overflow-x: hidden; }
  @media screen and (max-width: 599px) {
    .flow .sec__title {
      font-size: 2.4rem; } }
  .flow__blocks {
    flex-direction: column;
    width: 95%;
    margin: 4rem auto 0 auto; }
    @media screen and (min-width: 600px) {
      .flow__blocks {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 7.5rem; } }
    .flow__blocks > *:not(.flow__start) {
      padding: 29% 2.4rem 1.6rem 2.4rem;
      margin-bottom: 2.5rem;
      position: relative;
      border-radius: 1rem;
      background-size: cover; }
      @media screen and (min-width: 600px) {
        .flow__blocks > *:not(.flow__start) {
          box-sizing: border-box;
          width: 46.66%;
          margin: 0 0 6.66% 6.66%;
          padding: 10.5% 3rem  5% 3rem; }
          .flow__blocks > *:not(.flow__start):nth-child(2n+1) {
            margin-left: 0; } }
      .flow__blocks > *:not(.flow__start)::before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 1rem; }
      .flow__blocks > *:not(.flow__start) .icon-8py {
        display: block;
        width: 7.2rem;
        height: 7.5rem;
        position: absolute;
        top: -3rem;
        left: -.8rem; }
        @media screen and (min-width: 600px) {
          .flow__blocks > *:not(.flow__start) .icon-8py {
            width: 9.8rem;
            height: 10.2rem;
            left: -1.6rem;
            top: -3.5rem; } }
        .flow__blocks > *:not(.flow__start) .icon-8py span {
          width: 100%;
          height: 100%;
          line-height: 7.5rem;
          text-align: center;
          font-size: 3rem;
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute; }
          @media screen and (min-width: 600px) {
            .flow__blocks > *:not(.flow__start) .icon-8py span {
              font-weight: 600; } }
          @media screen and (min-width: 600px) {
            .flow__blocks > *:not(.flow__start) .icon-8py span {
              font-size: 4rem;
              line-height: 10.2rem; } }
  .flow__title {
    margin: 0;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.33;
    position: relative;
    z-index: 10; }
    @media screen and (min-width: 600px) {
      .flow__title {
        font-size: 2rem; } }
    .flow__title + p {
      margin: 1em 0 0 0;
      color: #fff;
      font-size: 1.2rem;
      line-height: 1.66;
      position: relative;
      z-index: 10;
      letter-spacing: .1em; }
      @media screen and (max-width: 599px) {
        .flow__title + p {
          min-height: 5.5rem; } }
      @media screen and (min-width: 600px) {
        .flow__title + p {
          font-size: 1.3rem;
          line-height: 1.53;
          max-width: 24rem; } }
  .flow__1 {
    background-image: url(../imgs/flow/flow1@2x.jpg); }
    .flow__1 svg {
      fill: #f8b500; }
  .flow__2 {
    background-image: url(../imgs/flow/flow2@2x.jpg); }
    .flow__2 svg {
      fill: #f4a208; }
  .flow__3 {
    background-image: url(../imgs/flow/flow3@2x.jpg); }
    .flow__3 svg {
      fill: #f19010; }
  .flow__4 {
    background-image: url(../imgs/flow/flow4@2x.jpg); }
    .flow__4 svg {
      fill: #ee7f19; }
  .flow__5 {
    background-image: url(../imgs/flow/flow5@2x.jpg); }
    .flow__5 svg {
      fill: #ea6d21; }
  .flow__6 {
    background-image: url(../imgs/flow/flow6@2x.jpg); }
    .flow__6 svg {
      fill: #e75b29; }
  .flow__start {
    margin-top: 3.5rem;
    background: #fff;
    border-radius: 1rem;
    padding: 6rem 0 2rem 0;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 600px) {
      .flow__start {
        width: 100%;
        max-width: 53.6rem;
        margin: 3rem auto 0 auto;
        padding: 7rem 1rem 5.5rem 1rem;
        box-sizing: border-box;
        text-align: center;
        position: relative; } }
    .flow__start::before {
      content: "";
      display: block;
      width: 8.3rem;
      height: 8.7rem;
      position: absolute;
      top: -7rem;
      left: 50%;
      transform: translateX(-50%);
      background: url(../imgs/icon_8m_arrow_bottom.svg) no-repeat center/contain; }
      @media screen and (min-width: 600px) {
        .flow__start::before {
          width: 9.8rem;
          height: 10.2rem;
          top: -4.7rem; } }
    .flow__start .flow__title {
      color: #272a3b;
      font-size: 4.5rem;
      text-align: center;
      position: relative;
      display: inline-block; }
      @media screen and (min-width: 600px) {
        .flow__start .flow__title {
          position: static; } }
      .flow__start .flow__title span {
        display: block;
        font-size: 1.6rem;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (min-width: 600px) {
          .flow__start .flow__title span {
            font-weight: 600; } }
    .flow__start p {
      text-align: center;
      margin: 2rem 0 0 0;
      color: #272a3b;
      font-size: 1.3rem;
      line-height: 1.5; }
      @media screen and (min-width: 600px) {
        .flow__start p {
          max-width: none; } }
    .flow__start .cracker {
      display: block;
      width: 12.3rem;
      height: 15.6rem;
      position: absolute;
      left: -1.7rem;
      bottom: 1rem;
      transform: translateX(-100%); }
      @media screen and (min-width: 600px) {
        .flow__start .cracker {
          width: 19.8rem;
          height: 24.9rem;
          left: 0;
          transform: translateX(-55%); } }
      .flow__start .cracker svg {
        transform-origin: right bottom;
        transform: translate(50%, 50%) scale(0); }
      .flow__start .cracker.act svg {
        transform: none;
        transition: 0.5s cubic-bezier(0.17, 0.84, 0.44, 1); }
      .flow__start .cracker .yellow {
        fill: #f8b500; }
      .flow__start .cracker .red {
        fill: #e44932; }
      .flow__start .cracker .navy {
        fill: #272a3b; }
      .flow__start .cracker:last-child {
        left: auto;
        right: -1.7rem;
        transform: rotateY(180deg) translateX(-100%); }
        @media screen and (min-width: 600px) {
          .flow__start .cracker:last-child {
            right: 0;
            transform: rotateY(180deg) translateX(-55%); } }
  .flow__btn {
    margin: 2rem auto 0 auto; }
    @media screen and (min-width: 600px) {
      .flow__btn {
        flex: 1;
        max-width: 30rem;
        margin: 0 3%; } }
    @media screen and (max-width: 599px) {
      .flow__btn:first-of-type {
        margin-top: 3rem; } }
  @media screen and (min-width: 600px) {
    .flow .btns {
      margin-top: 8rem;
      display: flex;
      justify-content: center; } }

.case, .column {
  overflow-x: hidden; }
  @media screen and (max-width: 599px) {
    .case .sec__title, .column .sec__title {
      font-size: 2.4rem; } }
  .case__swiper {
    position: relative; }
    @media screen and (max-width: 599px) {
      .case__swiper::before {
        content: "";
        display: block;
        width: 9.5rem;
        height: 8.6rem;
        background: url(../imgs/icon_8m_dbl.svg) no-repeat center/contain;
        position: absolute;
        top: -4rem;
        left: 3.4%;
        transform: rotateY(-180deg);
        z-index: 100; } }
    .case__swiper .case__swiper_pgn {
      text-align: center;
      margin-top: 2rem; }
      .case__swiper .case__swiper_pgn .swiper-pagination-bullet {
        margin: 0 .7rem;
        background: #f8b500;
        opacity: 1;
        width: 1rem;
        height: 1rem; }
        .case__swiper .case__swiper_pgn .swiper-pagination-bullet-active {
          background: #e44932; }
  .case__blocks {
    list-style: none;
    margin-top: 3rem;
    position: relative;
    padding: 0; }
    @media screen and (min-width: 600px) {
      .case__blocks {
        margin: 6rem auto 0 auto;
        display: flex;
        flex-wrap: wrap;
        max-width: 88rem; } }
    .case__blocks > * {
      height: auto;
      padding-bottom: 2.5rem;
      background: #fff;
      border-radius: 1rem;
      box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.05);
      position: relative; }
      @media screen and (min-width: 600px) {
        .case__blocks > * {
          width: 47.7%;
          margin-left: 4.5%;
          margin-bottom: 4.5%;
          transition: .3s; }
          .case__blocks > *:nth-child(2n+1) {
            margin-left: 0; }
          .case__blocks > *:hover {
            transform: scale(1.03);
            box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.15); }
            .case__blocks > *:hover::before {
              opacity: 1;
              transform: rotateY(180deg) scale(1); } }
      .case__blocks > *::before {
        content: "";
        display: block;
        width: 9.5rem;
        height: 8.5rem;
        top: -4.5rem;
        left: -3rem;
        background: url(../imgs/icon_8m_dbl_red.svg) no-repeat center/contain;
        position: absolute;
        transform: rotateY(-180deg); }
        @media screen and (min-width: 600px) {
          .case__blocks > *::before {
            width: 12.3rem;
            height: 11.2rem;
            top: -3rem;
            left: -3.2rem;
            transform: rotateY(-90deg) scale(0.5);
            opacity: 0;
            transition: transform .3s,opacity .2s; } }
      .case__blocks > *.swiper-slide-active {
        transform: scale(1.05);
        box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.15); }
      .case__blocks > * .coverlink {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
      .case__blocks > * img {
        display: block;
        width: 100%;
        border-radius: 1rem 1rem 0 0; }
        @supports (object-fit: cover) {
          .case__blocks > * img {
            height: 20rem;
            object-fit: cover; }
            @media screen and (min-width: 600px) {
              .case__blocks > * img {
                height: 24rem; } } }
  .case__title {
    margin: 2.5rem 0 0 0;
    padding: 0 2.5rem;
    font-size: 1.5rem;
    line-height: 1.6; }
    @media screen and (min-width: 600px) {
      .case__title {
        margin-top: 3rem;
        padding: 0 3rem;
        font-size: 1.8rem;
        line-height: 1.55; } }
  .case__organizer {
    display: block;
    margin: 1rem 0 0 0;
    padding: 0 2.5rem;
    font-size: 1.4rem;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.5); }
    @media screen and (min-width: 600px) {
      .case__organizer {
        padding: 0 3rem; } }
  .case p, .column p {
    font-size: 1.2rem;
    padding: 0 2.5rem; }
    @media screen and (min-width: 600px) {
      .case p, .column p {
        margin: 1.5rem 0 0 0;
        padding: 0 3rem;
        font-size: 1.4rem;
        line-height: 1.71; } }
  @media screen and (min-width: 600px) {
    .case__btn {
      margin: 3rem auto 0 auto; } }
  .case--home .case__blocks > * {
    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 599px) {
      .case--home .case__blocks > * {
        width: 79%; } }
    @media screen and (max-width: 599px) {
      .case--home .case__blocks > *::before {
        display: none; } }

.column .column-cat {
  margin-top: 1rem;
  padding: 0 2.5rem; }
  @media screen and (min-width: 600px) {
    .column .column-cat {
      padding: 0 3rem; } }
.column__btn {
  margin: 3rem auto 0 auto; }
  @media screen and (min-width: 600px) {
    .column__btn {
      max-width: 30rem; } }

.faq--home .faq__blocks > * {
  padding: 4rem 1.6rem 3.2rem 4.8rem;
  margin-bottom: 2rem;
  background: #fff;
  border-radius: 1rem; }
  @media screen and (min-width: 600px) {
    .faq--home .faq__blocks > * {
      width: 47.7%;
      margin-left: 4.5%;
      margin-bottom: 4.5%;
      box-sizing: border-box;
      padding: 4rem 3rem 4.5rem 8rem; }
      .faq--home .faq__blocks > *:nth-child(2n+1) {
        margin-left: 0; } }
@media screen and (max-width: 599px) {
  .faq .sec__title {
    font-size: 2.4rem; } }
.faq__blocks {
  margin-top: 3.5rem;
  flex-direction: column; }
  @media screen and (min-width: 600px) {
    .faq__blocks {
      flex-direction: row;
      flex-wrap: wrap;
      max-width: 88rem; } }
  .faq__blocks > * dt, .faq__blocks > * dd {
    font-size: 1.5rem;
    line-height: 1.66;
    position: relative;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media screen and (min-width: 600px) {
      .faq__blocks > * dt, .faq__blocks > * dd {
        font-weight: 600; } }
    @media screen and (min-width: 600px) {
      .faq__blocks > * dt, .faq__blocks > * dd {
        font-size: 1.6rem;
        line-height: 1.7; } }
    .faq__blocks > * dt::before, .faq__blocks > * dd::before {
      content: "Q";
      display: block;
      width: 5.3rem;
      height: 5.6rem;
      background: url(../imgs/icon_8m_yellow.svg) no-repeat center/contain;
      font-size: 2.2rem;
      line-height: 5.6rem;
      text-align: center;
      position: absolute;
      left: 0;
      top: -5rem;
      transform: translateX(-100%);
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #272a3b; }
      @media screen and (min-width: 600px) {
        .faq__blocks > * dt::before, .faq__blocks > * dd::before {
          font-weight: 600; } }
      @media screen and (min-width: 600px) {
        .faq__blocks > * dt::before, .faq__blocks > * dd::before {
          width: 7.1rem;
          height: 7.5rem;
          line-height: 7.5rem;
          font-size: 3rem;
          top: -6rem;
          left: -2rem; } }
  .faq__blocks > * dd {
    margin: 4.8rem 0 0 0;
    font-size: 1.3rem;
    line-height: 1.85;
    font-weight: 400; }
    @media screen and (min-width: 600px) {
      .faq__blocks > * dd {
        margin-top: 7rem;
        font-size: 1.4rem;
        line-height: 1.7; } }
    .faq__blocks > * dd::before {
      content: "A";
      color: #fff;
      background-image: url(../imgs/icon_8m_red.svg); }
.faq__btn {
  margin: 3rem auto 0 auto; }
  @media screen and (min-width: 600px) {
    .faq__btn {
      margin-top: 1.5rem; } }

.topics .sec__title {
  font-size: 2.4rem; }
  @media screen and (min-width: 600px) {
    .topics .sec__title {
      font-size: 4rem; } }
.topics__blocks {
  margin: 2rem auto 0 auto;
  padding: 0;
  list-style: none; }
  .topics__blocks > * {
    padding: 1rem 2rem 1rem 0;
    border-bottom: rgba(45, 46, 49, 0.2) 1px solid;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    background: url(../imgs/arrow_small.svg) no-repeat right center/1.2rem auto; }
    @media screen and (min-width: 600px) {
      .topics__blocks > * {
        padding: 2rem .5rem;
        margin: 1.5rem 0;
        border: none;
        position: relative;
        border-radius: .5rem;
        background: none;
        flex-wrap: nowrap;
        transition: .2s; }
        .topics__blocks > *::after {
          content: "";
          display: block;
          position: absolute;
          width: 100%;
          left: 0;
          bottom: -.75rem;
          border-bottom: rgba(45, 46, 49, 0.2) 1px solid; }
        .topics__blocks > *:hover {
          background: rgba(255, 255, 255, 0.7); } }
    .topics__blocks > * .coverlink {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0; }
    .topics__blocks > * .date {
      font-size: 1.1rem;
      margin-right: 1rem;
      line-height: 2;
      color: rgba(39, 42, 59, 0.5); }
      @media screen and (min-width: 600px) {
        .topics__blocks > * .date {
          width: 10rem;
          font-size: 1.2rem;
          color: #272a3b; } }
    .topics__blocks > * p {
      margin: 0;
      padding: .7rem 0 0 0;
      width: 100%; }
      @media screen and (min-width: 600px) {
        .topics__blocks > * p {
          width: calc(100% - 28rem);
          padding: 0;
          line-height: 1.4; } }
.topics .btns {
  flex-direction: column; }
  @media screen and (min-width: 600px) {
    .topics .btns {
      flex-direction: row;
      max-width: 70rem;
      margin: 4rem auto 0 auto;
      justify-content: center; } }
  .topics .btns > * {
    width: 100%;
    margin: 2rem auto 0 auto; }
    @media screen and (min-width: 600px) {
      .topics .btns > * {
        flex: 1;
        margin: 0 2rem;
        max-width: 32rem; } }
.topics--home .topics__blocks {
  margin-top: 4rem; }
  @media screen and (min-width: 600px) {
    .topics--home .topics__blocks {
      max-width: 75rem; } }
.topics--home .btns {
  margin-top: 2rem; }
  @media screen and (min-width: 600px) {
    .topics--home .btns {
      margin-top: 6rem; } }

.contact {
  padding: 0 0 8rem; }
  @media screen and (max-width: 599px) {
    .contact {
      padding: 0 0 6rem; } }
  .contact .inr {
    width: 690px; }
    @media screen and (max-width: 599px) {
      .contact .inr {
        width: 91.7%; } }
    .contact .inr > h3, .contact .inr > h4 {
      text-align: center; }
    .contact .inr > h3 {
      font-size: 2.4rem;
      margin-bottom: 3rem; }
      @media screen and (max-width: 599px) {
        .contact .inr > h3 {
          font-size: 1.6rem; } }
    .contact .inr > h4 {
      line-height: 1.5; }
      @media screen and (max-width: 599px) {
        .contact .inr > h4 {
          font-size: 1.3rem; } }
    .contact .inr .conversion__blocks {
      max-width: 50rem;
      margin: 5rem auto; }
      @media screen and (max-width: 599px) {
        .contact .inr .conversion__blocks {
          margin: -4rem auto 5rem; } }
      .contact .inr .conversion__blocks li {
        width: 100%;
        max-width: none; }
        .contact .inr .conversion__blocks li a .cv-title {
          font-size: 2.4rem; }
          @media screen and (max-width: 599px) {
            .contact .inr .conversion__blocks li a .cv-title {
              font-size: 1.5rem; } }
        .contact .inr .conversion__blocks li a small {
          display: inline-block;
          text-indent: -1em;
          padding-left: 2em;
          text-align: left; }
        .contact .inr .conversion__blocks li a p {
          font-size: 1.7rem;
          font-weight: bold; }
          @media screen and (max-width: 599px) {
            .contact .inr .conversion__blocks li a p {
              font-size: 1.5rem; } }
    .contact .inr .mw_wp_form .f-ex {
      text-align: center;
      border-top: #7070704d 3px solid;
      padding: 2.5rem 0; }
      .contact .inr .mw_wp_form .f-ex h4 {
        display: inline-block;
        line-height: 1.5;
        font-weight: normal; }
    .contact .inr .mw_wp_form .f-item {
      border-top: #7070704d 1px solid;
      padding: 2.5rem 0; }
      .contact .inr .mw_wp_form .f-item h4 {
        margin: 0 0 1rem;
        font-size: 1.5rem;
        line-height: 1.5; }
        @media screen and (max-width: 599px) {
          .contact .inr .mw_wp_form .f-item h4 {
            font-size: 1.3rem; } }
        .contact .inr .mw_wp_form .f-item h4 span {
          color: #e44932; }
      .contact .inr .mw_wp_form .f-item input[type="text"],
      .contact .inr .mw_wp_form .f-item input[type="email"],
      .contact .inr .mw_wp_form .f-item textarea,
      .contact .inr .mw_wp_form .f-item .mwform-checkbox-field label,
      .contact .inr .mw_wp_form .f-item .mwform-radio-field label,
      .contact .inr .mw_wp_form .f-item .privacy_link a {
        padding: 1.3rem;
        border: #7070704d 1px solid;
        border-radius: 10px; }
        @media screen and (max-width: 599px) {
          .contact .inr .mw_wp_form .f-item input[type="text"],
          .contact .inr .mw_wp_form .f-item input[type="email"],
          .contact .inr .mw_wp_form .f-item textarea,
          .contact .inr .mw_wp_form .f-item .mwform-checkbox-field label,
          .contact .inr .mw_wp_form .f-item .mwform-radio-field label,
          .contact .inr .mw_wp_form .f-item .privacy_link a {
            width: 100%;
            box-sizing: border-box; } }
      .contact .inr .mw_wp_form .f-item select {
        padding: 1.3rem 3.8rem 1.3rem 1.3rem;
        width: 23rem;
        border: #7070704d 1px solid;
        border-radius: 10px;
        color: #757575;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../imgs/form-arrow.svg) no-repeat #fff 95% center/0.6em auto; }
        .contact .inr .mw_wp_form .f-item select::-ms-expand {
          display: none; }
      .contact .inr .mw_wp_form .f-item #f-date {
        background: url(../imgs/form-arrow.svg) no-repeat #fff 95% center/0.6em auto;
        width: 17.5rem;
        padding: 1.3rem 3.8rem 1.3rem 1.3rem; }
        @media screen and (max-width: 599px) {
          .contact .inr .mw_wp_form .f-item #f-date {
            width: 23rem; } }
      .contact .inr .mw_wp_form .f-item .f-number {
        width: unset !important; }
      .contact .inr .mw_wp_form .f-item .f-prefectures {
        margin-bottom: 1rem; }
      .contact .inr .mw_wp_form .f-item textarea {
        width: 100%;
        box-sizing: border-box; }
      .contact .inr .mw_wp_form .f-item p {
        margin: 0;
        letter-spacing: 1rem; }
        .contact .inr .mw_wp_form .f-item p > span {
          display: inline-block; }
          @media screen and (max-width: 599px) {
            .contact .inr .mw_wp_form .f-item p > span {
              display: block; } }
        .contact .inr .mw_wp_form .f-item p.select-wrap {
          position: relative;
          display: inline-block; }
        @media screen and (max-width: 599px) {
          .contact .inr .mw_wp_form .f-item p .mwform-radio-field {
            margin: 0 0 1rem; }
            .contact .inr .mw_wp_form .f-item p .mwform-radio-field:nth-of-type(2) {
              margin: 0; } }
        .contact .inr .mw_wp_form .f-item p .mwform-radio-field label {
          background-color: #fff;
          display: inline-block;
          line-height: 1.15;
          width: 10em; }
          @media screen and (max-width: 599px) {
            .contact .inr .mw_wp_form .f-item p .mwform-radio-field label {
              width: 100%; } }
      .contact .inr .mw_wp_form .f-item .contact-file {
        margin-bottom: 1rem; }
      .contact .inr .mw_wp_form .f-item.privacy_wrap, .contact .inr .mw_wp_form .f-item .confirm-submit_wrap {
        text-align: center; }
      .contact .inr .mw_wp_form .f-item.privacy_wrap > * > a,
      .contact .inr .mw_wp_form .f-item.privacy_wrap > * label {
        width: 30rem;
        display: inline-block;
        line-height: 2;
        background-color: #fff; }
      .contact .inr .mw_wp_form .f-item.privacy_wrap > *.privacy_link {
        margin-bottom: 1rem; }
      .contact .inr .mw_wp_form .f-item.confirm-submit_wrap {
        border-top: none;
        display: flex;
        justify-content: space-evenly; }
        @media screen and (max-width: 599px) {
          .contact .inr .mw_wp_form .f-item.confirm-submit_wrap {
            flex-direction: column; } }
        .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .confirm-submit, .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .contact-back {
          border: none; }
          .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .confirm-submit:focus, .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .contact-back:focus {
            outline: unset; }
        .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .contact-back.btn, .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .sp-fix-nav a.contact-back, .sp-fix-nav .contact .inr .mw_wp_form .f-item.confirm-submit_wrap a.contact-back, .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .sp-fix-nav .contact-back.sp-fix-nav__chat, .sp-fix-nav .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .contact-back.sp-fix-nav__chat, .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .paginate-btns a.contact-back:not(.btn), .paginate-btns .contact .inr .mw_wp_form .f-item.confirm-submit_wrap a.contact-back:not(.btn) {
          box-shadow: none;
          background: #c3c3c3;
          color: #333; }
          @media screen and (max-width: 599px) {
            .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .contact-back.btn, .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .sp-fix-nav a.contact-back, .sp-fix-nav .contact .inr .mw_wp_form .f-item.confirm-submit_wrap a.contact-back, .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .sp-fix-nav .contact-back.sp-fix-nav__chat, .sp-fix-nav .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .contact-back.sp-fix-nav__chat, .contact .inr .mw_wp_form .f-item.confirm-submit_wrap .paginate-btns a.contact-back:not(.btn), .paginate-btns .contact .inr .mw_wp_form .f-item.confirm-submit_wrap a.contact-back:not(.btn) {
              margin-bottom: 2rem; } }
      .contact .inr .mw_wp_form .f-item .f-start-time > *, .contact .inr .mw_wp_form .f-item .f-end-time > * {
        display: inline-block; }
      @media screen and (max-width: 599px) {
        .contact .inr .mw_wp_form .f-item .f-start-time > p:first-child, .contact .inr .mw_wp_form .f-item .f-end-time > p:first-child {
          margin-bottom: 1rem; } }
      .contact .inr .mw_wp_form .f-item .f-start-time option:nth-child(2n-1), .contact .inr .mw_wp_form .f-item .f-end-time option:nth-child(2n-1) {
        background-color: #f2f1ef; }
      .contact .inr .mw_wp_form .f-item .f-start-time option:first-child, .contact .inr .mw_wp_form .f-item .f-end-time option:first-child {
        background-color: #f8b500;
        color: #2d2e31; }
      .contact .inr .mw_wp_form .f-item .f-start-time {
        margin: 1rem 0; }
        .contact .inr .mw_wp_form .f-item .f-start-time p > span {
          margin: 0 1rem; }
      .contact .inr .mw_wp_form .f-item .f-end-time p > span {
        margin: 0 1rem; }
      .contact .inr .mw_wp_form .f-item.f-privacy-item {
        text-align: center;
        padding: 4.5rem 0 0; }
        .contact .inr .mw_wp_form .f-item.f-privacy-item > * {
          line-height: 3; }
          .contact .inr .mw_wp_form .f-item.f-privacy-item > * a {
            position: relative; }
            .contact .inr .mw_wp_form .f-item.f-privacy-item > * a::after {
              content: "";
              display: inline-block;
              width: 1.5em;
              height: 1em;
              background-image: url(../imgs/icon_target_blank.svg);
              background-size: contain;
              background-position: right;
              vertical-align: middle;
              background-repeat: no-repeat; }
          .contact .inr .mw_wp_form .f-item.f-privacy-item > *:nth-of-type(2) span label {
            background: #fff; }
            @media screen and (max-width: 599px) {
              .contact .inr .mw_wp_form .f-item.f-privacy-item > *:nth-of-type(2) span label {
                display: inline-block;
                line-height: 1.5; } }
      .contact .inr .mw_wp_form .f-item.f-privacy {
        border-top: none;
        text-align: center; }
        .contact .inr .mw_wp_form .f-item.f-privacy > p:first-child {
          display: none; }
        .contact .inr .mw_wp_form .f-item.f-privacy .btn--arrow, .contact .inr .mw_wp_form .f-item.f-privacy .paginate-btns a:not(.btn), .paginate-btns .contact .inr .mw_wp_form .f-item.f-privacy a:not(.btn) {
          letter-spacing: 4rem;
          margin: 0 auto;
          padding: 0;
          max-width: 30rem; }
          .contact .inr .mw_wp_form .f-item.f-privacy .btn--arrow .f-submit, .contact .inr .mw_wp_form .f-item.f-privacy .paginate-btns a:not(.btn) .f-submit, .paginate-btns .contact .inr .mw_wp_form .f-item.f-privacy a:not(.btn) .f-submit, .contact .inr .mw_wp_form .f-item.f-privacy .btn--arrow .f-back, .contact .inr .mw_wp_form .f-item.f-privacy .paginate-btns a:not(.btn) .f-back, .paginate-btns .contact .inr .mw_wp_form .f-item.f-privacy a:not(.btn) .f-back {
            border: none;
            width: 100%; }
        .contact .inr .mw_wp_form .f-item.f-privacy small {
          margin-top: 3rem;
          display: inline-block; }
    .contact .inr .mw_wp_form .error {
      color: #e44932;
      display: block !important;
      margin-top: 1rem; }

.contact-confirm {
  margin-top: 7rem; }
  @media screen and (max-width: 599px) {
    .contact-confirm {
      margin-top: 4rem; } }
  .contact-confirm .f-item h4 {
    color: #707070b8; }
  .contact-confirm .f-item p {
    font-size: 1.8rem;
    letter-spacing: 0rem !important; }
  .contact-confirm .f-ex,
  .contact-confirm .f-privacy-item,
  .contact-confirm .f-privacy p:nth-of-type(3) {
    display: none; }
  .contact-confirm .f-privacy {
    border-top: #7070704d 1px solid;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .contact-confirm .f-privacy {
        flex-wrap: wrap;
        flex-direction: column-reverse; } }
    .contact-confirm .f-privacy > p:first-child {
      display: block !important; }
      @media screen and (max-width: 599px) {
        .contact-confirm .f-privacy > p:first-child {
          margin: 2rem auto 0 !important; } }
      .contact-confirm .f-privacy > p:first-child::after {
        right: unset;
        left: 2rem;
        transform: translateY(-50%) scale(-1, 1); }
        @media screen and (max-width: 599px) {
          .contact-confirm .f-privacy > p:first-child::after {
            left: unset;
            right: 2rem;
            transform: translateY(-50%); } }
      .contact-confirm .f-privacy > p:first-child input {
        background: #bebebe; }

.contact-thanks {
  margin-top: 7rem; }
  @media screen and (max-width: 599px) {
    .contact-thanks {
      margin-top: 4rem; } }
  .contact-thanks .scene__btn {
    margin: 8rem auto 0; }
    @media screen and (max-width: 599px) {
      .contact-thanks .scene__btn {
        margin: 6rem auto 0; } }

.subhead-contact {
  padding: 7rem 0 9rem !important; }
  @media screen and (max-width: 599px) {
    .subhead-contact {
      padding: 3rem 0 !important; } }

/************ステップバー****************/
.stepBar {
  position: relative;
  list-style: none;
  margin: 0 auto 4rem;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden; }
  @media screen and (max-width: 599px) {
    .stepBar {
      margin: 4rem auto 1rem; } }
  .stepBar .step {
    position: relative;
    float: left;
    display: inline-block;
    line-height: 60px;
    padding: 0 40px 0 20px;
    background-color: #fff;
    color: #2d2e31;
    box-sizing: border-box;
    font-weight: bold; }
    .stepBar .step:before, .stepBar .step:after {
      position: absolute;
      left: -10px;
      display: block;
      content: '';
      background-color: #fff;
      border-left: 10px solid #f2f1ef;
      width: 28px;
      height: 30px; }
      @media screen and (max-width: 599px) {
        .stepBar .step:before, .stepBar .step:after {
          width: 12px; } }
    .stepBar .step:after {
      top: 0;
      transform: skew(30deg); }
    .stepBar .step:before {
      bottom: 0;
      transform: skew(-30deg); }
    .stepBar .step:first-child:before, .stepBar .step:first-child:after {
      content: none; }
    .stepBar .step.current {
      color: #FFF;
      background-color: #e44932; }
      .stepBar .step.current:before, .stepBar .step.current:after {
        background-color: #e44932; }
  .stepBar.step2 .step {
    width: 50%; }
  .stepBar.step3 .step {
    width: 33.333%; }
  .stepBar.step3.download-stepBar {
    margin: 5rem auto 4rem !important; }

/************ステップバーEND****************/
.ui-widget-header {
  background: #f8b500 !important; }

.ui-widget-content .ui-state-highlight {
  border: 1px solid #f8b500 !important; }

main.none-cv {
  border-bottom: #7070704d 1px solid; }

.subhead {
  background: #f8b500;
  padding: 7rem 0 2rem; }
  @media screen and (max-width: 599px) {
    .subhead {
      padding: 1rem 0 5rem; } }
  .subhead .inr {
    position: relative; }
    @media screen and (max-width: 599px) {
      .subhead .inr {
        text-align: center; } }
    .subhead .inr::after {
      content: "";
      position: absolute;
      top: -7rem;
      right: -4rem;
      height: 22vw;
      width: 13vw;
      max-height: 288.53px;
      max-width: 170.93px;
      background: url(../imgs/icon_child_header.svg) no-repeat center center/contain; }
      @media screen and (max-width: 599px) {
        .subhead .inr::after {
          display: none; } }
    .subhead .inr h1 {
      position: relative;
      display: inline-flex;
      align-items: baseline; }
      @media screen and (max-width: 599px) {
        .subhead .inr h1 {
          display: block; } }
      .subhead .inr h1::after {
        content: "";
        position: absolute;
        top: -5rem;
        right: -5rem;
        height: 5rem;
        width: 4rem;
        background: url(../imgs/icon_8m_red.svg) no-repeat center center/100%;
        transform: scale(-1, 1); }
        @media screen and (max-width: 599px) {
          .subhead .inr h1::after {
            display: none; } }
      .subhead .inr h1 .ttl-logo {
        width: 24.3rem;
        margin-right: 1rem; }
        .subhead .inr h1 .ttl-logo img {
          margin-bottom: -0.3rem; }
          @media screen and (max-width: 599px) {
            .subhead .inr h1 .ttl-logo img {
              margin-bottom: -0.1rem;
              width: 55%; } }
      .subhead .inr h1 .ttl-moji {
        font-weight: bold; }
        .subhead .inr h1 .ttl-moji--only {
          font-weight: bold; }
        @media screen and (max-width: 599px) {
          .subhead .inr h1 .ttl-moji {
            font-size: 2rem; }
            .subhead .inr h1 .ttl-moji--only {
              font-size: 3.2rem;
              font-weight: bold; } }
    .subhead .inr p {
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media screen and (min-width: 600px) {
        .subhead .inr p {
          font-weight: 600; } }

.about--page {
  padding-bottom: 3rem; }
  .about--page .trouble__blocks {
    margin: 0 auto; }
    .about--page .trouble__blocks + p {
      margin: 5rem 0 7rem; }
      @media screen and (max-width: 599px) {
        .about--page .trouble__blocks + p {
          margin: 4rem 0 4rem; } }
    @media screen and (max-width: 599px) {
      .about--page .trouble__blocks {
        margin: -9rem auto 0; } }
  .about--page .about--features {
    max-width: 85rem;
    margin: 0 auto; }
    .about--page .about--features .about--feature {
      display: flex;
      background-color: #fff;
      border-radius: 0.5rem;
      margin-bottom: 2rem;
      overflow: hidden; }
      @media screen and (max-width: 599px) {
        .about--page .about--features .about--feature {
          flex-wrap: wrap; } }
      .about--page .about--features .about--feature .img {
        max-width: 26rem;
        object-fit: cover;
        height: auto; }
        @media screen and (max-width: 599px) {
          .about--page .about--features .about--feature .img {
            max-width: unset;
            width: 100%;
            height: 15rem; } }
      .about--page .about--features .about--feature .txt {
        padding: 3rem; }
        @media screen and (max-width: 599px) {
          .about--page .about--features .about--feature .txt {
            padding: 2rem; } }
        .about--page .about--features .about--feature .txt h3 {
          margin: 0 0 1rem; }
          @media screen and (max-width: 599px) {
            .about--page .about--features .about--feature .txt h3 {
              font-size: 1.5rem; } }
        .about--page .about--features .about--feature .txt p {
          margin: 0; }
          @media screen and (max-width: 599px) {
            .about--page .about--features .about--feature .txt p {
              font-size: 1.2rem; } }
  .about--page.about {
    background-color: #eaebeb;
    padding: 10rem 0 6rem 0; }
    .about--page.about::after {
      display: none; }
    .about--page.about .sec__title::after {
      z-index: 0; }

.specs--page .specs__block {
  padding: 3% 6% 8.7% 6%;
  margin: 2rem 0;
  border-radius: 1rem;
  background: #fff;
  flex-direction: column-reverse; }
  @media screen and (min-width: 600px) {
    .specs--page .specs__block {
      padding: 5.5% 5.5% 3.5% 5.5%;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap; } }
  @media screen and (min-width: 600px) {
    .specs--page .specs__block .txt {
      width: 62%; } }
  .specs--page .specs__block .txt .block-title {
    font-size: 1.5rem;
    margin: 0;
    line-height: 1.7; }
    @media screen and (min-width: 600px) {
      .specs--page .specs__block .txt .block-title {
        font-size: 2rem; } }
  .specs--page .specs__block .txt p {
    margin: 1.5rem 0 0 0;
    font-size: 1.4rem; }
    @media screen and (min-width: 600px) {
      .specs--page .specs__block .txt p {
        margin-top: 3rem;
        font-size: 1.5rem; } }
  .specs--page .specs__block .img {
    text-align: center; }
    @media screen and (min-width: 600px) {
      .specs--page .specs__block .img {
        width: 32.5%;
        align-self: center; } }
    .specs--page .specs__block .img img {
      max-width: 15rem; }
      @media screen and (min-width: 600px) {
        .specs--page .specs__block .img img {
          max-width: 20rem; } }
  .specs--page .specs__block .note {
    order: -10;
    margin-top: 1rem;
    font-size: 1.2rem; }
    @media screen and (min-width: 600px) {
      .specs--page .specs__block .note {
        margin-top: 2rem;
        order: 10;
        border-top: rgba(45, 46, 49, 0.2) 1px solid; } }
.specs--page .specs__subtitle {
  font-size: 2rem;
  margin: 4rem auto 3rem auto;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .specs--page .specs__subtitle {
      margin-top: 6rem;
      font-size: 2.4rem; } }
.specs--page .specs__btn {
  margin-bottom: 5rem; }
  @media screen and (min-width: 600px) {
    .specs--page .specs__btn {
      margin-top: 6rem;
      margin-bottom: 8rem; } }
.specs--page .specs-tec {
  margin-top: 3rem; }
  @media screen and (min-width: 600px) {
    .specs--page .specs-tec {
      margin-top: 6rem; } }

.specs-tec {
  background: #fff;
  border-radius: 1rem; }
  @media screen and (max-width: 599px) {
    .specs-tec {
      margin-bottom: 5rem; } }
  @media screen and (min-width: 600px) {
    .specs-tec {
      padding-bottom: 3rem; } }
  .specs-tec__title {
    margin: 0;
    padding: 1.5em 1rem;
    background: #f8b500;
    font-size: 1.6rem;
    border-radius: 1rem;
    text-align: center;
    position: relative; }
    @media screen and (max-width: 599px) {
      .specs-tec__title {
        cursor: pointer;
        box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.15); }
        .specs-tec__title.open {
          border-radius: 1rem 1rem 0 0;
          box-shadow: none; }
          .specs-tec__title.open .toggle-icon {
            transform: rotate(-90deg); } }
    @media screen and (min-width: 600px) {
      .specs-tec__title {
        padding: 1.16em 1rem;
        font-size: 2.4rem;
        border-radius: 1rem 1rem 0 0; } }
    .specs-tec__title .toggle-icon {
      position: absolute;
      width: 2.5rem;
      height: 2.5rem;
      right: 2rem;
      top: 2rem;
      transform: rotate(90deg);
      transition: .3s; }
      .specs-tec__title .toggle-icon img {
        display: block;
        width: 100%; }
    .specs-tec__title--sub {
      margin: 2rem 0 -1rem 0;
      font-size: 1.4rem;
      padding: 1.2em 1rem;
      border-radius: .5rem;
      box-shadow: none; }
      @media screen and (min-width: 600px) {
        .specs-tec__title--sub {
          margin-bottom: 0; } }
  .specs-tec__blocks {
    padding: 0 4.5% 2.4rem 4.5%; }
    @media screen and (max-width: 599px) {
      .specs-tec__blocks {
        display: none; } }
    @media screen and (min-width: 600px) {
      .specs-tec__blocks {
        padding: 0 5.5%; } }
    @media screen and (min-width: 600px) {
      .specs-tec__blocks dl {
        display: flex;
        padding: 3rem 0;
        margin: 0;
        align-items: center;
        border-bottom: rgba(45, 46, 49, 0.2) 1px solid; } }
    .specs-tec__blocks dl dt {
      margin-top: 2rem;
      padding: .8em;
      font-size: 1.3rem;
      background: rgba(45, 46, 49, 0.15);
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      border-radius: .5rem; }
      @media screen and (min-width: 600px) {
        .specs-tec__blocks dl dt {
          font-weight: 600; } }
      @media screen and (min-width: 600px) {
        .specs-tec__blocks dl dt {
          width: 32.5%;
          background: none;
          padding: 0;
          margin: 0;
          font-size: 1.4rem;
          line-height: 1.71; } }
    .specs-tec__blocks dl dd {
      margin: 1rem .3rem 0 .3rem;
      font-size: 1.3rem;
      line-height: 1.84; }
      @media screen and (min-width: 600px) {
        .specs-tec__blocks dl dd {
          margin: 0;
          width: 67%;
          font-size: 1.4rem;
          line-height: 1.71; }
          .specs-tec__blocks dl dd .is_pc {
            display: inline; } }
  .specs-tec .toggle-btn {
    display: block;
    width: 10rem;
    height: 3.7rem;
    font-size: 1.4rem;
    line-height: 3.7rem;
    margin: 3rem 0 0 auto;
    padding: 0 2rem;
    box-sizing: border-box;
    background: rgba(45, 46, 49, 0.15);
    cursor: pointer;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: .5rem;
    position: relative; }
    @media screen and (min-width: 600px) {
      .specs-tec .toggle-btn {
        font-weight: 600; } }
    @media screen and (min-width: 600px) {
      .specs-tec .toggle-btn {
        display: none; } }
    .specs-tec .toggle-btn::after {
      content: "";
      display: block;
      width: 2.5rem;
      height: 2.5rem;
      position: absolute;
      right: 1rem;
      top: .5rem;
      background: url(../imgs/arrow_navy.svg) no-repeat center/contain;
      transform: rotate(-90deg); }

.tab-panel .tab-group {
  display: flex;
  justify-content: center;
  margin: 0 0 -1px;
  padding: 0; }
  .tab-panel .tab-group .tab {
    position: relative;
    flex-grow: 0.4;
    padding: 3rem 0 2rem 3rem;
    list-style: none;
    text-align: center;
    cursor: pointer;
    color: #2d2e31;
    border-radius: 1rem 1rem 0 0;
    line-height: 1.5;
    font-size: 2rem;
    background-color: #F2F1EF;
    margin-bottom: 1px; }
    @media screen and (max-width: 599px) {
      .tab-panel .tab-group .tab {
        font-size: 1.5rem;
        flex-grow: unset;
        width: calc(50% - 3rem);
        padding: 2rem 1rem 1rem 3.5rem;
        text-align: left;
        display: flex;
        justify-content: center; } }
    .tab-panel .tab-group .tab.is-active {
      border: solid 1px rgba(112, 112, 112, 0.3);
      border-bottom: none;
      margin-bottom: 0px;
      overflow: hidden; }
      @media screen and (max-width: 599px) {
        .tab-panel .tab-group .tab.is-active {
          margin-bottom: -0.5px; } }
      .tab-panel .tab-group .tab.is-active::before {
        content: "";
        position: absolute;
        height: 1rem;
        width: 100%;
        background-color: #f8b500;
        left: 0;
        top: 0; }
      .tab-panel .tab-group .tab.is-active::after {
        content: "";
        position: absolute;
        height: 4rem;
        width: 3rem;
        background: url(../imgs/icon_8m_red.svg) no-repeat center center/100%;
        left: 5rem;
        top: 0;
        bottom: 0;
        margin: auto; }
        @media screen and (max-width: 599px) {
          .tab-panel .tab-group .tab.is-active::after {
            height: 3rem;
            width: 2rem;
            left: 1rem; } }
.tab-panel .panel-group {
  border-top: solid 1px rgba(112, 112, 112, 0.3);
  padding: 4rem 0; }
  @media screen and (max-width: 599px) {
    .tab-panel .panel-group {
      padding: 1rem 0; } }
  .tab-panel .panel-group .panel {
    display: none; }
    .tab-panel .panel-group .panel.is-show {
      display: block; }
    .tab-panel .panel-group .panel article.sell-books__block::after {
      display: none; }
    @media screen and (max-width: 599px) {
      .tab-panel .panel-group .panel article.sell-books__block {
        margin-top: 2rem; } }
    .tab-panel .panel-group .panel article.sell-books__block div.inr {
      padding-left: 0;
      margin-bottom: 7rem; }

@media screen and (max-width: 599px) {
  .scene--page {
    padding: 4rem 0 6rem; } }
.scene--page .scene {
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: solid 1px #7070704d; }
  @media screen and (max-width: 599px) {
    .scene--page .scene {
      padding-bottom: 3rem;
      margin-bottom: 3rem; } }
  .scene--page .scene h3 {
    font-size: 2rem; }
  .scene--page .scene ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .scene--page .scene ul {
        flex-wrap: wrap; } }
    .scene--page .scene ul .txt {
      width: 55%; }
      @media screen and (max-width: 599px) {
        .scene--page .scene ul .txt {
          width: 100%; } }
      .scene--page .scene ul .txt p {
        margin: 0; }
        @media screen and (max-width: 599px) {
          .scene--page .scene ul .txt p {
            font-size: 1.4rem; } }
    .scene--page .scene ul .img {
      width: 40%; }
      @media screen and (max-width: 599px) {
        .scene--page .scene ul .img {
          width: 100%;
          margin-top: 1rem; } }
      .scene--page .scene ul .img img {
        border-radius: 0.5rem; }
.scene--page .scene-exs {
  background-color: #fff;
  padding: 4rem;
  border-radius: 0.5rem; }
  @media screen and (max-width: 599px) {
    .scene--page .scene-exs {
      padding: 2rem; } }
  .scene--page .scene-exs > h3 {
    font-size: 2.4rem;
    text-align: center; }
    @media screen and (max-width: 599px) {
      .scene--page .scene-exs > h3 {
        font-size: 2rem; } }
  .scene--page .scene-exs > p {
    text-align: center; }
  .scene--page .scene-exs .scene-ex {
    border-top: solid 1px #7070704d;
    padding-top: 6rem;
    margin-top: 4rem; }
    @media screen and (max-width: 599px) {
      .scene--page .scene-exs .scene-ex {
        padding-top: 3rem;
        margin-top: 3rem; } }
    .scene--page .scene-exs .scene-ex h3 {
      font-size: 2rem;
      margin-top: 0;
      position: relative;
      padding-left: 6rem; }
      .scene--page .scene-exs .scene-ex h3::before {
        content: "";
        position: absolute;
        height: 5rem;
        width: 5rem;
        background: url(../imgs/trouble2.svg) no-repeat center center/100%;
        left: 0rem;
        top: 0;
        bottom: 0;
        margin: auto; }
    .scene--page .scene-exs .scene-ex ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 599px) {
        .scene--page .scene-exs .scene-ex ul {
          flex-wrap: wrap; } }
      .scene--page .scene-exs .scene-ex ul li.txt {
        width: 55%; }
        @media screen and (max-width: 599px) {
          .scene--page .scene-exs .scene-ex ul li.txt {
            width: 100%; } }
        .scene--page .scene-exs .scene-ex ul li.txt p {
          margin: 0; }
      .scene--page .scene-exs .scene-ex ul li.img {
        width: 40%; }
        @media screen and (max-width: 599px) {
          .scene--page .scene-exs .scene-ex ul li.img {
            width: 100%;
            margin-top: 1rem; } }
        .scene--page .scene-exs .scene-ex ul li.img img {
          border-radius: 0.5rem; }
          .scene--page .scene-exs .scene-ex ul li.img img:first-child {
            margin-bottom: 1rem; }
.scene--page .scene-guide {
  text-align: center;
  font-size: 2.4rem; }
  @media screen and (max-width: 599px) {
    .scene--page .scene-guide {
      font-size: 1.5rem; } }
@media screen and (min-width: 600px) {
  .scene--page .inr > .required__btn {
    margin-top: 3rem; } }
@media screen and (max-width: 599px) {
  .scene--page .inr > .required__btn {
    margin: 2rem auto 0 auto; } }

.case--scene {
  background-color: #eaebeb; }

@media screen and (max-width: 599px) {
  .flow--page .flow--steps {
    margin-top: -10rem; } }
.flow--page .flow--steps .flow--step {
  border-bottom: 1px solid #7070704d; }
  @media screen and (max-width: 599px) {
    .flow--page .flow--steps .flow--step {
      border-bottom: none; } }
  .flow--page .flow--steps .flow--step ul {
    list-style-type: none;
    margin: 0;
    padding: 3rem 2rem 3rem 8rem;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .flow--page .flow--steps .flow--step ul {
        padding: 0 0 3rem;
        flex-wrap: wrap; } }
    .flow--page .flow--steps .flow--step ul .txt {
      width: 55%;
      position: relative; }
      @media screen and (max-width: 599px) {
        .flow--page .flow--steps .flow--step ul .txt {
          width: 100%;
          order: 2; } }
      .flow--page .flow--steps .flow--step ul .txt .icon-8py {
        position: absolute;
        display: block;
        width: 7.4rem;
        height: 7.7rem;
        left: -8.6rem;
        top: -6.5rem; }
        @media screen and (max-width: 599px) {
          .flow--page .flow--steps .flow--step ul .txt .icon-8py {
            left: 0rem;
            top: -5rem; } }
        .flow--page .flow--steps .flow--step ul .txt .icon-8py span {
          width: 100%;
          height: 100%;
          font-size: 3rem;
          text-align: center;
          line-height: 7.7rem;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          font-weight: bold; }
      .flow--page .flow--steps .flow--step ul .txt h3 {
        margin: 2.7rem 0;
        font-size: 2rem; }
        @media screen and (max-width: 599px) {
          .flow--page .flow--steps .flow--step ul .txt h3 {
            margin: 3.7rem 0 1.7rem; } }
      .flow--page .flow--steps .flow--step ul .txt p {
        margin: 0 0 3.9rem; }
        @media screen and (max-width: 599px) {
          .flow--page .flow--steps .flow--step ul .txt p {
            font-size: 1.4rem;
            margin: 0 0 1.7rem; } }
      .flow--page .flow--steps .flow--step ul .txt a.flow--page__btn {
        max-width: 20rem;
        font-size: 1.2rem; }
        .flow--page .flow--steps .flow--step ul .txt a.flow--page__btn::after {
          display: none; }
    .flow--page .flow--steps .flow--step ul .img {
      width: 35%;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 599px) {
        .flow--page .flow--steps .flow--step ul .img {
          width: 100%;
          order: 1; } }
      .flow--page .flow--steps .flow--step ul .img img {
        border-radius: 1rem; }
  .flow--page .flow--steps .flow--step.flow--step01 {
    border-top: 1px solid #7070704d; }
    @media screen and (max-width: 599px) {
      .flow--page .flow--steps .flow--step.flow--step01 {
        border-top: none; } }
  .flow--page .flow--steps .flow--step.flow--step01 .kome {
    font-size: 1.2rem; }
  .flow--page .flow--steps .flow--step.flow--step01 svg {
    fill: #f8b500; }
  .flow--page .flow--steps .flow--step.flow--step02 .kome {
    font-size: 1.2rem; }
  .flow--page .flow--steps .flow--step.flow--step02 svg {
    fill: #f4a208; }
  .flow--page .flow--steps .flow--step.flow--step03 .kome {
    font-size: 1.2rem; }
  .flow--page .flow--steps .flow--step.flow--step03 svg {
    fill: #f19010; }
  .flow--page .flow--steps .flow--step.flow--step04 .kome {
    font-size: 1.2rem; }
  .flow--page .flow--steps .flow--step.flow--step04 svg {
    fill: #ee7f19; }
  .flow--page .flow--steps .flow--step.flow--step05 .kome {
    font-size: 1.2rem; }
  .flow--page .flow--steps .flow--step.flow--step05 svg {
    fill: #ea6d21; }
  .flow--page .flow--steps .flow--step.flow--step06 .kome {
    font-size: 1.2rem; }
  .flow--page .flow--steps .flow--step.flow--step06 svg {
    fill: #e75b29; }
  .flow--page .flow--steps .flow--step.start {
    border-bottom: none; }
    .flow--page .flow--steps .flow--step.start ul .txt {
      width: 36%; }
      @media screen and (max-width: 599px) {
        .flow--page .flow--steps .flow--step.start ul .txt {
          width: 100%;
          order: unset;
          text-align: center;
          position: relative; }
          .flow--page .flow--steps .flow--step.start ul .txt::before {
            content: "";
            display: block;
            width: 8.3rem;
            height: 8.7rem;
            position: absolute;
            top: -1rem;
            left: 50%;
            transform: translateX(-50%);
            background: url(../imgs/icon_8m_arrow_bottom.svg) no-repeat center/contain; } }
      .flow--page .flow--steps .flow--step.start ul .txt h2 {
        font-size: 5rem;
        margin: 7rem 0 0; }
        @media screen and (max-width: 599px) {
          .flow--page .flow--steps .flow--step.start ul .txt h2 {
            margin: 9rem 0 0; } }
      @media screen and (max-width: 599px) {
        .flow--page .flow--steps .flow--step.start ul .txt h3 {
          margin: 0.5rem 0 0; } }
      .flow--page .flow--steps .flow--step.start ul .txt svg {
        fill: #E44932; }
      .flow--page .flow--steps .flow--step.start ul .txt .icon-8py {
        width: 9.7rem;
        height: 10.2rem;
        top: -4rem; }
        @media screen and (max-width: 599px) {
          .flow--page .flow--steps .flow--step.start ul .txt .icon-8py {
            display: none; } }
    .flow--page .flow--steps .flow--step.start ul .img {
      width: 60%; }
      @media screen and (max-width: 599px) {
        .flow--page .flow--steps .flow--step.start ul .img {
          width: 100%;
          order: unset;
          flex-wrap: wrap;
          margin-top: -5rem;
          text-align: center; }
          .flow--page .flow--steps .flow--step.start ul .img > p {
            margin: 0; } }
.flow--page .flow__btn {
  max-width: 40rem;
  margin: 0 auto; }

.subhead .price_subhead_inr::after {
  background: url(../imgs/icon_price_header.svg) no-repeat center center/contain !important;
  max-height: 168.44px;
  max-width: 178.7px;
  top: -6rem;
  right: -3rem;
  height: 13vw;
  width: 13vw; }

.w-wrap {
  background-color: #fff;
  border-radius: 1rem; }

.inline-b {
  display: inline-block; }
  @media screen and (max-width: 599px) {
    .inline-b {
      display: none; } }

.c-red {
  color: #e44932; }

.price {
  margin: 6rem 0; }
  @media screen and (max-width: 599px) {
    .price {
      margin: 4rem 0 6rem; } }
  .price h2 {
    font-size: 3.2rem;
    text-align: center;
    margin: 6rem 0 3rem; }
    @media screen and (max-width: 599px) {
      .price h2 {
        font-size: 2.4rem;
        margin: 4rem 0 2rem; } }
  .price .basic .w-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 599px) {
      .price .basic .w-wrap {
        flex-wrap: wrap; } }
    .price .basic .w-wrap > div {
      width: 50%;
      display: flex;
      align-items: center;
      padding: 0 2rem; }
      @media screen and (max-width: 599px) {
        .price .basic .w-wrap > div {
          width: 100%;
          padding: 0 1.5rem; } }
      .price .basic .w-wrap > div:last-child {
        border-left: solid 1px rgba(45, 46, 49, 0.1); }
        @media screen and (max-width: 599px) {
          .price .basic .w-wrap > div:last-child {
            border-left: unset;
            border-top: solid 1px rgba(45, 46, 49, 0.1); } }
      .price .basic .w-wrap > div h3 {
        background-color: #f8b500;
        font-size: 2rem;
        text-align: center;
        font-weight: normal;
        padding: 2.5rem 0;
        border-radius: 0.5rem;
        margin-right: 1rem;
        width: 10.7rem; }
        @media screen and (max-width: 599px) {
          .price .basic .w-wrap > div h3 {
            font-size: 1.6rem;
            padding: 2rem 0;
            width: 11rem;
            margin: 1rem 2rem 1rem 0; } }
      .price .basic .w-wrap > div p {
        font-size: 2rem; }
        @media screen and (max-width: 599px) {
          .price .basic .w-wrap > div p {
            font-size: 1.6rem; } }
        .price .basic .w-wrap > div p strong {
          font-size: 3.2rem;
          font-weight: bold; }
          @media screen and (max-width: 599px) {
            .price .basic .w-wrap > div p strong {
              font-size: 2.4rem; } }
  .price .basic > p span.kome {
    font-size: 1.2rem; }
  .price .option h2 {
    font-weight: normal; }
  .price .option .w-wrap {
    padding: 0 4rem; }
    @media screen and (max-width: 599px) {
      .price .option .w-wrap {
        padding: 0 1.5rem 1rem; } }
    .price .option .w-wrap ul {
      list-style-type: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0;
      border-bottom: solid 1px rgba(45, 46, 49, 0.1);
      margin: 0;
      padding: 3.5rem 0; }
      .price .option .w-wrap ul:last-child {
        border-bottom: unset; }
      @media screen and (max-width: 599px) {
        .price .option .w-wrap ul {
          flex-wrap: wrap;
          padding: 2rem 0 1rem; } }
      .price .option .w-wrap ul li {
        font-size: 1.4rem;
        line-height: 1.66; }
        @media screen and (max-width: 599px) {
          .price .option .w-wrap ul li {
            font-size: 1.3rem; } }
        .price .option .w-wrap ul li strong {
          font-size: 2rem;
          font-weight: bold; }
          @media screen and (max-width: 599px) {
            .price .option .w-wrap ul li strong {
              font-size: 1.6rem; } }
        .price .option .w-wrap ul li:first-child {
          width: 21rem; }
          @media screen and (max-width: 599px) {
            .price .option .w-wrap ul li:first-child {
              width: 48%; } }
        .price .option .w-wrap ul li:nth-child(2) {
          width: 19rem; }
          @media screen and (max-width: 599px) {
            .price .option .w-wrap ul li:nth-child(2) {
              width: 52%;
              text-align: right; } }
        .price .option .w-wrap ul li:last-child {
          font-size: 1.3rem;
          width: 32rem; }
          @media screen and (max-width: 599px) {
            .price .option .w-wrap ul li:last-child {
              font-size: 1.2rem;
              width: 100%;
              background-color: rgba(45, 46, 49, 0.1);
              margin-top: 1rem;
              border-radius: .5rem;
              padding: 1.7rem 1.5rem; } }
  .price .price-ex h2 {
    font-weight: normal; }
  .price .price-ex .w-wrap {
    font-size: 1.6rem;
    padding: 2rem 4rem;
    margin-bottom: 2rem; }
    @media screen and (max-width: 599px) {
      .price .price-ex .w-wrap {
        font-size: 1.4rem;
        padding: 0 1.5rem 0.1px; } }
    .price .price-ex .w-wrap > * {
      border-bottom: solid 1px rgba(45, 46, 49, 0.1); }
      .price .price-ex .w-wrap > *:last-child {
        border-bottom: none; }
    .price .price-ex .w-wrap .f-14 {
      font-size: 1.4rem;
      font-weight: normal; }
      @media screen and (max-width: 599px) {
        .price .price-ex .w-wrap .f-14 {
          font-size: 1.3rem; } }
    .price .price-ex .w-wrap .f-12 {
      font-size: 1.2rem;
      font-weight: normal; }
      @media screen and (max-width: 599px) {
        .price .price-ex .w-wrap .f-12 {
          display: block;
          margin-top: 0.7rem;
          font-size: 1rem; } }
    .price .price-ex .w-wrap strong {
      font-size: 2rem;
      font-weight: bold; }
      @media screen and (max-width: 599px) {
        .price .price-ex .w-wrap strong {
          text-align: right; } }
      .price .price-ex .w-wrap strong.sum {
        font-size: 2.4rem; }
        @media screen and (max-width: 599px) {
          .price .price-ex .w-wrap strong.sum {
            font-size: 2rem; } }
    .price .price-ex .w-wrap h3 {
      font-weight: normal;
      margin: 0;
      padding: 3rem 0; }
      @media screen and (max-width: 599px) {
        .price .price-ex .w-wrap h3 {
          font-size: 1.4rem;
          padding: 2.5rem 0 1rem;
          border-bottom: none; } }
      .price .price-ex .w-wrap h3 span {
        font-size: 1.4rem; }
        @media screen and (max-width: 599px) {
          .price .price-ex .w-wrap h3 span {
            font-size: 1.2rem;
            margin-top: 1.3rem;
            line-height: 1.5; } }
    .price .price-ex .w-wrap ul {
      list-style-type: none;
      display: flex;
      justify-content: space-between;
      padding: 1rem 0;
      margin: 0; }
      @media screen and (max-width: 599px) {
        .price .price-ex .w-wrap ul {
          flex-wrap: wrap; }
          .price .price-ex .w-wrap ul.border-none {
            border-bottom: none; } }
      .price .price-ex .w-wrap ul li {
        display: flex;
        align-items: center;
        justify-content: center; }
        @media screen and (max-width: 599px) {
          .price .price-ex .w-wrap ul li {
            width: 100%;
            justify-content: unset; } }
        .price .price-ex .w-wrap ul li:first-child {
          background-color: #eaebeb;
          width: 18rem;
          text-align: center;
          padding: 2.1rem 0;
          border-radius: 0.5rem; }
          @media screen and (max-width: 599px) {
            .price .price-ex .w-wrap ul li:first-child {
              width: 100%;
              padding: 1.2rem; } }
        .price .price-ex .w-wrap ul li.lireset {
          display: inline-block;
          width: calc(100% - 24rem); }
          @media screen and (max-width: 599px) {
            .price .price-ex .w-wrap ul li.lireset {
              width: 100%;
              padding: 0 1.2rem; } }
          .price .price-ex .w-wrap ul li.lireset p {
            justify-content: space-between;
            display: flex;
            align-items: center;
            width: 29rem; }
            @media screen and (max-width: 599px) {
              .price .price-ex .w-wrap ul li.lireset p {
                width: 100%;
                line-height: 1.15; }
                .price .price-ex .w-wrap ul li.lireset p:last-child {
                  line-height: 1.5; } }
        .price .price-ex .w-wrap ul li.wi-16 {
          width: 21rem;
          justify-content: space-between; }
          @media screen and (max-width: 599px) {
            .price .price-ex .w-wrap ul li.wi-16 {
              width: 100%;
              padding: 1.2rem; } }
        .price .price-ex .w-wrap ul li.wi-28 {
          width: 33rem;
          justify-content: space-between; }
          @media screen and (max-width: 599px) {
            .price .price-ex .w-wrap ul li.wi-28 {
              width: 100%;
              padding: 0 1.2rem; } }
        @media screen and (max-width: 599px) {
          .price .price-ex .w-wrap ul li.is_pc {
            display: none; } }
    .price .price-ex .w-wrap > p:last-child {
      text-align: right; }

.campaign {
  background: #e44932;
  background: linear-gradient(180deg, #e44932 0%, #f8b500 100%);
  padding: 6.5rem 0 6rem; }
  @media screen and (max-width: 599px) {
    .campaign {
      padding: 2.5rem 0 5rem; } }
  .campaign .inr {
    max-width: 78rem; }
    .campaign .inr .sec__title, .campaign .inr .sec__copy {
      color: #fff; }
    .campaign .inr .sec__copy {
      margin: 3rem 0 4rem; }
      @media screen and (max-width: 599px) {
        .campaign .inr .sec__copy {
          text-align: left;
          margin: 2rem 0 3rem; } }
    .campaign .inr .sec__title {
      position: relative; }
      @media screen and (max-width: 599px) {
        .campaign .inr .sec__title {
          font-size: 2.4rem; } }
      .campaign .inr .sec__title::before, .campaign .inr .sec__title::after {
        content: "";
        display: block;
        position: absolute;
        width: 13.5rem;
        height: 25.7rem;
        background: url(../imgs/icon_campaign.svg) no-repeat center/contain;
        top: -11.5rem;
        left: -11rem;
        right: unset; }
        @media screen and (max-width: 599px) {
          .campaign .inr .sec__title::before, .campaign .inr .sec__title::after {
            width: 5.7rem;
            height: 10.9rem;
            top: -5.5rem;
            left: 1rem; } }
      .campaign .inr .sec__title::after {
        left: unset;
        right: -11rem;
        transform: scale(-1, 1); }
        @media screen and (max-width: 599px) {
          .campaign .inr .sec__title::after {
            right: 1rem; } }
    .campaign .inr h3 {
      font-size: 2.4rem;
      font-weight: normal;
      text-align: center;
      margin: 4rem 0 0; }
      @media screen and (max-width: 599px) {
        .campaign .inr h3 {
          font-size: 2rem; } }
    .campaign .inr .w-wrap {
      padding: 3rem 4rem; }
      @media screen and (max-width: 599px) {
        .campaign .inr .w-wrap {
          padding: 2rem 1.5rem; } }
      .campaign .inr .w-wrap table {
        width: 100%;
        border-collapse: collapse; }
        .campaign .inr .w-wrap table tr:not(:first-child) {
          border-bottom: 1px solid rgba(45, 46, 49, 0.2); }
        .campaign .inr .w-wrap table tr th {
          font-size: 1.4rem;
          font-weight: normal;
          background-color: rgba(45, 46, 49, 0.1);
          padding: 2.3rem 0; }
          @media screen and (max-width: 599px) {
            .campaign .inr .w-wrap table tr th {
              font-size: 1.3rem;
              padding: 1.7rem 1.5rem;
              text-align: left; } }
          .campaign .inr .w-wrap table tr th:first-child {
            border-top-left-radius: 0.5rem;
            border-bottom-left-radius: 0.5rem;
            border-right: 1px solid rgba(45, 46, 49, 0.2);
            width: 65%; }
            @media screen and (max-width: 599px) {
              .campaign .inr .w-wrap table tr th:first-child {
                width: 56%; } }
          .campaign .inr .w-wrap table tr th:last-child {
            border-top-right-radius: 0.5rem;
            border-bottom-right-radius: 0.5rem; }
            @media screen and (max-width: 599px) {
              .campaign .inr .w-wrap table tr th:last-child {
                line-height: 1.5; } }
        .campaign .inr .w-wrap table tr td {
          padding: 2.5rem 0; }
          @media screen and (max-width: 599px) {
            .campaign .inr .w-wrap table tr td {
              padding: 1.8rem 0; } }
          .campaign .inr .w-wrap table tr td:first-child {
            font-size: 1.5rem;
            border-right: 1px solid rgba(45, 46, 49, 0.2);
            padding-left: 3rem; }
            @media screen and (max-width: 599px) {
              .campaign .inr .w-wrap table tr td:first-child {
                font-size: 1.3rem;
                padding-left: 1.5rem;
                line-height: 1.5; } }
          .campaign .inr .w-wrap table tr td:last-child {
            text-align: center;
            font-size: 1.4rem; }
            @media screen and (max-width: 599px) {
              .campaign .inr .w-wrap table tr td:last-child {
                font-size: 1.3rem; } }
            .campaign .inr .w-wrap table tr td:last-child strong {
              font-size: 2rem;
              font-weight: bold; }
              @media screen and (max-width: 599px) {
                .campaign .inr .w-wrap table tr td:last-child strong {
                  font-size: 1.6rem; } }
      .campaign .inr .w-wrap > p {
        font-size: 1.2rem;
        margin-bottom: 0; }
        @media screen and (max-width: 599px) {
          .campaign .inr .w-wrap > p {
            font-size: 1rem; } }

@media screen and (max-width: 599px) {
  .company, .law, .privacy {
    padding: 3rem 0; } }
.company .inr, .law .inr, .privacy .inr {
  max-width: 77rem; }
  .company .inr dl, .law .inr dl, .privacy .inr dl {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid;
    margin: 0; }
    .company .inr dl > *, .law .inr dl > *, .privacy .inr dl > * {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      padding: 2rem;
      box-sizing: border-box; }
      .company .inr dl > *:nth-of-type(13), .law .inr dl > *:nth-of-type(13), .privacy .inr dl > *:nth-of-type(13) {
        border-bottom: none; }
      @media screen and (max-width: 599px) {
        .company .inr dl > *, .law .inr dl > *, .privacy .inr dl > * {
          padding: 1rem; } }
    .company .inr dl dt, .law .inr dl dt, .privacy .inr dl dt {
      background-color: #f8b500;
      width: 30%;
      border-bottom: 1px solid;
      border-right: 1px solid;
      justify-content: center;
      font-weight: bold; }
      @media screen and (max-width: 599px) {
        .company .inr dl dt, .law .inr dl dt, .privacy .inr dl dt {
          width: 100%;
          border-right: unset;
          border-bottom: unset;
          justify-content: unset; } }
    .company .inr dl dd, .law .inr dl dd, .privacy .inr dl dd {
      width: 70%;
      margin: 0;
      border-bottom: 1px solid;
      line-height: 1.5; }
      .company .inr dl dd.komon, .law .inr dl dd.komon, .privacy .inr dl dd.komon {
        align-items: start; }
      .company .inr dl dd > a, .law .inr dl dd > a, .privacy .inr dl dd > a {
        display: block; }
      @media screen and (max-width: 599px) {
        .company .inr dl dd, .law .inr dl dd, .privacy .inr dl dd {
          width: 100%; } }
  .company .inr table, .law .inr table, .privacy .inr table {
    width: 100%;
    border-collapse: collapse;
    margin: 3rem 0 0;
    text-align: center; }
    @media screen and (max-width: 599px) {
      .company .inr table, .law .inr table, .privacy .inr table {
        margin: 2rem 0 0; } }
    .company .inr table tbody tr, .law .inr table tbody tr, .privacy .inr table tbody tr {
      border-bottom: solid 1px rgba(45, 46, 49, 0.2); }
      .company .inr table tbody tr:first-child, .company .inr table tbody tr:last-child, .law .inr table tbody tr:first-child, .law .inr table tbody tr:last-child, .privacy .inr table tbody tr:first-child, .privacy .inr table tbody tr:last-child {
        border-bottom: none; }
      .company .inr table tbody tr th, .law .inr table tbody tr th, .privacy .inr table tbody tr th {
        background-color: #f8b50033;
        padding: 1.5rem; }
        @media screen and (max-width: 599px) {
          .company .inr table tbody tr th, .law .inr table tbody tr th, .privacy .inr table tbody tr th {
            padding: 1rem; } }
      .company .inr table tbody tr td, .law .inr table tbody tr td, .privacy .inr table tbody tr td {
        padding: 1.5rem; }
        @media screen and (max-width: 599px) {
          .company .inr table tbody tr td, .law .inr table tbody tr td, .privacy .inr table tbody tr td {
            padding: 1rem; } }

.company dl > *:nth-of-type(12) {
  border-bottom: none !important; }

.privacy .inr {
  max-width: 77rem; }
  .privacy .inr > p:first-child {
    margin-top: 0; }
  .privacy .inr div h2 {
    border-left: solid 0.5rem #f8b500;
    padding: 1rem; }
  .privacy .inr div h3 {
    background-color: rgba(45, 46, 49, 0.1);
    border-radius: 0.5rem;
    padding: 1rem 1rem 1rem 2em;
    text-indent: -1.4em;
    line-height: 1.3; }
  .privacy .inr div h4 {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.3; }
  .privacy .inr div h5 {
    font-size: 1.5rem;
    margin: 0; }
  .privacy .inr div .indents {
    padding-left: 1em; }
  .privacy .inr ul {
    padding: 0;
    text-align: right;
    list-style-type: none;
    margin: 3rem 0; }
    .privacy .inr ul li {
      padding: 0.5rem 0; }
  .privacy .inr dl > *:nth-of-type(4) {
    border-bottom: none; }
  .privacy .inr dl dt {
    width: 25%; }
    @media screen and (max-width: 599px) {
      .privacy .inr dl dt {
        width: 100%; } }
  .privacy .inr dl dd {
    width: 75%; }
    @media screen and (max-width: 599px) {
      .privacy .inr dl dd {
        width: 100%; } }
    .privacy .inr dl dd span {
      display: block;
      width: 100%; }

@media screen and (min-width: 600px) {
  .subhead--report, .subhead--column, .subhead--topics, .subhead--faq {
    padding-bottom: 4rem; } }
.subhead--report .inr h1 .ttl-moji, .subhead--column .inr h1 .ttl-moji, .subhead--topics .inr h1 .ttl-moji, .subhead--faq .inr h1 .ttl-moji {
  font-size: 3.2rem; }
  @media screen and (min-width: 600px) {
    .subhead--report .inr h1 .ttl-moji, .subhead--column .inr h1 .ttl-moji, .subhead--topics .inr h1 .ttl-moji, .subhead--faq .inr h1 .ttl-moji {
      font-size: 4rem;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }
  @media screen and (min-width: 600px) and (min-width: 600px) {
    .subhead--report .inr h1 .ttl-moji, .subhead--column .inr h1 .ttl-moji, .subhead--topics .inr h1 .ttl-moji, .subhead--faq .inr h1 .ttl-moji {
      font-weight: 600; } }

@media screen and (min-width: 600px) {
  .subhead--report .inr::after, .subhead--column .inr::after, .subhead--topics .inr::after, .subhead--faq .inr::after {
    width: 17.3rem;
    height: 14.5rem;
    top: -3rem;
    right: -5rem;
    background: url(../imgs/icon_child_header_small.svg) no-repeat center/contain;
    z-index: 10; } }

@media screen and (min-width: 600px) {
  .subhead--report-archive {
    padding-bottom: 4rem; } }
.subhead--report-archive .inr h1 .ttl-moji {
  font-size: 3.2rem; }
  @media screen and (min-width: 600px) {
    .subhead--report-archive .inr h1 .ttl-moji {
      font-size: 4rem;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }
  @media screen and (min-width: 600px) and (min-width: 600px) {
    .subhead--report-archive .inr h1 .ttl-moji {
      font-weight: 600; } }

.case--other,
.column--other {
  padding-top: 6rem;
  padding-bottom: 8rem; }
  .case--other .sec__title,
  .column--other .sec__title {
    position: relative;
    z-index: 10; }
    @media screen and (min-width: 600px) {
      .case--other .sec__title,
      .column--other .sec__title {
        font-size: 2.4rem; } }
  @media screen and (min-width: 600px) {
    .case--other .case__blocks,
    .column--other .case__blocks {
      justify-content: space-between;
      margin-top: 4rem; } }
  .case--other .case__blocks > *,
  .column--other .case__blocks > * {
    width: 100%;
    margin-top: 2rem;
    box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 599px) {
      .case--other .case__blocks > *,
      .column--other .case__blocks > * {
        padding-bottom: 4rem;
        position: relative; } }
    @media screen and (min-width: 600px) {
      .case--other .case__blocks > *,
      .column--other .case__blocks > * {
        width: 31.7%;
        margin-left: 0;
        padding-bottom: 4rem; }
        .case--other .case__blocks > *::before,
        .column--other .case__blocks > *::before {
          width: 9rem;
          height: 8rem; }
        .case--other .case__blocks > * img,
        .column--other .case__blocks > * img {
          height: 18rem;
          object-fit: cover; } }
    .case--other .case__blocks > * .case__organizer,
    .column--other .case__blocks > * .case__organizer {
      margin-top: 1rem; }
    .case--other .case__blocks > * p,
    .column--other .case__blocks > * p {
      margin-top: 1em;
      font-size: 1.3rem; }
      @media screen and (min-width: 600px) {
        .case--other .case__blocks > * p,
        .column--other .case__blocks > * p {
          display: none; } }
  @media screen and (min-width: 600px) {
    .case--other .case__title,
    .column--other .case__title {
      margin-top: 2rem; }
    .case--other .case__organizer,
    .column--other .case__organizer {
      margin-top: 2rem; } }
@media screen and (min-width: 600px) {
  .case--archive,
  .column--archive {
    padding-top: 6rem; } }
@media screen and (max-width: 599px) {
  .case--archive,
  .column--archive {
    margin-top: -7rem; } }
.case--archive .case__blocks,
.column--archive .case__blocks {
  margin-top: 0; }
  @media screen and (max-width: 599px) {
    .case--archive .case__blocks > *,
    .column--archive .case__blocks > * {
      padding-bottom: 4rem;
      margin-bottom: 2rem; } }
.case--archive .jscroll-added .js_load_area,
.column--archive .jscroll-added .js_load_area {
  opacity: 0;
  transform: translateY(5rem);
  transition: 1s; }
  .case--archive .jscroll-added .js_load_area.act,
  .column--archive .jscroll-added .js_load_area.act {
    opacity: 1;
    transform: translateY(0); }

.single--report .nega-margin {
  margin-top: -6rem; }
.single--report .the_champ_sharing_container {
  margin: 0;
  padding-bottom: 0; }
  .single--report .the_champ_sharing_container .share_btns {
    display: flex;
    align-items: center;
    border: none; }
.single__data {
  background: #fff;
  border-radius: .5rem;
  overflow: hidden;
  margin: 2rem 0; }
  @media screen and (min-width: 600px) {
    .single__data {
      padding: 1.5rem 0;
      border-radius: 1rem;
      margin-top: 3rem; } }
  .single__data dl {
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 600px) {
      .single__data dl {
        max-width: 70rem;
        margin: 0 auto;
        padding: 1.5rem 0;
        display: flex;
        border-bottom: rgba(45, 46, 49, 0.2) 1px solid; }
        .single__data dl:last-child {
          border: none; } }
  .single__data dt, .single__data dd {
    font-size: 1.3rem;
    padding: 0;
    margin: 0; }
    @media screen and (min-width: 600px) {
      .single__data dt, .single__data dd {
        background: none; } }
  .single__data dt {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: .7rem 1.5rem .7rem .5rem;
    background: rgba(45, 46, 49, 0.15); }
    @media screen and (min-width: 600px) {
      .single__data dt {
        font-weight: 600; } }
    @media screen and (min-width: 600px) {
      .single__data dt {
        background: none;
        width: 24.3%;
        font-size: 1.4rem; } }
  .single__data dd {
    padding: 1.5rem;
    line-height: 1.84; }
    @media screen and (min-width: 600px) {
      .single__data dd {
        padding: 0;
        width: 75%;
        font-size: 1.4rem;
        padding-top: .1rem; } }
@media screen and (min-width: 600px) {
  .single__schedule {
    max-width: 85rem;
    margin: 0 auto; } }
.single__schedule .title {
  margin: 3rem 0 0 0;
  font-size: 1.4rem; }
  @media screen and (min-width: 600px) {
    .single__schedule .title {
      margin-top: 5.5rem; } }
.single__schedule .schedule-flow {
  margin-top: 2rem;
  padding-bottom: 2rem;
  flex-direction: column;
  list-style: none;
  border-bottom: rgba(45, 46, 49, 0.2) 1px solid; }
  @media screen and (min-width: 600px) {
    .single__schedule .schedule-flow {
      flex-direction: row;
      justify-content: space-between;
      position: relative; }
      .single__schedule .schedule-flow::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 3.4rem;
        height: .2rem;
        width: 80%;
        background: #272a3b; }
      .single__schedule .schedule-flow::after {
        content: "";
        width: 1rem;
        height: 1rem;
        border-right: #272a3b 0.25rem solid;
        border-top: #272a3b 0.25rem solid;
        position: absolute;
        top: 2.9rem;
        left: calc(80% - 1.41rem + .6rem);
        transform: rotate(45deg); } }
  .single__schedule .schedule-flow > * {
    padding: 1.25rem 0;
    align-items: center; }
    @media screen and (min-width: 600px) {
      .single__schedule .schedule-flow > * {
        margin: 6rem 2rem 0 2rem;
        flex-direction: column; }
        .single__schedule .schedule-flow > *:first-child {
          margin-left: 0; }
        .single__schedule .schedule-flow > *:last-child {
          margin: 0;
          width: 18%;
          box-sizing: border-box;
          padding: 2rem;
          background: #e44932;
          border-radius: 1rem;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center; }
          .single__schedule .schedule-flow > *:last-child .label::before {
            display: none; } }
    .single__schedule .schedule-flow > * .label {
      font-size: 1.2rem;
      width: 10rem;
      padding-left: 3rem;
      position: relative; }
      @media screen and (min-width: 600px) {
        .single__schedule .schedule-flow > * .label {
          width: auto;
          padding: 0;
          font-size: 1.4rem;
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; } }
  @media screen and (min-width: 600px) and (min-width: 600px) {
    .single__schedule .schedule-flow > * .label {
      font-weight: 600; } }

      .single__schedule .schedule-flow > * .label::before {
        content: "";
        display: block;
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        background: #f8b500;
        position: absolute;
        left: 0;
        z-index: 10; }
        @media screen and (min-width: 600px) {
          .single__schedule .schedule-flow > * .label::before {
            width: 1.5rem;
            height: 1.5rem;
            top: -4.5rem;
            left: calc((100% - 1.5rem) / 2); } }
      .single__schedule .schedule-flow > * .label::after {
        content: "";
        display: block;
        width: .2rem;
        height: 4.7rem;
        position: absolute;
        background: #272a3b;
        top: .4rem;
        left: .4rem; }
        @media screen and (min-width: 600px) {
          .single__schedule .schedule-flow > * .label::after {
            width: .1rem;
            height: 2.5rem;
            top: -3.5rem;
            left: calc(50% - .05rem); } }
      .single__schedule .schedule-flow > * .label-2::before {
        background: #f19010; }
      .single__schedule .schedule-flow > * .label-3::before {
        background: #ea6d21; }
      .single__schedule .schedule-flow > * .label-4::before {
        background: #e44932; }
    .single__schedule .schedule-flow > * .val {
      font-size: 1.4rem;
      line-height: 1.4;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media screen and (min-width: 600px) {
        .single__schedule .schedule-flow > * .val {
          font-weight: 600; } }
      @media screen and (max-width: 599px) {
        .single__schedule .schedule-flow > * .val {
          width: calc(100% - 13rem); } }
      @media screen and (min-width: 600px) {
        .single__schedule .schedule-flow > * .val {
          text-align: center;
          margin-top: 1rem;
          font-size: 1.6rem; } }
    .single__schedule .schedule-flow > *:last-of-type .label::after {
      display: none; }
.single__imgs {
  margin-top: 3rem;
  padding-bottom: 3rem; }
  @media screen and (min-width: 600px) {
    .single__imgs {
      max-width: 85rem;
      margin: 3rem auto;
      display: flex;
      justify-content: center; } }
  .single__imgs > * {
    margin-bottom: 2.5rem; }
    @media screen and (min-width: 600px) {
      .single__imgs > * {
        margin-right: 2rem;
        flex: 1;
        max-width: 27rem; } }
    .single__imgs > *:last-child {
      margin-bottom: 0;
      margin-right: 0; }
    .single__imgs > * figcaption {
      font-size: 1.4rem; }
      @media screen and (min-width: 600px) {
        .single__imgs > * figcaption {
          text-align: center; } }
    .single__imgs > * img {
      width: 100%;
      height: auto; }
      @media screen and (min-width: 600px) {
        .single__imgs > * img {
          border-radius: 1rem; } }
.single__article {
  background: #fff;
  padding: 3rem 1rem;
  margin: 2rem auto; }
  @media screen and (min-width: 600px) {
    .single__article {
      width: 93.75%;
      max-width: 90rem;
      box-sizing: border-box;
      padding-bottom: 4rem;
      border-radius: 1rem; }
      .single__article .inr {
        max-width: 70rem; } }
  .single__article h2 {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 3rem; }
    @media screen and (min-width: 600px) {
      .single__article h2 {
        font-size: 2.4rem; } }
  .single__article h2:not(.title), .single__article h3:not(.title), .single__article h4:not(.title), .single__article h5:not(.title), .single__article h6:not(.title) {
    margin-top: 2em; }
  .single__article p {
    line-height: 2; }
    .single__article p a:hover {
      text-decoration: underline; }
    .single__article p a[target] {
      padding-right: 1.2em; }
      .single__article p a[target]::after {
        content: "";
        display: inline-block;
        vertical-align: text-bottom;
        width: 1.2em;
        height: 1.2em;
        line-height: inherit;
        background: url(../imgs/icon_link_blank.svg) no-repeat center/contain; }
  .single__article figure {
    margin: 2rem auto; }
  .single__article img {
    border-radius: 1rem !important;
    width: 100%;
    height: auto; }
  .single__article--voice {
    padding-top: 4rem;
    position: relative; }
    @media screen and (min-width: 600px) {
      .single__article--voice {
        padding-top: 6rem; } }
    .single__article--voice::after {
      content: "";
      display: block;
      width: 24.5%;
      padding-top: 24.5%;
      position: absolute;
      background: url(../imgs/icon_8m_dbl_red.svg) no-repeat center/contain;
      top: -1rem;
      right: 4%; }
      @media screen and (min-width: 600px) {
        .single__article--voice::after {
          width: 12rem;
          height: 11rem;
          padding: 0;
          right: auto;
          left: 1.7rem;
          top: -2.5rem;
          transform: rotateY(-180deg); } }
    .single__article--voice .voice-title {
      font-size: 2rem; }
      @media screen and (min-width: 600px) {
        .single__article--voice .voice-title {
          font-size: 2.4rem; } }
      .single__article--voice .voice-title span {
        margin-bottom: 3rem;
        display: block;
        font-size: 1.6rem;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (min-width: 600px) {
          .single__article--voice .voice-title span {
            font-weight: 600; } }
        @media screen and (min-width: 600px) {
          .single__article--voice .voice-title span {
            font-size: 2rem; } }
.single .report__title-block {
  margin-top: 3rem;
  flex-direction: column-reverse; }
  @media screen and (min-width: 600px) {
    .single .report__title-block {
      flex-direction: row;
      justify-content: space-between; } }
  @media screen and (min-width: 600px) {
    .single .report__title-block .img {
      width: 49.5%;
      padding-top: 32.67%;
      position: relative; } }
  .single .report__title-block .img img {
    border-radius: 1rem;
    width: 100%;
    height: auto; }
    @media screen and (min-width: 600px) {
      .single .report__title-block .img img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover; } }
  .single .report__title-block .txt {
    margin-top: 2rem; }
    @media screen and (min-width: 600px) {
      .single .report__title-block .txt {
        width: 46.7%;
        margin-top: 10rem; } }
    .single .report__title-block .txt .title {
      font-size: 2rem;
      margin: 0;
      line-height: 1.5; }
      @media screen and (min-width: 600px) {
        .single .report__title-block .txt .title {
          font-size: 2.8rem;
          line-height: 1.7; } }
    .single .report__title-block .txt .organaizer-name {
      margin-top: 3rem;
      padding-left: 4rem;
      position: relative;
      font-size: 1.6rem;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media screen and (min-width: 600px) {
        .single .report__title-block .txt .organaizer-name {
          font-weight: 600; } }
      @media screen and (min-width: 600px) {
        .single .report__title-block .txt .organaizer-name {
          margin-top: 3.5rem; } }
      .single .report__title-block .txt .organaizer-name::before {
        content: "";
        display: block;
        position: absolute;
        width: 2.5rem;
        height: .1rem;
        background: #2d2e31;
        left: 0;
        top: .75em; }
    .single .report__title-block .txt .organaizer-type {
      margin-top: .2rem;
      display: block;
      font-size: 1.2rem; }

.js_scroll_loading {
  margin: 10rem auto; }
  .js_scroll_loading span {
    display: block;
    width: 5rem;
    margin: 0 auto;
    padding-top: 6.5rem;
    text-align: center;
    position: relative;
    font-size: 1.4rem; }
    .js_scroll_loading span::before, .js_scroll_loading span::after {
      content: "";
      display: block;
      width: 5rem;
      height: 5rem;
      border-radius: 100%;
      box-sizing: border-box;
      border: rgba(39, 42, 59, 0.3) 1px solid;
      position: absolute;
      top: 0;
      left: 0; }
    .js_scroll_loading span::after {
      border: #272a3b 2px solid;
      border-left: transparent 2px solid;
      animation: loader_anim 1.2s infinite linear; }
@keyframes loader_anim {
  100% {
    transform: rotate(360deg); } }
.paginate-btns {
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 30rem;
  margin: 3rem auto 0 auto; }
  @media screen and (min-width: 600px) {
    .paginate-btns {
      max-width: 88rem; } }
  @media screen and (min-width: 600px) {
    .paginate-btns > div {
      flex: .25;
      order: 3; }
      .paginate-btns > div:first-child {
        order: 1; } }
  .paginate-btns a.btn--center {
    width: 40rem; }
    .paginate-btns a.btn--center::after {
      display: none; }
    @media screen and (min-width: 600px) {
      .paginate-btns a.btn--center {
        order: 2; } }
    @media screen and (max-width: 599px) {
      .paginate-btns a.btn--center {
        margin-top: 2rem; } }
  .paginate-btns a:not(.btn) {
    padding-left: 2.3rem;
    padding-right: 6rem; }
    @media screen and (min-width: 600px) {
      .paginate-btns a:not(.btn) {
        padding-right: 5rem;
        padding-left: 3rem; } }
  .paginate-btns a[rel="prev"] {
    padding-left: 6rem;
    padding-right: 2.3rem; }
    .paginate-btns a[rel="prev"]::after {
      transform: rotateY(-180deg) translateY(-50%);
      left: 2rem;
      right: auto; }
    @media screen and (min-width: 600px) {
      .paginate-btns a[rel="prev"] {
        padding-right: 3rem;
        padding-left: 5rem; } }
  @media screen and (max-width: 599px) {
    .paginate-btns a:last-child {
      width: 100%; } }

.edit-cont > *:first-child {
  margin-top: 0;
  padding-top: 0; }
.edit-cont a {
  text-decoration: underline; }
.edit-cont iframe {
  max-width: 100%;
  border: none; }

@media screen and (max-width: 599px) {
  .column--home .case__blocks > *::before {
    display: none; } }
.column--archive {
  padding-top: 4.5rem; }
  .column--archive .column__categories, .column--archive .topics__classify {
    margin-bottom: 4.5rem; }
.column__categories, .topics__classify {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  flex-wrap: wrap;
  max-width: 88rem; }
  @media screen and (min-width: 600px) {
    .column__categories, .topics__classify {
      margin-bottom: 4.5rem; } }
  .column__categories > *, .topics__classify > * {
    margin: 0 2% 2% 0;
    width: 49%;
    border-radius: .5rem;
    min-height: 5rem;
    border: #272a3b 2px solid;
    background: #fff;
    box-sizing: border-box; }
    .column__categories > *:first-child, .topics__classify > *:first-child {
      width: 100%;
      margin-right: 0; }
    .column__categories > *:nth-child(2n+1), .topics__classify > *:nth-child(2n+1) {
      margin-right: 0; }
    @media screen and (min-width: 600px) {
      .column__categories > *, .topics__classify > * {
        width: auto;
        flex: 1;
        margin-right: 0.5rem !important; } }
    .column__categories > * a, .topics__classify > * a {
      display: flex;
      width: 100%;
      min-height: 100%;
      box-sizing: border-box;
      align-items: center;
      justify-content: center;
      padding: .5rem 2rem;
      font-size: 1.2rem;
      line-height: 1.3;
      color: #272a3b;
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media screen and (min-width: 600px) {
        .column__categories > * a, .topics__classify > * a {
          font-weight: 600; } }
      @media screen and (min-width: 600px) {
        .column__categories > * a, .topics__classify > * a {
          transition: .2s; }
          .column__categories > * a:hover, .topics__classify > * a:hover {
            background: #272a3b;
            color: #fff; } }
    .column__categories > *.act, .topics__classify > *.act {
      background: #272a3b; }
      .column__categories > *.act a, .topics__classify > *.act a {
        color: #fff; }

.single--column, .single--topics {
  padding-top: 4.5rem; }
  @media screen and (max-width: 599px) {
    .single--column, .single--topics {
      margin-top: -7rem; } }
  @media screen and (min-width: 600px) {
    .single--column .single__article, .single--topics .single__article {
      max-width: 88rem;
      padding-bottom: 8rem; } }
  .single--column .single__article .title, .single--topics .single__article .title {
    font-size: 2.4rem; }
    @media screen and (min-width: 600px) {
      .single--column .single__article .title, .single--topics .single__article .title {
        font-size: 3.2rem; } }
  .single--column .single__article .column-cat, .single--topics .single__article .column-cat {
    margin: 3rem auto; }

@media screen and (max-width: 599px) {
  .column--other .sec__title {
    font-size: 2rem; } }

.single--report .the_champ_sharing_container .share_btns span:first-child, .the_champ_sharing_container .share_btns span:first-child {
  display: inline-block;
  font-weight: 400 !important;
  margin-right: .5rem;
  padding: .5rem .7rem;
  border: rgba(45, 46, 49, 0.2) 1px solid;
  color: rgba(45, 46, 49, 0.5);
  border-radius: .3rem;
  font-size: 1.2rem;
  letter-spacing: .1em;
  white-space: nowrap;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .single--report .the_champ_sharing_container .share_btns span:first-child, .the_champ_sharing_container .share_btns span:first-child {
      margin-right: 1rem;
      padding: .5rem 1rem; } }

.the_champ_sharing_container .share_btns {
  display: flex;
  align-items: center;
  padding: 1.5rem 0 1rem 0;
  margin: 0 0 2rem 0;
  border-top: #eaebeb 1px solid;
  border-bottom: #eaebeb 1px solid; }

.topics--archive {
  padding-top: 4.5rem; }
  @media screen and (max-width: 599px) {
    .topics--archive {
      margin-top: -7rem; } }

@media screen and (min-width: 600px) {
  .topics-cat {
    margin-right: 1rem;
    width: 15rem; } }
.topics-cat a {
  font-size: 1rem;
  display: inline-block;
  line-height: 2;
  background: #272a3b;
  color: #fff;
  text-align: center;
  padding: 0 1rem;
  border-radius: .2rem;
  position: relative;
  z-index: 10; }
  @media screen and (min-width: 600px) {
    .topics-cat a {
      font-size: 1.2rem;
      min-width: 12rem; }
      .topics-cat a:hover {
        text-decoration: none; } }

.paginate {
  margin: 4rem auto;
  justify-content: center; }
  .paginate > * {
    padding: 1rem 1.5rem;
    margin-right: .5rem;
    font-size: 1.4rem;
    border: #272a3b 2px solid;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: .2rem;
    background: #fff; }
    @media screen and (min-width: 600px) {
      .paginate > * {
        font-weight: 600; } }
  .paginate .current {
    background: #272a3b;
    color: #fff; }

.topics__classify {
  justify-content: space-between; }
  .topics__classify > * {
    margin-right: 0; }
    .topics__classify > *:first-child {
      width: 49%; }

@media screen and (min-width: 600px) {
  .single--topics .single__article {
    padding-top: 5rem; } }
.single--topics .single__article .topics-cat a {
  text-align: left; }
.single--topics .paginate-btns {
  margin-bottom: 5rem; }
  @media screen and (min-width: 600px) {
    .single--topics .paginate-btns {
      margin-bottom: 8rem; } }

.notice__update-overview {
  margin: 4rem auto;
  padding: 1rem 0;
  border-top: #eaebeb 2px solid;
  border-bottom: #eaebeb 2px solid; }
  .notice__update-overview .title {
    margin: 2rem 0;
    font-size: 1.6rem !important; }
.notice__update-info {
  margin: 4rem auto 0 auto;
  border-collapse: collapse; }
  .notice__update-info tr:not(.th) {
    border: #eaebeb 1px solid;
    margin-bottom: 2rem; }
    @media screen and (max-width: 599px) {
      .notice__update-info tr:not(.th) {
        display: flex;
        flex-direction: column;
        border-radius: .5rem; } }
  @media screen and (max-width: 599px) {
    .notice__update-info tr.th {
      display: none; } }
  .notice__update-info tr.th th {
    font-size: 1.3rem;
    text-align: center;
    background: rgba(39, 42, 59, 0.2);
    color: #2d2e31; }
    .notice__update-info tr.th th:first-child {
      background: none;
      border: none; }
  .notice__update-info th, .notice__update-info td {
    padding: 0 1rem 1.5rem 1rem;
    text-align: left;
    line-height: 1.66;
    font-weight: 400;
    letter-spacing: .05em; }
    @media screen and (min-width: 600px) {
      .notice__update-info th, .notice__update-info td {
        padding: 1.5rem;
        border-left: #eaebeb 1px solid;
        vertical-align: text-top;
        font-size: 1.4rem; } }
  .notice__update-info th {
    padding: 1rem;
    background: rgba(39, 42, 59, 0.8);
    color: #fff; }
    @media screen and (max-width: 599px) {
      .notice__update-info th {
        border-radius: .5rem .5rem 0 0; } }
    @media screen and (min-width: 600px) {
      .notice__update-info th {
        width: 25%;
        vertical-align: middle; } }
  @media screen and (max-width: 599px) {
    .notice__update-info td::before {
      content: "アップデート後";
      display: block;
      margin-bottom: 1rem;
      margin-left: -1rem;
      margin-right: -1rem;
      background: rgba(39, 42, 59, 0.2);
      padding: .3rem 1rem;
      border-radius: 0;
      font-size: 1.3rem; } }
  @media screen and (min-width: 600px) {
    .notice__update-info td {
      width: 35%; } }
  .notice__update-info tr td:first-of-type::before {
    content: "従来"; }

.subhead--faq {
  padding-bottom: 1.5rem; }

.faq--page {
  margin-top: 3.5rem;
  padding-bottom: 6.5rem; }
  @media screen and (min-width: 600px) {
    .faq--page {
      margin-top: 6rem;
      padding-bottom: 8rem; } }
  .faq--page .faq__head {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.5; }
    @media screen and (min-width: 600px) {
      .faq--page .faq__head {
        font-size: 2.4rem;
        margin-bottom: 6rem; } }
  .faq--page .faq__title {
    padding: 2.7rem 5rem 2.7rem 2rem;
    font-size: 1.6rem;
    margin: 0;
    position: relative;
    cursor: pointer; }
    @media screen and (min-width: 600px) {
      .faq--page .faq__title {
        padding: 3rem 5rem 3rem 5rem;
        font-size: 2rem;
        width: 100%;
        box-sizing: border-box; } }
    .faq--page .faq__title::after {
      content: "";
      display: block;
      width: 2.5rem;
      height: 2.5rem;
      position: absolute;
      background: url(../imgs/arrow_navy.svg) no-repeat center/contain;
      transform: translateY(-50%) rotate(-270deg);
      right: 2.5rem;
      top: 50%;
      transition: .3s; }
      @media screen and (min-width: 600px) {
        .faq--page .faq__title::after {
          right: 3rem; } }
  .faq--page .faq__blocks {
    margin-top: 1.5rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.1);
    position: relative; }
    .faq--page .faq__blocks:first-of-type {
      margin-top: 2rem; }
    @media screen and (min-width: 600px) {
      .faq--page .faq__blocks {
        margin-top: 2rem;
        transition: .2s; }
        .faq--page .faq__blocks:not(.open):hover {
          transform: scale(1.01); } }
    .faq--page .faq__blocks .js_faq {
      position: absolute;
      width: 100%;
      padding: 0;
      margin: 0;
      top: 0;
      left: 0;
      height: 8rem;
      cursor: pointer;
      background: transparent;
      z-index: 10; }
    .faq--page .faq__blocks.open .faq__title::after {
      transform: translateY(-50%) rotate(-450deg); }
    .faq--page .faq__blocks .js_faq_block {
      display: none; }
  .faq--page .faq__block {
    box-sizing: border-box;
    padding: 0 0 .1rem 0;
    border-radius: 0;
    border-top: rgba(45, 46, 49, 0.2) 1px solid; }
    @media screen and (min-width: 600px) {
      .faq--page .faq__block {
        width: 100%;
        margin: 0;
        padding: 0 5rem .1rem 5rem;
        border-radius: 1rem;
        border: none; } }
    .faq--page .faq__block dl {
      margin: 0;
      padding: 3rem 1.6rem 3.2rem 6rem;
      border-bottom: rgba(45, 46, 49, 0.2) 1px solid;
      border-radius: 0; }
      .faq--page .faq__block dl:nth-child(2n+1) {
        background: rgba(45, 46, 49, 0.05); }
      @media screen and (min-width: 600px) {
        .faq--page .faq__block dl {
          border: none;
          border-radius: 1rem;
          margin-bottom: 2rem;
          padding: 3rem 5rem 4rem 6.5rem;
          background: rgba(45, 46, 49, 0.05); }
          .faq--page .faq__block dl:first-child {
            margin-top: 3rem; } }
      .faq--page .faq__block dl dt::before, .faq--page .faq__block dl dd::before {
        width: 4.2rem;
        height: 4.5rem;
        left: -1rem;
        top: -2rem;
        font-size: 1.8rem;
        line-height: 4.2rem; }
        @media screen and (min-width: 600px) {
          .faq--page .faq__block dl dt::before, .faq--page .faq__block dl dd::before {
            width: 5.5rem;
            height: 5.7rem;
            font-size: 2.2rem;
            line-height: 5.7rem;
            left: -2rem;
            top: -4.5rem;
            transform: translateX(-100%); } }
      .faq--page .faq__block dl dt {
        font-size: 1.6rem; }
      .faq--page .faq__block dl dd {
        margin-top: 2rem; }
        @media screen and (min-width: 600px) {
          .faq--page .faq__block dl dd {
            margin-top: 4.5rem;
            font-size: 1.5rem; } }
        .faq--page .faq__block dl dd::before {
          top: -1rem; }
          @media screen and (min-width: 600px) {
            .faq--page .faq__block dl dd::before {
              top: -2.5rem; } }
        .faq--page .faq__block dl dd .btn, .faq--page .faq__block dl dd .sp-fix-nav a, .sp-fix-nav .faq--page .faq__block dl dd a, .faq--page .faq__block dl dd .sp-fix-nav .sp-fix-nav__chat, .sp-fix-nav .faq--page .faq__block dl dd .sp-fix-nav__chat, .faq--page .faq__block dl dd .paginate-btns a:not(.btn), .paginate-btns .faq--page .faq__block dl dd a:not(.btn) {
          margin-top: 1rem;
          display: inline-block;
          font-size: 1.2rem;
          padding: 1rem 4rem;
          box-shadow: none; }
    .faq--page .faq__block .btn--close {
      display: block;
      width: 16rem;
      padding: 1.5rem 3rem 1.5rem 0;
      margin: 3rem auto;
      box-sizing: border-box;
      text-align: center;
      background: rgba(45, 46, 49, 0.15);
      color: #2d2e31;
      box-shadow: none; }
      @media screen and (min-width: 600px) {
        .faq--page .faq__block .btn--close {
          transition: .2s; }
          .faq--page .faq__block .btn--close:hover {
            background: rgba(45, 46, 49, 0.3); } }
      .faq--page .faq__block .btn--close span {
        position: relative;
        font-size: 1.4rem;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media screen and (min-width: 600px) {
          .faq--page .faq__block .btn--close span {
            font-weight: 600; } }
        .faq--page .faq__block .btn--close span::after {
          content: "";
          display: block;
          width: 2.5rem;
          height: 2.5rem;
          background: url(../imgs/icon_close.svg) no-repeat center/contain;
          position: absolute;
          right: -1rem;
          top: 50%;
          transform: translate(100%, -50%); }

.mainv {
  overflow: visible; }
  .mainv .mainv__swiper {
    max-width: none; }
  .mainv .swiper-slide {
    height: 60vh; }
    @media screen and (min-width: 600px) {
      .mainv .swiper-slide {
        height: calc(100vh - 12rem);
        min-height: 58rem;
        max-height: 80rem; } }

.swiper-wrapper .s1 {
  position: relative; }
  .swiper-wrapper .s1__txt {
    position: absolute;
    width: 70%;
    z-index: 10;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s1__txt {
        width: 56%;
        max-width: 70rem; } }
    .swiper-wrapper .s1__txt1 {
      max-width: 63.7rem;
      margin-bottom: 2.3rem;
      opacity: 0;
      transform: scale(0.3);
      transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s; }
    .swiper-wrapper .s1__txt2 {
      opacity: 0;
      transform: scale(0.3) translate3d(0);
      transition: 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.5s; }
  .swiper-wrapper .s1__bg {
    position: absolute;
    width: 150%;
    height: 50%;
    left: 100%;
    top: 0;
    transition: 2s;
    left: 100%;
    width: 0;
    overflow: hidden; }
    .swiper-wrapper .s1__bg--clone {
      top: 45%;
      left: -20%; }
    .swiper-wrapper .s1__bg img {
      display: inline-block;
      width: auto;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      margin-left: 30px;
      transform: translateX(300); }
      .swiper-wrapper .s1__bg img:nth-child(2n) {
        transform: translateX(200%); }
      .swiper-wrapper .s1__bg img:nth-child(3n) {
        transform: translateX(100%); }
    .swiper-wrapper .s1__bg1 {
      position: absolute;
      top: 9.7%;
      left: 10%;
      height: 13.5%;
      width: 100%; }
    .swiper-wrapper .s1__bg2 {
      position: absolute;
      top: 26%;
      left: 3.4%;
      height: 9.1%;
      width: 100%; }
    .swiper-wrapper .s1__bg3 {
      position: absolute;
      top: 34%;
      left: 5.3%;
      height: 23.5%;
      width: 100%; }
    .swiper-wrapper .s1__bg4 {
      position: absolute;
      top: 58.4%;
      left: 17%;
      height: 17.4%;
      width: 100%; }
    .swiper-wrapper .s1__bg5 {
      position: absolute;
      top: 78%;
      left: 13%;
      height: 12.5%;
      width: 100%; }
  .swiper-wrapper .s1.swiper-slide-active .s1__txt1 {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0; }
  .swiper-wrapper .s1.swiper-slide-active .s1__txt2 {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0; }
  .swiper-wrapper .s1.swiper-slide-active .s1__bg {
    overflow: visible;
    left: 0;
    width: 150%; }
    .swiper-wrapper .s1.swiper-slide-active .s1__bg--clone {
      top: 45%;
      left: -20%; }
    .swiper-wrapper .s1.swiper-slide-active .s1__bg img {
      opacity: .35;
      animation: bganim 12s 0s linear infinite normal; }
      .swiper-wrapper .s1.swiper-slide-active .s1__bg img:nth-child(2n) {
        animation: bganim 12s -4s linear infinite normal; }
      .swiper-wrapper .s1.swiper-slide-active .s1__bg img:nth-child(3n) {
        animation: bganim 12s -8s linear infinite normal; }
@keyframes bganim {
  0% {
    transform: translateX(130%); }
  100% {
    transform: translateX(-200%); } }
  .swiper-wrapper .s1.swiper-slide-prev {
    transition: 1s linear 1s; }
    .swiper-wrapper .s1.swiper-slide-prev .s1__txt1 {
      transform: scale(0); }
    .swiper-wrapper .s1.swiper-slide-prev .s1__txt2 {
      transform: scale(0); }
    .swiper-wrapper .s1.swiper-slide-prev .s1__bg {
      left: -30%; }
      .swiper-wrapper .s1.swiper-slide-prev .s1__bg img {
        opacity: .35; }
.swiper-wrapper .s2 {
  overflow: hidden; }
  .swiper-wrapper .s2 .slide_inr {
    max-width: 98rem;
    height: 100%;
    margin: 0 auto;
    position: relative; }
  .swiper-wrapper .s2__txt {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 65.6%;
    transform: translateX(-50%); }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s2__txt {
        left: 42%;
        width: 48rem;
        height: 100%;
        transform: none;
        animation: 0.5s cubic-bezier(0.47, 0, 0.74, 0.71) 2.5s 1 backwards paused s2txtanim; } }
  .swiper-wrapper .s2__ico1 {
    position: absolute;
    width: 5.5rem;
    right: -4rem;
    top: -5rem;
    transform: scale(0) translateY(3rem);
    animation: 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 3.6s 1 forwards paused s2icoanim; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s2__ico1 {
        width: 13.6rem;
        height: auto;
        right: -5rem;
        top: -15rem; } }
  .swiper-wrapper .s2__ico2 {
    position: absolute;
    width: 4rem;
    right: -6rem;
    top: -2rem;
    transform: scale(0) translateY(3rem);
    animation: 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 3.6s 1 forwards runnning s2icoanim; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s2__ico2 {
        width: 9.7rem;
        height: auto;
        right: -8rem;
        top: -7.7rem; } }
  .swiper-wrapper .s2__img {
    position: absolute;
    width: 30rem;
    top: 100%;
    margin-left: calc(50% - 13rem);
    animation: 1.5s cubic-bezier(0.19, 1, 0.22, 1) 1s 1 forwards paused spanim; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s2__img {
        top: 50%;
        transform: translateY(-50%);
        left: -100%;
        margin-left: 8.7%;
        animation: 1.5s cubic-bezier(0.19, 1, 0.22, 1) 1s 1 forwards paused spanim; } }
  .swiper-wrapper .s2__screen {
    position: absolute;
    width: 30rem;
    height: 100%;
    top: 0;
    left: 0;
    mask-size: 30rem;
    -webkit-mask-size: 30rem;
    mask-image: url(../imgs/mainv/sp_mask.png);
    -webkit-mask-image: url(../imgs/mainv/sp_mask.png); }
  .swiper-wrapper .s2__screen1, .swiper-wrapper .s2__screen2 {
    position: absolute;
    width: 24rem;
    height: auto;
    left: 1rem;
    top: 2.5rem;
    transform: translateY(-20%); }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s2__screen1, .swiper-wrapper .s2__screen2 {
        top: 2.5rem;
        transform: translateY(0); } }
  .swiper-wrapper .s2__screen2 {
    transform: translateY(80%); }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s2__screen2 {
        transform: translateY(100%); } }
  .swiper-wrapper .s2.swiper-slide-active .s2__txt, .swiper-wrapper .s2.swiper-slide-prev .s2__txt {
    top: 5rem; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s2.swiper-slide-active .s2__txt, .swiper-wrapper .s2.swiper-slide-prev .s2__txt {
        top: 100%;
        animation: 0.5s cubic-bezier(0.47, 0, 0.74, 0.71) 2.5s 1 forwards running s2txtanim; }
      @keyframes s2txtanim {
        0% {
          top: 100%; }
        100% {
          top: 42%; } } }
  .swiper-wrapper .s2.swiper-slide-active .s2__ico1, .swiper-wrapper .s2.swiper-slide-active .s2__ico2, .swiper-wrapper .s2.swiper-slide-prev .s2__ico1, .swiper-wrapper .s2.swiper-slide-prev .s2__ico2 {
    animation: 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 3.6s 1 forwards running s2icoanim; }
@keyframes s2icoanim {
  100% {
    transform: scale(1) translateY(0); } }
  .swiper-wrapper .s2.swiper-slide-active .s2__ico2, .swiper-wrapper .s2.swiper-slide-prev .s2__ico2 {
    animation-delay: 3.7s; }
  .swiper-wrapper .s2.swiper-slide-active .s2__img, .swiper-wrapper .s2.swiper-slide-prev .s2__img {
    animation: 1.5s cubic-bezier(0.19, 1, 0.22, 1) 1s 1 forwards running spanim; }
@keyframes spanim {
  100% {
    left: 0;
    transform: translateY(-50%); } }
  .swiper-wrapper .s2.swiper-slide-active .s2__screen1, .swiper-wrapper .s2.swiper-slide-prev .s2__screen1 {
    animation: 0.7s cubic-bezier(0.65, 0.05, 0.36, 1) 2.5s 1 forwards running screenanim1; }
@keyframes screenanim1 {
  100% {
    transform: translateY(-100%); } }
  .swiper-wrapper .s2.swiper-slide-active .s2__screen2, .swiper-wrapper .s2.swiper-slide-prev .s2__screen2 {
    animation: 0.7s cubic-bezier(0.65, 0.05, 0.36, 1) 2.5s 1 forwards running screenanim2; }
@keyframes screenanim2 {
  100% {
    transform: translateY(0); } }
  .swiper-wrapper .s2.swiper-slide-prev .s2__screen1 {
    transform: translateY(-100%); }
  .swiper-wrapper .s2.swiper-slide-prev .s2__screen2 {
    transform: translateY(0); }
.swiper-wrapper .s3 {
  overflow: hidden; }
  .swiper-wrapper .s3__txt {
    text-align: center;
    position: absolute;
    width: 100%;
    transition: .5s;
    top: 45%;
    transform: translateY(-50%); }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s3__txt {
        top: 50%; } }
  .swiper-wrapper .s3__txt1 {
    position: absolute;
    z-index: -1;
    transition: 1s cubic-bezier(0.17, 0.84, 0.44, 1) 0.5s;
    transform: translate(100%, -50%); }
  .swiper-wrapper .s3__txt2 {
    width: 80%;
    max-width: 85rem;
    margin: 2rem auto 0 auto;
    transform: translateX(-200%);
    transition: 1s cubic-bezier(0.17, 0.84, 0.44, 1) 1s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s3__txt2 {
        width: 66%; } }
  .swiper-wrapper .s3__time {
    display: block;
    align-items: center;
    transform: translateX(200%);
    transition: 1s cubic-bezier(0.17, 0.84, 0.44, 1) 1.3s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s3__time {
        display: inline-flex; } }
    .swiper-wrapper .s3__time #time {
      font-size: 7rem;
      letter-spacing: .02em;
      font-weight: bold;
      color: #272a3b; }
      @media screen and (min-width: 600px) {
        .swiper-wrapper .s3__time #time {
          font-size: 11rem; } }
  .swiper-wrapper .s3__time-ico {
    display: block;
    width: 7rem;
    height: 7rem;
    margin: 0 auto;
    background: url(../imgs/mainv/clock.svg) no-repeat center/contain;
    position: relative; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s3__time-ico {
        display: inline-block;
        width: 12.5rem;
        height: 12.5rem;
        margin-right: 2.5rem; } }
    .swiper-wrapper .s3__time-ico::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      background: url(../imgs/mainv/clock_circle.svg) no-repeat center/contain; }
  .swiper-wrapper .s3__icon {
    margin-top: 2rem; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s3__icon {
        margin-top: 3.5rem; } }
    .swiper-wrapper .s3__icon img {
      width: 4.5rem;
      height: 4.5rem;
      margin: .5rem;
      display: inline-block;
      transform: translateY(100%) scale(0); }
      @media screen and (min-width: 600px) {
        .swiper-wrapper .s3__icon img {
          width: 8.5rem;
          height: 8.5rem; } }
  .swiper-wrapper .s3.swiper-slide-active .s3__txt, .swiper-wrapper .s3.swiper-slide-prev .s3__txt {
    opacity: 1; }
  .swiper-wrapper .s3.swiper-slide-active .s3__txt1, .swiper-wrapper .s3.swiper-slide-prev .s3__txt1 {
    transform: translate(0, -50%); }
  .swiper-wrapper .s3.swiper-slide-active .s3__txt2, .swiper-wrapper .s3.swiper-slide-prev .s3__txt2 {
    transform: none; }
  .swiper-wrapper .s3.swiper-slide-active .s3__time, .swiper-wrapper .s3.swiper-slide-prev .s3__time {
    transform: none; }
  .swiper-wrapper .s3.swiper-slide-active .s3__icon img, .swiper-wrapper .s3.swiper-slide-prev .s3__icon img {
    animation: 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 2s forwards clockanim2; }
@keyframes clockanim2 {
  100% {
    transform: translateY(0) scale(1); } }
    .swiper-wrapper .s3.swiper-slide-active .s3__icon img:nth-child(2), .swiper-wrapper .s3.swiper-slide-prev .s3__icon img:nth-child(2) {
      animation-delay: 2.5s; }
    .swiper-wrapper .s3.swiper-slide-active .s3__icon img:nth-child(3), .swiper-wrapper .s3.swiper-slide-prev .s3__icon img:nth-child(3) {
      animation-delay: 3s; }
    .swiper-wrapper .s3.swiper-slide-active .s3__icon img:nth-child(4), .swiper-wrapper .s3.swiper-slide-prev .s3__icon img:nth-child(4) {
      animation-delay: 3.5s; }
  .swiper-wrapper .s3.swiper-slide-prev {
    overflow: visible; }
    .swiper-wrapper .s3.swiper-slide-prev .s3__txt {
      transform: translate(0, -50%); }
    .swiper-wrapper .s3.swiper-slide-prev .s3__icon img {
      animation: none;
      transform: translateY(0) scale(1); }
  .swiper-wrapper .s3.swiper-slide-next .s3 {
    overflow: hidden; }
    .swiper-wrapper .s3.swiper-slide-next .s3__txt {
      left: auto; }
    .swiper-wrapper .s3.swiper-slide-next .s3__icon img {
      transform: translateY(100%) scale(0); }
.swiper-wrapper .s4 {
  overflow: hidden; }
  .swiper-wrapper .s4 .slide_inr {
    max-width: 1046px;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4 .slide_inr {
        display: flex;
        align-items: center;
        justify-content: space-between; } }
  .swiper-wrapper .s4__img {
    width: 100%;
    padding-top: 100%;
    position: relative; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4__img {
        width: 53%;
        padding-top: 53%; } }
    .swiper-wrapper .s4__img img, .swiper-wrapper .s4__img svg {
      border-radius: 2rem;
      box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.2);
      position: absolute; }
  .swiper-wrapper .s4__img1 {
    width: 25%;
    height: auto;
    z-index: 10;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 1s linear .5s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4__img1 {
        width: 40%;
        transform: translate(-40%, -40%); } }
  .swiper-wrapper .s4__img2 {
    width: 30%;
    height: auto;
    z-index: 5;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 1s linear .5s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4__img2 {
        width: 45%; } }
  .swiper-wrapper .s4__img3 {
    width: 25%;
    height: auto;
    box-shadow: none !important;
    top: 11%;
    right: 50%;
    transform: translateX(50%) scale(0);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 3s;
    z-index: 100; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4__img3 {
        width: 35%;
        height: auto;
        top: -10px;
        right: -40px; } }
  .swiper-wrapper .s4__circle,
  .swiper-wrapper .s4 .s4__path {
    width: 100%;
    top: 3rem;
    box-shadow: none !important;
    opacity: .2; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4__circle,
      .swiper-wrapper .s4 .s4__path {
        width: 89%;
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translate(-50%, -50%); } }
  .swiper-wrapper .s4__circle {
    transition: .5s ease .5s;
    opacity: 0; }
  .swiper-wrapper .s4__txt {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    z-index: 100; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4__txt {
        width: 42%;
        transform: none;
        position: static; } }
  .swiper-wrapper .s4__txt1 {
    margin: 0 auto 1.5rem;
    width: 80%;
    transform: translateX(200%);
    transition: 1.5s cubic-bezier(0.08, 0.82, 0.17, 1) 2s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4__txt1 {
        width: 91%;
        margin: 0 0 1.5rem 0;
        transition: 0.5s cubic-bezier(0.08, 0.82, 0.17, 1) 1.5s; } }
  .swiper-wrapper .s4__txt2 {
    width: 50%;
    margin: 0 auto 1.5rem;
    transform: translateX(200%);
    transition: 1.5s cubic-bezier(0.08, 0.82, 0.17, 1) 2.5s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4__txt2 {
        width: 58.6%;
        margin: 0 0 1.5rem 0;
        transition: 1s cubic-bezier(0.08, 0.82, 0.17, 1) 2s; } }
  .swiper-wrapper .s4__txt3 {
    transition: 1.5s cubic-bezier(0.08, 0.82, 0.17, 1) 3s;
    transform: translateX(200%);
    margin: 0 auto; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s4__txt3 {
        margin: 0;
        transition: 1.5s cubic-bezier(0.08, 0.82, 0.17, 1) 2.5s; } }
  .swiper-wrapper .s4.swiper-slide-active .s4__circle, .swiper-wrapper .s4.swiper-slide-prev .s4__circle {
    opacity: .2; }
  .swiper-wrapper .s4.swiper-slide-active .s4__img1, .swiper-wrapper .s4.swiper-slide-active .s4__img2, .swiper-wrapper .s4.swiper-slide-prev .s4__img1, .swiper-wrapper .s4.swiper-slide-prev .s4__img2 {
    opacity: 1; }
  .swiper-wrapper .s4.swiper-slide-active .s4__img3, .swiper-wrapper .s4.swiper-slide-prev .s4__img3 {
    transform: translateX(50%) scale(1); }
  .swiper-wrapper .s4.swiper-slide-active .s4__txt1, .swiper-wrapper .s4.swiper-slide-active .s4__txt2, .swiper-wrapper .s4.swiper-slide-active .s4__txt3, .swiper-wrapper .s4.swiper-slide-prev .s4__txt1, .swiper-wrapper .s4.swiper-slide-prev .s4__txt2, .swiper-wrapper .s4.swiper-slide-prev .s4__txt3 {
    transform: none; }
.swiper-wrapper .s5 {
  overflow: hidden; }
  .swiper-wrapper .s5 .slide_inr {
    width: 90%;
    height: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5 .slide_inr {
        display: flex;
        max-width: 1006px;
        align-items: center; } }
  .swiper-wrapper .s5__img {
    width: 100%;
    padding-top: 65%;
    position: relative;
    z-index: 10; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__img {
        width: 55%;
        padding-top: 55%;
        z-index: 1; } }
    .swiper-wrapper .s5__img > img {
      opacity: 0;
      border-radius: 2rem;
      box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.2);
      position: absolute; }
  .swiper-wrapper .s5__img1 {
    width: 40%;
    left: 25%;
    top: 0;
    transform: scale(0.7);
    transform-origin: right bottom;
    transition: 0.3s cubic-bezier(0.55, 0.07, 0.39, 1.37) 2s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__img1 {
        width: 34.4%;
        left: 0; } }
  .swiper-wrapper .s5__img2 {
    width: 20%;
    top: 37%;
    left: 0;
    transform: scale(0.7);
    transform-origin: right bottom;
    transition: 0.4s cubic-bezier(0.55, 0.07, 0.39, 1.37) 1.9s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__img2 {
        width: 17.8%;
        left: 7%; } }
  .swiper-wrapper .s5__img3 {
    display: none; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__img3 {
        display: block;
        width: 36.7%;
        left: 28%;
        top: 17%;
        transform: scale(0.5);
        transition: 0.3s cubic-bezier(0.55, 0.07, 0.39, 1.37) 1.8s; } }
  .swiper-wrapper .s5__img4 {
    width: 19.9%;
    left: 75%;
    top: 0;
    transform: scale(0.7);
    transform-origin: left bottom;
    transition: 0.3s cubic-bezier(0.55, 0.07, 0.39, 1.37) 1.7s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__img4 {
        width: 19.9%;
        top: 5%;
        left: 68%; } }
  .swiper-wrapper .s5__img5 {
    width: 25%;
    left: 50%;
    top: 50%;
    transform: scale(0.5);
    transform-origin: left top;
    transition: 0.4s cubic-bezier(0.55, 0.07, 0.39, 1.37) 1.6s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__img5 {
        width: 32.4%;
        left: 57%;
        top: 45%; } }
  .swiper-wrapper .s5__img6 {
    width: 35.7%;
    left: 0;
    top: 80%;
    transform: scale(0.7);
    transform-origin: center top;
    transition: 0.5s cubic-bezier(0.55, 0.07, 0.39, 1.37) 1.5s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__img6 {
        width: 35.7%;
        left: 15%;
        top: 60%; } }
  .swiper-wrapper .s5__txt {
    width: 55%;
    margin-left: auto; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__txt {
        width: 39.5%;
        margin-left: 3rem; } }
  .swiper-wrapper .s5__txt1 {
    width: 68.2%;
    margin: 0 0 1rem 0;
    opacity: 0;
    transform: translateX(10%);
    transition: 0.5s cubic-bezier(0.55, 0.07, 0.39, 1.37) 1.5s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__txt1 {
        margin: 0 0 1.5rem 0; } }
  .swiper-wrapper .s5__txt2 {
    width: 92.3%;
    margin: 0 0 1.5rem 0;
    opacity: 0;
    transform: translateX(10%);
    transition: 0.5s cubic-bezier(0.55, 0.07, 0.39, 1.37) 2s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__txt2 {
        margin: 0 0 4rem 0; } }
  .swiper-wrapper .s5__txt3 {
    width: 100%;
    margin: 0 0 1rem 0;
    opacity: 0;
    transform: translateX(10%);
    transition: 0.5s cubic-bezier(0.55, 0.07, 0.39, 1.37) 2.5s; }
  .swiper-wrapper .s5__txt4 {
    width: 87.2%;
    margin: 0;
    opacity: 0;
    transform: translateX(10%);
    transition: 0.5s cubic-bezier(0.55, 0.07, 0.39, 1.37) 3s; }
  .swiper-wrapper .s5__icos1 {
    position: absolute;
    width: 25%;
    padding-top: 30%;
    bottom: -60%;
    left: -3%; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__icos1 {
        width: 23.6%;
        bottom: 10%;
        left: -12%;
        padding-top: 47.4%; } }
    .swiper-wrapper .s5__icos1 img {
      box-shadow: none;
      position: absolute;
      border-radius: 0;
      height: auto; }
  .swiper-wrapper .s5__icos2 {
    position: absolute;
    width: 27.2%;
    padding-top: 40%;
    top: 32%;
    right: -2%; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__icos2 {
        width: 27.2%;
        padding-top: 53.2%;
        top: 0;
        z-index: 10; } }
    .swiper-wrapper .s5__icos2 img {
      box-shadow: none;
      position: absolute;
      border-radius: 0;
      height: auto; }
  .swiper-wrapper .s5__ico1 {
    width: 1px;
    top: 10%;
    left: 31%;
    transform: translateY(100%, 100%);
    transition: 1.5s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.5s; }
  .swiper-wrapper .s5__ico2 {
    width: 1px;
    top: 36.5%;
    left: 28.6%;
    transform: translateY(100%, 100%);
    transition: 1.2s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.7s; }
  .swiper-wrapper .s5__ico3 {
    width: 1px;
    top: 45.5%;
    left: 61.3%;
    transform: translateY(100%, 100%);
    transition: 1.5s cubic-bezier(0.58, -0.07, 0.38, 1.2) 2s; }
  .swiper-wrapper .s5__ico4 {
    width: 1px;
    top: 66.5%;
    left: 10%;
    transform: translateY(100%, 100%);
    transition: 1.7s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.5s; }
  .swiper-wrapper .s5__ico5 {
    width: 1px;
    top: 100%;
    left: 63%;
    transform: translateY(100%, 100%);
    transition: 1.5s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.7s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5__ico5 {
        top: 74%; } }
  .swiper-wrapper .s5__ico6 {
    width: 1px;
    bottom: -10%;
    right: -10%;
    transform: translateY(100%, 100%);
    transition: 1.3s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.5s; }
  .swiper-wrapper .s5__ico7 {
    width: 1px;
    top: 10%;
    left: 50%;
    transform: translate(-100%, 100%);
    transition: 1s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.3s; }
  .swiper-wrapper .s5__ico8 {
    width: 1px;
    top: 27%;
    left: 80.5%;
    transform: translate(-100%, 100%);
    transition: 1.2s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.4s; }
  .swiper-wrapper .s5__ico9 {
    width: 1px;
    top: 47.5%;
    right: 10%;
    transform: translate(-100%, 100%);
    transition: 1s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.5s; }
  .swiper-wrapper .s5__ico10 {
    width: 1px;
    top: 50%;
    left: 10%;
    transform: translate(-100%, 100%);
    transition: 1.5s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.3s; }
  .swiper-wrapper .s5__ico11 {
    width: 1px;
    top: 72%;
    left: 43%;
    transform: translate(-100%, 100%);
    transition: 1s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.4s; }
  .swiper-wrapper .s5__ico12 {
    width: 1px;
    top: 93%;
    left: 27.8%;
    transform: translate(-100%, 100%);
    transition: 1.5s cubic-bezier(0.58, -0.07, 0.38, 1.2) 1.5s; }
  .swiper-wrapper .s5.swiper-slide-active .s5__img > img, .swiper-wrapper .s5.swiper-slide-prev .s5__img > img {
    opacity: 1;
    transform: none; }
  .swiper-wrapper .s5.swiper-slide-active .s5__icos1, .swiper-wrapper .s5.swiper-slide-active .s5__icos2, .swiper-wrapper .s5.swiper-slide-prev .s5__icos1, .swiper-wrapper .s5.swiper-slide-prev .s5__icos2 {
    opacity: 1;
    z-index: -1; }
    .swiper-wrapper .s5.swiper-slide-active .s5__icos1 img, .swiper-wrapper .s5.swiper-slide-active .s5__icos2 img, .swiper-wrapper .s5.swiper-slide-prev .s5__icos1 img, .swiper-wrapper .s5.swiper-slide-prev .s5__icos2 img {
      opacity: 1;
      transform: none; }
@keyframes anim {
  0% {
    transform: translate(15%, 5%) scale(1) rotate(10deg); }
  97% {
    transform: translate(0, 0) scale(0.9) rogate(0); }
  100% {
    transform: translate(0, 0) scale(0.9) rogate(0); } }
@keyframes anim2 {
  0% {
    transform: translate(-15%, 5%) scale(1) rotate(-10deg); }
  197% {
    transform: translate(0, 0) scale(1.1) rotate(0); }
  100% {
    transform: translate(0, 0) scale(1.1) rotate(0); } }
@keyframes anim3 {
  0% {
    transform: translate(0, 0) scale(1) rotate(-15deg); }
  97% {
    transform: translate(10%, 10%) scale(0.7) rotate(0); }
  100% {
    transform: translate(10%, 10%) scale(0.7) rotate(0); } }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico1, .swiper-wrapper .s5.swiper-slide-prev .s5__ico1 {
    width: 23.7%;
    top: 0;
    bottom: auto;
    left: 21%;
    animation: anim 2s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico2, .swiper-wrapper .s5.swiper-slide-prev .s5__ico2 {
    width: 16%;
    top: 26.5%;
    bottom: auto;
    left: 18.6%;
    animation: anim3 3s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico3, .swiper-wrapper .s5.swiper-slide-prev .s5__ico3 {
    width: 34%;
    top: 35.5%;
    bottom: auto;
    left: 60%;
    animation: anim 2.5s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5.swiper-slide-active .s5__ico3, .swiper-wrapper .s5.swiper-slide-prev .s5__ico3 {
        left: 51.3%; } }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico4, .swiper-wrapper .s5.swiper-slide-prev .s5__ico4 {
    width: 25%;
    top: 56.5%;
    bottom: auto;
    left: 0;
    animation: anim1 2s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico5, .swiper-wrapper .s5.swiper-slide-prev .s5__ico5 {
    width: 25%;
    top: 80%;
    bottom: auto;
    left: 43%;
    animation: anim3 2.5s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s5.swiper-slide-active .s5__ico5, .swiper-wrapper .s5.swiper-slide-prev .s5__ico5 {
        top: 64%;
        left: 53%; } }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico6, .swiper-wrapper .s5.swiper-slide-prev .s5__ico6 {
    width: 16%;
    bottom: 0;
    bottom: auto;
    right: 0;
    animation: anim 1s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico7, .swiper-wrapper .s5.swiper-slide-prev .s5__ico7 {
    width: 27.2%;
    top: 0;
    bottom: auto;
    left: 40%;
    animation: anim2 2.5s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico8, .swiper-wrapper .s5.swiper-slide-prev .s5__ico8 {
    width: 15.4%;
    top: 17%;
    bottom: auto;
    left: 70.5%;
    animation: anim3 3s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico9, .swiper-wrapper .s5.swiper-slide-prev .s5__ico9 {
    width: 38.6%;
    top: 37.5%;
    bottom: auto;
    right: 0;
    animation: anim2 2s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico10, .swiper-wrapper .s5.swiper-slide-prev .s5__ico10 {
    width: 22.9%;
    top: 40%;
    bottom: auto;
    left: 0;
    animation: anim3 1s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico11, .swiper-wrapper .s5.swiper-slide-prev .s5__ico11 {
    width: 26.4%;
    top: 62%;
    bottom: auto;
    left: 33%;
    animation: anim3 3s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__ico12, .swiper-wrapper .s5.swiper-slide-prev .s5__ico12 {
    width: 15.5%;
    top: 83%;
    bottom: auto;
    left: 17.8%;
    animation: anim2 3s infinite linear alternate; }
  .swiper-wrapper .s5.swiper-slide-active .s5__txt, .swiper-wrapper .s5.swiper-slide-prev .s5__txt {
    transform: none; }
  .swiper-wrapper .s5.swiper-slide-active .s5__txt1, .swiper-wrapper .s5.swiper-slide-active .s5__txt2, .swiper-wrapper .s5.swiper-slide-active .s5__txt3, .swiper-wrapper .s5.swiper-slide-active .s5__txt4, .swiper-wrapper .s5.swiper-slide-prev .s5__txt1, .swiper-wrapper .s5.swiper-slide-prev .s5__txt2, .swiper-wrapper .s5.swiper-slide-prev .s5__txt3, .swiper-wrapper .s5.swiper-slide-prev .s5__txt4 {
    transform: none;
    opacity: 1; }
.swiper-wrapper .s6 {
  overflow: hidden;
  position: relative; }
  .swiper-wrapper .s6 .slide_inr {
    max-width: 1000px;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
  .swiper-wrapper .s6__txt {
    height: 95%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 30; }
  .swiper-wrapper .s6__txt1 {
    width: 70%;
    margin: 0 auto;
    transition: 1s cubic-bezier(0.55, 0.07, 0.39, 1.37) 1s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6__txt1 {
        width: 45.3%;
        margin: 0; } }
  .swiper-wrapper .s6__txt2 {
    width: 80%;
    margin: 2rem auto 0;
    transition: 1s cubic-bezier(0.55, 0.07, 0.39, 1.37) 1.5s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6__txt2 {
        width: 58.1%;
        margin: 3rem 0 0 0; } }
  .swiper-wrapper .s6__icos {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .swiper-wrapper .s6__icos img {
      display: block;
      position: absolute;
      height: auto; }
  .swiper-wrapper .s6__ico1 {
    width: 4.4%;
    left: 3%;
    top: 100%;
    transform: scale(0.5) rotate(180deg);
    transition: 1s cubic-bezier(0.07, 0.23, 0, 0.95) 1.5s; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6__ico1 {
        left: auto;
        right: 0; } }
  .swiper-wrapper .s6__ico2 {
    width: 11.2%;
    right: 0;
    top: 100%;
    transform: rotateY(180deg) rotage(90deg);
    z-index: 5;
    transform: scale(0.5);
    transition: 0.7s cubic-bezier(0.07, 0.23, 0, 0.95) 1.7s; }
  .swiper-wrapper .s6__ico3 {
    width: 6.6%;
    right: 0;
    top: 100%;
    transform: rotateY(180deg) rotate(180deg) scale(0.5);
    transition: 0.5s cubic-bezier(0.07, 0.23, 0, 0.95) 1.7s; }
  .swiper-wrapper .s6__ico4 {
    width: 5.7%;
    right: 0%;
    top: 100%;
    transform: rotateY(180deg) rotate(10deg) scale(0.5);
    transition: 0.7s cubic-bezier(0.07, 0.23, 0, 0.95) 1s; }
  .swiper-wrapper .s6__ico5 {
    width: 25%;
    right: -50%;
    top: 100%;
    transform: scale(0.5) rotate(90deg);
    transition: 1s cubic-bezier(0.07, 0.23, 0, 0.95) 1.5s; }
  .swiper-wrapper .s6__ico6 {
    width: 3.9%;
    left: auto;
    right: 0;
    top: 100%;
    transform: rotate(200deg) scale(0.5);
    transition: 0.7s cubic-bezier(0.07, 0.23, 0, 0.95) 1.2s; }
  .swiper-wrapper .s6__ico7 {
    width: 7.9%;
    right: 0;
    top: 100%;
    transform: rotateY(180deg) rotate(-200deg) scale(0.5);
    transition: 0.7s cubic-bezier(0.07, 0.23, 0, 0.95) 1.5s; }
  .swiper-wrapper .s6__ico8 {
    width: 12.4%;
    right: 0;
    top: 100%;
    transform: scale(0.5);
    transition: 1s cubic-bezier(0.07, 0.23, 0, 0.95) 1.5s; }
  .swiper-wrapper .s6__ico9 {
    width: 3.4%;
    right: 0;
    top: 100%;
    transform: scale(0.5) rotate(180deg);
    transition: 1s cubic-bezier(0.07, 0.23, 0, 0.95) 1.3s; }
  .swiper-wrapper .s6__ico10 {
    width: 8.7%;
    right: 0;
    top: 100%;
    transform: scale(0.5);
    transition: 1s cubic-bezier(0.07, 0.23, 0, 0.95) 1.7s; }
  .swiper-wrapper .s6__ico11 {
    width: 2.6%;
    right: 0;
    top: 100%;
    transform: rotateY(180deg) scale(0.5) rotate(-180deg);
    transition: 0.7s cubic-bezier(0.07, 0.23, 0, 0.95) 1.4s; }
  .swiper-wrapper .s6__ico12 {
    width: 8.2%;
    right: 0;
    top: 100%;
    transform: scale(0.5) rotate(120deg);
    transition: 0.7s cubic-bezier(0.07, 0.23, 0, 0.95) 1.7s; }
  .swiper-wrapper .s6__ico13 {
    width: 5.2%;
    right: 0;
    top: 100%;
    transform: rotateY(180deg) scale(0.5);
    transition: 0.5s cubic-bezier(0.07, 0.23, 0, 0.95) 1.3s; }
  .swiper-wrapper .s6.swiper-slide-next .s6__txt1, .swiper-wrapper .s6.swiper-slide-next .s6__txt2 {
    transform: translateX(-200%); }
  .swiper-wrapper .s6.swiper-slide-active .s6__txt1, .swiper-wrapper .s6.swiper-slide-active .s6__txt2 {
    transform: none; }
  .swiper-wrapper .s6.swiper-slide-active .s6__icos img {
    opacity: 1; }
@keyframes anim4 {
  0% {
    transform: scale(1.05) translate(3%, 5%) rotate(10deg); }
  97% {
    transform: scale(1) rotate(0); }
  100% {
    transform: scale(1) rotate(0); } }
@keyframes anim5 {
  0% {
    transform: translate(-3%, 5%); }
  50% {
    transform: translate(0, -3%); }
  97% {
    transform: scale(1) rotate(10deg); }
  100% {
    transform: scale(1) rotate(10deg); } }
@keyframes anim6 {
  0% {
    transform: rotate(5deg) rotateY(180deg); }
  97% {
    transform: rotate(-5deg) rotateY(180deg); }
  100% {
    transform: rotate(-5deg) rotateY(180deg); } }
@keyframes anim7 {
  0% {
    transform: rotate(5deg) rotateY(180deg); }
  50% {
    transform: rotate(20deg) rotateY(180deg); }
  97% {
    transform: rotate(-5deg) rotateY(180deg); }
  100% {
    transform: rotate(-5deg) rotateY(180deg); } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico1 {
    width: 10%;
    left: 15%;
    top: 3.6%;
    transform: scale(1);
    animation: anim7 1s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico1 {
        width: 4.4%;
        left: auto;
        right: 25.3%; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico2 {
    width: 4%;
    left: 3%;
    top: 33%;
    transform: rotateY(90deg) scale(1);
    z-index: 5;
    animation: anim6 3s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico2 {
        width: 11.2%;
        left: auto;
        right: 30%;
        top: 26.6%;
        transform: rotateY(180deg) scale(1); } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico3 {
    width: 6.6%;
    right: 3.3%;
    top: 57.1%;
    transform: rotateY(180deg) rotate(30deg) scale(1);
    animation: anim6 2s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico3 {
        width: 6.6%;
        right: 6.3%;
        top: 31.1%; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico4 {
    width: 3.7%;
    right: 20.6%;
    top: 81.3%;
    transform: rotateY(180deg) rotate(10deg) scale(1);
    animation: anim6 3.5s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico4 {
        width: 5.7%;
        right: 14.6%;
        top: 51.3%; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico5 {
    width: 4%;
    right: 1%;
    top: 70%;
    transform: scale(1);
    animation: anim5 2s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico5 {
        width: 25%;
        right: -13%;
        top: 43%; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico6 {
    width: 12%;
    left: -4%;
    top: 2%;
    transform: rotate(20deg) scale(1);
    animation: anim2 1s infinite ease alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico6 {
        width: 3.9%;
        right: 17%;
        top: 14%;
        left: auto; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico7 {
    width: 12.9%;
    right: 25.9%;
    top: 65%;
    transform: rotateY(180deg) rotate(-30deg) scale(1);
    animation: anim7 2s infinite cubic-bezier(0.68, -0.55, 0.27, 1.55) alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico7 {
        width: 7.9%;
        right: 15.9%;
        top: 31.2%; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico8 {
    width: 6.4%;
    right: 10.4%;
    top: 70%;
    transform: scale(1);
    animation: anim4 2s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico8 {
        left: auto;
        width: 12.4%;
        right: 20.4%;
        top: 61%; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico9 {
    width: 5.4%;
    left: 15.4%;
    top: 25.2%;
    transform: rotateX(180deg) scale(1);
    animation: anim7 3s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico9 {
        left: auto;
        width: 3.4%;
        right: 35.4%;
        top: 14.2%; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico10 {
    width: 5.7%;
    left: 6%;
    top: 20%;
    transform: scale(1);
    animation: anim5 2s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico10 {
        width: 8.7%;
        right: 4.4%;
        top: 8.5%;
        left: auto; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico11 {
    width: 7%;
    left: 25%;
    top: 23%;
    transform: rotateY(180deg) scale(1);
    animation: anim6 .8s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico11 {
        left: auto;
        width: 2.6%;
        right: 25%;
        top: 24.8%; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico12 {
    width: 12%;
    right: 2%;
    top: 80%;
    transform: scale(1);
    animation: anim2 1s infinite linear alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico12 {
        width: 8.2%;
        right: 28.2%;
        top: 43%; } }
  .swiper-wrapper .s6.swiper-slide-active .s6__ico13 {
    width: 10.2%;
    right: 3%;
    top: 100%;
    transform: rotateY(180deg) scale(1);
    animation: anim7 3s infinite 1s cubic-bezier(1, 0, 0, 1) alternate; }
    @media screen and (min-width: 600px) {
      .swiper-wrapper .s6.swiper-slide-active .s6__ico13 {
        width: 5.2%;
        right: 8.6%;
        top: 60%; } }

.fs--10 {
  font-size: 1rem !important; }

.fs--11 {
  font-size: 1.1rem !important; }

.fs--12 {
  font-size: 1.2rem !important; }

.fs--13 {
  font-size: 1.3rem !important; }

.fs--14 {
  font-size: 1.4rem !important; }

.fs--15 {
  font-size: 1.5rem !important; }

.fs--16 {
  font-size: 1.6rem !important; }

.fs--17 {
  font-size: 1.7rem !important; }

.fs--18 {
  font-size: 1.8rem !important; }

.fs--19 {
  font-size: 1.9rem !important; }

.fs--20 {
  font-size: 2rem !important; }

.fs--21 {
  font-size: 2.1rem !important; }

.fs--22 {
  font-size: 2.2rem !important; }

.fs--23 {
  font-size: 2.3rem !important; }

.fs--24 {
  font-size: 2.4rem !important; }

.fs--25 {
  font-size: 2.5rem !important; }

.fs--26 {
  font-size: 2.6rem !important; }

.fs--27 {
  font-size: 2.7rem !important; }

.fs--28 {
  font-size: 2.8rem !important; }

.fs--29 {
  font-size: 2.9rem !important; }

.fs--30 {
  font-size: 3rem !important; }

.fs--31 {
  font-size: 3.1rem !important; }

.fs--32 {
  font-size: 3.2rem !important; }

.fs--33 {
  font-size: 3.3rem !important; }

.fs--34 {
  font-size: 3.4rem !important; }

.fs--35 {
  font-size: 3.5rem !important; }

.fs--36 {
  font-size: 3.6rem !important; }

.fs--37 {
  font-size: 3.7rem !important; }

.fs--38 {
  font-size: 3.8rem !important; }

.fs--39 {
  font-size: 3.9rem !important; }

.fs--40 {
  font-size: 4rem !important; }

@media screen and (min-width: 600px) {
  .fs-pc--10 {
    font-size: 1rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--11 {
    font-size: 1.1rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--12 {
    font-size: 1.2rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--13 {
    font-size: 1.3rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--14 {
    font-size: 1.4rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--15 {
    font-size: 1.5rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--16 {
    font-size: 1.6rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--17 {
    font-size: 1.7rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--18 {
    font-size: 1.8rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--19 {
    font-size: 1.9rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--20 {
    font-size: 2rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--21 {
    font-size: 2.1rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--22 {
    font-size: 2.2rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--23 {
    font-size: 2.3rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--24 {
    font-size: 2.4rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--25 {
    font-size: 2.5rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--26 {
    font-size: 2.6rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--27 {
    font-size: 2.7rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--28 {
    font-size: 2.8rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--29 {
    font-size: 2.9rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--30 {
    font-size: 3rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--31 {
    font-size: 3.1rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--32 {
    font-size: 3.2rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--33 {
    font-size: 3.3rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--34 {
    font-size: 3.4rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--35 {
    font-size: 3.5rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--36 {
    font-size: 3.6rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--37 {
    font-size: 3.7rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--38 {
    font-size: 3.8rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--39 {
    font-size: 3.9rem !important; } }
@media screen and (min-width: 600px) {
  .fs-pc--40 {
    font-size: 4rem !important; } }
.mt--0 {
  margin-top: 0rem; }

.mt--1 {
  margin-top: 1rem; }

.mt--2 {
  margin-top: 2rem; }

.mt--3 {
  margin-top: 3rem; }

.mt--4 {
  margin-top: 4rem; }

.mt--5 {
  margin-top: 5rem; }

@media screen and (min-width: 600px) {
  .mt-pc--0 {
    margin-top: 0rem; } }
@media screen and (min-width: 600px) {
  .mt-pc--1 {
    margin-top: 1rem; } }
@media screen and (min-width: 600px) {
  .mt-pc--2 {
    margin-top: 2rem; } }
@media screen and (min-width: 600px) {
  .mt-pc--3 {
    margin-top: 3rem; } }
@media screen and (min-width: 600px) {
  .mt-pc--4 {
    margin-top: 4rem; } }
@media screen and (min-width: 600px) {
  .mt-pc--5 {
    margin-top: 5rem; } }

/*# sourceMappingURL=styles.css.map */