/* line 4, contact.scss */
.page-title.topimage {
  background-image: url("../img/topimage_contact.jpg"); }

/* line 9, contact.scss */
.en-title {
  margin-bottom: 90px; }
  @media screen and (max-width: 800px) {
    /* line 9, contact.scss */
    .en-title {
      margin-bottom: 15px; } }

/* line 16, contact.scss */
.contact-top {
  margin-bottom: 95px; }
  @media screen and (max-width: 800px) {
    /* line 16, contact.scss */
    .contact-top {
      margin-bottom: 60px; } }
  /* line 21, contact.scss */
  .contact-top .detail {
    margin-bottom: 60px; }
    @media screen and (max-width: 800px) {
      /* line 21, contact.scss */
      .contact-top .detail {
        margin-bottom: 40px; } }
    /* line 26, contact.scss */
    .contact-top .detail:last-child {
      margin-bottom: 0; }
    /* line 29, contact.scss */
    .contact-top .detail h2 {
      font-size: 24px;
      line-height: 1.5;
      letter-spacing: 0.05em;
      margin-bottom: 24px; }
      @media screen and (max-width: 800px) {
        /* line 29, contact.scss */
        .contact-top .detail h2 {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 20px; } }
    /* line 40, contact.scss */
    .contact-top .detail p {
      margin-bottom: 0; }

/* line 47, contact.scss */
.contact {
  padding-top: 105px;
  padding-bottom: 95px; }
  @media screen and (max-width: 800px) {
    /* line 47, contact.scss */
    .contact {
      padding-top: 60px;
      padding-bottom: 80px; } }
  /* line 54, contact.scss */
  .contact .step {
    display: flex;
    width: 798px;
    margin: 0 0 35px;
    padding: 0;
    counter-reset: count; }
    @media screen and (max-width: 800px) {
      /* line 54, contact.scss */
      .contact .step {
        width: calc(100% + 16px); } }
    /* line 63, contact.scss */
    .contact .step li {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      min-height: 60px;
      font-weight: 700;
      letter-spacing: 0.2em;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 63, contact.scss */
        .contact .step li {
          min-height: 50px; } }
      /* line 77, contact.scss */
      .contact .step li.s01 {
        color: #FFFFFF;
        background-color: #13304B;
        z-index: 2; }
        /* line 81, contact.scss */
        .contact .step li.s01::after {
          background-color: #13304B;
          border-left: 1px solid #13304B; }
      /* line 86, contact.scss */
      .contact .step li.s02 {
        color: #B5B8BC;
        background-color: #E5E8EB; }
        /* line 89, contact.scss */
        .contact .step li.s02::after {
          background-color: #E5E8EB;
          border-left: 1px solid #E5E8EB;
          z-index: 1; }
      /* line 95, contact.scss */
      .contact .step li.s03 {
        color: #E5E8EB;
        background-color: #B5B8BC;
        z-index: 0; }
        /* line 99, contact.scss */
        .contact .step li.s03::after {
          display: none; }
      /* line 104, contact.scss */
      .contact .step li.current.s02 {
        color: #FFFFFF;
        background-color: #13304B;
        border-left: 1px solid #13304B; }
        /* line 108, contact.scss */
        .contact .step li.current.s02::after {
          background-color: #13304B;
          border-left: 1px solid #13304B; }
      /* line 113, contact.scss */
      .contact .step li.current.s03 {
        color: #FFFFFF;
        background-color: #13304B; }
      /* line 118, contact.scss */
      .contact .step li::before {
        display: inline-block;
        font-family: "Lato", sans-serif;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0;
        counter-increment: count;
        content: counter(count,decimal-leading-zero);
        margin-right: 12px; }
        @media screen and (max-width: 800px) {
          /* line 118, contact.scss */
          .contact .step li::before {
            margin-right: 4px; } }
      /* line 131, contact.scss */
      .contact .step li::after {
        position: absolute;
        right: -20px;
        top: 0px;
        width: 20px;
        height: 100%;
        content: "";
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        pointer-events: none;
        z-index: 0; }
        @media screen and (max-width: 800px) {
          /* line 131, contact.scss */
          .contact .step li::after {
            right: -16px;
            width: 16px; } }
  /* line 148, contact.scss */
  .contact .hissu {
    margin-bottom: 45px; }
    @media screen and (max-width: 800px) {
      /* line 148, contact.scss */
      .contact .hissu {
        margin-bottom: 40px; } }
  /* line 154, contact.scss */
  .contact h2 {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    padding-left: 30px; }
    @media screen and (max-width: 800px) {
      /* line 154, contact.scss */
      .contact h2 {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 25px; } }
    /* line 165, contact.scss */
    .contact h2::before {
      position: absolute;
      left: 0;
      top: 6px;
      width: 17px;
      height: 17px;
      content: "";
      background-color: #0E3E6A; }
      @media screen and (max-width: 800px) {
        /* line 165, contact.scss */
        .contact h2::before {
          top: 4px; } }

/* line 180, contact.scss */
.grecaptcha-badge {
  bottom: 100px !important;
  z-index: 5; }

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