@charset "UTF-8";
/* CSS Document */
/* contactArea */
.contactArea .sub_inner {
	padding: 120px 40px;
  text-align: center;
}
.contactArea .sub_inner p {
  font-size: var(--font-md-minus);
	line-height: var(--line-height-lg);
  span {
    display: block;
    font-size: var(--font-md);
    padding-top: 1.25rem;
  }
}
.contactArea .sub_inner .mail {
	padding-top: 90px;
  margin-top: 60px;
  position: relative;
  a {
    color: var(--color-secondary);
    font-size: var(--font-xl-minus);
    font-weight: var(--font-weight-semi-mid);
    &:hover {
    color: var(--color-quaternary);
    }
  }
  &::before {
    content: url("../img/contact/mail_icon.svg");
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
  }
}

@media screen and (max-width: 1000px) {
/* contactArea */
	.contactArea .sub_inner {
		padding: 80px 6vw 100px;
    p {
      font-size: clamp(0.938rem, 0.849rem + 0.44vw, 1.125rem);
      span {
        font-size: clamp(0.875rem, 0.816rem + 0.29vw, 1rem);
      }
    }
	}
  .contactArea .sub_inner .mail {
    padding-top: 66px;
    margin-top: 50px;
    a {
      font-size: clamp(1.375rem, 0.669rem + 3.53vw, 2.875rem);
    }
    &::before {
      width: 60px;
    }
  }
}

@media screen and (max-width: 600px) {
	.contactArea .sub_inner {
    padding-top: 60px;
    padding-bottom: 70px;
    p {
      text-align: left;
      line-height: inherit;
    }
  }
}