@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap");
* {
  box-sizing: border-box; }

body {
  color: #3b2d3d;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  overflow-x: hidden;
  line-height: 1.5; }

a {
  color: #3b2d3d;
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

img {
  max-width: 100%; }

.sp {
  display: none !important; }
  @media screen and (max-width: 1040px) {
    .sp {
      display: block !important; } }

@media screen and (max-width: 1040px) {
  .pc {
    display: none !important; } }

.header {
  background: rgba(255, 224, 1, 0.8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 30px;
  position: fixed;
  width: 100%;
  z-index: 999; }
  @media screen and (max-width: 1040px) {
    .header {
      flex-direction: column;
      padding: 6px 12px; } }
  .header__container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  @media screen and (max-width: 1040px) {
    .header__logo {
      width: 130px; } }
  .header__logo__img {
    max-width: 100%;
    height: auto;
    padding-top: 5px; }
    @media screen and (max-width: 1040px) {
      .header__logo__img {
        padding-top: 10px; } }
  .header__hamburger {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    margin: -5px 0 0; }
    @media screen and (min-width: 1041px) {
      .header__hamburger {
        margin: -11px 0 0; } }
    .header__hamburger__text {
      font-size: 10px;
      margin: 0 0 5px; }
    .header__hamburger__icon {
      display: block;
      width: 30px;
      height: 3px;
      margin: 0 0 5px;
      position: relative;
      background: #333; }
      @media screen and (min-width: 1041px) {
        .header__hamburger__icon {
          width: 40px;
          height: 4px;
          margin: 0 0 7px; } }
      .header__hamburger__icon:last-child {
        margin-bottom: 0; }
    .header__hamburger__menu {
      position: fixed;
      background: #fff;
      padding: 55px 50px 40px;
      cursor: initial;
      transition-duration: .5s; }
      @media screen and (min-width: 1041px) {
        .header__hamburger__menu {
          top: -100%;
          left: 0;
          width: 100vw; } }
      @media screen and (max-width: 1040px) {
        .header__hamburger__menu {
          top: 0;
          left: -100%;
          padding: 25px 25px 30px;
          max-width: 325px;
          width: 100%;
          z-index: 10; } }
      .header__hamburger__menu.is-opened {
        transition-duration: .5s; }
        @media screen and (min-width: 1041px) {
          .header__hamburger__menu.is-opened {
            top: 0; } }
        @media screen and (max-width: 1040px) {
          .header__hamburger__menu.is-opened {
            left: 0; } }
      .header__hamburger__menu .close {
        position: absolute;
        width: 27px;
        height: 27px;
        background-color: transparent;
        cursor: pointer;
        top: 20px;
        right: 30px; }
        @media screen and (max-width: 1040px) {
          .header__hamburger__menu .close {
            width: 14px;
            height: 14px; } }
        .header__hamburger__menu .close::before, .header__hamburger__menu .close::after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 35px;
          height: 2px;
          background-color: #9e9e9e;
          transform-origin: center; }
          @media screen and (max-width: 1040px) {
            .header__hamburger__menu .close::before, .header__hamburger__menu .close::after {
              width: 18px; } }
        .header__hamburger__menu .close::before {
          transform: translate(-50%, -50%) rotate(45deg); }
        .header__hamburger__menu .close::after {
          transform: translate(-50%, -50%) rotate(-45deg); }
      .header__hamburger__menu .title {
        font-size: 28px;
        font-weight: 700;
        text-align: center;
        padding: 0 0 30px;
        margin: 0 0 30px;
        border-bottom: 1px solid #333; }
        @media screen and (max-width: 1040px) {
          .header__hamburger__menu .title {
            font-size: 19px;
            padding: 0 0 15px;
            margin: 0 0 10px; } }
      .header__hamburger__menu .list {
        display: flex; }
        @media screen and (max-width: 1040px) {
          .header__hamburger__menu .list {
            width: fit-content;
            margin: 0 0 0 auto; } }
        @media screen and (max-width: 1040px) {
          .header__hamburger__menu .list {
            flex-direction: column;
            gap: 10px 0; } }
        .header__hamburger__menu .list__item {
          margin: 0 35px 0 0; }
          @media screen and (max-width: 1040px) {
            .header__hamburger__menu .list__item {
              margin: 0; } }
          .header__hamburger__menu .list__item__link {
            font-size: 20px;
            font-weight: 700;
            padding: 0 0 0 20px;
            position: relative; }
            @media screen and (max-width: 1040px) {
              .header__hamburger__menu .list__item__link {
                font-size: 12px;
                padding: 0 0 0 13px; } }
            .header__hamburger__menu .list__item__link::before {
              content: '';
              background: url(../img/black_arrow.png) no-repeat center/cover;
              width: 12px;
              height: 18px;
              transform: translateY(-50%);
              position: absolute;
              top: 53%;
              left: 0; }
              @media screen and (max-width: 1040px) {
                .header__hamburger__menu .list__item__link::before {
                  width: 8px;
                  height: 12px; } }
  .header__nav {
    display: flex; }
  .header .menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0 45px 0 0;
    padding: 0;
    height: 100%; }
    @media screen and (max-width: 1040px) {
      .header .menu {
        margin: 0; } }
    @media screen and (max-width: 1040px) {
      .header .menu.sp {
        display: flex !important; } }
    .header .menu__item {
      margin-right: 45px;
      display: flex;
      padding: 5px 0;
      position: relative;
      border-bottom: 4px solid transparent; }
      @media screen and (max-width: 1040px) {
        .header .menu__item {
          margin-right: 10px; } }
      .header .menu__item:last-child {
        margin-right: 0; }
      @media screen and (min-width: 1041px) {
        .header .menu__item.current {
          border-bottom: 4px solid #3b2d3d; } }
      @media screen and (min-width: 1041px) {
        .header .menu__item.current::before {
          content: '';
          background: url(../img/header_current_icon.png);
          height: 18px;
          width: 18px;
          position: absolute;
          top: -7px;
          left: -15px; } }
    .header .menu__link {
      font-size: 20px;
      font-weight: 700; }
      @media screen and (max-width: 1040px) {
        .header .menu__link {
          font-size: 12px; } }

.top {
  background: #ffe001;
  padding: 150px 0 80px;
  display: flex;
  justify-content: center;
  position: relative; }
  @media screen and (max-width: 1040px) {
    .top {
      padding: 125px 0 15px; } }
  .top .top__anime {
    position: absolute; }
  .top .particle {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    width: 10px;
    height: 10px;
    border-radius: 50%; }
  .top__container {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 1040px) {
      .top__container {
        max-width: 375px;
        align-items: center;
        padding: 0 20px; } }
  .top__heading {
    margin: 0 0 25px; }
    @media screen and (max-width: 1040px) {
      .top__heading {
        margin: 0 0 20px; } }
  .top__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 0 60px; }
    @media screen and (max-width: 1040px) {
      .top__bottom {
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0 0 20px; } }
    .top__bottom__left {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 1040px) {
        .top__bottom__left {
          flex-direction: row;
          justify-content: center;
          flex-wrap: wrap;
          gap: 0 20px;
          margin-bottom: 15px; } }
      .top__bottom__left .balloon {
        margin: 0 0 35px 0; }
        @media screen and (max-width: 1040px) {
          .top__bottom__left .balloon {
            margin: 0;
            width: 115px; } }
      @media screen and (max-width: 1040px) {
        .top__bottom__left .cost {
          width: 180px; } }
    .top__bottom__logo {
      width: 303px;
      margin: 0 0 5px; }
    .top__bottom__center {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 90px 0 60px; }
      @media screen and (max-width: 1040px) {
        .top__bottom__center {
          width: 100%;
          margin: 0 0 25px; } }
      .top__bottom__center .logo {
        margin: 0 0 70px 0; }
      .top__bottom__center .btn {
        color: #fff;
        background: #269fa7;
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        width: calc(100% - 10px);
        padding: 15px 0;
        position: relative;
        line-height: 1.15; }
        @media screen and (max-width: 1040px) {
          .top__bottom__center .btn {
            font-size: 20px;
            width: 100%;
            border-radius: 5px;
            padding: 15px 0 15px 15px; } }
        .top__bottom__center .btn::before {
          content: '';
          background: url(../img/white_arrow.png) no-repeat center/cover;
          width: 18px;
          height: 29px;
          transform: translateY(-50%);
          position: absolute;
          top: 50%;
          left: 45px; }
          @media screen and (max-width: 1040px) {
            .top__bottom__center .btn::before {
              width: 8px;
              height: 14px;
              left: 14px; } }
        .top__bottom__center .btn__small {
          font-size: 16px;
          display: block;
          margin: 0 0 5px; }
          @media screen and (max-width: 1040px) {
            .top__bottom__center .btn__small {
              font-size: 13px; } }
    .top__bottom__banner {
      width: 197px;
      height: auto; }
      @media screen and (min-width: 1041px) {
        .top__bottom__banner {
          margin: 0 0 -25px; } }
      @media screen and (max-width: 1040px) {
        .top__bottom__banner {
          max-width: 335px;
          width: 100%; } }
      .top__bottom__banner .image {
        display: block; }
      .top__bottom__banner .slick-list {
        margin: 0 0 15px; }
      .top__bottom__banner .slick-prev {
        display: none !important; }
      .top__bottom__banner .slick-next {
        background: #269fa7;
        font-size: 0;
        border: none;
        width: 36px;
        height: 36px;
        padding: 0;
        position: absolute;
        top: 180px;
        right: -5px;
        cursor: pointer; }
        @media screen and (max-width: 1040px) {
          .top__bottom__banner .slick-next {
            width: 30px;
            height: 30px;
            top: 50px;
            right: -10px; } }
        .top__bottom__banner .slick-next::before {
          content: '';
          background: url(../img/white_arrow.png) no-repeat center/cover;
          width: 12px;
          height: 19px;
          transform: translate(-50%, -50%);
          position: absolute;
          top: 50%;
          left: 53%; }
      .top__bottom__banner .slick-dots {
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 1040px) {
          .top__bottom__banner .slick-dots {
            justify-content: flex-end; } }
        .top__bottom__banner .slick-dots li {
          width: 10px;
          height: 10px;
          margin: 0 6px; }
          .top__bottom__banner .slick-dots li button {
            background: #3b2d3d;
            font-size: 0;
            border: none;
            width: 100%;
            height: 100%;
            padding: 0;
            border-radius: 10px;
            display: block; }
          .top__bottom__banner .slick-dots li.slick-active button {
            background: #249ea6; }
  .top__info {
    background: #faf9d8;
    display: flex;
    flex-direction: column;
    max-width: 820px;
    width: 100%;
    padding: 30px 50px; }
    @media screen and (max-width: 1040px) {
      .top__info {
        padding: 20px 15px; } }
    .top__info__title {
      font-size: 30px;
      font-weight: 700;
      border-bottom: 3px solid #3b2d3d;
      align-self: flex-start;
      margin: 0 0 25px; }
      @media screen and (max-width: 1040px) {
        .top__info__title {
          font-size: 17px;
          border-bottom: 2px solid #3b2d3d;
          padding: 0 0 5px;
          margin: 0 0 15px; } }
    .top__info__list {
      display: flex;
      flex-direction: column;
      gap: 20px 0;
      margin: 0 0 10px; }
      @media screen and (max-width: 1040px) {
        .top__info__list {
          gap: 15px 0; } }
      .top__info__list .item {
        display: flex;
        gap: 0 50px; }
        @media screen and (max-width: 1040px) {
          .top__info__list .item {
            flex-direction: column;
            gap: 0 10px; } }
        .top__info__list .item__date {
          color: #ccc;
          font-size: 16px; }
          @media screen and (max-width: 1040px) {
            .top__info__list .item__date {
              font-size: 12px;
              margin: 0 0 5px; } }
        .top__info__list .item__text {
          font-size: 16px;
          font-weight: 700; }
          @media screen and (max-width: 1040px) {
            .top__info__list .item__text {
              font-size: 12px; } }
    .top__info__more {
      font-size: 16px;
      border-bottom: 3px solid #3b2d3d;
      padding: 0 0 3px 15px;
      position: relative;
      align-self: flex-end; }
      @media screen and (max-width: 1040px) {
        .top__info__more {
          font-size: 12px;
          border-bottom: 2px solid #3b2d3d;
          padding: 0 0 0 10px; } }
      .top__info__more::before {
        content: '';
        background: url(../img/black_arrow.png) no-repeat center/cover;
        width: 7px;
        height: 11px;
        position: absolute;
        left: 0;
        top: 8px; }
        @media screen and (max-width: 1040px) {
          .top__info__more::before {
            width: 6px;
            height: 9px;
            top: 5px; } }

.about__title,
.service__title,
.merit__title,
.voice__title,
.question__title,
.flow__title,
.info__title {
  font-size: 29px;
  position: relative; }
  @media screen and (min-width: 1041px) {
    .about__title,
    .service__title,
    .merit__title,
    .voice__title,
    .question__title,
    .flow__title,
    .info__title {
      font-size: 48px;
      writing-mode: vertical-rl;
      line-height: 1.3; } }
  @media screen and (max-width: 1040px) {
    .about__title,
    .service__title,
    .merit__title,
    .voice__title,
    .question__title,
    .flow__title,
    .info__title {
      width: 100%;
      text-align: center;
      margin: 0 0 60px; } }
  .about__title::before, .about__title::after,
  .service__title::before,
  .service__title::after,
  .merit__title::before,
  .merit__title::after,
  .voice__title::before,
  .voice__title::after,
  .question__title::before,
  .question__title::after,
  .flow__title::before,
  .flow__title::after,
  .info__title::before,
  .info__title::after {
    content: '';
    position: absolute; }
    @media screen and (min-width: 1041px) {
      .about__title::before, .about__title::after,
      .service__title::before,
      .service__title::after,
      .merit__title::before,
      .merit__title::after,
      .voice__title::before,
      .voice__title::after,
      .question__title::before,
      .question__title::after,
      .flow__title::before,
      .flow__title::after,
      .info__title::before,
      .info__title::after {
        width: 35px; } }
    @media screen and (max-width: 1040px) {
      .about__title::before, .about__title::after,
      .service__title::before,
      .service__title::after,
      .merit__title::before,
      .merit__title::after,
      .voice__title::before,
      .voice__title::after,
      .question__title::before,
      .question__title::after,
      .flow__title::before,
      .flow__title::after,
      .info__title::before,
      .info__title::after {
        height: 20px;
        border-top: 1px solid #3b2d3d;
        bottom: -35px; } }
  @media screen and (min-width: 1041px) {
    .about__title::before,
    .service__title::before,
    .merit__title::before,
    .voice__title::before,
    .question__title::before,
    .flow__title::before,
    .info__title::before {
      height: 135px;
      border-bottom: 2px solid #3b2d3d;
      top: 10px; } }
  @media screen and (max-width: 1040px) {
    .about__title::before,
    .service__title::before,
    .merit__title::before,
    .voice__title::before,
    .question__title::before,
    .flow__title::before,
    .info__title::before {
      width: calc(100% - 85px);
      left: 0; } }
  @media screen and (min-width: 1041px) {
    .about__title::after,
    .service__title::after,
    .merit__title::after,
    .voice__title::after,
    .question__title::after,
    .flow__title::after,
    .info__title::after {
      height: calc(100% - 160px);
      bottom: 0; } }
  @media screen and (max-width: 1040px) {
    .about__title::after,
    .service__title::after,
    .merit__title::after,
    .voice__title::after,
    .question__title::after,
    .flow__title::after,
    .info__title::after {
      border-left: 1px solid #3b2d3d;
      width: 70px;
      right: 6px;
      transform: skewX(-30deg); } }

.about,
.merit,
.question {
  display: flex; }
  @media screen and (min-width: 1041px) {
    .about,
    .merit,
    .question {
      padding: 90px 0 90px;
      max-width: 1170px;
      width: 100%;
      margin: 0 auto; } }
  @media screen and (max-width: 1040px) {
    .about,
    .merit,
    .question {
      flex-direction: column;
      align-items: center;
      max-width: 375px;
      margin: 0 auto;
      padding: 35px 20px 50px; } }
  @media screen and (min-width: 1041px) {
    .about__title,
    .merit__title,
    .question__title {
      margin: 0 100px 0 0; } }
  @media screen and (min-width: 1041px) {
    .about__title::before, .about__title::after,
    .merit__title::before,
    .merit__title::after,
    .question__title::before,
    .question__title::after {
      right: -70px;
      border-left: 2px solid #3b2d3d; } }
  @media screen and (min-width: 1041px) {
    .about__title::before,
    .merit__title::before,
    .question__title::before {
      transform: skewY(30deg); } }

.service,
.voice,
.flow,
.info {
  background: #faf9d8;
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 1041px) {
    .service,
    .voice,
    .flow,
    .info {
      padding: 130px 0 100px; } }
  .service__container,
  .voice__container,
  .flow__container,
  .info__container {
    display: flex;
    flex-direction: row-reverse; }
    @media screen and (min-width: 1041px) {
      .service__container,
      .voice__container,
      .flow__container,
      .info__container {
        max-width: 1170px;
        width: 100%; } }
    @media screen and (max-width: 1040px) {
      .service__container,
      .voice__container,
      .flow__container,
      .info__container {
        flex-direction: column;
        align-items: center;
        max-width: 375px;
        margin: 0 auto;
        padding: 35px 20px 50px; } }
  @media screen and (min-width: 1041px) {
    .service__title,
    .voice__title,
    .flow__title,
    .info__title {
      margin: 0 0 0 100px; } }
  @media screen and (min-width: 1041px) {
    .service__title::before, .service__title::after,
    .voice__title::before,
    .voice__title::after,
    .flow__title::before,
    .flow__title::after,
    .info__title::before,
    .info__title::after {
      left: -70px;
      border-right: 2px solid #3b2d3d; } }
  @media screen and (min-width: 1041px) {
    .service__title::before,
    .voice__title::before,
    .flow__title::before,
    .info__title::before {
      transform: skewY(-30deg); } }

.about__heading {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 60px; }
  @media screen and (max-width: 1040px) {
    .about__heading {
      font-size: 16px;
      margin: 0 0 45px; } }

@media screen and (max-width: 1040px) {
  .about__img {
    width: 337.5px; } }

.service__wrap {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 1040px) {
    .service__wrap {
      width: 100%; } }

.service__text {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 60px; }
  @media screen and (max-width: 1040px) {
    .service__text {
      font-size: 16px;
      margin: 0 0 15px; } }
  .service__text--blue {
    color: #269fa7; }

.service__img {
  margin: 0 0 60px; }
  @media screen and (max-width: 1040px) {
    .service__img {
      margin: 0 0 30px; } }

.service__note {
  align-self: flex-start;
  padding: 0 0 0 35px; }
  @media screen and (max-width: 1040px) {
    .service__note {
      padding: 0; } }
  .service__note__text {
    font-size: 18px; }
    @media screen and (max-width: 1040px) {
      .service__note__text {
        font-size: 12px; } }

.merit__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }

.merit__text {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 40px;
  text-align: center; }
  @media screen and (max-width: 1040px) {
    .merit__text {
      font-size: 16px;
      margin: 0 0 70px; } }

.merit__contents {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 240px));
  gap: 80px 60px;
  justify-content: center; }
  @media screen and (max-width: 1040px) {
    .merit__contents {
      justify-content: center;
      grid-template-columns: repeat(auto-fit, minmax(100px, 145px));
      gap: 60px 30px; } }
  .merit__contents__item {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .merit__contents__item .image {
      margin: 0 0 10px; }
    .merit__contents__item .text {
      font-size: 20px;
      font-weight: 700;
      text-align: center;
      padding: 0 10px; }
      @media screen and (max-width: 1040px) {
        .merit__contents__item .text {
          font-size: 14px; } }

.voice__wrap {
  display: flex;
  flex-direction: column;
  gap: 30px 0; }

.voice__contents {
  display: grid;
  grid-template-columns: 425px 425px;
  gap: 70px 30px; }
  @media screen and (max-width: 1040px) {
    .voice__contents {
      grid-template-columns: 1fr;
      gap: 20px 0; } }

.voice__box01:first-child .voice__box01__title::before {
  background: url(../img/voice_man01.png) no-repeat center/cover; }

.voice__box01:nth-child(2) .voice__box01__title::before {
  background: url(../img/voice_woman01.png) no-repeat center/cover; }

.voice__box01__title {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 10px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 0 25px; }
  @media screen and (max-width: 1040px) {
    .voice__box01__title {
      height: 98px;
      margin: 0 0 20px;
      border-radius: 5px; } }
  .voice__box01__title::before {
    content: '';
    width: 134px;
    height: 152px;
    position: absolute;
    bottom: -5px;
    right: 0; }
    @media screen and (max-width: 1040px) {
      .voice__box01__title::before {
        width: 89px;
        height: 101px;
        bottom: -4px; } }
  .voice__box01__title .text {
    font-size: 22px;
    font-weight: 700;
    padding: 0 120px 0 0;
    text-align: center; }
    @media screen and (max-width: 1040px) {
      .voice__box01__title .text {
        font-size: 18px;
        padding: 0 75px 0 0; } }

.voice__box02 {
  display: flex;
  gap: 0 12px; }
  @media screen and (max-width: 1040px) {
    .voice__box02 {
      align-items: center; } }
  .voice__box02__icon {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 15px 10px 0;
    flex-shrink: 0; }
    @media screen and (max-width: 1040px) {
      .voice__box02__icon {
        width: 92px;
        padding: 10px 5px 0;
        border-radius: 5px; } }

.voice__list__item {
  margin: 0 0 5px; }
  .voice__list__item .text {
    font-size: 20px;
    text-indent: -1rem;
    padding-left: 1rem; }
    @media screen and (max-width: 1040px) {
      .voice__list__item .text {
        font-size: 14px; } }
    .voice__list__item .text--blue {
      color: #269fa7; }

.question__wrap {
  width: 100%;
  max-width: 960px;
  display: flex;
  flex-direction: column;
  gap: 30px 0; }
  @media screen and (max-width: 1040px) {
    .question__wrap {
      gap: 20px 0; } }

.question__item {
  border-width: 2px 5px 4px 2px;
  border-style: solid;
  border-color: #3b2d3d;
  border-radius: 10px;
  padding: 25px 0 30px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  cursor: pointer; }
  @media screen and (max-width: 1040px) {
    .question__item {
      padding: 20px 0;
      gap: 20px 0; } }
  .question__item.on .question__item__btn::before {
    display: none; }
  .question__item__title {
    font-size: 24px;
    font-weight: 700;
    padding: 0 90px 0 70px;
    position: relative; }
    @media screen and (max-width: 1040px) {
      .question__item__title {
        font-size: 14px;
        padding: 0 0 0 40px; } }
    .question__item__title::before {
      content: 'Q';
      color: #269fa7;
      font-size: 44px;
      font-weight: 700;
      transform: translateY(-50%);
      position: absolute;
      top: 36%;
      left: 15px; }
      @media screen and (max-width: 1040px) {
        .question__item__title::before {
          font-size: 24px;
          top: 45%;
          left: 12px; } }
  .question__item__btn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 14px);
    right: 17px; }
    @media screen and (max-width: 1040px) {
      .question__item__btn {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
        right: 10px; } }
    .question__item__btn::before, .question__item__btn::after {
      content: '';
      background: #3b2d3d;
      position: absolute;
      border-radius: 10px; }
    .question__item__btn::before {
      width: 6px;
      height: 100%;
      left: 0;
      right: 0;
      margin: 0 auto; }
      @media screen and (max-width: 1040px) {
        .question__item__btn::before {
          width: 4px; } }
    .question__item__btn::after {
      width: 100%;
      height: 6px;
      transform: translateY(-50%);
      top: 50%; }
      @media screen and (max-width: 1040px) {
        .question__item__btn::after {
          height: 4px; } }
  .question__item__answer {
    font-size: 24px;
    font-weight: 700;
    padding: 0 90px 0 70px;
    position: relative;
    display: none; }
    @media screen and (max-width: 1040px) {
      .question__item__answer {
        font-size: 14px;
        padding: 0 30px 0 40px; } }
    .question__item__answer::before {
      content: 'A';
      color: #269fa7;
      font-size: 44px;
      font-weight: 700;
      transform: translateY(-50%);
      position: absolute;
      top: 16px;
      left: 20px; }
      @media screen and (max-width: 1040px) {
        .question__item__answer::before {
          font-size: 24px;
          top: 10px;
          left: 15px; } }
    .question__item__answer .text--green {
      color: #269fa7; }
    .question__item__answer table,
    .question__item__answer tr,
    .question__item__answer td {
      border: 1px solid #000;
      border-spacing: 0; }
    .question__item__answer table {
      margin: 30px 0 0; }
      @media screen and (max-width: 1040px) {
        .question__item__answer table {
          margin: 15px 0 0; } }
    .question__item__answer td {
      padding: 10px 20px;
      text-align: center; }
      @media screen and (max-width: 1040px) {
        .question__item__answer td {
          padding: 5px 10px; } }
    .question__item__answer .note {
      font-size: 12px;
      margin: 10px 0 0;
      float: right; }
      @media screen and (max-width: 1040px) {
        .question__item__answer .note {
          font-size: 10px; } }

.question__more {
  font-size: 16px;
  border-bottom: 3px solid #3b2d3d;
  padding: 0 0 3px 15px;
  margin: 0 -15px 0 0;
  position: relative;
  align-self: flex-end; }
  @media screen and (max-width: 1040px) {
    .question__more {
      font-size: 12px;
      margin: 0;
      border-bottom: 2px solid #3b2d3d;
      padding: 0 0 0 10px; } }
  .question__more::before {
    content: '';
    background: url(../img/black_arrow.png) no-repeat center/cover;
    width: 7px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 8px; }
    @media screen and (max-width: 1040px) {
      .question__more::before {
        width: 6px;
        height: 9px;
        top: 5px; } }

@media screen and (min-width: 1041px) {
  .flow__container {
    padding: 0 50px 0 0; } }

.flow__wrap {
  display: flex;
  flex-direction: column;
  align-items: center; }

.flow__img {
  margin: 0 0 30px; }

.flow__note__text {
  font-size: 18px; }
  @media screen and (max-width: 1040px) {
    .flow__note__text {
      font-size: 12px; } }

.excite {
  background: #ffe001;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 85px; }
  @media screen and (max-width: 1040px) {
    .excite {
      padding: 0 0 115px; } }
  .excite.pin-cancel {
    padding: 0; }
  @media screen and (max-width: 1040px) {
    .excite__img {
      max-width: 375px; } }

.contact {
  position: fixed;
  bottom: 0;
  width: 100vw;
  background: #ffe001;
  color: #269fa7;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 1040px) {
    .contact {
      padding: 10px 20px;
      width: 100%; } }
  .contact.pin-cancel {
    position: relative;
    padding: 0 0 10px; }
    @media screen and (max-width: 1040px) {
      .contact.pin-cancel {
        padding: 55px 20px 10px; } }
    @media screen and (max-width: 1040px) {
      .contact.pin-cancel .contact__box01, .contact.pin-cancel .contact__box02 {
        display: flex; } }
  .contact__box01, .contact__box02 {
    font-size: 19px;
    width: 237px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    line-height: 1.3; }
    @media screen and (max-width: 1040px) {
      .contact__box01, .contact__box02 {
        display: none;
        background: url(../img/footer_box03.png) no-repeat center/cover;
        font-size: 12px;
        width: 129px;
        height: 54px;
        position: absolute;
        top: 0;
        padding: 0 0 16px; } }
  @media screen and (min-width: 1041px) {
    .contact__box01 {
      background: url(../img/footer_box01.png) no-repeat center/cover;
      padding: 0 20px 6px 0;
      margin: 0 -10px 0 0; } }
  @media screen and (max-width: 1040px) {
    .contact__box01 {
      left: 25px; } }
  @media screen and (min-width: 1041px) {
    .contact__box02 {
      background: url(../img/footer_box02.png) no-repeat center/cover;
      padding: 0 0 6px 20px;
      margin: 0 0 0 -10px; } }
  @media screen and (max-width: 1040px) {
    .contact__box02 {
      right: 25px; } }
  .contact__link {
    background: #269fa7;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    border-radius: 10px;
    padding: 15px 90px 15px 115px;
    position: relative; }
    @media screen and (max-width: 1040px) {
      .contact__link {
        font-size: 20px;
        border-radius: 5px;
        padding: 13px 0 13px 20px;
        width: 100%; } }
    .contact__link::before {
      content: '';
      background: url(../img/white_arrow.png) no-repeat center/cover;
      width: 18px;
      height: 28px;
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      left: 50px; }
      @media screen and (max-width: 1040px) {
        .contact__link::before {
          width: 9px;
          height: 14px;
          left: 20px; } }
    .contact__link .small {
      font-size: 16px;
      display: block; }
      @media screen and (max-width: 1040px) {
        .contact__link .small {
          font-size: 13px; } }

.footer__menu {
  background: #f2f2f2; }
  .footer__menu__list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    .footer__menu__list .item {
      margin: 0 20px; }
      @media screen and (max-width: 1040px) {
        .footer__menu__list .item {
          margin: 0 5px; } }
      .footer__menu__list .item__link {
        font-size: 20px;
        font-weight: 700;
        padding: 20px 0;
        display: block; }
        @media screen and (max-width: 1040px) {
          .footer__menu__list .item__link {
            font-size: 12px; } }

.footer__copyright {
  background: #f2f2f2;
  font-size: 20px;
  padding: 20px 0;
  text-align: center; }
  @media screen and (max-width: 1040px) {
    .footer__copyright {
      font-size: 12px;
      padding: 0 0 20px; } }

@keyframes stretch {
  0% {
    transform: scaleX(1) scaleY(1); }
  33% {
    transform: scaleX(0.9) scaleY(1); }
  66% {
    transform: scaleX(1) scaleY(0.9); }
  100% {
    transform: scaleX(1) scaleY(1); } }

@-webkit-keyframes stretch {
  0% {
    -webkit-transform: scaleX(1) scaleY(1); }
  33% {
    -webkit-transform: scaleX(0.9) scaleY(1); }
  66% {
    -webkit-transform: scaleX(1) scaleY(0.9); }
  100% {
    -webkit-transform: scaleX(1) scaleY(1); } }

@keyframes shake {
  0% {
    transform: translateX(10px); }
  50% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(10px); } }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(10px); }
  50% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(10px); } }

@keyframes move {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-1200px);
    opacity: 0; } }

@-webkit-keyframes move {
  0% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-1000px);
    opacity: 0; } }

.bubble {
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }
  .bubble__item {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.8) inset;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.8) inset;
    position: relative; }
    .bubble__item:after {
      content: "";
      display: block;
      width: 20%;
      height: 20%;
      border-radius: 100%;
      background: white;
      position: absolute;
      right: 15%;
      top: 15%;
      transform: rotateZ(45deg) scaleY(0.8);
      -webkit-transform: rotateZ(45deg) scaleY(0.8); }

/*animation Play*/
.bubble--shake0 {
  animation: shake 2s ease 0s infinite normal;
  -webkit-animation: shake 2s ease 0s infinite normal; }

.bubble--move0 {
  animation: move 10s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
  -webkit-animation: move 10s cubic-bezier(0.47, 0, 0.745, 0.715) 0s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos0 {
  left: 0%; }

.bubble--scale0 {
  transform: scale(0);
  -webkit-transform: scale(0); }

.bubble--shake1 {
  animation: shake 2.2s ease 0s infinite normal;
  -webkit-animation: shake 2.2s ease 0s infinite normal; }

.bubble--move1 {
  animation: move 10.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite normal;
  -webkit-animation: move 10.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos1 {
  left: 2%; }

.bubble--scale1 {
  transform: scale(0.1);
  -webkit-transform: scale(0.1); }

.bubble--shake2 {
  animation: shake 2.4s ease 0s infinite normal;
  -webkit-animation: shake 2.4s ease 0s infinite normal; }

.bubble--move2 {
  animation: move 10.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite normal;
  -webkit-animation: move 10.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos2 {
  left: 4%; }

.bubble--scale2 {
  transform: scale(0.2);
  -webkit-transform: scale(0.2); }

.bubble--shake3 {
  animation: shake 2.6s ease 0s infinite normal;
  -webkit-animation: shake 2.6s ease 0s infinite normal; }

.bubble--move3 {
  animation: move 10.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite normal;
  -webkit-animation: move 10.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos3 {
  left: 6%; }

.bubble--scale3 {
  transform: scale(0.3);
  -webkit-transform: scale(0.3); }

.bubble--shake4 {
  animation: shake 2.8s ease 0s infinite normal;
  -webkit-animation: shake 2.8s ease 0s infinite normal; }

.bubble--move4 {
  animation: move 10.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite normal;
  -webkit-animation: move 10.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos4 {
  left: 8%; }

.bubble--scale4 {
  transform: scale(0.4);
  -webkit-transform: scale(0.4); }

.bubble--shake5 {
  animation: shake 3s ease 0s infinite normal;
  -webkit-animation: shake 3s ease 0s infinite normal; }

.bubble--move5 {
  animation: move 11s cubic-bezier(0.47, 0, 0.745, 0.715) 1s infinite normal;
  -webkit-animation: move 11s cubic-bezier(0.47, 0, 0.745, 0.715) 1s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos5 {
  left: 10%; }

.bubble--scale5 {
  transform: scale(0.5);
  -webkit-transform: scale(0.5); }

.bubble--shake6 {
  animation: shake 3.2s ease 0s infinite normal;
  -webkit-animation: shake 3.2s ease 0s infinite normal; }

.bubble--move6 {
  animation: move 11.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s infinite normal;
  -webkit-animation: move 11.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos6 {
  left: 12%; }

.bubble--scale6 {
  transform: scale(0.6);
  -webkit-transform: scale(0.6); }

.bubble--shake7 {
  animation: shake 3.4s ease 0s infinite normal;
  -webkit-animation: shake 3.4s ease 0s infinite normal; }

.bubble--move7 {
  animation: move 11.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s infinite normal;
  -webkit-animation: move 11.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos7 {
  left: 14%; }

.bubble--scale7 {
  transform: scale(0.7);
  -webkit-transform: scale(0.7); }

.bubble--shake8 {
  animation: shake 3.6s ease 0s infinite normal;
  -webkit-animation: shake 3.6s ease 0s infinite normal; }

.bubble--move8 {
  animation: move 11.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s infinite normal;
  -webkit-animation: move 11.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos8 {
  left: 16%; }

.bubble--scale8 {
  transform: scale(0.8);
  -webkit-transform: scale(0.8); }

.bubble--shake9 {
  animation: shake 3.8s ease 0s infinite normal;
  -webkit-animation: shake 3.8s ease 0s infinite normal; }

.bubble--move9 {
  animation: move 11.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s infinite normal;
  -webkit-animation: move 11.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos9 {
  left: 18%; }

.bubble--scale9 {
  transform: scale(0.9);
  -webkit-transform: scale(0.9); }

.bubble--shake10 {
  animation: shake 4s ease 0s infinite normal;
  -webkit-animation: shake 4s ease 0s infinite normal; }

.bubble--move10 {
  animation: move 12s cubic-bezier(0.47, 0, 0.745, 0.715) 2s infinite normal;
  -webkit-animation: move 12s cubic-bezier(0.47, 0, 0.745, 0.715) 2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos10 {
  left: 20%; }

.bubble--scale10 {
  transform: scale(1);
  -webkit-transform: scale(1); }

.bubble--shake11 {
  animation: shake 4.2s ease 0s infinite normal;
  -webkit-animation: shake 4.2s ease 0s infinite normal; }

.bubble--move11 {
  animation: move 12.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s infinite normal;
  -webkit-animation: move 12.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos11 {
  left: 22%; }

.bubble--scale11 {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

.bubble--shake12 {
  animation: shake 4.4s ease 0s infinite normal;
  -webkit-animation: shake 4.4s ease 0s infinite normal; }

.bubble--move12 {
  animation: move 12.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s infinite normal;
  -webkit-animation: move 12.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos12 {
  left: 24%; }

.bubble--scale12 {
  transform: scale(1.2);
  -webkit-transform: scale(1.2); }

.bubble--shake13 {
  animation: shake 4.6s ease 0s infinite normal;
  -webkit-animation: shake 4.6s ease 0s infinite normal; }

.bubble--move13 {
  animation: move 12.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s infinite normal;
  -webkit-animation: move 12.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos13 {
  left: 26%; }

.bubble--scale13 {
  transform: scale(1.3);
  -webkit-transform: scale(1.3); }

.bubble--shake14 {
  animation: shake 4.8s ease 0s infinite normal;
  -webkit-animation: shake 4.8s ease 0s infinite normal; }

.bubble--move14 {
  animation: move 12.8s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s infinite normal;
  -webkit-animation: move 12.8s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos14 {
  left: 28%; }

.bubble--scale14 {
  transform: scale(1.4);
  -webkit-transform: scale(1.4); }

.bubble--shake15 {
  animation: shake 5s ease 0s infinite normal;
  -webkit-animation: shake 5s ease 0s infinite normal; }

.bubble--move15 {
  animation: move 13s cubic-bezier(0.47, 0, 0.745, 0.715) 3s infinite normal;
  -webkit-animation: move 13s cubic-bezier(0.47, 0, 0.745, 0.715) 3s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos15 {
  left: 30%; }

.bubble--scale15 {
  transform: scale(1.5);
  -webkit-transform: scale(1.5); }

.bubble--shake16 {
  animation: shake 5.2s ease 0s infinite normal;
  -webkit-animation: shake 5.2s ease 0s infinite normal; }

.bubble--move16 {
  animation: move 13.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s infinite normal;
  -webkit-animation: move 13.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos16 {
  left: 32%; }

.bubble--scale16 {
  transform: scale(1.6);
  -webkit-transform: scale(1.6); }

.bubble--shake17 {
  animation: shake 5.4s ease 0s infinite normal;
  -webkit-animation: shake 5.4s ease 0s infinite normal; }

.bubble--move17 {
  animation: move 13.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s infinite normal;
  -webkit-animation: move 13.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos17 {
  left: 34%; }

.bubble--scale17 {
  transform: scale(1.7);
  -webkit-transform: scale(1.7); }

.bubble--shake18 {
  animation: shake 5.6s ease 0s infinite normal;
  -webkit-animation: shake 5.6s ease 0s infinite normal; }

.bubble--move18 {
  animation: move 13.6s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s infinite normal;
  -webkit-animation: move 13.6s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos18 {
  left: 36%; }

.bubble--scale18 {
  transform: scale(1.8);
  -webkit-transform: scale(1.8); }

.bubble--shake19 {
  animation: shake 5.8s ease 0s infinite normal;
  -webkit-animation: shake 5.8s ease 0s infinite normal; }

.bubble--move19 {
  animation: move 13.8s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s infinite normal;
  -webkit-animation: move 13.8s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos19 {
  left: 38%; }

.bubble--scale19 {
  transform: scale(1.9);
  -webkit-transform: scale(1.9); }

.bubble--shake20 {
  animation: shake 6s ease 0s infinite normal;
  -webkit-animation: shake 6s ease 0s infinite normal; }

.bubble--move20 {
  animation: move 14s cubic-bezier(0.47, 0, 0.745, 0.715) 4s infinite normal;
  -webkit-animation: move 14s cubic-bezier(0.47, 0, 0.745, 0.715) 4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos20 {
  left: 40%; }

.bubble--scale20 {
  transform: scale(2);
  -webkit-transform: scale(2); }

.bubble--shake21 {
  animation: shake 6.2s ease 0s infinite normal;
  -webkit-animation: shake 6.2s ease 0s infinite normal; }

.bubble--move21 {
  animation: move 14.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s infinite normal;
  -webkit-animation: move 14.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos21 {
  left: 42%; }

.bubble--scale21 {
  transform: scale(2.1);
  -webkit-transform: scale(2.1); }

.bubble--shake22 {
  animation: shake 6.4s ease 0s infinite normal;
  -webkit-animation: shake 6.4s ease 0s infinite normal; }

.bubble--move22 {
  animation: move 14.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s infinite normal;
  -webkit-animation: move 14.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos22 {
  left: 44%; }

.bubble--scale22 {
  transform: scale(2.2);
  -webkit-transform: scale(2.2); }

.bubble--shake23 {
  animation: shake 6.6s ease 0s infinite normal;
  -webkit-animation: shake 6.6s ease 0s infinite normal; }

.bubble--move23 {
  animation: move 14.6s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s infinite normal;
  -webkit-animation: move 14.6s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos23 {
  left: 46%; }

.bubble--scale23 {
  transform: scale(2.3);
  -webkit-transform: scale(2.3); }

.bubble--shake24 {
  animation: shake 6.8s ease 0s infinite normal;
  -webkit-animation: shake 6.8s ease 0s infinite normal; }

.bubble--move24 {
  animation: move 14.8s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s infinite normal;
  -webkit-animation: move 14.8s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos24 {
  left: 48%; }

.bubble--scale24 {
  transform: scale(2.4);
  -webkit-transform: scale(2.4); }

.bubble--shake25 {
  animation: shake 7s ease 0s infinite normal;
  -webkit-animation: shake 7s ease 0s infinite normal; }

.bubble--move25 {
  animation: move 15s cubic-bezier(0.47, 0, 0.745, 0.715) 5s infinite normal;
  -webkit-animation: move 15s cubic-bezier(0.47, 0, 0.745, 0.715) 5s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos25 {
  left: 50%; }

.bubble--scale25 {
  transform: scale(2.5);
  -webkit-transform: scale(2.5); }

.bubble--shake26 {
  animation: shake 7.2s ease 0s infinite normal;
  -webkit-animation: shake 7.2s ease 0s infinite normal; }

.bubble--move26 {
  animation: move 15.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s infinite normal;
  -webkit-animation: move 15.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos26 {
  left: 52%; }

.bubble--scale26 {
  transform: scale(2.6);
  -webkit-transform: scale(2.6); }

.bubble--shake27 {
  animation: shake 7.4s ease 0s infinite normal;
  -webkit-animation: shake 7.4s ease 0s infinite normal; }

.bubble--move27 {
  animation: move 15.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s infinite normal;
  -webkit-animation: move 15.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos27 {
  left: 54%; }

.bubble--scale27 {
  transform: scale(2.7);
  -webkit-transform: scale(2.7); }

.bubble--shake28 {
  animation: shake 7.6s ease 0s infinite normal;
  -webkit-animation: shake 7.6s ease 0s infinite normal; }

.bubble--move28 {
  animation: move 15.6s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s infinite normal;
  -webkit-animation: move 15.6s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos28 {
  left: 56%; }

.bubble--scale28 {
  transform: scale(2.8);
  -webkit-transform: scale(2.8); }

.bubble--shake29 {
  animation: shake 7.8s ease 0s infinite normal;
  -webkit-animation: shake 7.8s ease 0s infinite normal; }

.bubble--move29 {
  animation: move 15.8s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s infinite normal;
  -webkit-animation: move 15.8s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos29 {
  left: 58%; }

.bubble--scale29 {
  transform: scale(2.9);
  -webkit-transform: scale(2.9); }

.bubble--shake30 {
  animation: shake 8s ease 0s infinite normal;
  -webkit-animation: shake 8s ease 0s infinite normal; }

.bubble--move30 {
  animation: move 16s cubic-bezier(0.47, 0, 0.745, 0.715) 6s infinite normal;
  -webkit-animation: move 16s cubic-bezier(0.47, 0, 0.745, 0.715) 6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos30 {
  left: 60%; }

.bubble--scale30 {
  transform: scale(3);
  -webkit-transform: scale(3); }

.bubble--shake31 {
  animation: shake 8.2s ease 0s infinite normal;
  -webkit-animation: shake 8.2s ease 0s infinite normal; }

.bubble--move31 {
  animation: move 16.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s infinite normal;
  -webkit-animation: move 16.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos31 {
  left: 62%; }

.bubble--scale31 {
  transform: scale(3.1);
  -webkit-transform: scale(3.1); }

.bubble--shake32 {
  animation: shake 8.4s ease 0s infinite normal;
  -webkit-animation: shake 8.4s ease 0s infinite normal; }

.bubble--move32 {
  animation: move 16.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s infinite normal;
  -webkit-animation: move 16.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos32 {
  left: 64%; }

.bubble--scale32 {
  transform: scale(3.2);
  -webkit-transform: scale(3.2); }

.bubble--shake33 {
  animation: shake 8.6s ease 0s infinite normal;
  -webkit-animation: shake 8.6s ease 0s infinite normal; }

.bubble--move33 {
  animation: move 16.6s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s infinite normal;
  -webkit-animation: move 16.6s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos33 {
  left: 66%; }

.bubble--scale33 {
  transform: scale(3.3);
  -webkit-transform: scale(3.3); }

.bubble--shake34 {
  animation: shake 8.8s ease 0s infinite normal;
  -webkit-animation: shake 8.8s ease 0s infinite normal; }

.bubble--move34 {
  animation: move 16.8s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s infinite normal;
  -webkit-animation: move 16.8s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos34 {
  left: 68%; }

.bubble--scale34 {
  transform: scale(3.4);
  -webkit-transform: scale(3.4); }

.bubble--shake35 {
  animation: shake 9s ease 0s infinite normal;
  -webkit-animation: shake 9s ease 0s infinite normal; }

.bubble--move35 {
  animation: move 17s cubic-bezier(0.47, 0, 0.745, 0.715) 7s infinite normal;
  -webkit-animation: move 17s cubic-bezier(0.47, 0, 0.745, 0.715) 7s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos35 {
  left: 70%; }

.bubble--scale35 {
  transform: scale(3.5);
  -webkit-transform: scale(3.5); }

.bubble--shake36 {
  animation: shake 9.2s ease 0s infinite normal;
  -webkit-animation: shake 9.2s ease 0s infinite normal; }

.bubble--move36 {
  animation: move 17.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s infinite normal;
  -webkit-animation: move 17.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos36 {
  left: 72%; }

.bubble--scale36 {
  transform: scale(3.6);
  -webkit-transform: scale(3.6); }

.bubble--shake37 {
  animation: shake 9.4s ease 0s infinite normal;
  -webkit-animation: shake 9.4s ease 0s infinite normal; }

.bubble--move37 {
  animation: move 17.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4s infinite normal;
  -webkit-animation: move 17.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos37 {
  left: 74%; }

.bubble--scale37 {
  transform: scale(3.7);
  -webkit-transform: scale(3.7); }

.bubble--shake38 {
  animation: shake 9.6s ease 0s infinite normal;
  -webkit-animation: shake 9.6s ease 0s infinite normal; }

.bubble--move38 {
  animation: move 17.6s cubic-bezier(0.47, 0, 0.745, 0.715) 7.6s infinite normal;
  -webkit-animation: move 17.6s cubic-bezier(0.47, 0, 0.745, 0.715) 7.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos38 {
  left: 76%; }

.bubble--scale38 {
  transform: scale(3.8);
  -webkit-transform: scale(3.8); }

.bubble--shake39 {
  animation: shake 9.8s ease 0s infinite normal;
  -webkit-animation: shake 9.8s ease 0s infinite normal; }

.bubble--move39 {
  animation: move 17.8s cubic-bezier(0.47, 0, 0.745, 0.715) 7.8s infinite normal;
  -webkit-animation: move 17.8s cubic-bezier(0.47, 0, 0.745, 0.715) 7.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos39 {
  left: 78%; }

.bubble--scale39 {
  transform: scale(3.9);
  -webkit-transform: scale(3.9); }

.bubble--shake40 {
  animation: shake 10s ease 0s infinite normal;
  -webkit-animation: shake 10s ease 0s infinite normal; }

.bubble--move40 {
  animation: move 18s cubic-bezier(0.47, 0, 0.745, 0.715) 8s infinite normal;
  -webkit-animation: move 18s cubic-bezier(0.47, 0, 0.745, 0.715) 8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos40 {
  left: 80%; }

.bubble--scale40 {
  transform: scale(4);
  -webkit-transform: scale(4); }

.bubble--shake41 {
  animation: shake 10.2s ease 0s infinite normal;
  -webkit-animation: shake 10.2s ease 0s infinite normal; }

.bubble--move41 {
  animation: move 18.2s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s infinite normal;
  -webkit-animation: move 18.2s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos41 {
  left: 82%; }

.bubble--scale41 {
  transform: scale(4.1);
  -webkit-transform: scale(4.1); }

.bubble--shake42 {
  animation: shake 10.4s ease 0s infinite normal;
  -webkit-animation: shake 10.4s ease 0s infinite normal; }

.bubble--move42 {
  animation: move 18.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s infinite normal;
  -webkit-animation: move 18.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos42 {
  left: 84%; }

.bubble--scale42 {
  transform: scale(4.2);
  -webkit-transform: scale(4.2); }

.bubble--shake43 {
  animation: shake 10.6s ease 0s infinite normal;
  -webkit-animation: shake 10.6s ease 0s infinite normal; }

.bubble--move43 {
  animation: move 18.6s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s infinite normal;
  -webkit-animation: move 18.6s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos43 {
  left: 86%; }

.bubble--scale43 {
  transform: scale(4.3);
  -webkit-transform: scale(4.3); }

.bubble--shake44 {
  animation: shake 10.8s ease 0s infinite normal;
  -webkit-animation: shake 10.8s ease 0s infinite normal; }

.bubble--move44 {
  animation: move 18.8s cubic-bezier(0.47, 0, 0.745, 0.715) 8.8s infinite normal;
  -webkit-animation: move 18.8s cubic-bezier(0.47, 0, 0.745, 0.715) 8.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos44 {
  left: 88%; }

.bubble--scale44 {
  transform: scale(4.4);
  -webkit-transform: scale(4.4); }

.bubble--shake45 {
  animation: shake 11s ease 0s infinite normal;
  -webkit-animation: shake 11s ease 0s infinite normal; }

.bubble--move45 {
  animation: move 19s cubic-bezier(0.47, 0, 0.745, 0.715) 9s infinite normal;
  -webkit-animation: move 19s cubic-bezier(0.47, 0, 0.745, 0.715) 9s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos45 {
  left: 90%; }

.bubble--scale45 {
  transform: scale(4.5);
  -webkit-transform: scale(4.5); }

.bubble--shake46 {
  animation: shake 11.2s ease 0s infinite normal;
  -webkit-animation: shake 11.2s ease 0s infinite normal; }

.bubble--move46 {
  animation: move 19.2s cubic-bezier(0.47, 0, 0.745, 0.715) 9.2s infinite normal;
  -webkit-animation: move 19.2s cubic-bezier(0.47, 0, 0.745, 0.715) 9.2s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos46 {
  left: 92%; }

.bubble--scale46 {
  transform: scale(4.6);
  -webkit-transform: scale(4.6); }

.bubble--shake47 {
  animation: shake 11.4s ease 0s infinite normal;
  -webkit-animation: shake 11.4s ease 0s infinite normal; }

.bubble--move47 {
  animation: move 19.4s cubic-bezier(0.47, 0, 0.745, 0.715) 9.4s infinite normal;
  -webkit-animation: move 19.4s cubic-bezier(0.47, 0, 0.745, 0.715) 9.4s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos47 {
  left: 94%; }

.bubble--scale47 {
  transform: scale(4.7);
  -webkit-transform: scale(4.7); }

.bubble--shake48 {
  animation: shake 11.6s ease 0s infinite normal;
  -webkit-animation: shake 11.6s ease 0s infinite normal; }

.bubble--move48 {
  animation: move 19.6s cubic-bezier(0.47, 0, 0.745, 0.715) 9.6s infinite normal;
  -webkit-animation: move 19.6s cubic-bezier(0.47, 0, 0.745, 0.715) 9.6s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos48 {
  left: 96%; }

.bubble--scale48 {
  transform: scale(4.8);
  -webkit-transform: scale(4.8); }

.bubble--shake49 {
  animation: shake 11.8s ease 0s infinite normal;
  -webkit-animation: shake 11.8s ease 0s infinite normal; }

.bubble--move49 {
  animation: move 19.8s cubic-bezier(0.47, 0, 0.745, 0.715) 9.8s infinite normal;
  -webkit-animation: move 19.8s cubic-bezier(0.47, 0, 0.745, 0.715) 9.8s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos49 {
  left: 98%; }

.bubble--scale49 {
  transform: scale(4.9);
  -webkit-transform: scale(4.9); }

.bubble--shake50 {
  animation: shake 12s ease 0s infinite normal;
  -webkit-animation: shake 12s ease 0s infinite normal; }

.bubble--move50 {
  animation: move 20s cubic-bezier(0.47, 0, 0.745, 0.715) 10s infinite normal;
  -webkit-animation: move 20s cubic-bezier(0.47, 0, 0.745, 0.715) 10s infinite normal;
  position: absolute;
  bottom: -10%; }

.bubble--pos50 {
  left: 100%; }

.bubble--scale50 {
  transform: scale(5);
  -webkit-transform: scale(5); }

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 0 0; }
  @media screen and (max-width: 1040px) {
    .form {
      padding: 100px 0 0; } }
  .form__img {
    max-width: 640px;
    margin: 0 0 20px;
    padding: 0 40px; }
    @media screen and (max-width: 1040px) {
      .form__img {
        width: 100%;
        padding: 0 20px; } }
  .form__text {
    font-size: 24px;
    max-width: 650px;
    text-align: center;
    margin: 0 0 30px; }
    @media screen and (max-width: 1040px) {
      .form__text {
        font-size: 16px;
        padding: 0 20px; } }
  .form__company {
    font-size: 18px;
    text-align: center;
    margin: 20px 0; }
    @media screen and (max-width: 1040px) {
      .form__company {
        font-size: 12px;
        margin: 10px 0; } }
  @media screen and (max-width: 1040px) {
    .form iframe {
      height: 1212px; } }