:root {
    --red1: #E60012;
    --blue: #3476FF;
    --black: #333;
    --white: #FFF;
    --orange1: #D45924;
    --orange2: #EC6A27;
    --orange3: #673119;
    --orange4: #EF9143;
    --orange5: #F8CE8A;
    --radius: .6rem;
    --lrw: 1.3rem;
    --bgray1: #555;
    --bgray2: #666;
    --bgray3: #999;
    --gray0: #F6F6F6;
    --gray1: #E3E3E3;
    --gray2: #A7A7A7;
    --gray3: #DDD;
    --gray4: #BABABA;
    --ati: 0.3s;
    --ati1: 0.1s;
    --ati2: 0.2s;
    --ati5: 0.5s;
    --ati99: 10s;
}

body, div, p, ul, ol, li, menu, nav, a { margin: 0; padding: 0; box-sizing: border-box; }
input { box-sizing: border-box; }
/*input.act { border: 1px solid var(--orange5); }*/
input:hover { outline: none; }
.cleafix::after { content:'.'; display: block; clear: both; overflow: hidden; height: 0; }
.clear { clear: both; }
.none { display: none !important; }
body { font-size: 1.6rem; min-height: 100vh; }
a { text-decoration: none; }
li { list-style: none; }
input.act { border-color: var(--orange5) !important; }
select.act { border-color: var(--orange5) !important; }

.none { display: none; }

.box_btn { position: fixed; bottom: 0; width: 100%; background-color: var(--white); height: 7rem; padding: 1rem 0 2rem; box-shadow: 0 -1px 20px var(--gray1); z-index: 10000; }
.box_btn .btn_do { height: 4rem; line-height: 4rem; background: linear-gradient(90deg, #ED6B28, #F8B62C); display: block; text-align: center; color: var(--white); font-size: 2rem; border-radius: 2rem; margin: 0 var(--lrw); }
.box_btn .btn_do_no { color: var(--bgray2); background: var(--gray1) !important; font-size: 1.7rem; }
.box_btn .btn_do_ha { height: 4rem; line-height: 4rem; text-align: center; color: var(--bgray2); font-size: 1.7rem; border-radius: 2rem; margin: 0; width: 45%; float: left; background-color: var(--gray1); }
.box_btn .btn_do_ha_l { margin-left: var(--lrw); }
.box_btn .btn_do_ha_r { margin-right: var(--lrw); float: right; }
.box_btn .btn_do_ha_main { background: linear-gradient(90deg, #ED6B28, #F8B62C); color: var(--white); }