@charset "UTF-8";
/*
max-font-size ($font_size, $max_font_size)

$font_size (vw):     可変フォントサイズ
$max_font_size (px): 最大フォントサイズ
*/
/*
@mixin clamp-font-size ($min_font_size, $font_size, $max_font_size)

$min_font_size (px): 最小フォントサイズ
$font_size (vw):     可変フォントサイズ
$max_font_size (px): 最大フォントサイズ
*/
.contact__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -2.0rem -2.0rem;
}

.contact__col {
  background: #fff;
  -ms-flex-preferred-size: 48.5rem;
      flex-basis: 48.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 2.0rem 2.0rem;
  padding: 3.0rem 3.0rem 3.2rem;
}

.contact__col dt {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 1.4rem;
}

.contact__col dd small {
  display: block;
  font-size: 1.4rem;
  color: #666;
  margin: 1.2rem 0 0;
}

.contact__btn {
  width: 100%;
  height: 6rem;
  padding: 0;
  margin: 22.5px 0 0;
}

.contact__btn span {
  padding: 0 3.5rem 0 0;
  background: url("/images/common/icn_mail.svg") no-repeat right center;
  background-size: 2.5rem 1.9rem;
}

.contact__btn img {
  height: 1.8rem;
}

.contact__btn:hover {
  opacity: 0.5;
}

@media only screen and (max-width: 767px) {
  .contact__row {
    display: block;
    margin-bottom: -3.0rem;
  }
  .contact__col {
    padding: 2.2rem 2.0rem 3.0rem;
    margin: 0 2.0rem 3.0rem;
  }
  .contact__col dt {
    font-size: 1.6rem;
    margin: 0 0 1.0rem;
  }
  .contact__col dd {
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .contact__col dd small {
    line-height: 1.8;
  }
  .contact__btn {
    height: 4.5rem;
    margin: 1.3rem 0 0;
  }
  .contact__btn span {
    padding: 0 2.8rem 0 0;
    background-size: 1.9rem 1.45rem;
  }
  .contact__btn img {
    height: 1.5rem;
  }
  .contact__btn:hover {
    opacity: 1;
  }
}