html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Zen Kaku Gothic New", serif !important;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-kerning: normal;
	overflow-x: hidden;
}
.pc {}
.md {display: none;}
.sp {display: none;}
img {max-width: 100%;}
p {line-height: 220%;}
a {text-decoration: none !important;}
.text_c {text-align: center;}
.left {text-align: left;}

.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; /* 押したときにさらに暗く */
}

/*タブレット*/
@media only screen and (max-width:960px) {
	.pc {display: none;}
	.md {display: block;}
	.sp {display: none;}
}

/*スマートフォン*/
@media only screen and (max-width:768px) {
	.pc {display: none;}
	.md {display: none;}
	.sp {display: block;}
}