@charset "utf-8";

.red {color:red;}
.blue {color: blue;}
.green {color:#008149;}
h2 {margin:3% 1%; font-size:25px;}
h2 p {font-size:40px;}
h2 em {font-style:normal; font-weight:normal}

#view-app {padding-bottom: 0 !important;}

.form-preset {max-width: 640px;}
.form-preset table { width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.form-preset table>tbody>tr>th {background-color: #f8f9fa;padding: 12px; text-align: left;font-weight: bold; border: 1px solid #dee2e6; width: 180px;}
.form-preset table>tbody>tr>td {padding: 12px;border: 1px solid #dee2e6;}
.form-control {width: 100%; padding: 8px 12px; border: 1px solid #ddd;border-radius: 4px; box-sizing: border-box;}
.contact-row {display: flex;align-items: center; gap: 5px;}
.tel-select {padding: 8px;border: 1px solid #ddd;border-radius: 4px;}
.tel-input {width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; text-align: center; } 
.divider {font-weight: bold;}
        
input[type="radio"] {margin-left: 10px;}
        
input[type="radio"]:first-of-type {margin-left: 0; }
label {cursor: pointer; }
input[type="checkbox"] {margin-right: 5px;}
        
.btnac {text-align:center;}
.btnac a {display:inline-block; margin:-10px 0 20px 0;}

@media screen and (max-width:414px) {
h2 {margin:3% 5%; font-size:20px;}
h2 p {font-size:28px;}
.subtxt {margin:0 3% 3%;}
.cont {font-size:18px;}
#view-app {padding-bottom:82px;}
.form-preset table>tbody>tr>td label {min-width:11%; font-size:13px;}
}