@charset "UTF-8";

/*全体のスタイル*/
html {
  margin: 0;
  padding: 0;
  height:100%;
}

body {
  margin: 0; 
  padding: 0;
  color: #4a4a4a;
  line-height: 1.5;
  background-color: #fff;
  width:1440px;
  height:100%;
  transform-origin:0 0;
  overflow-x:hidden;
}

h1,h2,h3,h4 {
    margin: 0;
    padding: 0;
    font-family:'Meiryo', 'メイリオ';
}
  
  h1 {
    font-size:24px;
  }
  
  h2 {
    font-size: 28px; 
    text-align: center;
  }
  
  h3 {
    font-size:18px;
  }
  
  p, a {
    margin: 0;
    padding: 0; 
    font-family:'Meiryo', 'メイリオ';
    font-size: 18px;
    color: #4a4a4a;
  }
  
  a {
    text-decoration: none;
  }
  
  a:hover {  
    opacity: 0.7;
  }
  
  ul {
    padding: 0;
    margin: 0;
  }
  
  li {
    list-style: none;
  }
  
  .inner {
    padding: 70px 50px;
    margin: 0 auto;
    text-align:center;
  }
  
  .line {
    background-color: #4a4a4a;
    width: 55px;
    height: 1px;
    margin: 30px auto 60px;
  }

/*ヘッダー*/
header {
  background-color: #ffffff;
  color: #333;  
}

/*flexboxのレイアウト*/
header .inner {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  height: 100%;
  margin:0 auto;
}

header ul {
  display: flex;
}

header li {
  padding: 0 20px;
  padding-top:17px;
}
header li a {
  color:#333333;
  padding-top:17px;
  font-family:'Meiryo', 'メイリオ';
  font-size:18px;
  font-weight:bold;
}
.logo {
  padding-top:12.4px;
  padding-bottom:12.4px;
  padding-left:64px;
 } 
.inquiry_button {
  vertical-align: center;
  padding-top:11px;
  padding-right:64px;
  display:inline-block;
 } 
  .inquiry_button img {
    display:block;
  }

header .hierarchy01 {
  color:#949494;
  font-family:'Meiryo', 'メイリオ';
  font-size:12px;
  font-weight:bold;
  padding-top:8px;
  padding-bottom:8px;
}
header .hierarchy01 a {
  color:#949494;
  font-family:'Meiryo', 'メイリオ';
  font-size:12px;
  font-weight:bold;
  padding-top:8px;
  padding-bottom:8px;
}
header .hierarchy02 {
  color:#333333;
  font-weight:'Meiryo', 'メイリオ';
  font-size:12px;
  font-weight:bold;
  padding-top:8px;
  padding-bottom:8px;
}
header .hierarchy02 a {
  color:#333333;
  font-family:'Meiryo', 'メイリオ';
  font-size:12px;
  font-weight:bold;
  padding-top:8px;
  padding-bottom:8px;
}

/*グローバルナビ*/
.global-nav li a.active {
  padding-bottom:15px;
  border-bottom:4px solid #0C2175;
}

/*タイトル画像*/
.contact_title {
  margin:0;
}

/* お問い合わせフォーム */
.contact_form {
  background-image:url(../img/contact_background_PC.png);
  background-size:770px 179px;
  background-position:0 104px;
  background-repeat:no-repeat;
}
  .contact_form .send_form {
    width:800px;
    background-color:#F6F8FE;
    text-align:center;
    margin:48px 320px 64px 320px;
  }
    .contact_form .send_form .form_title {
      padding-top:42px;
      text-align:center;
    }
    .contact_form .send_form .text {
      font-family:'Meiryo', 'メイリオ';
      font-size:16px;
      text-align:left;
      margin-left:120px;
      padding-top:16px;
    }
    .contact_form .send_form .alert_text {
      font-family:'Meiryo','メイリオ';
      font-size:16px;
      text-align:left;
      font-weight:bold;
      margin-left:120px;
      padding-top:23px;
      color:#FF4B5E;
      padding-bottom:19px;
    }
    .contact_form .send_form .send_title {
      margin-left:120px;
      padding-top:16px;
      padding-bottom:9px;
      display:flex;
      flex-direction:row;
    }
    .contact_form .send_form .send_title .asterisk {
      color:#FF4B5E;
      font-size:16px;
      font-family:'Meiryo', 'メイリオ';
      font-weight:bold;
    }
    .contact_form .send_form .send_title .title_text {
      color:#333333;
      font-size:16px;
      font-family:'Meiryo', 'メイリオ';
      font-weight:bold;
      margin-left:4px;
    }
  .contact_form .send_form .send_content {
    margin-left:120px;
    text-align:left;
  }
  .contact_form .send_form .input {
    text-align:left;
  }
  .contact_form .send_form .send_content .note {
    color:#686868;
    font-size:12px;
    font-family:'Meiryo', 'メイリオ';
    padding-top:9px;
  }
  .contact_form .send_form .link {
    margin-left:120px;
    text-align:left;
    color:#266BE1;
  }
  .contact_form .send_form .link a {
    font-size:16px;
    font-family:'Meiryo', 'メイリオ';
    color:#266BE1;
    border-bottom:1px solid #266BE1;
  }

  /*個人情報保護方針の文言*/
  .attention {
    margin-top:25px;
    margin-left:120px;
    margin-right:120px;
    margin-bottom:33px;
    font-family:'Meiryo', 'メイリオ';
    font-size:14px;
    color:#333333;
    text-align:left;
  }

    .check_form {
      display:flex;
      flex-direction:row;
    }
    .contact_form .send_form .check_form .check {
      margin-left:120px;
      margin-top:12px;
    }
    .contact_form .send_form .check_form .check_text {
      margin-left:12px;
      margin-top:12px;
      font-size:16px;
      font-family:'Meiryo', 'メイリオ';
    }
  /*送信ボタン*/
  .contact_form .send_form .send_button {
    margin-top:25px;
    margin-left:252.5px;
    text-align:center;
    background-color:#266BE1;
    border-radius:50px;
    width:295px;
    height:58px;
    border:none;
    position:relative;
    transition:0.5s;
  }
  .send_button #doui_submit {
    width:295px;
    height:58px;
    border-radius:50px;
    background-color:#266BE1;
    color:#ffffff;
    font-family:'Meiryo', 'メイリオ';
    font-size:20px;
    font-weight:bold;
    border:3px solid #266BE1;
    transition:0.5s;
  }

  .send_button::after {
    content:"";
    width:6px;
    height:6px;
    border-top:3px solid #ffffff;
    border-right:3px solid #ffffff;
    position:absolute;
    top:50%;
    right:24px;
    transform:rotate(45deg) translateY(-50%);
    transition:0.5s;
  }
  .contact_form .send_form .send_button #doui_submit:disabled {
    background-color:#ffffff;
    color:#266BE1;
    transition:0.5s;
  }

/*下の余白*/
.form_spacer {
  height:62px;
}  

/*お問い合わせ*/
.contact {
  margin-top:64px;
  background-color:#2A3F60;
}
  .contact .contact_title {
    padding-top:42px;
    text-align:center;
  }
  .contact .tel {
    margin-top:32px;
    padding-left:385px;
    padding-bottom:42px;
  }
  .contact .inquiry {
    margin-top:32px;
    margin-left:40px;
    padding-bottom:42px;
    display:inline-block;
  }
    .contact .inquiry img {
      display:block;
    }

/*横並びにする*/
.toppage{
  display:flex;
  flex-direction:row;
}

/*フッター*/
.footer {
  background-color:#071D47;
  display:flex;
  flex-direction:row;
}
.footer .footer_logo {
  padding-top:38px;
  padding-left:208px;
}
.footer .footer01 {
  font-size:16px;
  color:#ffffff;
  padding-top:12px;
}
.footer .footer01:first-child {
  padding-top:40px;
}
.footer .footer01:last-child {
  padding-bottom:58px;
}
.footer .footer01 a {
  font-size:16px;
  color:#ffffff;
  padding-left:80px;
}
.footer .footer02 {
  font-size:16px;
  color:#ffffff;
  padding-top:12px;
}
.footer .footer02:first-child {
  padding-top:40px;
}
.footer .footer02 a {
  font-size:16px;
  color:#ffffff;
  padding-left:80px;
}
.footer .copyright {
  margin-top:220px;
  padding-left:164.3px;
  padding-bottom:13px;
}