@charset "utf-8";

h2, h2 span {
	color: #7E584B !important;
}
.bg-bucknumber .container-md {
	height: 250px;
}

.main {
	background: #FFFADC;
	background-image:url('../images/sky-btm.png');
	background-repeat: repeat-x;"
}

.decorated-line {
  position: relative;
  height: 2px; /* 罫線の高さ */
  background-color: #7E584B; /* 罫線の色 */
  width: 30%; /* 例: 罫線の全体の幅の80% */
  margin: 20px auto; /* 横方向の中央配置と適切な余白 */
}

.decorated-line::before,
.decorated-line::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px; /* 丸の直径 */
  height: 10px; /* 丸の直径 */
  border-radius: 50%; /* 丸を丸くするため */
  background-color: #7E584B; /* 丸の色 */
}

.decorated-line::before {
  left: -10px; /* 左側の丸の位置 */
}

.decorated-line::after {
  right: -10px; /* 右側の丸の位置 */
}


@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
	.bg-bucknumber .container-md {
		height: 150px;
	}
	.main {
		margin-top: 70px;
		padding-top: 40px;
	}
}

@media (max-width: 576px) {
	.decorated-line {
		width: 80%;
	}
}