@charset "utf-8";

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #333;
    color: white;
    padding: 10px 0;
    text-align: center;
}

nav ul {
    list-style: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: white;
    text-decoration: none;
}

.container {
    max-width: 800px;
    margin: 20px auto;
}

.blog-post {
    margin-bottom: 40px;
}

.post-meta {
    color: #888;
}

.hero-section {
    /* background-image: url('https://via.placeholder.com/1600x600');  */
    background: linear-gradient(to right, #ff7e5f, #feb47b);
    background-size: cover;
    color: white;
    text-align: center;
    padding: 150px 0; /* ヒーローイメージの上下の余白を調整します */
}



.center-div {
    display: flex;
    justify-content: center;
}

/* お問い合わせフォーム */
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;
}


/* 600以下 */
@media screen and (max-width:600px) {
    /* お問い合わせ */
    #formWrap {
        width:95%;
        margin:0 auto;
    }
    table.formTable th, table.formTable td {
        width:auto;
        display:block;
    }
    table.formTable th {
        margin-top:5px;
        border-bottom:0;
    }
    form input[type="text"], form textarea {
        width:100%;
        padding:5px;
        font-size:110%;
        display:block;
    }
    form input[type="submit"], form input[type="reset"], form input[type="button"] {
        display:block;
        width:100%;
        height:40px;
    }
}