@charset "UTF-8";
/*タブのスタイル*/
.tab_item { width: calc(100%/2); height: 50px; border: solid 1px #007C36; border-radius: 10px 10px 0 0; background-color: #fff; line-height: 50px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; font-weight: bold; transition: all 0.2s ease;}.tab_item:hover { cursor: pointer; opacity: 0.75;}
/*ラジオボタンを全て消す*/
input[name="tab_item"] { display: none;}
/*タブ切り替えの中身のスタイル*/
.tab_content { display: none; clear: both; overflow: hidden;}
/*選択されているタブのコンテンツのみを表示*/
#individual:checked ~ #individual_content,#enterprise:checked ~ #enterprise_content { display: block;}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item { background-color: rgba(0, 124, 54,.2); color: #333; border-bottom:#fff; border: solid 1px #007C36;}
#form-h { font-size: 180%; margin-bottom: 3vw;}
#form { background-color: transparent; color: ; padding: 2vw 5vw 5vw;}#form-text,.comp-wrap { border: solid 1px rgba(0,0,0,.4); background-color: rgba(0,0,0,.07);}
#txt-area { height: 200px;}
@media (min-width: 1300px){ #form { font-size: 1.1rem; }}
@media (max-width: 767px){ #form { padding: 4vw 5vw 8vw; }
}