@charset "utf-8";

/* ****************************************************
Title: copy.css
---------------------------------------------------------------------------- */
.page_title{width: 120px;}
/* =============================
 .section1
==============================*/
.sec01 .txt_wrap {width: 1000px;margin: 0 auto 50px;}
form {width: 1000px;margin: 0 auto 50px;}
form dl{padding: 10px 20px;width: 960px; height: 35px;}
form dl:nth-child(2n-1) {background: #F3F3F3;}
form dl:after {content: ".";display: block;clear: both;height: 0;}
form dl {min-height: 1px;}
* html form dl {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

form dl dt,
form dl dd{float: left;}
form dl dt{width: 300px;font-weight: bold;}
form dl dd select {background: #FFF;vertical-align: middle;box-sizing: content-box;font-size: 115%;}
form dl dd input#company,
form dl dd input#unit,
form dl dd input#name,
form dl dd input#email{width: 555px;height: 30px;font-size: 115%;padding-left: 1em;}

form dl dd #comment{width: 570px;height: 200px;margin-bottom: 50px;font-size: 115%;padding-left: 1em;}

form .both {clear: both;margin-bottom: 50px;}



/* ボタン　*/
.sec01 .reset_confirm {
    width: 420px;
    margin: 0 auto;
}

.sec01 .confirm {
    background-color: #A2CADD;
    height: 35px;
    width: 255px;
    float: right;
    text-align: center;
    font-size: 150%;
    padding: 5px 0 10px;
    /* 変更不要 */
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    color: #FFF;
}

.sec01 input.confirm:hover {
    background-color: #6B8692;
}

/* リセットボタン */

.sec01 .reset {
    background-color: #999;
    height: 35px;
    width: 130px;
    float: left;
    /* 変更不要 */
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    color: #FFF;
}

.sec01 input.reset:hover {
    background-color: #CCC;
}



/* 確認画面 */

.sec01 .back_submit {
    width: 420px;
    margin: 0 auto;
}

.sec01 .back_submit p {
    font-weight: bold;
    color:#F00;
    text-align: center;
    margin-bottom: 10px;
}

.sec01 .back_submit input#submit {
    background-color: #F7303F;
    height: 35px;
    width: 255px;
    float: right;
    text-align: center;
    font-size: 150%;
    padding: 5px 0 10px;
    /* 変更不要 */
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    color: #FFF;
    font-weight: bold;
}

.sec01 .back_submit input#submit:hover {
    background-color: #9D1C26;
}

.sec01 .back_submit input#back {
    background-color: #999;
    height: 35px;
    width: 130px;
    float: left;
    /* 変更不要 */
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    color: #FFF;
    font-weight: bold;
}
.sec01 .back_submit input#back:hover {
    background-color: #CCC;
}


dd .ERR {
    font-weight: bold;
    color:#F00;
}

@media screen and (max-width: 740px) {
.sec01 .txt_wrap {width: 95%;margin: 0 auto 2em;}
form {width: 95%;margin: 0 auto 50px;}
form dl{padding: 1em;width: 90%; height: inherit;}
  
/* =============================
 .section1
==============================*/
form dl dt,
form dl dd{float: none;}
form dl dd select {font-size: 94%;}
form dl dd input#company,
form dl dd input#unit,
form dl dd input#name,
form dl dd input#email{width: 90%;height: inherit;font-size: 115%;padding-left: 1em;}
form dl dd #comment{width: 95%;margin-bottom: 1em;}
.sec01 .reset_confirm, 
.sec01 .back_submit{width: 350px;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance:button;
*overflow: visible;
border-radius: 0;}
.sec01 .confirm,
.sec01 .back_submit input#submit {width: 200px;font-size: 100%;padding: 5px 0;}
   
}