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

h2{
	background-image:url(../img/index/title.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	margin:0;
	padding:80px 0 80px 0;
	text-shadow:
    2px 2px 0 #4A8220,
    -2px 2px 0 #4A8220,
    -2px -2px 0 #4A8220,
    2px -2px 0 #4A8220;
}


div#sales1 {
    margin: 20px auto; /* 左右のマージンをautoにして中央寄せ、上下は20px */
    max-width: 900px; /* 最大幅を設定して、広がりすぎないように調整 */
    padding: 30px; /* 上下左右のパディングを増やしてゆったりと */
    border: 1px solid #7cb74f; /* #5E9E25を少し明るくしたボーダー */
    border-radius: 8px; /* 角を丸くする */
    background-color: #f0f7ec; /* #5E9E25に合わせた非常に薄い緑系の背景 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* ほんのりとした影で立体感を */
}

div#sales1 ol {
    list-style: decimal; /* 通常の数字リストスタイル */
    padding-left: 25px; /* リストの左パディングを調整 */
    margin: 0; /* olのデフォルトマージンをリセット */
    color: #333; /* リスト番号の色を読みやすい濃いグレーに */
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif; /* 読みやすいモダンなフォント */
    font-size: 18px; /* 適切なフォントサイズに */
    line-height: 1.8; /* 行間を広げて読みやすく */
}

div#sales1 ol li {
    margin-bottom: 15px; /* 各リストアイテム間の余白 */
    font-size: 17px; /* 各リストアイテムのテキストサイズ */
    color: #333; /* テキストの基本色 */
}

div#sales1 ol li:last-child {
    margin-bottom: 0; /* 最後のリストアイテムの下余白は不要 */
}

div#sales1 strong {
    color: #4A8220; /* 強調したい部分にベースカラーを適用 */
    font-weight: bold;
}

div#sales1 ol li a {
    color: #4CAF50; /* リンクの色をベースカラーより少し明るい緑に */
    text-decoration: underline; /* 下線を表示 */
}

div#sales1 ol li a:hover {
    text-decoration: none; /* ホバーで下線を消す */
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    div#sales1 {
        margin: 15px 15px; /* スマホでは左右のマージンを調整 */
        padding: 20px; /* パディングも少し減らす */
    }

    div#sales1 ol {
        padding-left: 20px; /* スマホでのリストパディング */
        font-size: 16px; /* スマホでの基本フォントサイズ */
    }

    div#sales1 ol li {
        margin-bottom: 12px; /* スマホでのリストアイテム間余白 */
        font-size: 15px; /* スマホでのリストアイテムテキストサイズ */
    }
}



div#sales2{
	margin:0 30px 20px 30px;
}

div#sales2 li{
	font-size:14px;
	line-height:140%;
}

div#ato{
	margin:20px 0 60px;
}

div#ato p{
	text-indent:1em;
	margin:0 10px 1em 10px;
}