html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
	padding: 0;
	font-family: "Noto Serif JP", system-ui;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-kerning: normal;
}
.form_req{color:red; font-size:0.7em;}
.form_require{text-align:left; margin-right:20px;}

.submit_style {
	background-color: steelblue; /* 青色の背景 */
	color: white; /* テキストの色を白に */
	border: none; /* ボーダーをなしに */
	/*padding: 5px 10px;*/ /* 余白を追加 */
	padding: 5px 0;
	font-size: 1em; /* フォントサイズ */
	border-radius: 5px; /* 角を丸くする */
	cursor: pointer; /* マウスオーバー時のポインター */
	transition: background-color 0.3s ease; /* ホバー時のエフェクト */
	/*margin:0 20px;*/
	width: 100%;
}

/* ホバー時のエフェクト */
.submit_style:hover {
    background-color: #0056b3; /* ホバー時に少し暗い青に */
}

/* ボタンを押した時のエフェクト */
.submit_style:active {
    background-color: #004085; /* 押したときにさらに暗く */
}

/* ====== スライダーの基本スタイル ====== */
body {
    margin: 0;
    background-color: #fafafa;
}

.slider {
    width: 100%;
    margin: 50px auto;
}

.slick-slide{
	height: auto;
}

.slider img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.slick-prev:before, .slick-next:before {
    color: #333;
}