@charset "utf-8";
/* CSS Document */

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    color: #333;
}

header {
    background-color: white; /* ヘッダーの背景色 */
    color: #0044cc; /* テキストの色 */
    padding: 20px;
    text-align: center;
}

header nav a {
    color: #0044cc; /* ナビゲーションリンクの色 */
    text-decoration: none;
    margin: 0 15px;
    font-size: 18px;
}

.logo {
    height: 80px; /* ロゴ画像のサイズ */
    display: inline-block;
    margin: 10px 0;
}

.main-visual {
    background-color: #0066ff; /* メインビジュアルの背景色 */
    color: white;
    padding: 100px 20px;
    text-align: center;
}

.main-visual h1 {
    font-size: 40px;
    margin: 0;
}

.content {
    padding: 20px;
    max-width: 1200px; /* 最大幅 */
    margin: 0 auto; /* 中央揃え */
}

.content-section {
    margin-bottom: 40px; /* セクション間の余白 */
}

.content h2 {
    font-size: 30px;
    color: #0044cc; /* サブヘッダーの色 */
    margin-bottom: 10px;
}

footer {
    background-color: #0044cc; /* フッターの背景色 */
    color: white;
    text-align: center;
    padding: 10px 0;
}

footer p {
    margin: 0;
}

footer a {
    color: white; /* フッターリンクの色 */
    text-decoration: none;
}

/* フォーム全体のスタイル */
.content form {
    display: flex; /* フレックスボックス */
    flex-direction: column; /* 縦に整列 */
    max-width: 600px; /* 最大幅 */
    margin: 0 auto; /* 中央揃え */
}

/* インプットとテキストエリアの共通スタイル */
.content form div {
    margin-bottom: 15px; /* 各フィールドの間にスペース */
}

/* テキストボックスのスタイル */
.content form input[type="text"],
.content form input[type="email"],
.content form input[type="tel"],
.content form textarea {
    width: 100%; /* 幅を100% */
    padding: 10px; /* 内側の余白 */
    border: 1px solid #ccc; /* 境界線 */
    border-radius: 5px; /* 角を丸く */
}

/* テキストエリアのスタイル */
.content form textarea {
    height: 150px; /* 高さを指定して広げる */
}

/* フリーダイヤルのロゴとリンクを並べる */
.contact-info {
	display: flex;
	align-items: center;
	justify-content: center; /* 中央揃え */
	margin-top: 10px;
}

.contact-info img {
	width: 50px;
	height: auto;
	max-height: 53px;
	margin-right: 10px;
}