@charset "utf-8";

.box-info {
	margin-bottom: 100px;
}
.box {
	margin: 30px 0;
	width: 600px;
	display: inline-block;
	padding: 120px 80px 60px;
	border-image: url(../images/box.png);
	border-image-slice: 160 fill;
	border-image-width: 120px;
}
.box .title {
	display: inline-block;
	font-size: 2.2rem;
	background: #7E584B;
	color: #fff;
	padding: 0.1em 0.75em;
	border-radius: 10px;
}
.box th div {
	border:solid 1px #7E584B;
	padding: 0.1em 0.75em;
	border-radius: 10px;
	white-space: nowrap;
}
.box td {
	padding-left: 1em;
	white-space: nowrap;
	text-align: left;
}

p.h1 {
	display: inline-block;
	min-width: 300px;
	padding: 0 0.5em 0.5em;
	border-bottom: dotted 3px #7E584B;
}

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

.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: 40px;
	}
	.main {
		margin-top: 0;
		padding-top: 60px;
	}
}

@media (max-width: 576px) {
	.decorated-line {
		width: 80%;
	}
	.box {
		width: 100%;
		padding: 0;
		border: none;
	}
	.btn01.white {
		display: block;
		margin: 0 auto 1em !important;
		width: 80%;
	}

}