@charset "UTF-8";

.body-container { position: relative; z-index: 2; padding-top: 130px; }

.sub-banner-wrap { text-align: center; padding: 0 0 70px; }
.sub-banner-wrap .tit { font-size: 3.5rem; position: relative; padding-top: 40px; }
.sub-banner-wrap .txt { font-size: 1.6rem; padding-top: 20px; color: #9da0ac; line-height: 1.7; }
.sub-banner-wrap .btn-wrap { margin-top: 30px; }

.w-50px { width: 50px !important; }
.w-100px { width: 100px !important; }
.w-200px { width: 200px !important; }
.w-300px { width: 300px !important; }
.w-400px { width: 400px !important; }

.h-40px { height: 40px !important; }

.form-section { width: 890px; margin: 0 auto; padding: 0 0 70px; }
.agreement { margin-bottom: 20px; }
.agreement .textbox { background: #f2f2f2; padding: 20px; margin-bottom: 5px; font-size: 1.3rem; color: #444; }
.agreement .check label .imp { color: #db5f5f; display: inline-block; margin-left: 3px; font-size: 1.2rem; }


@media (max-width: 930px) {
  .w-50px,
  .w-100px,
  .w-200px,
  .w-300px,
  .w-400px { width: 100% !important; }
  .form-section { width: 100%; padding: 0 20px 70px; }
}

@media (max-width: 830px) {
  .body-container { padding-top: 70px; }
}

@media (max-width: 768px) {
  .sub-banner-wrap { word-break: keep-all; padding: 0 20px 50px; }
  .sub-banner-wrap .tit { font-size: 3rem; }   
  .sub-banner-wrap .txt { font-size: 1.4rem; line-height: 1.7; } 
  .sub-banner-wrap .txt br { display: none; }
}

@media (max-width: 550px) {
  .sub-banner-wrap .tit { font-size: 2.7rem; }   
  .sub-banner-wrap .txt { font-size: 1.4rem; line-height: 1.7; } 

  .form-area .row-group { margin-bottom: 50px; }
  .form-area .row-group .group-title { font-size: 1.7rem; }
  .form-area .row-group .group-title img { width: 20px; margin-right: 5px; }
  .agreement .textbox { font-size: 1.2rem; padding: 15px; }
}