@charset "UTF-8";
/*----------------------------------

お問い合わせ 共通

----------------------------------*/
.main_content.page.contact {
  background: #fff; }
  .main_content.page.contact .page_ttl {
    background-image: url("/contact/img/contact_bg01.png"); }
    @media (max-width: 768px) {
      .main_content.page.contact .page_ttl {
        background-image: url("/contact/img/contact_bg01_sp.png"); } }
  .main_content.page.contact [class^="sec"] {
    padding: 80px 0; }
    @media (max-width: 768px) {
      .main_content.page.contact [class^="sec"] {
        padding: 60px 0; } }
  .main_content.page.contact .lead_text {
    margin-bottom: 33px; }
    @media (max-width: 768px) {
      .main_content.page.contact .lead_text {
        margin-bottom: 20px; } }
  .main_content.page.contact .link {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 9px; }
    @media (max-width: 768px) {
      .main_content.page.contact .link {
        flex-direction: column;
        gap: 15px; } }
    .main_content.page.contact .link li {
      width: calc(100% / 2 - 6px); }
      @media (max-width: 768px) {
        .main_content.page.contact .link li {
          width: 100%; } }
      .main_content.page.contact .link li a {
        display: flex;
        align-items: center;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.4;
        padding: 5px 60px 5px 24px;
        box-shadow: 0px 5px 10px 0px rgba(34, 146, 160, 0.16);
        box-sizing: border-box;
        position: relative;
        transition: color 0.3s;
        height: 100%;
        min-height: 66px; }
        @media (max-width: 768px) {
          .main_content.page.contact .link li a {
            width: 100%; } }
        @media (min-width: 769px) {
          .main_content.page.contact .link li a:hover {
            opacity: 1; }
          .main_content.page.contact .link li a:hover::before {
            transform: scale(3);
            transform-origin: 50% 50%;
            background-color: #fff; }
          .main_content.page.contact .link li a:hover::after {
            right: 26px;
            width: 14px;
            height: 11px;
            background: none;
            background-image: url("/img/icon_arrow.svg");
            background-size: 14px 11px;
            background-position: center center;
            background-repeat: no-repeat;
            animation-name: pickupArrowSlide;
            animation-duration: 0.3s;
            animation-timing-function: ease-in-out;
            animation-fill-mode: forwards; }
          @keyframes pickupArrowSlide {
            0% {
              transform: translateX(-5px); }
            100% {
              transform: translateX(0); } } }
        .main_content.page.contact .link li a::before, .main_content.page.contact .link li a::after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto; }
        .main_content.page.contact .link li a::before {
          right: 25px;
          width: 16px;
          height: 16px;
          background: #1b4097;
          border-radius: 50px;
          transition: transform 0.3s; }
        .main_content.page.contact .link li a::after {
          right: 31px;
          width: 4px;
          height: 4px;
          background: #fff;
          border-radius: 50px; }
  .main_content.page.contact.en [class^="sec"] {
    padding: 80px 0 0; }
    .main_content.page.contact.en [class^="sec"]:last-child {
      padding-bottom: 80px; }
      @media (max-width: 768px) {
        .main_content.page.contact.en [class^="sec"]:last-child {
          padding-bottom: 60px; } }
    @media (max-width: 768px) {
      .main_content.page.contact.en [class^="sec"] {
        padding: 60px 0 0; } }
  .main_content.page.contact.en .bold_ttl {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .main_content.page.contact.en .bold_ttl {
        font-size: 2.4rem;
        margin-bottom: 16px; } }
  .main_content.page.contact.en .contact_table {
    border-collapse: collapse;
    width: 100%; }
    .main_content.page.contact.en .contact_table th,
    .main_content.page.contact.en .contact_table td {
      padding: 13px;
      border: 1px solid #d7d6d5; }
    .main_content.page.contact.en .contact_table thead th {
      color: #ffffff;
      background: #1b4097;
      text-align: left; }
    .main_content.page.contact.en .contact_table.board_table tbody th {
      width: 50%;
      background: #edf9ff;
      font-weight: inherit;
      text-align: left; }

/*----------------------------------

入力・確認画面

----------------------------------*/
.form {
  padding: 80px 0; }
  @media (max-width: 768px) {
    .form {
      padding: 60px 0; } }
  @media (max-width: 768px) {
    .form .inner {
      font-size: 1.4rem; } }

/*----------------------------------

完了画面

----------------------------------*/
.thanks {
  padding: 80px 0; }
  @media (max-width: 768px) {
    .thanks {
      padding: 60px 0; } }
  .thanks p {
    text-align: center; }
  .thanks p + p {
    margin: 36px auto; }
  .thanks .btn {
    max-width: 224px;
    height: 58px;
    margin: 0 auto;
    border-radius: 50px; }
    .thanks .btn a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #1b4097;
      color: #fff;
      font-size: 1.7rem;
      font-weight: 700;
      text-decoration: none;
      border-radius: 50px; }