@charset "utf-8";

/* ==================================================================
	residents.css
	
=================================================================== */

#residents #accentArea {
	padding: 98px 0;
	background: url("../../images/for-residents/accent.jpg") no-repeat 56% center / cover;
}

#residents .contents #accentArea h2.lead span.title,
#residents .contents #accentArea h2.lead span.block {
	filter: drop-shadow(0 0 10px rgba(27, 37, 5, 0.61));
	color: #fff;
}

#residents #breadcrumbs {
	padding: 28px 0 75px;
}

#residents .contents section {
    margin-bottom: 95px;
}

#residents h3.title {
    font-size: 1.5625rem;
    padding: 48px 0 38px;
    background:url(../../images/service/h3_border.gif) 0 0 no-repeat;
		letter-spacing: 0.1em;
}

#residents .left_box {
	float: left;
}

#residents .description {
	margin-bottom: 38px;
	font-feature-settings: "palt";
	font-size: 1.0625rem;
	line-height: 2.235;
	letter-spacing: 0.1em;
}

#residents .thumbnail {
	display: block;
	width: 100%;
	max-width: 501px;
	height: auto;
	float: right;
	margin-top: 48px;
}

#residents .link_button {
	display: block;
	width: 100%;
	max-width: 262px;
	padding: 23px 0;
	border-radius: 9999px;
	background-color: #023793;
	text-align: center;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
}

@media only screen and
(max-width : 767px) {
#residents #accentArea {
	padding: 30px 0;
}

#residents #breadcrumbs {
	padding: 28px 0 10px;
}

#residents .contents section {
	margin-bottom: 8px;
}

.contents section.wide{
	margin:auto;
	padding: 7% 3%;
}

#residents h3.title {
	padding: 36px 0 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}

#residents .description {
	font-size: 0.9375rem;
}

#residents .left_box {
	float: none;
}

#residents .thumbnail {
	float: none;
	max-width: 100%;
}

}