@charset "UTF-8";
/******************************
お問い合わせ Style
*******************************/
/*
共通
*/
h2 {
  border-color: #69C2EE; }

/*
お問い合わせ
*/
@media screen and (max-width: 1024px) {
  .contact {
    margin-top: 3rem; } }
@media screen and (min-width: 1025px) {
  .contact {
    margin-top: 10rem; } }
@media screen and (min-width: 1025px) {
  .contact__container {
    margin: 4rem; } }
.contact__tel {
  display: flex; }
  @media screen and (max-width: 1024px) {
    .contact__tel {
      margin-top: 2.4rem; } }
  @media screen and (min-width: 1025px) {
    .contact__tel {
      margin-top: 4rem; } }
  .contact__tel .icon {
    color: #69C2EE;
    margin-right: 2rem;
    display: block; }
    @media screen and (max-width: 1024px) {
      .contact__tel .icon {
        width: 3.2rem;
        height: 3.2rem; } }
    @media screen and (min-width: 1025px) {
      .contact__tel .icon {
        width: 5.2rem;
        height: 5.2rem; } }
  .contact__tel a {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    display: block; }
    @media screen and (max-width: 1024px) {
      .contact__tel a {
        font-size: 2.8rem; } }
    @media screen and (min-width: 1025px) {
      .contact__tel a {
        font-size: 4.5rem; } }
.contact__list__item {
  display: flex;
  border-bottom: 1px solid #ACACAC;
  padding: 2rem 0; }
  .contact__list__item:first-of-type {
    border-top: 1px solid #ACACAC; }
.contact__list dt {
  text-align: center;
  font-weight: 600; }
  @media screen and (max-width: 1024px) {
    .contact__list dt {
      width: 30%; } }
  @media screen and (min-width: 1025px) {
    .contact__list dt {
      width: 20%; } }
@media screen and (max-width: 1024px) {
  .contact__list dd {
    width: 70%; } }
@media screen and (min-width: 1025px) {
  .contact__list dd {
    width: 80%; } }
.contact__list dd dl dt {
  width: 100%;
  text-align: left; }
.contact__list dd dl dd {
  width: 100%;
  padding-bottom: 1rem; }

/*
form
*/
@media screen and (max-width: 1024px) {
  .form {
    margin-top: 3rem; } }
@media screen and (min-width: 1025px) {
  .form {
    margin-top: 10rem; } }
@media screen and (min-width: 1025px) {
  .form__container {
    margin: 4rem; } }
.form__list__item {
  display: flex;
  border-bottom: 1px solid #ACACAC;
  padding: 2rem 0; }
  .form__list__item:first-of-type {
    border-top: 1px solid #ACACAC; }
  .form__list__item__required {
    display: block;
    color: #FF363A; }
    @media screen and (max-width: 1024px) {
      .form__list__item__required {
        font-size: 1.2rem; } }
    @media screen and (min-width: 1025px) {
      .form__list__item__required {
        font-size: 1.4rem; } }
.form__list dt {
  text-align: center;
  font-weight: 600; }
  @media screen and (max-width: 1024px) {
    .form__list dt {
      width: 30%; } }
  @media screen and (min-width: 1025px) {
    .form__list dt {
      width: 20%; } }
@media screen and (max-width: 1024px) {
  .form__list dd {
    width: 70%; } }
@media screen and (min-width: 1025px) {
  .form__list dd {
    width: 80%; } }
.form input, .form textarea {
  width: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
  font-size: 2rem;
  border: 1px solid #e8e8e8;
  background-color: #f5f5f5;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form .submit_btn {
  display: block;
  width: 50%;
  margin: 2rem auto;
  padding: 2rem; }