@charset 'UTF-8';
/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュールのスタイルを記述する
    アルファベット降順(A->Z)に記述する

Contents:
    layout
    component
    utility
========================================================== */
/* ==========================================================
*
*   layout
*
========================================================== */
/* ---------------------------------------------
*   contents
--------------------------------------------- */
.contents {
  overflow: hidden; padding: 0;
}

/* ---------------------------------------------
*   footer
--------------------------------------------- */
.footer {
  background-color: #1ec655; border-top: 0 !important; padding: 40px 0; position: relative; text-align: center;
}

@media screen and (max-width: 1023px) {
  .footer {
    padding: 8.53333vw 0;
  }
}

/*  footer-pagetop
--------------------------------------------- */
.footer-pagetop {
  align-items: center; bottom: 50px; -webkit-box-align: center; -webkit-box-pack: center; display: none; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; opacity: 0; position: fixed; right: 50px; z-index: 999;
}

@media screen and (max-width: 1023px) {
  .footer-pagetop {
    bottom: 5.33333vw; right: 5.33333vw;
  }
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.footer-pagetop.is-fixed {
  -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: fade-in; animation-name: fade-in; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1;
}

@media screen and (max-width: 1023px) {
  .footer-pagetop.is-stoped {
    bottom: 290vw; position: absolute;
  }
}

.footer-pagetop__link {
  align-items: center; background-color: #fc6751; border-radius: 82px; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; height: 164px; justify-content: center; -webkit-transition: background-color .3s; transition: background-color .3s; width: 164px;
}

@media screen and (max-width: 1023px) {
  .footer-pagetop__link {
    border-radius: 26.66667vw; height: 25.06667vw; width: 25.06667vw;
  }
}

.footer-pagetop__small {
  background-color: #ffffff; border-radius: 18px; color: #ba2b16; display: block; font-size: .8125rem; font-weight: 700; padding: 6px 12px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s;
}

@media screen and (max-width: 1023px) {
  .footer-pagetop__small {
    border-radius: 2.66667vw; font-size: 2.66667vw; padding: 1.06667vw 1.6vw;
  }
}

.footer-pagetop__txt {
  color: #ffffff; display: block; font-size: 1.5rem; font-weight: 700; letter-spacing: .05em; line-height: 1.33; margin-top: 15px; -webkit-transition: color .3s; transition: color .3s;
}

@media screen and (max-width: 1023px) {
  .footer-pagetop__txt {
    font-size: 3.73333vw; margin-top: 1.33333vw;
  }
}

@media screen and (min-width: 1024px) {
  .footer-pagetop:hover .footer-pagetop__link {
    background-color: #ffffff; text-decoration: none !important;
  }
  .footer-pagetop:hover .footer-pagetop__small {
    background-color: #ba2b16; color: #ffffff;
  }
  .footer-pagetop:hover .footer-pagetop__txt {
    color: #fc6751;
  }
}

/*  footer-nav
--------------------------------------------- */
.footer-nav__list {
  -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center;
}

.footer-nav__list-item {
  color: #ffffff; font-size: .875rem; font-weight: 600; letter-spacing: .05em; padding-right: 30px; position: relative;
}

@media screen and (max-width: 1023px) {
  .footer-nav__list-item {
    font-size: 3.2vw; letter-spacing: 0; padding-right: 2.13333vw;
  }
}

.footer-nav__list-item + .footer-nav__list-item {
  padding-left: 30px;
}

@media screen and (max-width: 1023px) {
  .footer-nav__list-item + .footer-nav__list-item {
    padding-left: 2.13333vw;
  }
}

.footer-nav__list-item + .footer-nav__list-item:before {
  background-color: #ffffff; content: ''; height: 100%; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px;
}

/*  footer-copyright
--------------------------------------------- */
.footer-copyright {
  margin-top: 18px;
}

@media screen and (max-width: 1023px) {
  .footer-copyright {
    margin-top: 3.2vw;
  }
}

.footer-copyright__txt {
  color: #ffffff; font-size: .875rem; font-weight: 600; letter-spacing: .05em;
}

@media screen and (max-width: 1023px) {
  .footer-copyright__txt {
    font-size: 3.2vw;
  }
}

/* ---------------------------------------------
*   header
--------------------------------------------- */
.header {
  background-color: #1ec655; display: none; opacity: 0; padding: 32px 0;
}

@media screen and (max-width: 1023px) {
  .header {
    padding: 20px;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.header.is-fixed {
  -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: fade-in; animation-name: fade-in; display: block !important; left: 0; opacity: 1; position: fixed; right: 0; top: 0;
}

/*  header-container
--------------------------------------------- */
.header-container {
  margin: 0 auto; width: 1000px;
}

@media screen and (max-width: 1023px) {
  .header-container {
    width: 100%;
  }
}

/*  header-logo
--------------------------------------------- */
.header-logo {
  width: 306px;
}

@media screen and (max-width: 1023px) {
  .header-logo {
    width: 110px;
  }
}

@media screen and (min-width: 1024px) {
  .header-logo__link {
    -webkit-transition: opacity 300ms; transition: opacity 300ms;
  }
  .header-logo__link:hover {
    opacity: .8;
  }
}

/* ---------------------------------------------
*   wrapper
--------------------------------------------- */
/* ==========================================================
*
*   component
*
========================================================== */
/* ---------------------------------------------
*   c-block-1
--------------------------------------------- */
.c-block-1 {
  margin-top: 40px;
}

@media screen and (max-width: 1023px) {
  .c-block-1 {
    margin-top: 2.66667vw;
  }
}

.c-block-1__inner {
  display: flex; justify-content: center; padding: 0 20px;
}

@media screen and (max-width: 1023px) {
  .c-block-1__inner {
    padding: 5.33333vw;
  }
}

.c-block-1__inner-sp {
  margin-top: 40px;
}

.c-block-1__inner-sp .c-block-1__caption {
  font-size: .687rem;
}

.c-block-1__item {
  align-items: center; display: flex; flex-direction: column; width: calc(100% / 3 - 50px);
}

@media screen and (max-width: 1023px) {
  .c-block-1__item {
    border-radius: 2.66667vw; padding: 5.33333vw 5.33333vw;
  }
}

.c-block-1__item:nth-child(n+2) {
  margin-left: 50px;
} 

.c-block-1__item--flex {
  -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 36px 66px;
}

@media screen and (max-width: 1023px) {
  .c-block-1__item--flex {
    align-items: center; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-align: center; -ms-flex-direction: column; flex-direction: column; padding: 5.33333vw 5.33333vw;
  }
}

.c-block-1__caption {
  -webkit-box-pack: end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: end; font-size: .625rem; font-weight: 400; justify-content: flex-end; letter-spacing: .05em; line-height: 1.4; margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .c-block-1__caption {
    font-size: 2.66667vw; margin-top: 2.13333vw; text-align: left;
  }
}

/* ---------------------------------------------
*   c-block-2
--------------------------------------------- */
.c-block-2 {
  margin-top: 40px;
}

.c-block-2__inner {
  display: flex; flex-wrap: wrap; justify-content: center;
}

.c-block-2__item {
  align-items: center; display: flex; flex-direction: column; width: calc(100% / 4 - 32px) ;
}

@media screen and (max-width: 1023px) {
  .c-block-2__item {
    margin-bottom: 40px; width: calc(100% / 2 - 20px) ;
  }
}

.c-block-2__item:nth-child(n+2) {
  margin-left: 32px;
}

@media screen and (max-width: 1023px) {
  .c-block-2__item:nth-child(n+2) {
    margin-left: 0;
  }
  .c-block-2__item:nth-child(2n) {
    margin-left: 40px;
  }
}

.c-block-2__item img {
  max-width: 144px ; width: 100%;
}

@media screen and (max-width: 1023px) {
  .c-block-2__item img {
    max-width: 97px ; width: 100%;
  }
}

.c-block-2__item span {
  background: #fff9b0; border-radius: 999em; color: #1ec655; display: block; font-size: 1rem; font-weight: 700; line-height: 1; padding: 12px 0 10px; text-align: center; width: 190px;
}

@media screen and (max-width: 1023px) {
  .c-block-2__item span {
    width: 100%;
  }
}

.c-block-2__item-txt {
  font-size: .875rem; font-weight: 600; margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  .c-block-2__item-txt {
    font-size: .812rem; margin-top: 10px;
  }
}
/* ---------------------------------------------
*   c-block-3
--------------------------------------------- */
.c-block-3 {
  width: 465px;
}

@media screen and (max-width: 1023px) {
  .c-block-3 {
    width: 100%;
  }
}

.c-block-3__outer {
  align-items: center; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5px;
}

@media screen and (max-width: 1023px) {
  .c-block-3__outer {
    -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5.33333vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-block-3 + .c-block-3 {
    margin-top: 6.66667vw;
  }
}

.c-block-3__head {
  max-width: 490px;
}

/* ---------------------------------------------
*   c-box-1
--------------------------------------------- */
.c-box-1 {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .c-box-1 {
    overflow: hidden;
  }
}

@media screen and (max-width: 1023px) {
  .c-box-1 + .c-box-1 {
    margin-top: 6.66667vw;
  }
}

.c-box-1__head {
  color: #1ec655; display: block; font-size: 1.25rem; font-weight: 700; letter-spacing: .05em; line-height: 1.7;
}

@media screen and (max-width: 1023px) {
  .c-box-1__head {
    font-size: 3.73333vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-box-1__head--sp-left {
    text-align: left;
  }
}

.c-box-1__img {
  display: block; margin-top: 20px; width: 296px;
}

@media screen and (max-width: 1023px) {
  .c-box-1__img {
    margin-top: 2.66667vw; width: 48vw;
  }
  .c-box-1__img img {
    width: 100%;
  }
}

.c-box-1__img--wide {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .c-box-1__img--wide {
    width: 181.33333vw;
  }
}

.c-box-1__graph-outer {
  margin-top: 40px;
}

@media screen and (max-width: 1023px) {
  .c-box-1__graph-outer {
    background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/sp/img_graph3-txt.svg) 0 0 no-repeat; background-position-y: bottom; background-size: 100% auto; margin-top: 4vw; padding-bottom: 8vw; padding-left: 10.13333vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-box-1__graph {
    height: 75vw; overflow-x: scroll;
  }
}

.c-box-1__btm {
  color: #1ec655; display: block; font-size: 1.0625rem; font-weight: 600; letter-spacing: .05em; line-height: 1.4; margin-top: 25px;
}

@media screen and (max-width: 1023px) {
  .c-box-1__btm {
    font-size: 3.46667vw; margin-top: 3.2vw;
  }
}

/* ---------------------------------------------
*   c-box-2
--------------------------------------------- */
/* ---------------------------------------------
*   c-box-3
--------------------------------------------- */
.c-box-3 {
  background-color: #ffffff; border-radius: 999em; margin-top: 30px; padding: 32px 35px 32px 190px; width: 100%;
}

@media screen and (max-width: 1023px) {
  .c-box-3 {
    border-radius: 2.66667vw; margin-top: 8.53333vw; padding: 6.4vw 7.2vw;
  }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  .c-btn-1 {
    margin-top: 26px;
  }
}

.c-btn-1--aplly {
  margin-top: 35px; width: 215px;
}

@media screen and (max-width: 1023px) {
  .c-btn-1--aplly {
    margin-top: 10.66667vw; width: 100%;
  }
}

.c-btn-1--mv {
  left: 0; position: absolute; z-index: 2;
}

.c-btn-1__link {
  background-color: #fc6751; border-radius: 32px; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16); color: #ffffff; display: inline-block; font-size: 1.125rem; font-weight: 700; line-height: 1.66; padding: 12px 35px; position: relative; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s;
}

@media screen and (max-width: 1023px) {
  .c-btn-1__link {
    border-radius: 12.53333vw; font-size: 3.46667vw; padding: calc((12/375)*100vw) calc((20/375)*100vw);
  }
}

@media screen and (max-width: 1023px) {
  .c-btn-1--aplly .c-btn-1__link {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .c-btn-1__link:hover {
    background-color: #ffffff; color: #fc6751; text-decoration: none;
  }
}

.c-btn-1__caption {
  display: block; font-size: .8125rem; font-weight: 400; letter-spacing: .05em; line-height: 1.46; margin-top: 10px; text-align: center;
}

@media screen and (min-width: 1024px) {
  .c-btn-1__caption {
    text-decoration: underline;
  }
  .c-btn-1__caption:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 1023px) {
  .c-btn-1__caption {
    display: inline-block; font-size: 3.2vw; font-weight: 600; margin-top: 4vw; text-decoration: underline;
  }
}

/* ---------------------------------------------
*   c-mv
--------------------------------------------- */
.c-mv {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/mainVisual_bg.png) 0 0 no-repeat; background-size: cover; height: 1095px; padding: 63px 0 202px; position: relative;
}

@media screen and (max-width: 1023px) {
  .c-mv {
    background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/sp/mainVisual_bg.png) right 0 no-repeat; background-size: cover; height: 100%; padding: calc((12/375)*100vw) 0 calc((172/375)*100vw);
  }
}

/* .c-mv:before {
  background: -webkit-gradient(linear, left top, right top, from(#11bf4e), to(#81f28d)); background: linear-gradient(to right, #11bf4e 0%, #81f28d 100%); bottom: calc((125/1280) * 100vw); content: ''; height: 844px; left: calc((-450/1280) * 100vw); position: absolute; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); width: calc((1940/1280) * 100vw);
} */

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .c-mv:before {
    left: initial; left: inherit; right: -230px; width: 1980px;
  }
}

@media screen and (max-width: 1023px) {
  .c-mv:before {
    bottom: initial; bottom: inherit; height: 145vw; left: initial; left: inherit; right: -46vw; top: 0; width: calc((790/375)*100vw); z-index: -1;
  }
}

.c-mv:after {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/mv_option.svg) 0 0 no-repeat; background-size: cover; bottom: 100px; content: ''; height: 370px; position: absolute; right: -450px; width: 1200px; z-index: 5;
}

@media screen and (max-width: 1023px) {
  .c-mv:after {
    background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/sp/mv_option.svg) 0 0 no-repeat; background-size: cover; bottom: 6vw; height: 45.4vw; right: -68vw; width: calc((497/375)*100vw); z-index: 1;
  }
}

.c-mv__inner {
  margin: 0 auto; position: relative; width: 1000px;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .c-mv__inner {
    width: calc((1000/1280)*100vw);
  }
}

@media screen and (max-width: 1023px) {
  .c-mv__inner {
    width: 89.33333vw;
  }
}

.c-mv__left {
  position: relative; width: 800px; z-index: 6;
}

@media screen and (max-width: 1023px) {
  .c-mv__left {
    width: 100%; z-index: initial; z-index: inherit;
  }
}

.c-mv__left-top {
  width: 100%;
}

.c-mv__left-top img {
  width: 100%;
}

.c-mv__person {
  bottom: -51px; position: absolute; right: -130px; width: 420px; z-index: 10;
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
  .c-mv__person {
    bottom: 10px; width: calc((570/1280)*100vw);
  }
}

@media screen and (max-width: 1023px) {
  .c-mv__person {
    bottom: -44vw; right: -7vw; width: 57vw; z-index: 0;
  }
  .c-mv__person img {
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .c-mv__person {
    bottom: -27vw;
  }
}

.c-mv__box {
  border: 5px solid #ffffff; border-radius: 25px; margin-top: 20px; padding: 28px 25px; width: 650px;
}

@media screen and (max-width: 1023px) {
  .c-mv__box {
    border: 3px solid #ffffff; border-radius: 6px; margin-top: 3.2vw; padding: calc((12/375)*100vw); width: 54.4vw;
  }
}

.c-mv__box-inner {
  position: relative;
}

.c-mv__box-caption {
  bottom: 0; color: #ffffff; font-weight: 700; line-height: 1.65; position: absolute; right: 0;
}

@media screen and (max-width: 1100px) {
  .c-mv__box-caption {
    display: block; margin-top: 2.13333vw; position: static;
  }
}
@media screen and (max-width: 1024px) {
  .c-mv__box-caption {
    font-size: .625rem; padding-left: 8vw;
  }
}
/* ---------------------------------------------
*   c-caption-1
--------------------------------------------- */
.c-caption-1 {
  font-weight: 700; letter-spacing: .05em; line-height: 1.5; width: 640px;
}

.c-caption-1-block {
  align-items: center; display: flex;
}

@media screen and (max-width: 1023px) {
  .c-caption-1-block {
    flex-direction: column;
  }
}

.c-caption-1-block:after {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/c-caption-1_img.png) 0 0 no-repeat; background-size: 100% auto; content: ''; height: 167px; margin-left: 40px; width: 312px;
}

@media screen and (max-width: 1023px) {
  .c-caption-1 {
    margin-top: 4vw; text-align: left; width: 100%;
  }
  .c-caption-1-block:after {
    margin-left: 0; margin-top: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .c-caption-1--sp-small {
    font-size: 3.46667vw; text-align: center; width: 100%;
  }
}

.c-caption-1__kome {
  font-size: .6em; vertical-align: super;
}

.iphone .c-caption-1__kome {
  letter-spacing: .2em;
}

.c-caption-1__note {
  display: block; font-size: .8125rem; font-weight: 400;
}

/* ---------------------------------------------
*   c-caption-2
--------------------------------------------- */
.c-caption-2 {
  color: #ffffff; display: block; font-size: .75rem; font-weight: 600; line-height: 1.33; margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  .c-caption-2 {
    font-size: 2.93333vw; line-height: 1.64; margin-top: 3.2vw; text-align: left;
  }
}

.c-caption-2--green {
  color: #1ec655;
}

@media screen and (min-width: 1024px) {
  .c-caption-2 a {
    text-decoration: underline;
  }
  .c-caption-2 a:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 1023px) {
  .c-caption-2 a {
    text-decoration: underline;
  }
}

/* ---------------------------------------------
*   c-card-1
--------------------------------------------- */
.c-card-1 {
  background-color: #f2f2f2; border-radius: 50px; margin-top: 20px; padding: 12px 107px; text-align: center; width: 100%;
}

@media screen and (max-width: 1023px) {
  .c-card-1 {
    border-radius: 26.66667vw; margin-top: 5.33333vw; padding: 5.33333vw 9.33333vw; text-align: left;
  }
}

.c-card-1__txt {
  color: #1ec655; display: block; font-size: .875rem; font-weight: 700; letter-spacing: .05em; line-height: 1.42;
}

@media screen and (max-width: 1023px) {
  .c-card-1__txt {
    font-size: 3.73333vw;
  }
}

/* ---------------------------------------------
*   c-card-2
--------------------------------------------- */
.c-card-2 {
  display: -webkit-box; display: -ms-flexbox; display: flex;
}

.c-card-2 + .c-card-2 {
  margin-top: -8px;
}

.c-card-2__outer {
  margin-top: 40px;
}

@media screen and (max-width: 1023px) {
  .c-card-2__outer {
    margin-left: auto; margin-right: auto; margin-top: 5.33333vw; width: 95%;
  }
}

.c-card-2__head {
  margin-top: 40px; width: 166px;
}

.c-card-2__body {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/bg_voice-left.png) 0 0 no-repeat; background-position: left center; background-size: 80px auto; height: 130px; padding-left: 80px; width: calc(100% - 166px);
}

.c-card-2__body-inner {
  align-items: center; background-color: #ffffff; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; height: 100%; padding: 35px 0; position: relative; width: calc(100% - 65px);
}

.c-card-2__body-inner:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/bg_voice-rihgt.png) 0 0 no-repeat; background-size: cover; content: ''; height: 130px; position: absolute; right: -65px; top: 0; width: 65px;
}

.c-card-2__txt {
  display: inline-block; font-size: .937rem; font-weight: 700; letter-spacing: .05em; line-height: 1.56;
}

.c-card-2__note {
  -webkit-box-pack: end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: end; font-size: .875rem; font-weight: 400; justify-content: flex-end; letter-spacing: .05em; line-height: 1.42; margin-top: 6px;
}

@media screen and (max-width: 1023px) {
  .c-card-2__note {
    font-size: 2.66667vw; margin-top: 1.6vw;
  }
}

/* ---------------------------------------------
*   c-card-3
--------------------------------------------- */
.c-card-3 {
  align-items: center; border: 5px solid #1ec655; border-radius: 88px; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; height: 174px; justify-content: center; position: relative; width: 322px;
}

@media screen and (max-width: 1023px) {
  .c-card-3 {
    border: 1.33333vw solid #1ec655; border-radius: 23.46667vw; height: 25.06667vw; width: 100%;
  }
}

.c-card-3__outer {
  -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-top: 55px;
}

@media screen and (max-width: 1023px) {
  .c-card-3__outer {
    margin-top: 9.33333vw;
  }
}

.c-card-3__num {
  position: absolute; right: 50px; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 76px;
}

@media screen and (max-width: 1023px) {
  .c-card-3__num {
    left: 12vw; right: initial; right: inherit; width: 13.86667vw;
  }
  .c-card-3__num img {
    width: 100%;
  }
}

.c-card-3__txt {
  color: #1ec655; font-size: 1.25rem; font-weight: 700; letter-spacing: .05em; line-height: 1.5; text-align: center;
}

.c-card-3__txt span {
  font-size: 1rem;
}

@media screen and (max-width: 1023px) {
  .c-card-3__txt {
    font-size: 4.26667vw;
  }
}

@media screen and (min-width: 1024px) {
  .c-card-3 + .c-card-3 {
    margin-left: 17px;
  }
}

@media screen and (max-width: 1023px) {
  .c-card-3 + .c-card-3 {
    margin-top: 5.86667vw;
  }
}

@media screen and (min-width: 1024px) {
  .c-card-3:nth-of-type(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .c-card-3:nth-of-type(n + 4) {
    margin-top: 32px;
  }
}

/* ---------------------------------------------
*   c-cassette-1
--------------------------------------------- */
.c-cassette-1 {
  border: 5px solid #1ec655; border-radius: 25px; margin-top: 80px; padding: 48px 45px;
}

@media screen and (max-width: 1023px) {
  .c-cassette-1 {
    border: 3px solid #1ec655; border-radius: 5.33333vw; margin-top: 14.66667vw; padding: 6vw 4.8vw 5vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-cassette-1__head {
    display: -webkit-box; display: -ms-flexbox; display: flex;
  }
}

.c-cassette-1__body {
  -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 55px;
}

@media screen and (max-width: 1023px) {
  .c-cassette-1__body {
    -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; margin-top: 5.33333vw;
  }
}

.c-cassette-1__left {
  width: 268px;
}

@media screen and (max-width: 1023px) {
  .c-cassette-1__left {
    width: 68.8vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-cassette-1__left img {
    width: 100%;
  }
}

.c-cassette-1__right {
  width: 540px;
}

@media screen and (max-width: 1023px) {
  .c-cassette-1__right {
    margin-top: 8vw; text-align: left; width: 100%;
  }
}

.c-cassette-1__txt {
  font-size: 1rem; font-weight: 600; letter-spacing: .05em; line-height: 1.5; padding-left: 5.2em; text-indent: -5.2em;
}

@media screen and (max-width: 1023px) {
  .c-cassette-1__txt {
    font-size: 3.46667vw; line-height: 1.38;
  }
}

.c-cassette-1__txt + .c-cassette-1__txt {
  margin-top: 8px;
}

@media screen and (max-width: 1023px) {
  .c-cassette-1__txt + .c-cassette-1__txt {
    margin-top: 2.66667vw;
  }
}

.c-cassette-1__txt--green {
  color: #1ec655; margin-top: 20px !important;
}

@media screen and (max-width: 1023px) {
  .c-cassette-1__txt--green {
    color: #000000; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; letter-spacing: 0; line-height: 1.54; margin-top: 5.33333vw !important; padding-left: 0; text-indent: 0;
  }
}

.andoroid .c-cassette-1__txt--green {
  letter-spacing: -.05em;
}

/* ---------------------------------------------
*   c-figure
--------------------------------------------- */
/* ---------------------------------------------
*   c-form
--------------------------------------------- */
/*  c-form-input-txt
--------------------------------------------- */
/*  c-form-input-pw
--------------------------------------------- */
/*  c-form-txtarea
--------------------------------------------- */
/*  c-form-select
--------------------------------------------- */
/*  c-form-chkbox
--------------------------------------------- */
/*  c-form-radio
--------------------------------------------- */
/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/* ---------------------------------------------
*   c-link
--------------------------------------------- */
@media screen and (min-width: 1024px) {
  .c-link {
    text-decoration: underline;
  }
  .c-link:hover {
    text-decoration: none;
  }
}

/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
.c-list-1__item {
  color: #ffffff; font-size: 24px; font-weight: 700; letter-spacing: .05em; line-height: 1.25; padding-left: 44px; position: relative;
}

@media screen and (max-width: 1023px) {
  .c-list-1__item {
    font-size: .875rem; padding-left: 8vw;
  }
}

.c-list-1__item:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/icon_check-white.svg) 0 0 no-repeat; background-size: 34px 25px; content: ''; height: 25px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 34px;
}

@media screen and (max-width: 1023px) {
  .c-list-1__item:before {
    background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/sp/icon_check-white.svg) 0 0 no-repeat; background-size: cover; height: 2.66667vw; width: 4vw;
  }
}

.c-list-1__item + .c-list-1__item {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .c-list-1__item + .c-list-1__item {
    margin-top: 2.13333vw;
  }
}

.c-list-1__item--green {
  color: #000000;
}

@media screen and (max-width: 1023px) {
  .c-list-1__item--green {
    padding-left: 9.6vw; text-align: left;
  }
}

.c-list-1__item--green:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/icon_check-green.svg) 0 0 no-repeat; background-size: 34px 25px;
}

@media screen and (max-width: 1023px) {
  .c-list-1__item--green:before {
    background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/sp/icon_check-green.svg) 0 0 no-repeat; background-size: cover; height: 4.8vw; width: 6.4vw;
  }
}

.c-list-1__item--green + .c-list-1__item--green {
  margin-top: 18px;
}

@media screen and (max-width: 1023px) {
  .c-list-1__item--green + .c-list-1__item--green {
    margin-top: 4vw;
  }
}

/* ---------------------------------------------
*   c-list-2
--------------------------------------------- */
.c-list-2 {
  margin-left: 40px;
}

@media screen and (max-width: 1023px) {
  .c-list-2 {
    margin-left: 0; margin-top: 5.33333vw;
  }
}

.c-list-2__item {
  font-size: .8125rem; font-weight: 600; letter-spacing: .05em; line-height: 1.54; padding-left: 20px; position: relative;
}

@media screen and (max-width: 1023px) {
  .c-list-2__item {
    font-size: 3.46667vw; padding-left: 4.8vw; text-align: left;
  }
}

.c-list-2__item:before {
  background-color: #1ec655; border-radius: 10px; content: ''; height: 10px; left: 0; position: absolute; top: 3px; width: 10px;
}

@media screen and (max-width: 1023px) {
  .c-list-2__item:before {
    border-radius: 2.66667vw; height: 2.66667vw; top: 1.06667vw; width: 2.66667vw;
  }
}

.c-list-2__item + .c-list-2__item {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .c-list-2__item + .c-list-2__item {
    margin-top: 2.66667vw;
  }
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  .c-section-1 {
    margin-top: 18.66667vw;
  }
}

.c-section-1--green {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/contents_bg.png) top center no-repeat; background-size: cover; height: 1900px; margin-top: -200px; padding-bottom: 100px; padding-top: 500px; position: relative; z-index: 1;;
}

@media screen and (max-width: 1023px) {
  .c-section-1--green {
    background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/sp/contents_bg.png) top center no-repeat; background-size: cover; height: 100%; margin-top: 0; padding-bottom: 180px; padding-top: 180px;
  }
}

@media screen and (max-width: 576px) {
  .c-section-1--green {
    padding-top: 200px;
  }
}
/* @media screen and (max-width: 1023px) {
  .c-section-1--green {
    margin-top: 15vw; padding-top: 40vw;
  }
}

.c-section-1--green:before {
  background: -webkit-gradient(linear, left top, right top, from(#11bf4e), to(#81f28d)); background: linear-gradient(to right, #11bf4e 0%, #81f28d 100%); content: ''; height: 1373px; left: -340px; position: absolute; top: 0; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); width: 1938px; z-index: -1;
}

@media screen and (min-width: 1280px) {
  .c-section-1--green:before {
    left: calc((-340/1280)*100vw); width: calc((1938/1280)*100vw);
  }
}

@media screen and (max-width: 1023px) {
  .c-section-1--green:before {
    height: 212vw; left: -65vw; top: 18vw; width: 203.2vw;
  }
}

.c-section-1--green:after {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/img_option-bg.svg) 0 0 no-repeat; background-size: cover; content: ''; height: 370px; left: -222px; position: absolute; top: -110px; width: 868px; z-index: 5;
}

@media screen and (min-width: 1280px) {
  .c-section-1--green:after {
    left: initial; left: inherit; right: calc((620/1280)*100vw);
  }
}

@media screen and (max-width: 1023px) {
  .c-section-1--green:after {
    background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/sp/img_option-bg.svg) 0 0 no-repeat; background-size: cover; height: 42.66667vw; left: 0; top: calc((-25/375)*100vw); width: 83vw;
  }
} */

.c-section-1--topic {
  position: relative; z-index: 1;
}

@media screen and (max-width: 1023px) {
  .c-section-1--topic {
    margin-top: 10vw;
  }
}

@media screen and (max-width: 1023px) {
  .ie .c-section-1--topic {
    margin-top: 26vw;
  }
}

.c-section-1__container {
  margin: 0 auto; width: 1000px; z-index: 10;
}

@media screen and (max-width: 1023px) {
  .c-section-1__container {
    text-align: center; width: 89.33333vw;
  }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
  margin-top: 80px; width: 100%;
}

@media screen and (max-width: 1023px) {
  .c-section-2 {
    margin-top: 16vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-section-2 + .c-section-2 {
    margin-top: 16vw;
  }
}

/* ---------------------------------------------
*   c-section-contact
--------------------------------------------- */
.c-section-contact {
  background-color: #1ec655; margin-top: 400px; position: relative; z-index: 0;
}

.c-section-contact picture img {
  height: 520px; margin-top: -500px; width: 100%;
}
@media screen and (max-width: 1279px) {
  .c-section-contact picture img {
    height: 140px; margin-top: -140px;
  }
}
/* .c-section-contact:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/form_bg.png) 0 0 no-repeat; background-size: cover; content: ''; height: 600px; position: absolute; top: -599px; width: 100%;
}

@media screen and (max-width: 1023px) {
  .c-section-contact:before {
    height: 300px; top: -300px;
  }
} */

@media screen and (max-width: 1023px) {
  .c-section-contact {
    margin-top: 35vw;
  }
}

.c-section-contact__inner {
  margin: 0 auto; position: relative; width: 1280px;
}

@media screen and (max-width: 1279px) {
  .c-section-contact__inner {
    width: 100%;
  }
}

/* .c-section-contact__inner:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/form_bg.png) 0 0 no-repeat; background-size: cover; content: ''; height: 600px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 5;
} */
/*
@media screen and (min-width: 1280px) {
  .c-section-contact__inner:before {
    left: calc((-576/1280)*100vw); right: initial; right: inherit; top: calc((-200/1280)*100vw); width: calc((2400/1280)*100vw);
  }
}

@media screen and (max-width: 1023px) {
  .c-section-contact__inner:before {
    left: 50%; top: calc((-80/375)*100vw); -webkit-transform: translateX(-50%) rotate(-15deg); transform: translateX(-50%) rotate(-15deg);
  }
} */

.c-section-contact__inner:after {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/img_option-footer.svg) 0 0 no-repeat; background-size: cover; content: ''; height: 380px; position: absolute; right: -320px; top: -480px; width: 1200px; z-index: 5;
}

@media screen and (max-width: 1023px) {
  .c-section-contact__inner:after {
    background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/sp/img_option-footer.svg) 0 0 no-repeat; background-size: cover; height: 34.66667vw; right: 0; top: calc((-180/375)*100vw); width: 80vw;
  }
}

.c-section-contact__container {
  margin: 0 auto; width: 1000px;
}

@media screen and (max-width: 1023px) {
  .c-section-contact__container {
    width: 89.33333vw;
  }
}

.c-section-contact__contents {
  background-color: #ffffff; border-radius: 25px; padding: 70px 170px 58px;
}

@media screen and (max-width: 1023px) {
  .c-section-contact__contents {
    border-radius: 4vw; padding: 8vw 4.8vw 10.66667vw;
  }
}

.c-section-contact__ttl {
  color: #1ec655; font-size: 1.875rem; font-weight: 700; letter-spacing: .1em; line-height: 1.7; position: relative; text-align: center; z-index: 1;
}

@media screen and (max-width: 1023px) {
  .c-section-contact__ttl {
    font-size: 5.33333vw;
  }
}

.c-section-contact__ttl:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/img_ttl-bg.svg) 0 0 no-repeat; background-size: cover; content: ''; height: 121px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 216px; z-index: -1;
}

@media screen and (max-width: 1023px) {
  .c-section-contact__ttl:before {
    height: calc((44/375)*100vw); width: calc((82/375)*100vw);
  }
}

.c-section-contact__scripte {
  margin-top: 100px;
}

@media screen and (max-width: 1023px) {
  .c-section-contact__scripte {
    margin-top: 8vw;
  }
}

/* ---------------------------------------------
*   c-swiper
--------------------------------------------- */
/*  .c-slider
--------------------------------------------- */
.c-slider--ad .swiper-wrapper {
  -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; position: relative;
}

.c-slider--ad .swiper-slide {
  text-align: center; width: 282px;
}

@media screen and (max-width: 1023px) {
  .c-slider--ad .swiper-slide {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .c-slider--ad .swiper-slide .c-box-2 {
    margin: 0 auto; width: 58.66667vw;
  }
}

.c-slider--ad .swiper-slide .c-box-2__img {
  margin: 0 auto; width: 211px;
}

@media screen and (max-width: 1023px) {
  .c-slider--ad .swiper-slide .c-box-2__img {
    width: 54.13333vw;
  }
}

.c-slider--ad .swiper-slide .c-box-2__ttl {
  color: #1ec655; display: block; font-size: 1.4375rem; font-weight: 700; letter-spacing: .05em; line-height: 1.52; margin-top: 30px; position: relative;
}

@media screen and (max-width: 1023px) {
  .c-slider--ad .swiper-slide .c-box-2__ttl {
    font-size: 4.26667vw; margin-top: 5.33333vw;
  }
}

.c-slider--ad .swiper-slide .c-box-2__ttl:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/img_ttl-bg2.svg) 0 0 no-repeat; background-size: cover; content: ''; height: 75px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 140px; z-index: -1;
}

@media screen and (max-width: 1023px) {
  .c-slider--ad .swiper-slide .c-box-2__ttl:before {
    height: 12vw; width: 24vw;
  }
}

.c-slider--ad .swiper-slide .c-box-2__txt {
  font-size: .875rem; font-weight: 400; letter-spacing: .05em; line-height: 1.42; margin-top: 40px; text-align: left;
}

@media screen and (max-width: 1023px) {
  .c-slider--ad .swiper-slide .c-box-2__txt {
    font-size: 3.2vw; margin-top: 4vw;
  }
}

.c-slider--ad .swiper-pagination {
  -webkit-box-pack: center !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; margin-top: 6.66667vw !important; position: static !important;
}

@media screen and (min-width: 1024px) {
  .c-slider--ad .swiper-pagination {
    display: none !important;
  }
}

.c-slider--ad .swiper-pagination-bullet {
  background-color: #ffffff !important; border: 2px solid #1ec655 !important; border-radius: 2.66667vw !important; height: 2.66667vw !important; margin-left: 0 !important; margin-right: 0 !important; opacity: 1 !important; width: 2.66667vw !important;
}

.c-slider--ad .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 3.2vw !important;
}

.c-slider--ad .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1ec655 !important;
}

.c-slider--ad .swiper-button-next, .c-slider--ad .swiper-button-prev {
  display: none;
}

/*  .c-slider
--------------------------------------------- */
.c-slider--card .swiper-wrapper {
  -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; position: relative;
}

.c-slider--card .swiper-container {
  overflow: visible !important;
}

@media screen and (max-width: 1023px) {
  .c-slider--card .swiper-slide {
    width: 100%;
  }
}

.c-slider--card .swiper-slide .c-card-2 {
  display: -webkit-box; display: -ms-flexbox; display: flex;
}

@media screen and (max-width: 1023px) {
  .c-slider--card .swiper-slide .c-card-2 {
    align-items: center; -webkit-box-align: center; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -ms-flex-align: center; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
  }
}

@media screen and (min-width: 1024px) {
  .c-slider--card .swiper-slide .c-card-2 + .c-slider--card .swiper-slide .c-card-2 {
    margin-top: -15px;
  }
}

.c-slider--card .swiper-slide .c-card-2__head {
  margin-top: 40px; width: 166px;
}

@media screen and (max-width: 1023px) {
  .c-slider--card .swiper-slide .c-card-2__head {
    height: 28vw; margin-top: 1.33333vw; width: 28vw;
  }
}

.c-slider--card .swiper-slide .c-card-2__body {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/bg_voice-left.png) 0 0 no-repeat; background-position: left center; background-size: 80px auto; height: 130px; padding-left: 80px; width: calc(100% - 166px);
}

@media screen and (max-width: 1023px) {
  .c-slider--card .swiper-slide .c-card-2__body {
    background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/sp/bg_voice.svg) 0 0 no-repeat; background-size: 100% auto; height: 44vw; padding-left: 0; width: 100%;
  }
}

.c-slider--card .swiper-slide .c-card-2__body-inner {
  align-items: center; background-color: #ffffff; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; height: 100%; padding: 35px 0; position: relative; width: calc(100% - 45px);
}

@media screen and (max-width: 1023px) {
  .c-slider--card .swiper-slide .c-card-2__body-inner {
    background-color: transparent; padding: 6.93333vw 7.46667vw 14.13333vw; text-align: left; width: 100%;
  }
}

.c-slider--card .swiper-slide .c-card-2__body-inner:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/bg_voice-rihgt.png) 0 0 no-repeat; background-size: cover; content: ''; height: 130px; position: absolute; right: -65px; top: 0; width: 65px;
}

@media screen and (max-width: 1023px) {
  .c-slider--card .swiper-slide .c-card-2__body-inner:before {
    content: none;
  }
}

.c-slider--card .swiper-slide .c-card-2__txt {
  display: inline-block; font-size: .875rem; font-weight: 700; letter-spacing: .05em; line-height: 1.56;
}

.c-slider--card .swiper-slide .c-card-2__note {
  -webkit-box-pack: end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: end; font-size: .875rem; font-weight: 400; justify-content: flex-end; letter-spacing: .05em; line-height: 1.42; margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .c-slider--card .swiper-slide .c-card-2__note {
    -webkit-box-pack: start; -ms-flex-pack: start; font-size: 2.66667vw; justify-content: flex-start; margin-top: 1.33333vw;
  }
}

.c-slider--card .swiper-pagination {
  -webkit-box-pack: center !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; margin-top: 6.66667vw !important; position: static !important;
}

@media screen and (min-width: 1024px) {
  .c-slider--card .swiper-pagination {
    display: none !important;
  }
}

.c-slider--card .swiper-pagination-bullet {
  background-color: transparent !important; border: 2px solid #ffffff !important; border-radius: 2.66667vw !important; height: 2.66667vw !important; margin-left: 0 !important; margin-right: 0 !important; opacity: 1 !important; width: 2.66667vw !important;
}

.c-slider--card .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 3.2vw !important;
}

.c-slider--card .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffffff !important;
}

.c-slider--card .swiper-button-next, .c-slider--card .swiper-button-prev {
  display: none;
}

/* ---------------------------------------------
*   c-table
--------------------------------------------- */
.c-table {
  border-right: 1px solid #000000; border-top: 1px solid #000000;
}

.c-table__th, .c-table__td {
  border-bottom: 1px solid #000000; border-left: 1px solid #000000; padding: 1em;
}

.c-table__thead .c-table__th {
  color: red;
}

.c-table__tbody .c-table__th {
  font-weight: bold;
}

/* ---------------------------------------------
*   c-tile
--------------------------------------------- */
/* ---------------------------------------------
*   c-ttl-1
--------------------------------------------- */
.c-ttl-1 {
  color: #1ec655; font-size: 3.5rem; font-weight: 700; letter-spacing: .1em; line-height: 1.7; position: relative; vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .c-ttl-1 {
    display: inline-block; font-size: 6.4vw;
  }
}

.c-ttl-1:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/img_ttl-bg.svg) 0 0 no-repeat; background-size: 100% auto; content: ''; height: 121px; left: -40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 216px; z-index: -1;
}

@media screen and (max-width: 1023px) {
  .c-ttl-1:before {
    height: 17.33333vw; left: -4vw; width: 32vw;
  }
}

.c-ttl-1--point {
  color: #ffffff; padding-left: 224px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-1--point {
    padding-left: 26.13333vw;
  }
}

.c-ttl-1--point:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/txt_point.svg) 0 0 no-repeat; background-size: 100% auto; content: ''; height: 114px; left: 0; position: absolute; width: 207px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-1--point:before {
    height: 13.86667vw; width: 25.06667vw;
  }
}

.c-ttl-1--topic {
  color: #1ec655; letter-spacing: .05em; padding-left: 224px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-1--topic {
    padding-left: 26.13333vw;
  }
}

.c-ttl-1--topic:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/txt_topic.svg) 0 0 no-repeat; background-size: 100% auto; content: ''; height: 114px; left: 0; position: absolute; width: 207px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-1--topic:before {
    height: 13.86667vw; width: 25.06667vw;
  }
}

.c-ttl-1--online {
  color: #1ec655; letter-spacing: .05em; padding-left: 265px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-1--online {
    padding-left: 30.66667vw;
  }
}

.c-ttl-1--online:before {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/txt_online.svg) 0 0 no-repeat; background-size: 100% auto; content: ''; height: 114px; left: 0; position: absolute; width: 235px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-1--online:before {
    height: 13.86667vw; width: 25.06667vw;
  }
}

.c-ttl-1__small {
  font-size: 1.625rem; line-height: 1.69; vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .c-ttl-1__small {
    font-size: 4.26667vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-ttl-1--topic .c-ttl-1__small {
    vertical-align: bottom;
  }
}

/* ---------------------------------------------
*   c-ttl-2
--------------------------------------------- */
.c-ttl-2 {
  align-items: center; -webkit-box-align: center; color: #1ec655; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; font-size: 1.5rem; letter-spacing: .1em; line-height: 1.7; position: relative; vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .c-ttl-2 {
    align-items: center; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; font-size: 4.8vw; justify-content: center;
  }
}

.c-ttl-2--white {
  color: #ffffff;
}

@media screen and (max-width: 1023px) {
  .c-ttl-2--sp-left {
    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
  }
}

.c-ttl-2__icon {
  display: block;
}

.c-ttl-2__icon--1 {
  display: block; margin-right: 10px; width: 37px;
}

@media screen and (min-width: 1024px) {
  .c-ttl-2__icon--1 img {
    display: block; width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .c-ttl-2__icon--1 {
    margin-right: 2.66667vw; width: 11.2vw;
  }
}

.c-ttl-2__icon--2 {
  margin-right: 15px; position: relative; width: 27px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-2__icon--2 {
    margin-right: 2.66667vw; top: -1.06667vw; width: 8.53333vw;
  }
}

.c-ttl-2__icon--3 {
  margin-right: 15px; width: 55px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-2__icon--3 {
    margin-right: 3.2vw; width: 9.86667vw;
  }
}

.c-ttl-2__icon--4 {
  width: 385px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-2__icon--4 {
    width: 84vw;
  }
}

@media screen and (max-width: 1023px) {
  .c-ttl-2__icon img {
    display: block; width: 100%;
  }
}

.c-ttl-2__txt {
  display: block;
}

.c-ttl-2__small {
  font-size: .75rem; margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .c-ttl-2__small {
    font-size: 3.46667vw;
  }
}

/* ---------------------------------------------
*   c-txt
--------------------------------------------- */
.c-txt {
  font-size: .875rem;
}

@media screen and (max-width: 1023px) {
  .c-txt {
    font-size: 2.14286rem;
  }
}

.c-txt__strong {
  font-weight: bold; text-decoration: underline;
}

.c-txt__italic {
  font-style: italic;
}

/* ---------------------------------------------
*   202205追記用
--------------------------------------------- */
.c-mv__left-top {
  color: #ffffff; font-family: 'Noto Sans JP',sans-serif; padding-top: 56px;
}
.c-mv__left-top--small {
  font-size: 1.625rem;
}
@media screen and (max-width: 1023px) {
  .c-mv__left-top--small {
    font-size: .875rem;
  }
}
.c-mv__left-top--title {
  font-size: 4.062rem; font-weight: 700; line-height: 1.1; position: relative;
}
.c-mv__left-top--title span {
  padding-right: 130px; position: relative;
}
.c-mv__left-top--title span:after {
  background: url(/sites/default/files/media/jp/seminar/line-official-account/webinar2/img/mv_left_icon.png) 0 0 no-repeat; background-size: 100% auto; content: ''; height: 110px; position: absolute; right: 0; top: -20px; width: 110px;
}

@media screen and (max-width: 1023px) {
  .c-mv__left-top {
    padding-top: 48px;
  }
  .c-mv__left-top--title {
    font-size: 1.625rem; letter-spacing: .05em; margin-top: 10px;
  }
  .c-mv__left-top--title span:after {
    height: 100px; top: -50px; width: 100px;
  }
}
@media screen and (max-width: 576px) {
  .c-mv__left-top--title span {
    padding-right: 60px;
  }
  .c-mv__left-top--title span:after {
    height: 80px; right: -40px; width: 80px;
  }
}
.c-mv__left-top--seminartitle {
  font-size: 2.125rem; font-weight: 700; margin-top: 16px;
}
.c-mv__left-top--seminartitle br {
  display: none;
}
@media screen and (max-width: 1100px) {
  .c-mv__left-top--seminartitle br {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .c-mv__left-top--seminartitle {
    font-size: 1.125rem;
  }
}
.c-mv__left-top--date {
  background: #ffffff; border-radius: 999em; color: #1ec655; display: inline-block; font-size: 1.375rem; font-weight: 900; letter-spacing: .1em; line-height: 1; margin-top: 12px; padding: 10px 24px;
}
@media screen and (max-width: 1023px) {
  .c-mv__left-top--date {
    font-size: 1rem; padding: 8px 12px;
  }
}
.c-mv__left-top--date span {
  font-size: .875rem;
}
@media screen and (max-width: 1023px) {
  .c-mv__left-top--date span {
    font-size: .75rem;
  }
}
.c-mv__left-top--txt {
  font-size: 1.375rem; font-weight: 700; margin-top: 24px;
}
@media screen and (max-width: 1023px) {
  .c-mv__left-top--txt {
    font-size: .875rem; margin-top: 16px;
  }
}
.c-mv__left-top--icon {
  position: absolute; right: 20px; top: 10px;
}
@media screen and (max-width: 1023px) {
  .c-mv__left-top--icon {
    right: 0; top: 0x;
  }
}
.c-mv__left-top--icon img {
  max-width: 110px; width: 100%;
}
@media screen and (max-width: 1023px) {
  .c-mv__left-top--icon img {
    max-width: 75px;
  }
}
.c-cassette-1__date {
  color: #1ec655; font-family: 'Noto Sans JP',sans-serif;
}

@media screen and (max-width: 1023px) {
  .c-cassette-1__date {
    font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'meiryo', sans-serif;
  }
  .c-cassette-1__left {
    width: 100%;
  }
  .c-cassette-1__date dl {
    display: flex; flex-wrap: wrap; justify-content: space-between; letter-spacing: .07em;
  }
}
.c-cassette-1__date dt {
  font-size: 1.125rem; font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .c-cassette-1__date dt {
    font-size: 1rem; padding-top: 4px;
  }
  .c-cassette-1__date dt::after {
    content: ':'; padding: 0 8px;
  }
}
.c-cassette-1__date dd {
  font-size: 1.75rem; font-weight: 900;
}
@media screen and (max-width: 1023px) {
  .c-cassette-1__date dd {
    flex-grow: 1; font-size: 1.375rem; text-align: left;
  }
}
.c-cassette-1__date dd span {
  font-size: 1.25rem;
}
@media screen and (max-width: 1023px) {
  .c-cassette-1__date dd span {
    font-size: .875rem; padding: 0 2px;
  }
}
/* ==========================================================
*
*   javascript style hooks
*
========================================================== */
/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
  background-color: #ffffff !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
  font-weight: 500 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
  text-align: center !important;
}

.txt-al-right {
  text-align: right !important;
}

.txt-al-left {
  text-align: left !important;
}

@media screen and (max-width: 1023px) {
  .mktoButtonWrap.mktoRound {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 1024px) {
  .mktoHtmlText.mktoHasWidth span {
    word-break: keep-all !important;
  }
}

/* ---------------------------------------------
*   c-anchor
--------------------------------------------- */
.c-anchor {
  background-color: transpearent; border: 0; height: 0; margin: 0; margin-top: -104px; padding-top: 104px;
}

@media print and (min-width: 1024px), screen and (min-width: 1024px) {
  .pc-hide {
    display: none !important;
  }
}

@media print and (max-width: 1023px), screen and (max-width: 1023px) {
  .sp-hide {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .tb-only {
    display: none !important;
  }
}

@media screen and (min-width: 1280px) {
  .tb-only {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .tb-hide {
    display: none !important;
  }
}

/* ---------------------------------------------
*   フォーム
--------------------------------------------- */
.mktoButtonRow .mktoButtonWrap {
  margin-left: 0 !important;
}

/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
  margin-top: 0 !important;
}

.mgt-pc--5 {
  margin-top: 5px !important;
}

.mgt-pc--10 {
  margin-top: 10px !important;
}

.mgt-pc--15 {
  margin-top: 15px !important;
}

.mgt-pc--20 {
  margin-top: 20px !important;
}

.mgt-pc--25 {
  margin-top: 25px !important;
}

.mgt-pc--30 {
  margin-top: 30px !important;
}

.mgt-pc--35 {
  margin-top: 35px !important;
}

.mgt-pc--40 {
  margin-top: 40px !important;
}

.mgt-pc--45 {
  margin-top: 45px !important;
}

.mgt-pc--50 {
  margin-top: 50px !important;
}

.mgt-pc--55 {
  margin-top: 55px !important;
}

.mgt-pc--60 {
  margin-top: 60px !important;
}

.mgt-pc--65 {
  margin-top: 65px !important;
}

.mgt-pc--70 {
  margin-top: 70px !important;
}

.mgt-pc--75 {
  margin-top: 75px !important;
}

.mgt-pc--80 {
  margin-top: 80px !important;
}

.mgt-pc--85 {
  margin-top: 85px !important;
}

.mgt-pc--90 {
  margin-top: 90px !important;
}

.mgt-pc--95 {
  margin-top: 95px !important;
}

.mgt-pc--100 {
  margin-top: 100px !important;
}

.mgt-pc--105 {
  margin-top: 105px !important;
}

.mgt-pc--110 {
  margin-top: 110px !important;
}

.mgt-pc--115 {
  margin-top: 115px !important;
}

.mgt-pc--120 {
  margin-top: 120px !important;
}

.mgt-pc--125 {
  margin-top: 125px !important;
}

.mgt-pc--130 {
  margin-top: 130px !important;
}

.mgt-pc--135 {
  margin-top: 135px !important;
}

.mgt-pc--140 {
  margin-top: 140px !important;
}

.mgt-pc--145 {
  margin-top: 145px !important;
}

.mgt-pc--150 {
  margin-top: 150px !important;
}

.mgt-pc--155 {
  margin-top: 155px !important;
}

.mgt-pc--160 {
  margin-top: 160px !important;
}

.mgt-pc--165 {
  margin-top: 165px !important;
}

.mgt-pc--170 {
  margin-top: 170px !important;
}

.mgt-pc--175 {
  margin-top: 175px !important;
}

.mgt-pc--180 {
  margin-top: 180px !important;
}

.mgt-pc--185 {
  margin-top: 185px !important;
}

.mgt-pc--190 {
  margin-top: 190px !important;
}

.mgt-pc--195 {
  margin-top: 195px !important;
}

.mgt-pc--200 {
  margin-top: 200px !important;
}

.mgt-pc--205 {
  margin-top: 205px !important;
}

.mgt-pc--210 {
  margin-top: 210px !important;
}

.mgt-pc--215 {
  margin-top: 215px !important;
}

.mgt-pc--220 {
  margin-top: 220px !important;
}

.mgt-pc--225 {
  margin-top: 225px !important;
}

.mgt-pc--230 {
  margin-top: 230px !important;
}

.mgt-pc--235 {
  margin-top: 235px !important;
}

.mgt-pc--240 {
  margin-top: 240px !important;
}

.mgt-pc--245 {
  margin-top: 245px !important;
}

.mgt-pc--250 {
  margin-top: 250px !important;
}

@media screen and (max-width: 1023px) {
  .mgt-sp--0 {
    margin-top: 0 !important;
  }
  .mgt-sp--5 {
    margin-top: 1.33333vw !important;
  }
  .mgt-sp--10 {
    margin-top: 2.66667vw !important;
  }
  .mgt-sp--15 {
    margin-top: 4vw !important;
  }
  .mgt-sp--20 {
    margin-top: 5.33333vw !important;
  }
  .mgt-sp--25 {
    margin-top: 6.66667vw !important;
  }
  .mgt-sp--30 {
    margin-top: 8vw !important;
  }
  .mgt-sp--35 {
    margin-top: 9.33333vw !important;
  }
  .mgt-sp--40 {
    margin-top: 10.66667vw !important;
  }
  .mgt-sp--45 {
    margin-top: 12vw !important;
  }
  .mgt-sp--50 {
    margin-top: 13.33333vw !important;
  }
  .mgt-sp--55 {
    margin-top: 14.66667vw !important;
  }
  .mgt-sp--60 {
    margin-top: 16vw !important;
  }
  .mgt-sp--65 {
    margin-top: 17.33333vw !important;
  }
  .mgt-sp--70 {
    margin-top: 18.66667vw !important;
  }
  .mgt-sp--75 {
    margin-top: 20vw !important;
  }
  .mgt-sp--80 {
    margin-top: 21.33333vw !important;
  }
  .mgt-sp--85 {
    margin-top: 22.66667vw !important;
  }
  .mgt-sp--90 {
    margin-top: 24vw !important;
  }
  .mgt-sp--95 {
    margin-top: 25.33333vw !important;
  }
  .mgt-sp--100 {
    margin-top: 26.66667vw !important;
  }
  .mgt-sp--105 {
    margin-top: 28vw !important;
  }
  .mgt-sp--110 {
    margin-top: 29.33333vw !important;
  }
  .mgt-sp--115 {
    margin-top: 30.66667vw !important;
  }
  .mgt-sp--120 {
    margin-top: 32vw !important;
  }
  .mgt-sp--125 {
    margin-top: 33.33333vw !important;
  }
  .mgt-sp--130 {
    margin-top: 34.66667vw !important;
  }
  .mgt-sp--135 {
    margin-top: 36vw !important;
  }
  .mgt-sp--140 {
    margin-top: 37.33333vw !important;
  }
  .mgt-sp--145 {
    margin-top: 38.66667vw !important;
  }
  .mgt-sp--150 {
    margin-top: 40vw !important;
  }
  .mgt-sp--155 {
    margin-top: 41.33333vw !important;
  }
  .mgt-sp--160 {
    margin-top: 42.66667vw !important;
  }
  .mgt-sp--165 {
    margin-top: 44vw !important;
  }
  .mgt-sp--170 {
    margin-top: 45.33333vw !important;
  }
  .mgt-sp--175 {
    margin-top: 46.66667vw !important;
  }
  .mgt-sp--180 {
    margin-top: 48vw !important;
  }
  .mgt-sp--185 {
    margin-top: 49.33333vw !important;
  }
  .mgt-sp--190 {
    margin-top: 50.66667vw !important;
  }
  .mgt-sp--195 {
    margin-top: 52vw !important;
  }
  .mgt-sp--200 {
    margin-top: 53.33333vw !important;
  }
  .mgt-sp--205 {
    margin-top: 54.66667vw !important;
  }
  .mgt-sp--210 {
    margin-top: 56vw !important;
  }
  .mgt-sp--215 {
    margin-top: 57.33333vw !important;
  }
  .mgt-sp--220 {
    margin-top: 58.66667vw !important;
  }
  .mgt-sp--225 {
    margin-top: 60vw !important;
  }
  .mgt-sp--230 {
    margin-top: 61.33333vw !important;
  }
  .mgt-sp--235 {
    margin-top: 62.66667vw !important;
  }
  .mgt-sp--240 {
    margin-top: 64vw !important;
  }
  .mgt-sp--245 {
    margin-top: 65.33333vw !important;
  }
  .mgt-sp--250 {
    margin-top: 66.66667vw !important;
  }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
  margin-bottom: 0 !important;
}

.mgb-pc--5 {
  margin-bottom: 5px !important;
}

.mgb-pc--10 {
  margin-bottom: 10px !important;
}

.mgb-pc--15 {
  margin-bottom: 15px !important;
}

.mgb-pc--20 {
  margin-bottom: 20px !important;
}

.mgb-pc--25 {
  margin-bottom: 25px !important;
}

.mgb-pc--30 {
  margin-bottom: 30px !important;
}

.mgb-pc--35 {
  margin-bottom: 35px !important;
}

.mgb-pc--40 {
  margin-bottom: 40px !important;
}

.mgb-pc--45 {
  margin-bottom: 45px !important;
}

.mgb-pc--50 {
  margin-bottom: 50px !important;
}

.mgb-pc--55 {
  margin-bottom: 55px !important;
}

.mgb-pc--60 {
  margin-bottom: 60px !important;
}

.mgb-pc--65 {
  margin-bottom: 65px !important;
}

.mgb-pc--70 {
  margin-bottom: 70px !important;
}

.mgb-pc--75 {
  margin-bottom: 75px !important;
}

.mgb-pc--80 {
  margin-bottom: 80px !important;
}

.mgb-pc--85 {
  margin-bottom: 85px !important;
}

.mgb-pc--90 {
  margin-bottom: 90px !important;
}

.mgb-pc--95 {
  margin-bottom: 95px !important;
}

.mgb-pc--100 {
  margin-bottom: 100px !important;
}

.mgb-pc--105 {
  margin-bottom: 105px !important;
}

.mgb-pc--110 {
  margin-bottom: 110px !important;
}

.mgb-pc--115 {
  margin-bottom: 115px !important;
}

.mgb-pc--120 {
  margin-bottom: 120px !important;
}

.mgb-pc--125 {
  margin-bottom: 125px !important;
}

.mgb-pc--130 {
  margin-bottom: 130px !important;
}

.mgb-pc--135 {
  margin-bottom: 135px !important;
}

.mgb-pc--140 {
  margin-bottom: 140px !important;
}

.mgb-pc--145 {
  margin-bottom: 145px !important;
}

.mgb-pc--150 {
  margin-bottom: 150px !important;
}

.mgb-pc--155 {
  margin-bottom: 155px !important;
}

.mgb-pc--160 {
  margin-bottom: 160px !important;
}

.mgb-pc--165 {
  margin-bottom: 165px !important;
}

.mgb-pc--170 {
  margin-bottom: 170px !important;
}

.mgb-pc--175 {
  margin-bottom: 175px !important;
}

.mgb-pc--180 {
  margin-bottom: 180px !important;
}

.mgb-pc--185 {
  margin-bottom: 185px !important;
}

.mgb-pc--190 {
  margin-bottom: 190px !important;
}

.mgb-pc--195 {
  margin-bottom: 195px !important;
}

.mgb-pc--200 {
  margin-bottom: 200px !important;
}

.mgb-pc--205 {
  margin-bottom: 205px !important;
}

.mgb-pc--210 {
  margin-bottom: 210px !important;
}

.mgb-pc--215 {
  margin-bottom: 215px !important;
}

.mgb-pc--220 {
  margin-bottom: 220px !important;
}

.mgb-pc--225 {
  margin-bottom: 225px !important;
}

.mgb-pc--230 {
  margin-bottom: 230px !important;
}

.mgb-pc--235 {
  margin-bottom: 235px !important;
}

.mgb-pc--240 {
  margin-bottom: 240px !important;
}

.mgb-pc--245 {
  margin-bottom: 245px !important;
}

.mgb-pc--250 {
  margin-bottom: 250px !important;
}

@media screen and (max-width: 1023px) {
  .mgb-sp--0 {
    margin-bottom: 0 !important;
  }
  .mgb-sp--5 {
    margin-bottom: 1.33333vw !important;
  }
  .mgb-sp--10 {
    margin-bottom: 2.66667vw !important;
  }
  .mgb-sp--15 {
    margin-bottom: 4vw !important;
  }
  .mgb-sp--20 {
    margin-bottom: 5.33333vw !important;
  }
  .mgb-sp--25 {
    margin-bottom: 6.66667vw !important;
  }
  .mgb-sp--30 {
    margin-bottom: 8vw !important;
  }
  .mgb-sp--35 {
    margin-bottom: 9.33333vw !important;
  }
  .mgb-sp--40 {
    margin-bottom: 10.66667vw !important;
  }
  .mgb-sp--45 {
    margin-bottom: 12vw !important;
  }
  .mgb-sp--50 {
    margin-bottom: 13.33333vw !important;
  }
  .mgb-sp--55 {
    margin-bottom: 14.66667vw !important;
  }
  .mgb-sp--60 {
    margin-bottom: 16vw !important;
  }
  .mgb-sp--65 {
    margin-bottom: 17.33333vw !important;
  }
  .mgb-sp--70 {
    margin-bottom: 18.66667vw !important;
  }
  .mgb-sp--75 {
    margin-bottom: 20vw !important;
  }
  .mgb-sp--80 {
    margin-bottom: 21.33333vw !important;
  }
  .mgb-sp--85 {
    margin-bottom: 22.66667vw !important;
  }
  .mgb-sp--90 {
    margin-bottom: 24vw !important;
  }
  .mgb-sp--95 {
    margin-bottom: 25.33333vw !important;
  }
  .mgb-sp--100 {
    margin-bottom: 26.66667vw !important;
  }
  .mgb-sp--105 {
    margin-bottom: 28vw !important;
  }
  .mgb-sp--110 {
    margin-bottom: 29.33333vw !important;
  }
  .mgb-sp--115 {
    margin-bottom: 30.66667vw !important;
  }
  .mgb-sp--120 {
    margin-bottom: 32vw !important;
  }
  .mgb-sp--125 {
    margin-bottom: 33.33333vw !important;
  }
  .mgb-sp--130 {
    margin-bottom: 34.66667vw !important;
  }
  .mgb-sp--135 {
    margin-bottom: 36vw !important;
  }
  .mgb-sp--140 {
    margin-bottom: 37.33333vw !important;
  }
  .mgb-sp--145 {
    margin-bottom: 38.66667vw !important;
  }
  .mgb-sp--150 {
    margin-bottom: 40vw !important;
  }
  .mgb-sp--155 {
    margin-bottom: 41.33333vw !important;
  }
  .mgb-sp--160 {
    margin-bottom: 42.66667vw !important;
  }
  .mgb-sp--165 {
    margin-bottom: 44vw !important;
  }
  .mgb-sp--170 {
    margin-bottom: 45.33333vw !important;
  }
  .mgb-sp--175 {
    margin-bottom: 46.66667vw !important;
  }
  .mgb-sp--180 {
    margin-bottom: 48vw !important;
  }
  .mgb-sp--185 {
    margin-bottom: 49.33333vw !important;
  }
  .mgb-sp--190 {
    margin-bottom: 50.66667vw !important;
  }
  .mgb-sp--195 {
    margin-bottom: 52vw !important;
  }
  .mgb-sp--200 {
    margin-bottom: 53.33333vw !important;
  }
  .mgb-sp--205 {
    margin-bottom: 54.66667vw !important;
  }
  .mgb-sp--210 {
    margin-bottom: 56vw !important;
  }
  .mgb-sp--215 {
    margin-bottom: 57.33333vw !important;
  }
  .mgb-sp--220 {
    margin-bottom: 58.66667vw !important;
  }
  .mgb-sp--225 {
    margin-bottom: 60vw !important;
  }
  .mgb-sp--230 {
    margin-bottom: 61.33333vw !important;
  }
  .mgb-sp--235 {
    margin-bottom: 62.66667vw !important;
  }
  .mgb-sp--240 {
    margin-bottom: 64vw !important;
  }
  .mgb-sp--245 {
    margin-bottom: 65.33333vw !important;
  }
  .mgb-sp--250 {
    margin-bottom: 66.66667vw !important;
  }
}