@charset "UTF-8";
.note {
  color: #878787;
  text-align: center;
  padding: 0 20px; }

.contact_media {
  max-width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 11px auto 64px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .contact_media .media {
    margin: 0 18px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .contact_media a {
    font-weight: 400;
    font-size: 17px;
    color: #457EA7; }
    .contact_media a span {
      white-space: nowrap; }
    .contact_media a svg {
      margin-right: 15px; }
    .contact_media a:hover {
      color: #C48C62; }
    .contact_media a:hover svg {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }

form {
  padding: 0 20px;
  margin-bottom: 36px; }

.card {
  max-width: 920px;
  background: #FFFFFF;
  border: 1px solid #EBF1F3;
  -webkit-box-shadow: 0px 4px 4px rgba(73, 171, 208, 0.05);
  box-shadow: 0px 4px 4px rgba(73, 171, 208, 0.05);
  border-radius: 10px;
  padding: 52px 56px;
  margin: 22px auto 100px; }
  .card .row {
    border-bottom: 1px solid #EBF1F3;
    margin-bottom: 4px;
    padding: 13px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .card .row:nth-of-type(1)::before {
      content: '姓名';
      font-family: 'Noto Sans';
      font-weight: 400;
      color: #878787;
      margin-right: 20px;
      width: 70px;
      display: inline-block; }
    .card .row:nth-of-type(2)::before {
      content: '*Email';
      font-family: 'Noto Sans';
      font-weight: 400;
      color: #878787;
      margin-right: 20px;
      width: 70px;
      display: inline-block; }
    .card .row:nth-of-type(3)::before {
      content: '留言';
      font-family: 'Noto Sans';
      font-weight: 400;
      color: #878787;
      margin-right: 20px;
      width: 70px;
      display: inline-block;
      vertical-align: top;
      -webkit-transform: translateY(12px);
      -ms-transform: translateY(12px);
      transform: translateY(12px); }
    .card .row input, .card .row textarea {
      font-size: 16px;
      border: none !important; }

.error {
  color: #C48C62;
  text-align: center;
  font-weight: 400; }

.submit-button {
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 17px;
  padding: 16px 24px;
  background: #457EA7;
  border: 1px solid #EBF1F3;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(73, 171, 208, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(73, 171, 208, 0.05);
  border-radius: 45px;
  cursor: pointer;
  margin: 36px auto 0;
  top: -64px;
  display: block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .submit-button:hover {
    -webkit-box-shadow: 0px 10px 20px 5px rgba(73, 171, 208, 0.2);
    box-shadow: 0px 10px 20px 5px rgba(73, 171, 208, 0.2); }

@media (max-width: 430px) {
  .contact_media {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .contact_media .media {
      width: 100%;
      display: block;
      margin-bottom: 20px; }
    .contact_media a span {
      top: -7px; }
  .note {
    font-size: 16px;
    margin: 12px 20px 40px;
    letter-spacing: 0;
    padding: 0 10px; }
  form {
    padding: 0 16px; }
  .card {
    padding: 33px 28px;
    margin: 22px 0px; }
    .card textarea {
      width: 65%; }
  .error {
    margin: 0; }
  .submit-button {
    margin-bottom: 47px; } }