@charset "utf-8";
main h1 {
	border-top: 3px solid #9acd32;
	border-bottom: 3px solid #9acd32;
	color: #9acd32;
	background-image: url(../images/npo/bg-title.png);
	background-size: calc(100% - 170px);
}
.anker-link {
	margin: 0 0 20px;
}
#page-lead-box {
	margin-bottom: 20px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
}
.post-box {
	border: 1px solid #9acd32;
}
#post-01 table {
	margin: 0 10px;
}
#post-01 th,
#post-01 td {
	border: 1px solid white;
	font-size: 14px;
}
#post-01 th {
	width: 16%;
	padding: 0 10px;
	vertical-align: middle;
	background-color: #ffecb0;
}
#post-01 td {
	padding: 10px 20px;
	background-color: #fffaeb;
}
#post-01 tr:nth-child(even) td {
	background-color: #fff5d7;
}
#post-01 ul {
	padding-left: 2em;
}
#post-02 ul {
	margin: 0;
	padding: 0 10px;
	list-style-type: none;
}
#post-02 li {
	margin-bottom: 5px;
	padding: 2px 0 2px 26px;
	background: url(../images/pdf-icon.png) no-repeat top left;
}
#post-02 a {
	color: #231815;
	font-size: 14px;
}
.anker-list {
	padding: 0 10px;
	list-style-type: none;
	font-size: 14px;
}
.anker-list li {
	margin-bottom: 5px;
	padding: 2px 0 2px 26px;
	background: url(../images/npo/alink-arrow1.png) no-repeat left center;
}
.anker-list a {
	color: #231815;
}
.office-box {
	margin: 0 10px 10px;
	padding: 10px;
	border-radius: 13px;
	word-break: break-word;
	background-color: #fffaf0;
}
.office-title h3 {
	font-size: 18px;
	font-weight: 900;
}
.office-title span {
	font-weight: normal;
}
.office-box p {
	font-size: 14px;
	line-height: 1.75;
}
.item-title {
	color: #ed6d46;
	font-size: 16px;
	line-height: 1;
}
.item-title:before {
	content: "\25CF";
	margin-right: 5px;
	padding: 2px 0;
	color: #f6ad49;
	font-size: 12px;
	vertical-align: top;
	display: inline-block;
}
.lead-text {
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 3px dashed #fad6a5;
}
.profile-box dl {
	font-size: 14px;
}
.profile-box img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
#service-list {
	margin: 0 0 20px;
	border-bottom: 3px dashed #fad6a5;
	font-size: 14px;
	line-height: 1.75;
}
#service-list dt {
	margin: 0;
	font-weight: bold;
	text-align: center;
	background-color: white;
	box-shadow: 0 0 0 1px #f6ad49 inset;
}
#service-list dd {
	margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
	.anker-link {
		margin: 0 0 42px;
	}
	#page-lead-box {
		max-width: 961px;
		min-height: 122px;
		margin: 0 auto 60px;
		padding: 0 10px;
		font-size: 23px;
		font-weight: bold;
		text-align: center;
		background: url(../images/npo/lead-bg-l.png) no-repeat top left content-box,
			url(../images/npo/lead-bg-r.png) no-repeat top right content-box;;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#page-lead-box p {
		padding: 0 25px;
		margin: 0;
	}
	#post-01 table {
		width: calc(100% - 20px);
		max-width: 820px;
		margin: 0 auto 30px;
	}
	#post-01 th {
		padding-left: 20px;
	}
	#post-02 ul {
		padding: 0 54px;
		display: flex;
	}
	#post-02 li {
		width: 33.33%;
		margin-bottom: 10px;
	}
	.anker-list {
		width: calc(100% - 20px);
		max-width: 956px;
		margin: 0 auto 23px;
		padding: 20px 35px;
		border: 3px dashed #b6db6b;
		border-radius: 10px;
		font-size: 18px;
		display: flex;
		flex-wrap: wrap;
	}
	.anker-list li {
		margin: 2.5px 30px 2.5px 0;
	}
	.office-box {
		width: calc(100% - 20px);
		max-width: 956px;
		margin: 0 auto 23px;
		padding: 20px 25px;
	}
	.office-title {
		margin-bottom: 20px;
		background: url(../images/npo/office-title-bg.png) repeat-x center center;
	}
	.office-title h3 {
		margin: 0 0 0 27px;
		padding: 2px 10px;
		background-color: #fffaf0;
		display: inline-block;
	}
	.profile-box {
		display: flex;
		align-items: flex-start;
	}
	#office2 .profile-box,
	#office5 .profile-box,
	#office7 .profile-box {
		padding-left: 20px;
	}
	.profile-box div {
		padding-right: 20px;
	}
	.profile-box .right {
		margin: 0 0 0 20px;
		order: 2;
	}
	#office3 .profile-box div:first-child {
		width: 230px;
	}
	.profile-box img {
		max-width: 60%;
		margin: 0;
	}
	.profile-box dl {
		margin-bottom: 5px;
	}
	.profile-box dt {
		vertical-align: top;
		display: inline-block;
	}
	.profile-box dd {
		margin-bottom: 0;
		display: inline-block;
	}
	.profile-box dt::after {
		content: "\ff1a";
	}
	#service-list {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	#service-list dt {
		width: 150px;
	}
	#service-list dd {
		width: calc(100% - 150px);
		padding-left: 20px;
	}
}
