/*
======== table of content. ===============

summary:レスポンシブ基本要素

==========================================
*/

.sec_form { padding:30px 0; }
.sec_form dl { display:table; width:100%; margin-bottom:20px; }
.sec_form dt { display:table-cell; width:230px; padding:10px; vertical-align:top; color:#003874; font-weight:bold; text-align:right; }
.sec_form dd { display:table-cell; padding:0 10px 10px; vertical-align:top; }
.confirm .sec_form dd { padding:10px; }

input, textarea { padding:10px; border:none; background-color:#fff; -webkit-appearance:none; appearance:none; outline:none; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box; font-size:100%; line-height:1.5; vertical-align:top; }
.sec_form input { width:380px; }
.sec_form textarea { width:680px; min-height:146px; }

.txt_error { margin-top:10px; color:#003874; }
.sec_error input, .sec_error textarea { background-color:#e5cfcf; }

.btns_submit { margin-left:230px; text-align:center; }
.btns_submit input { display:inline-block; margin:0 5px; padding:0; border:none; -webkit-appearance:none; appearance:none; outline:none; vertical-align:bottom; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer; }
.btns_submit input:hover { filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; opacity:0.7; }

.btns_submit .btn_reset { width:88px; height:23px; background:url(../images/btn_reset@2x.png) no-repeat 0 0; background-size:88px 23px; }
#ie8 .btns_submit .btn_reset { background-image:url(../images/btn_reset.png) ; }

.btns_submit .btn_confirm { width:88px; height:33px; background:url(../images/btn_confirm@2x.png) no-repeat 0 0; background-size:88px 33px; }
#ie8 .btns_submit .btn_confirm { background-image:url(../images/btn_confirm.png) ; }

.btns_submit .btn_back { width:88px; height:23px; background:url(../images/btn_back@2x.png) no-repeat 0 0; background-size:88px 23px; }
#ie8 .btns_submit .btn_confirm { background-image:url(../images/btn_back.png) ; }

.btns_submit .btn_send { width:88px; height:33px; background:url(../images/btn_send@2x.png) no-repeat 0 0; background-size:88px 33px; }
#ie8 .btns_submit .btn_send { background-image:url(../images/btn_send.png) ; }


@media screen and (min-width: 801px) {

}

@media screen and (min-width: 641px) and (max-width: 800px) {
.sec_form dt { width:170px; }

.sec_form input { width:100%; }
.sec_form textarea { width:100%; }
.btns_submit { margin-left:0; }

}

@media screen and (max-width: 640px) {

.sec_form dl { display:block; margin-bottom:20px; }
.sec_form dt { display:block; width:100%; padding:0 0 10px; text-align:left; }
.sec_form dd { display:block; padding:0 0 10px; }

.sec_form input { width:100%; }
.sec_form textarea { width:100%; }
.btns_submit { margin-left:0; }

}