
main {
    padding: 20px 0 50px;
}


#content {
	width:70%;
	margin:0 auto;
    /* width: 650px; */
    color:#2d2d2d;
	line-height:1.7;
    display: block;
}
#content h2 {
    text-align: center;
    border: none;
    line-height: 2;
    padding-bottom: 20px;
}
#content p {
    text-align: center;
}
#content p.sub {
    /* padding-left: 18px; */
    font-size: 90%;
    text-align: left;
    padding-left: 4em;   /* 全体を4文字分右にずらす */
    text-indent: -1.4em;   /* 1行目だけ左に戻す */
}

table.formTable{
	width:100%;
	margin:0 auto;
    margin-bottom: 100px !important;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:40%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
    padding-left: 20px;
}
table.formTable th span {
    font-size: 75%;
    color: #f00;
}
table.formTable td.btn {
    text-align: center;

}
/* .btn .submitBtn {
    text-align: right;
    padding: 5px 15px 5px;
} */
form textarea {
        height: auto;
        max-height: 300px;
    }
form input[type="submit"], form input[type="reset"] {
    display:block;
    width:100px;
    height:40px;
    margin-left: calc(50% - 50px);
    }
.center {
    text-align: center;
}  

/* ===== ここからスマホ設定 ======================== */
/* ===== PHP工房のをベースに設定し直した ============= */

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

    #content,
    #content h2,
    #content p,
    #content p.sub {
        width: 95%;
        margin: 0 auto;
    }

    table.formTable,
    table.formTable tbody,
    table.formTable tr,
    table.formTable th,
    table.formTable td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    table.formTable th,
    table.formTable td {
        max-width: 400px;
        border: none;
        margin: 0 auto;
    }

    table.formTable th {
        margin-top: 5px;
        border-bottom: 0;
    }

    form input[type="text"],
    form input[type="email"],
    form textarea {
        width: 98%;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 8px;
        font-size: 110%;
        display: block;
    }

    form input[type="text"],
    form input[type="email"] {
        height: 42px;
    }

    form textarea {
        height: 350px;
        max-height: 350px;
    }
}



