@charset "utf-8";

/*LAYOUT*/
/*******************************************************************/

body { font-size: 1.8rem;}

.change-placeholder::placeholder { font-family: 'Noto Sans JP', YuGothic, "游ゴシック", "Yu Gothic", Verdana, Meiryo, sans-serif; font-weight: 400; color: #ccc;}

/* g-recaptcha :disabled時のみ */
input[name="Input2"]:disabled { background: #C1CAD1; border: none; color: #FFF;}


/*CONTENTS*/
/*******************************************************************/

section table { width: 100%; border-collapse: collapse; border-top: none;}

section tr { border-bottom: none;}

section td { font-size: 1.6rem;}


/*BUTTON*/
/*******************************************************************/

.swp-secondary { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 480px; min-height: 80px; padding: 10px 40px; text-align: center; background: #377EB8 url("../img/common/btn_w.svg") right 30px center no-repeat; font-weight: 500; color: #FFF; box-shadow: 1px 1px 4px rgba(0,0,0,.16); transition: .2s ease-out;}

.swp-secondary:hover { background: #FFF url("../img/common/btn.svg") right 20px center no-repeat; color: #6B6B6B; opacity: 1; border: 1px solid #377EB8;}


/*FORM*/
/*******************************************************************/

.wrapForm th { padding: 18px 20px;}

.wrapForm td { display: block; margin-left: -72px; padding: 14px 0 8px 0;}

.wrapForm input[type="checkbox"], .wrapForm input[type="radio"] { margin-left: 16px;}

.privacyInfo {font-size: 1.6rem; padding: 0 56px 20px;}

.privacyInfo a { color: #377EB8;}

.agree {font-size: 1.8rem; padding: 20px 56px 20px;}

td.dyn {margin: 12px 0 12px -72px; padding: 8px 0 8px 0;}


@media screen and (max-width: 1024px) {

/*LAYOUT*/
/*******************************************************************/

body { font-size: 1.6rem;}


/*CONTENTS*/
/*******************************************************************/

section table:not(.nowrap) thead + tbody th[scope="row"] { background: #F7F7F7; border-top: none solid #D4D4D4;}
section td { font-size: 1.4rem;}


/*FORM*/
/*******************************************************************/

.wrapForm th { padding: 24px 0 16px;}
.wrapForm td { padding: 0 0 24px; margin: 0 auto;}
.privacyInfo { padding: 16px 24px 20px;}
.agree { padding: 20px 24px 32px;}
}