.newsletter-page .newsletter-contents .newsletter-content {
  background-color: #ffffff;
  padding: 60px 72px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.0392156863), 0px 6px 6px 0px rgba(0, 0, 0, 0.031372549), 0px 14px 9px 0px rgba(0, 0, 0, 0.0196078431), 0px 25px 10px 0px rgba(0, 0, 0, 0.0117647059), 0px 40px 11px 0px rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
  margin-top: -170px;
}
.newsletter-page .newsletter-contents .newsletter-content .inner {
  padding: 0 120px;
}
.newsletter-page .newsletter-contents .newsletter-content .inner .newsletter-container {
  min-height: 120px;
}
/*
 * 登録フォームと解除フォームを 1 ページに並べる構成のため、
 * 視覚的に混ざって見えないように間に「メールマガジンの配信解除」
 * の見出し + ブランド色のボーダー(thanks-content-title と同系統)
 * を入れて区切る。
 */
.newsletter-page .newsletter-contents .newsletter-content .inner .newsletter-container .newsletter-unsubscribe-title {
  font-size: 28px;
  line-height: 1.4;
  font-weight: 700;
  color: #0053A6;
  border-bottom: 2px solid #0053A6;
  letter-spacing: 0.02em;
  margin-top: 60px;
  margin-bottom: 32px;
  padding-bottom: 12px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .newsletter-page .newsletter-contents .newsletter-content .inner {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .newsletter-page .newsletter-contents .newsletter-content {
    padding: 24px;
    margin-top: -74px;
  }
  .newsletter-page .newsletter-contents .newsletter-content .inner {
    padding: 0;
  }
  .newsletter-page .newsletter-contents .newsletter-content .inner .newsletter-container {
    min-height: 80px;
  }
  .newsletter-page .newsletter-contents .newsletter-content .inner .newsletter-container .newsletter-unsubscribe-title {
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 24px;
  }
}/*# sourceMappingURL=index.css.map */