@charset "UTF-8";
/*----------------------------------------
フォント
----------------------------------------*/
/*----------------------------------------
color
----------------------------------------*/
/* 追加 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*----------------------------------------
キービジュアル
----------------------------------------*/
.mv_image .modal-movie {
  position: absolute;
  max-width: 540px;
  width: 78.1%;
  top: 129px;
  left: 2.9%; }
.mv_message {
  width: 100%; }
.mv_message__ttl {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.38;
    letter-spacing: 0.04em;
    word-break: keep-all;
    margin-top: 28px; }
.mv_message__ttl--emphasis {
      color: #62B5E5; }
.mv_message__text {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-right: 20px;
   }
.mv_message .button {
    width: 186px; }
.mv_message .button a {
      font-size: 14px;
      width: 186px; }
.mv_message .button a img {
        width: 16px;
        margin-right: 21px; }
/*----------------------------------------
  バナーリンク
  ----------------------------------------*/
.button_links {
  padding: 0 25px; }
/*----------------------------------------
  企業リスト
  ----------------------------------------*/
.sponsorship {
  border-bottom: 1px solid #E8EAE9;
  padding: 51px 0 26px; }
.sponsorship__list {
    margin: 0 auto; }
/*----------------------------------------
  ページ内リンクナビ
  ----------------------------------------*/
.page_link a {
  position: relative;
  padding-left: 34px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.04em; }
.page_link a::before {
    content: "";
    background-image: url("../img/icon/chevron-light.png");
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    display: inline-block; }
/*----------------------------------------
  特徴 - 導入部分
  ----------------------------------------*/
.introduction {
  margin-bottom: 70px; }
.introduction::before {
    content: "";
    background-size: cover;
    background-position: center;
    width: 100%;
    position: absolute;
    top: 0; }
.introduction__summary {
    position: relative; }
.introduction__summary h3 {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.475;
      text-align: center;
      margin-bottom: 30px; }
.introduction__summary p {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 2; }
.introduction__list {
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
    padding: 60px 92px 10px;
    z-index: 1;
    position: relative; }
.introduction__item {
    position: relative;
    padding-top: 62px; }
.introduction__item::before {
      content: "";
      background-size: cover;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
.introduction__item:nth-child(1)::before {
      background-image: url("../img/icon/volunteer_activism.png");
      width: 36px;
      height: 36px;
      top: 5px; }
.introduction__item:nth-child(2)::before {
      background-image: url("../img/icon/auto_awesome.png");
      width: 42px;
      height: 42px;
      top: 2px; }
.introduction__item:nth-child(3)::before {
      background-image: url("../img/icon/business_center.png");
      width: 41px;
      height: 41px;
      top: 0; }
.introduction__item h4 {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 1.5;
      text-align: center;
      margin-bottom: 21px;
      white-space: nowrap; }
.introduction__item p {
      font-size: 14px;
      line-height: 1.85;
      letter-spacing: 0.02em; }
/*----------------------------------------
  特徴 - コンテンツ
  ----------------------------------------*/
.contents {
  margin-bottom: 136px; }
.contents::before {
    content: "";
    background-color: rgba(98, 181, 229, 0.1);
    border-radius: 10px;
    margin: 0 auto 75px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 724px;
    height: 100%; }
.contents__inner {
    position: relative;
    padding: 48px 25px 1px; }
.contents .sec__heading {
    position: relative; }
.contents .sec__heading .emphasis {
      font-family: "Open Sans", arial, "Helvetica Neue", Helvetica, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
      font-size: 40px;
      font-weight: 600;
      margin: 0 10px; }
.contents .sec__heading .balloon {
      position: absolute;
      display: inline-block;
      left: calc(50% - 160px);
      top: -66px;
      padding: 0 5px;
      width: 130px;
      height: 60px;
      line-height: 60px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      color: #fff;
      background: #007CB0;
      border-radius: 140px / 70px; }
.contents .sec__heading .balloon:before {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #007CB0;
        z-index: 0; }
.contents__text {
    line-height: 1.5;
    margin: 20px auto 46px; }
.contents__item--reverse .contents__detail {
    margin-left: 148px; }
.contents__ttl {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 18px; }
.contents__list {
    font-size: 14px;
    line-height: 2.14;
    letter-spacing: 0.02em; }
.contents__list li {
      position: relative;
      padding-left: 34px; }
.contents__list li::before {
        content: "";
        background-image: url("../img/icon/check_circle-light.png");
        background-size: cover;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 3px;
        left: 0;
        display: inline-block; }
.contents .button a {
    margin-left: 0; }
/*----------------------------------------
  特徴 - 講座体系
  ----------------------------------------*/
.course {
  margin: -70px 0 0;
  padding: 0 25px 58px; }
.course__text {
    line-height: 1.5;
    letter-spacing: 0.04em;
    margin: 20px auto 30px; }
.course__list {
    margin: 0 auto;
    position: relative; }
.course__card {
    background-color: #fff; }
.course__card a {
      display: block; }
.course__card .card_head {
      background-color: #62B5E5;
      border-radius: 10px 10px 0 0;
      padding: 30px 35px 22px; }
.course__card .card_head--ttl {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        font-size: 20px;
        text-align: center; }
.course__card .card_head--recommend {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        font-size: 14px;
        background-color: #fff;
        border-radius: 9999px;
        margin: 18px auto 10px;
        text-align: center;
        width: 100%;
        padding: 3px 10px 4px; }
.course__card .card_head--text {
        line-height: 1.5; }
.course__card .card_bottom {
      position: relative;
      padding: 37px 35px 36px; }
.course__card .card_bottom::before {
        content: "";
        background-image: url("../img/icon/point.png");
        background-size: cover;
        width: 38.75px;
        height: 47px;
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%); }
.course__card .card_bottom--lead {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 11px; }
.course__card .card_bottom--text {
        font-size: 14px; }
.course .button a {
    width: 262px;
    max-width: none; }
/*----------------------------------------
  特徴 - E-learningシステム
  ----------------------------------------*/
.system__text {
  line-height: 1.5; }
.system__detail {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.5; }
.system__img {
  width: 57.9%;
  height: 63.3%;
  position: relative; }
.system__img img {
    position: relative;
    z-index: 1;
    border-radius: 10px; }
.system__img::before {
    content: "";
    background-color: #62B5E5;
    border-radius: 10px;
    position: absolute;
    top: 58px;
    left: 229px;
    width: 100%;
    height: 100%;
    z-index: 0; }
/*----------------------------------------
  受講までの流れ
  ----------------------------------------*/
.step {
  background-color: rgba(0, 124, 176, 0.2);
  padding: 50px 25px;
  margin-bottom: 80px; }
.step .sec__circle_heading {
    left: calc(50% - 121px); }
.step .sec__circle_heading::before {
      left: -57px; }
.step__item {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 133px 0 40px; }
.step__item:not(:first-child)::before {
      content: "";
      background-image: url("../img/icon/play_arrow.png");
      background-size: cover;
      width: 24px;
      height: 24px;
      position: absolute;
      top: 88px;
      left: -41px; }
.step__item::after {
      content: "";
      background-size: cover;
      position: absolute; }
.step__item:nth-child(1)::after {
      background-image: url("../img/icon/entry-light.png");
      width: 45.63px;
      height: 45.63px; }
.step__item:nth-child(2)::after {
      background-image: url("../img/icon/menu_book-light.png");
      width: 46px;
      height: 46px; }
.step__item:nth-child(3)::after {
      background-image: url("../img/icon/cart-light.png");
      width: 45.63px;
      height: 45.63px; }
.step__count {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    font-family: "Open Sans", arial, "Helvetica Neue", Helvetica, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
    color: #007CB0; }
.step__count--number {
      color: #fff;
      background-color: #007CB0;
      border-radius: 50%;
      font-size: 30px;
      line-height: 62px;
      width: 62px;
      height: 62px; }
.step__ttl {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin: 0; }
.step .button--icon {
    width: 32px;
    margin-right: 10px; }
.step .button a {
    max-width: 400px;
    height: 80px;
    border-radius: 40px;
    font-size: 20px; }
/*----------------------------------------
  受講者の声
  ----------------------------------------*/
.voice {
  position: relative; }
.voice::before {
    content: "";
    background: #62B5E5;
    display: block;
    position: absolute;
    top: 188px;
    width: 100%;
    height: calc(100% - 188px); }
.voice__list {
    margin: 32px 0 30px;
    opacity: 0; }
.voice__list.slick-initialized {
      opacity: 1; }
.voice__item {
    margin: 0 6px; }
.voice__item.slick-slide {
      display: flex; }
/*----------------------------------------
  お知らせ
----------------------------------------*/
/*----------------------------------------
  message
----------------------------------------*/
.message__outer {
  position: relative;
  background-color: rgba(98, 181, 229, 0.2);
  padding: 80px 89px 107px; }
.message__outer .sec__circle_heading {
    left: 120px; }
.message__outer .sec__circle_heading::before {
      left: -34px; }
.message__text {
  font-size: 14px;
  line-height: 2.14;
  margin-bottom: 30px; }
.message__profile {
  width: 240px;
  min-width: 172px;
  line-height: 1.5;
  margin-left: auto; }
.message__profile--img {
    margin-bottom: 12px; }
.message__profile--company {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 12px;
    margin: 0; }
.message__profile--name {
    font-size: 16px; }
/*----------------------------------------
  モーダル動画
----------------------------------------*/
.modaal-noscroll {
  overflow-y: auto; }
.modaal-container {
  position: relative; }
.modaal-container .modaal-content-container {
    position: relative;
    padding: 0;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0 0 10px black;
    background: #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto; }
.modaal-container video {
    max-width: 100%; }
@media only screen and (min-width: 768px) {
  .main_visual {
    display: flex;
    flex-direction: row-reverse; }
  .main_visual picture > img {
    max-height: 484px;
    height: 100%; }
  .mv_image {
    width: 50%;
    position: relative; }
    .mv_message {
      background: rgba(0, 0, 0, 0.86);
      color: #fff;
      width: 50%;
      padding: 126px 60px 20px; }
    .mv_message__inner {
      max-width: 486px;
      margin-left: auto; }
    .mv_message__bottom {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-top: 20px; }
    .button_links__inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1122px;
      margin: 10px auto 0; }
    .button_links__item {
      width: 48.1%; }
      .sponsorship__list {
        max-width: 1036px;
        text-align: center; }
      .sponsorship__list li {
        display: inline-block;
        width: 13.2%;
        max-width: 137px;
        margin: 0 3.2% 20px; }
  .page_link {
    display: flex;
    justify-content: space-between;
    width: 739px;
    margin: 0 auto;
    padding: 40px 0 91px; }
    .introduction {
      margin-left: 25px;
      margin-right: 25px; }
      .introduction::before {
        background-image: url("../img/top/feature_bg.jpg");
        border-radius: 10px;
        max-width: 1270px;
        left: 50%;
        transform: translateX(-50%);
        height: 500px; }
      .introduction__summary {
        padding: 97px 0 61px; }
        .introduction__summary p {
          text-align: center;
          max-width: 888px;
          margin: 0 auto; }
      .introduction__list {
        width: 86%;
        max-width: 1092px;
        display: flex;
        justify-content: space-between; }
      .introduction__item {
        width: 29.1%; }
      .contents__text {
        width: 540px; }
    .contents__item {
      display: flex;
      max-width: 1092px;
      margin: 0 auto 60px; }
    .contents__item--reverse {
      flex-direction: row-reverse;
      justify-content: space-between; }
      .contents__item--reverse .contents__img {
        margin-top: 36px;
        margin-right: 0;
        margin-left: 60px; }
    .contents__img {
      border-radius: 10px;
      width: 448px;
      height: 260px;
      width: 41%;
      height: 58%;
      margin-right: 102px; }
      .contents__list {
        margin-bottom: 20px; }
    .course::before {
      content: "";
      background: rgba(0, 124, 176, 0.2);
      display: block;
      position: absolute;
      z-index: 0;
      top: 280px;
      left: 0;
      width: 100%;
      height: calc(100% - 280px); }
      .course__text {
        width: 724px; }
      .course__list {
        display: flex;
        justify-content: space-between;
        max-width: 1092px; }
      .course__card {
        width: 31.7%;
        border-radius: 10px;
        margin-bottom: 39px; }
        .course__card .card_head {
          min-height: 236px; }
  .system {
    overflow: hidden;
    padding: 0 25px 128px;
    margin-top: 80px; }
  .system__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1092px;
    margin: 0 auto; }
    .system__text {
      width: 32.6%; }
  .system__ttl {
    text-align: left;
    margin-bottom: 30px; }
    .step__list {
      display: flex;
      max-width: 908px;
      justify-content: space-between;
      margin: 70px auto 40px; }
      .step__item {
        width: 29.1%; }
        .step__item::after {
          top: 72px;
          left: 50%;
          transform: translateX(-50%); }
    .voice {
      padding-bottom: 44px; }
  .news {
    margin-top: 86px;
    margin: 86px auto 80px; }
  .message {
    padding: 0 25px; }
    .message__outer {
      max-width: 1270px;
      margin: 0 auto;
      border-radius: 10px; }
  .message__inner {
    padding-left: 184px;
    padding-right: 184px; } }
@media only screen and (max-width: 1140px) {
    .mv_image .modal-movie {
      width: 67.1%; }
    .mv_message {
      padding: 126px 26px 30px; }
    .mv_message__inner {
      max-width: 448px; }
      .mv_message__ttl {
        font-size: 22px;
        margin-top: 14px; }
    .mv_message__bottom {
      margin-top: 10px; }
      .mv_message__text {
        font-size: 12px;
        white-space: unset; } }
@media only screen and (max-width: 1092px) {
    .mv_image .modal-movie {
      left: 5.9%;
      width: 84.1%;
      top: 138px; }
    .mv_message__bottom {
      display: block; }
      .mv_message__text {
        margin-bottom: 10px;
      }
      .mv_message .button {
        margin-left: auto; }
      .introduction::before {
        height: 350px; }
      .introduction__summary {
        padding: 45px 0 20px; }
        .introduction__summary h3 {
          font-size: 24px; }
        .introduction__summary p {
          font-size: 14px;
          width: 636px; }
      .introduction__list {
        width: 94%;
        padding: 60px 40px 10px; }
        .introduction__item h4 {
          font-size: 16px; }
      .contents::before {
        width: 570px; }
      .contents__item--reverse .contents__detail {
        margin-left: 55px; }
        .course__card .card_head {
          padding: 30px 0; }
          .course__card .card_head--ttl {
            padding: 0 35px; }
          .course__card .card_head--recommend {
            width: 92%; }
          .course__card .card_head--text {
            padding: 0 35px; }
    .system__text {
      width: 46%; }
    .system__img {
      width: 46%; }
    .message__outer {
      padding: 80px 25px 107px; }
  .message__inner {
    padding: 0 25px; } }
@media only screen and (max-width: 767px) {
    .mv_message {
      position: relative;
      padding: 26px 25px 0; }
    .mv_message__inner {
      margin: 0 auto; }
      .mv_message__ttl {
        position: absolute;
        left: 0;
        background: rgba(0, 0, 0, 0.86);
        color: #fff;
        top: -65px;
        width: 321px;
        max-width: none;
        font-size: 14px;
        line-height: 1.45;
        text-align: center;
        padding: 9px 8px;
        margin-top: 0; }
    .mv_message__bottom {
      margin-top: 0; }
      .mv_message__text {
        line-height: 1.83;
        text-align: center;
        margin: 0 0 16px;
        max-width: none;
        width: 100%; }
      .mv_message .button {
        margin: auto; }
        .mv_message .button a {
          width: 186px; }
    .button_links__inner {
      margin-top: 18px; }
    .button_links__item:last-child {
      margin-top: 27px; }
    .sponsorship {
      padding: 36px 0 30px; }
      .sponsorship__list {
        opacity: 0; }
        .sponsorship__list.slick-initialized {
          opacity: 1; }
        .sponsorship__list > li:not(:first-child) {
          display: none; }
      .sponsorship__list li {
        width: 106px;
        overflow: hidden; }
    .sponsorship__wrap {
      margin: 0 15px; }
  .page_link {
    padding: 25px 25px 15px; }
    .page_link li {
      margin-bottom: 15px; }
    .page_link a {
      font-size: 16px;
      padding-left: 29px; }
    .introduction {
      padding-top: 141px;
      margin-bottom: 50px; }
      .introduction::before {
        background-image: url("../img/top/feature_bg_sp.jpg");
        height: 200px; }
      .introduction__summary {
        background: #fff;
        padding: 30px 30px 10px;
        margin: 0 10px; }
        .introduction__summary h3 {
          font-size: 20px;
          margin-bottom: 15px; }
        .introduction__summary p {
          font-size: 12px;
          width: auto; }
      .introduction__list {
        width: auto;
        border: 1px solid #A0DCFF;
        border-radius: 5px;
        padding: 20px 30px 8px;
        margin: 8px 25px 0; }
      .introduction__item {
        margin-bottom: 25px;
        padding-top: 46px; }
        .introduction__item:nth-child(1)::before {
          margin-bottom: 10px; }
        .introduction__item:nth-child(2)::before {
          margin-bottom: 12px; }
        .introduction__item:nth-child(3)::before {
          margin-bottom: 15px; }
        .introduction__item h4 {
          font-size: 16px;
          margin-bottom: 15px; }
        .introduction__item p {
          font-size: 12px; }
    .contents {
      background-color: rgba(98, 181, 229, 0.1);
      margin-bottom: 30px;
      padding-bottom: 5px; }
      .contents::before {
        display: none; }
      .contents__inner {
        padding: 25px 0 5px; }
        .contents .sec__heading .emphasis {
          font-size: 30px; }
        .contents .sec__heading .balloon {
          left: calc(50% - 130px);
          top: -58px;
          width: 120px;
          height: 50px;
          line-height: 50px;
          font-size: 14px;
          border-radius: 130px / 60px; }
      .contents__text {
        margin: 15px auto;
        padding-right: 40px;
        padding-left: 40px;
        letter-spacing: 0.04em;
        line-height: 1.83; }
    .contents__item {
      margin-bottom: 46px; }
      .contents__item--reverse .contents__detail {
        margin: -60px 25px 0; }
    .contents__detail {
      position: relative;
      background-color: #fff;
      border-radius: 5px;
      margin: -60px 25px 0;
      padding: 23px 25px 45px; }
      .contents__ttl {
        font-size: 18px;
        margin-bottom: 15px;
        text-align: center; }
      .contents__list {
        font-size: 12px;
        line-height: 1.66; }
        .contents__list li {
          padding-left: 32px;
          margin-bottom: 10px; }
          .contents__list li::before {
            top: 0; }
    .contents .button {
      position: absolute;
      bottom: -23px;
      left: 50%;
      transform: translateX(-50%); }
      .contents .button a {
        width: 200px; }
    .course {
      margin: -40px 0 0;
      padding: 35px 25px; }
      .course__text {
        margin: 15px auto 12px;
        padding-right: 15px;
        padding-left: 15px;
        line-height: 1.83; }
      .course__card {
        border-radius: 5px;
        border: 1px solid #63666A;
        margin-bottom: 14px;
        overflow: hidden; }
        .course__card .card_head {
          border-radius: 0;
          padding: 20px 20px 27px; }
          .course__card .card_head--ttl {
            font-size: 16px;
            padding: 0; }
          .course__card .card_head--recommend {
            font-size: 12px;
            margin: 10px 0;
            padding: 5px 10px 4px;
            width: 100%; }
          .course__card .card_head--text {
            font-size: 14px;
            padding: 0;
            line-height: 1.7; }
        .course__card .card_bottom {
          padding: 34px 20px 25px; }
          .course__card .card_bottom--lead {
            font-size: 14px; }
          .course__card .card_bottom--text {
            font-size: 12px; }
  .system {
    overflow: hidden;
    padding-bottom: 56px; }
    .system__text {
      width: auto;
      padding-left: 40px;
      padding-right: 40px; }
  .system__ttl {
    margin-bottom: 15px; }
    .system__detail {
      line-height: 1.83;
      margin-bottom: 15px; }
    .system__img {
      width: 86.9%;
      height: 63.2%;
      margin: 0 auto; }
      .system__img img {
        border-radius: 5px; }
      .system__img::before {
        border-radius: 5px 0 0 5px;
        top: 30px;
        left: 118px; }
    .step {
      padding: 39px 0 24px;
      margin-bottom: 68px; }
      .step .sec__circle_heading {
        top: 5px;
        left: calc(50% - 130px); }
        .step .sec__circle_heading::before {
          left: -32px; }
    .step__list {
      margin: 20px auto 0;
      padding-right: 25px;
      padding-left: 48px; }
      .step__item {
        display: flex;
        align-items: center;
        border-radius: 5px;
        padding: 20px 0 20px 113px;
        margin-bottom: 40px; }
        .step__item:not(:first-child)::before {
          top: -32px;
          left: 50%;
          transform: translateX(-50%) rotate(90deg); }
        .step__item::after {
          top: 13px;
          left: 43px; }
        .step__item:nth-child(1)::after {
          width: 34.28px;
          height: 34.28px; }
        .step__item:nth-child(2)::after {
          width: 35px;
          height: 35px; }
        .step__item:nth-child(3)::after {
          width: 34.28px;
          height: 34.28px; }
      .step__count {
        top: -9px;
        left: -23px;
        transform: none; }
        .step__count--number {
          font-size: 21px;
          width: 46px;
          height: 45px;
          line-height: 45px; }
      .step__ttl {
        font-size: 14px; }
    .step .button {
      position: absolute;
      bottom: -31px;
      left: 50%;
      transform: translateX(-50%); }
      .step .button a {
        width: 263px;
        height: 70px;
        font-size: 16px; }
    .voice {
      margin-bottom: 36px; }
      .voice::before {
        top: 130px;
        height: calc(100% - 130px - 20px); }
      .voice__list > li:not(:first-child) {
        display: none; }
      .voice__item {
        margin: 0 7.5px; }
    .voice .button__normal {
      font-size: 12px;
      height: 40px;
      border: 1px solid #62B5E5; }
    .voice p {
      line-height: 1.8; }
  .news {
    margin: 0; }
  .message {
    margin: 30px 0 0; }
    .message__outer {
      padding: 58px 25px 38px;
      position: relative; }
      .message__outer::after {
        content: '';
        display: block;
        width: 100%;
        height: 38px;
        background: rgba(98, 181, 229, 0.2);
        position: absolute;
        bottom: -38px;
        left: 0;
        right: 0;
        margin: auto; }
      .message__outer .sec__circle_heading {
        top: 5px;
        left: calc(50% - 140px); }
        .message__outer .sec__circle_heading::before {
          left: -22px; }
  .message__inner {
    padding: 0; }
    .message__text {
      font-size: 12px;
      letter-spacing: 0.04em;
      margin-bottom: 22px;
      margin-right: 0; }
    .message__profile {
      margin: 0 0 0 auto; } }
/*# sourceMappingURL=top.css.map */