@charset "UTF-8";

/** button & tab **/
/* button */
[class*="btn-"] {display:inline-block; box-sizing:border-box; height:70px; min-width:270px; vertical-align:middle; text-align:center; font-size:20px; border:1px solid; cursor:pointer}
[class*="btn-"] span {display:block; white-space:nowrap; line-height:68px}
[class*="btn-"] ~ [class*="btn-"] {margin-left:20px}
.btn-org {border-color:#ff6a21; background:#fff}
.btn-org span {font-weight:bold; color:#ff6a21}
.btn-org:hover {border-color:#ff6a21; background:#ff6a21}
.btn-org:hover span {color:#fff}
/* button area */
.btns-submit {position:relative; margin-top:75px; text-align:center; font-size:0}
.btns-submit .right,
.btns-submit .left {position:absolute; width:25%}
.btns-submit .right {right:0; top:0; text-align:right}
.btns-submit .left {left:0; top:0}
/* tab */
.tab-list {margin-bottom:80px}
.tab-list ul {width:100%; border:1px solid #bcbcbc}
.tab-list ul:after {content:""; display:block; clear:both}
.tab-list ul li {float:left}
.tab-list ul li ~ li {border-left:1px solid #bcbcbc}
.tab-list ul li a {display:block; width:100%; height:90px; line-height:90px; text-align:center; font-weight:bold; font-size:20px; background:#fff}
.tab-list ul li.active a {color:#fff; background:#ff6a21}
.tab-list.tab2 ul li {width:50%}
.tab-list.tab8 ul li {width:25%}
.tab-list.tab8 ul li:nth-child(n+5) {border-top:1px solid #bcbcbc}
.tab-cont {display:none}
.tab-cont.active {display:block}