@charset "UTF-8";
#onayammiBox {
	text-align: center;
}
#onayammiBox .flexBox {
	display: flex;
	justify-content: space-between;
}
#onayammiBox .flexBox .icon1 {
	margin-top: -40px;
}
#onayammiBox .flexBox .icon2 {
	align-self: flex-end;
	margin-bottom: -80px;
}
#onayammiBox ul {
	display: inline-block;
}
#onayammiBox ul li {
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 130%;
	line-height: 1.5em;
	color: #000;
	letter-spacing: normal;
	font-weight: bold;
	margin: 10px 0 0 0;
	list-style: none;
	text-indent: -2em;
	padding-left: 2em;
}
#onayammiBox ul li::before {
	content: "□　";
}
#osusumeBox {
	background-color: #ecebdf;
	padding: 40px 0;
	margin-top: 40px;
}
#osusumeBox h2 strong {
}
.bnr {
	padding: 80px 0px;
	background-color: #F6F6F6;
}
.bnr h2 {
	margin-top: 0px;
	letter-spacing: 0.2em;
}
.bnrBox {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.bnrBox .inBox {
	margin-top: 10px;
}
.worksBox {
	padding-top: 60px;
}
.worksBox .title1 {
	font-size: 80%;
	padding: 0 15px;
	line-height: 28px;
	background-color: #000;
	border-radius: 999px;
	color: #FFF;
	display: inline-block;
	margin-top: 20px;
}
.worksBox .title2 {
	font-weight: bold;
	letter-spacing: 0.5em;
}
.worksBox h2 {
	margin-top: 10px;
	color: #000;
}
.worksBox h3 {
	margin-top: 30px;
}
.specList {
	padding: 15px;
	margin-top: 40px;
	background-color: #a85;
	color: #FFF;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.specList p {
	white-space: nowrap;
	margin: 0px;
	padding: 10px;
	text-align: center;
}
.specList ul {
	padding: 0px;
	margin: 0px;
	font-size: 80%;
	line-height: 1.5em;
}
.specList ul li {
	margin-top: 0px;
}
#costBox {
	background-color: #ecebdf;
	padding: 80px 0;
}
#costBox h3 {
	margin-top: 30px;
	border-bottom: dashed 2px #c7976b;
	display: inline-block;
	padding-bottom: 5px;
	font-size: 120%;
	letter-spacing: normal;
	line-height: 1.5em;
}
@media screen and (max-width: 700px) {
	#width-----700px----- {}
#onayammiBox .flexBox {
	display: block;
}
#onayammiBox .flexBox .icon1 {
	width: 80px;
	margin-top: -40px;
	margin-bottom: -20px;
}
#onayammiBox .flexBox .icon2 {
	width: 80px;
	margin-left: auto;
	margin-bottom: -80px;
}
#onayammiBox ul li {
	font-size: 100%;
	line-height: 1.5em;
}
.bnrBox {
	display: block;
}
.bnrBox .inBox img {
	width: 100%;
	height: auto;
}
.specList {
	display: block;
}
.specList ul li {
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: dashed 1px rgba(255,255,255,0.5);
}
}