h2 { font-size: 20px; color: #1068AC; }
@media screen and (max-width: 640px) { h2 { font-size: 18px; } }

.caution { color: #E65A1C; }

p.caution { margin-bottom: 20px; }

.block { margin-bottom: 40px; }

.form { margin: 0 auto; }
.form .form_block { background: rgba(16, 104, 172, 0.05); border-radius: 5px; padding: 20px 40px; }
@media screen and (max-width: 640px) { .form .form_block { padding: 10px; } }
.form .form_block label { display: block; }
.form .form_block input { all: revert; vertical-align: sub; font-size: 16px; padding: 10px; border: solid 1px #ccc; height: 30px; }
@media screen and (max-width: 640px) { .form .form_block input { padding: 5px; font-size: 14px; } }
.form .form_block input[type="radio"] { width: 20px; height: 20px; }
.form .form_block input[type="number"] { width: 60px; margin-right: 10px; }
.form .form_block .application_box { display: flex; align-items: center; margin: 15px 0; }
.form .form_block .application_box:last-child, .form .form_block .application_box:first-child { margin: 0; }
.form .form_block .application_box input[type="checkbox"] { width: 20px; height: 20px; margin-right: 10px; border: solid 1px #ccc; }
.form .form_block .application_box input[type="number"] { width: 40px; height: 30px; margin-right: 10px; padding: 5px 10px; border: solid 1px #ccc; }
.form .form_block b { font-weight: bold !important; }
.form .form_block.form3 dl { display: flex; flex-wrap: wrap; align-items: center; }
@media screen and (max-width: 640px) { .form .form_block.form3 dl { display: block; } }
.form .form_block.form3 dl dt { width: 20%; margin: 15px 0; }
@media screen and (max-width: 640px) { .form .form_block.form3 dl dt { width: 100%; margin: 15px 0 5px 0; } }
.form .form_block.form3 dl dd { width: 80%; margin: 15px 0; display: flex; flex-wrap: wrap; align-items: center; }
@media screen and (max-width: 640px) { .form .form_block.form3 dl dd { width: 100%; margin: 0 0 20px 0; display: block; } }
.form .form_block.form3 dl dd label { display: block; margin-right: 20px; }
.form .form_block.form3 input[type="text"], .form .form_block.form3 input[type="tel"], .form .form_block.form3 input[type="email"] { width: 100%; height: 30px; border: solid 1px #ccc; }
.form .form_block.form3 textarea { width: 100%; height: 150px; border: solid 1px #ccc; background: #fff; padding: 10px; }
.form .form_block ::placeholder { color: #999; }
.form h2.form_sub_head { margin: 40px 0 20px 0; font-size: 20px; color: #1068AC; }
.form h2.form_sub_head small { font-size: 16px; }
@media screen and (max-width: 640px) { .form h2.form_sub_head { font-size: 18px; }
  .form h2.form_sub_head small { font-size: 14px; } }
.form .mfp_buttons { margin: 40px 0 60px; text-align: center; }
.form .mfp_buttons button { transition: .3s; width: 300px; padding: 20px; background: #1068AC; color: #fff; border-radius: 5px; margin: 0 20px; }
.form .mfp_buttons button:hover { background: #5896C5; }
.form .mfp_buttons button#back { background: #999; }
@media screen and (max-width: 640px) { .form .mfp_buttons button#back { width: 60%; padding: 10px; margin-bottom: 20px; } }
.form .mfp_buttons button#back:hover { background: #666; }

.btn_top { margin-top: 40px; display: inline-block; color: #fff; background: #1068AC; padding: 15px 20px 15px 40px; border-radius: 5px; position: relative; vertical-align: middle; }
.btn_top::before { position: absolute; content: ""; left: 20px; top: 41%; box-sizing: border-box; width: 4px; height: 4px; border: 5px solid transparent; border-left: 7px solid #fff; }
@media screen and (max-width: 640px) { .btn_top::before { top: 37%; } }
.btn_top:hover { background: #5896C5; color: #fff; }

.buy { border-top: solid 5px rgba(230, 90, 28, 0.3); text-align: center; }
.buy h2 { margin: 40px 0 20px 0; font-size: 30px; color: #E65A1C; font-weight: bold; }
@media screen and (max-width: 640px) { .buy h2 { font-size: 20px; margin: 20px 0 10px 0; } }
.buy ul.btn { margin-top: 40px; display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .buy ul.btn { margin-top: 20px; display: block; } }
.buy ul.btn li { width: 48%; }
@media screen and (max-width: 640px) { .buy ul.btn li { width: 100%; margin-bottom: 20px; } }
.buy ul.btn li a { padding: 30px; display: block; background: #1068AC; text-align: center; border-radius: 5px; }
@media screen and (max-width: 640px) { .buy ul.btn li a { padding: 15px; } }
.buy ul.btn li a img { display: block; margin: 0 auto; }
@media screen and (max-width: 640px) { .buy ul.btn li a img { width: 80px; } }
.buy ul.btn li a h3 { display: inline-block; margin-top: 20px; font-size: 20px; font-weight: bold; color: #fff; position: relative; padding-left: 20px; }
@media screen and (max-width: 640px) { .buy ul.btn li a h3 { font-size: 16px; margin-top: 10px; } }
.buy ul.btn li a h3::before { position: absolute; content: ""; left: 0; top: 8px; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 10px solid #fff; }
@media screen and (max-width: 640px) { .buy ul.btn li a h3::before { top: 6px; border: 5px solid transparent; border-left: 8px solid #fff; } }
.buy ul.btn li a:hover { opacity: 0.7; }
.buy ul.other { margin-top: 40px; padding: 20px; border-radius: 5px; background: #eaf6ff; }
.buy ul.other li:not(:last-child) { margin: 0 0 10px 0; }
.buy ul.other li { text-align: left; }

/*# sourceMappingURL=index.css.map */