@charset "UTF-8";

/*　Webフォーム入力画面　*/
body {
    padding-top: 0px;
}
.starter-template {
    padding: 40px 15px;
    text-align: center;
}
.sotowaku {
    position: relative;
    display: block;
    margin-bottom: 0.75rem;
    background-color: #fff;
    border-radius: 0.25rem;
    border: 2px solid rgba(0, 0, 0, 0.25);
    padding: 1.25rem;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.form-group.col-sm-12.col-md-3.nengetsu {
    width: 50%;
}

/*　確認画面　*/
#formWrap {
    width:700px;
    margin:0 auto;
    color:#555;
    line-height:120%;
    font-size:90%;
}
table.formTable{

    width:100%;
    margin:0 auto;
    border-collapse:collapse;
}
table.formTable td,table.formTable th{
    border:1px solid #ccc;
    padding:10px;
}
table.formTable th{
    width:30%;
    font-weight:normal;
    background:#efefef;
    text-align:left;
}
p.error_messe{
    margin:5px 0;
    color:red;
}
#inputSubmit, #inputReturn {
    margin-top: 2%;
}

/*　確認画面（画面サイズが572pxまでの場合は以下を使用）　*/
@media screen and (max-width:572px) {
    #formWrap {
        width:95%;
        margin:0 auto;
    }
    table.formTable th, table.formTable td {
        width:auto;
        display:block;
        margin-bottom: 2%;
    }
    table.formTable th {
        margin-top:5px;
        border-bottom:0;
    }
    input[type="submit"], input[type="reset"], input[type="button"] {
        display:block;
        width:100%;
        height:40px;
    }
    #inputSubmit, #inputReturn {
        margin-top: 2%;
    }
}