@charset "UTF-8";
#bread-area .bread-container {
	max-width: 980px;
}
#reason,#summary,#flow {
	padding-top: 100px;
}
.content h3.headline {
    margin: 60px 0 30px;
}
.content h3.miniheadline span {
    display: block;
    font-size: 24px;
    border-bottom: 4px solid #ccc;
}

.back-og {
	margin-top: 30px;
	padding: 24px;
	background: #fff8e6;
}
.back-og ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px;
	border: 2px solid #ffb700;
	border-radius: 10px;
	background: #fff;
}
.back-og ul li {
	display: block;
	position: relative;
	padding-left: 40px;
	font-size: 16px;
}
.back-og ul li::before {
	display: block;
	content: "●";
	position: absolute;
	top: -6px;
	left: 0;
	font-size: 24px;
}
@media only screen and (max-width: 768px) {
	#reason,#summary,#flow {
	padding-top: 40px;
	}
	.main .headline {
        padding: 20px 0;
        margin-top: 0;
        margin-bottom: 20px;
    }
}


/* background */ 
#background {
	margin-top: -100px;
	padding-top: 100px;
}
/* service */
#service .main .headline {
	margin: 30px 0;
}
#service .main h3.headline {
	margin: 0 0 24px;
	font-size: 18px;
}
#service .main .contents {
	padding: 20px 0;
}
#service .miniheadline {
	margin: 30px 0;
}
#service .miniheadline span {
	display: block;
	font-weight: bold;
	font-size: 24px;
	border-bottom: 4px solid #ccc;
}