@charset "UTF-8";

.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; }
  .card .row {
    border-bottom: 1px solid #EBF1F3;
    margin-bottom: 4px;
    padding: 13px 0; }
    .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; 
      width: calc(100% - 100px); }

.error {
  color: #FF8C67 !important;
  text-align: center;
  font-weight: 400; }

.submit-button {
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
  width: 253px;
  height: 48px;
  background: #ABDDEF;
  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: 45px;
  cursor: pointer;
  margin: 36px auto 100px;
  display: block; 
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .submit-button:hover {
    background : #49ABD0;
  }

@media (max-width: 430px) {
  .note {
    font-size: 16px;
    letter-spacing: 0; }
  .card {
    padding: 33px 28px;
    margin: 22px 12px; }
    .card textarea {
      width: 65%; }
  .error {
    margin: 0 40px; }
  .submit-button {
    margin-bottom: 47px; } }