@charset "UTF-8";
body {
	margin: 0;
}

body::before {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;

	width: 100vw;
	height: 100vh;

	content: "";

	background-image: url("../../img/aisho/aisho-img.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

header ul li a {
	color: #1b97c8;
}
header ul li a.hover-green:hover {
	color: #47b9e6;
}

header ul li:nth-child(2) {
	background-color: #1b97c8;
}
header ul li:nth-child(2):hover {
	background-color: #47b9e6;
}
header ul li:nth-child(2) a {
	color: #fff;
}
header ul li:nth-child(2) a:hover {
	color: #fff;
}

.top .pc-top {
	position: relative;

	display: block;
}
.top .pc-top .title-group {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	        align-items: flex-end;
	-ms-flex-align: end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.top .pc-top .title-group img:first-child {
	width: 65%;
}
.top .pc-top .title-group img:last-child {
	width: 30%;
}
.top .pc-top .branch-name {
	margin: 4% 0;
}
.top .pc-top .branch-name img {
	width: 37%;
	margin-bottom: 10px;
}
.top .pc-top .branch-name img:first-child {
	width: 30%;
	margin-right: 20px;
}
.top .pc-top .sub-img-group {
	position: absolute;
	top: 40px;
	left: 20px;
}

.sp-top {
	display: none;
}

.section-group {
	background-color: #fff;
}
.section-group .business-summary {
	padding-top: 60px;
}
.section-group .section-title {
	background: -webkit-gradient(linear, left top, right top, from(#1b97c8), color-stop(65%), to(#fff));
	background: -webkit-linear-gradient(left, #1b97c8, 65%, #fff);
	background:         linear-gradient(to right, #1b97c8, 65%, #fff);
}
.section-group .section-title p {
	font-size: 24px;

	padding-left: 40px;

	color: #fff;
}
.section-group .section-content {
	padding: 0 40px;
}
.section-group .section-content .facility-overview {
	font-family: ヒラギノ角ゴシック;
}
.section-group .section-content .facility-overview .overview-group {
	width: 80%;

	background-color: #f6f6f7;
}
.section-group .section-content .facility-overview .overview-group > p {
	margin: 0 7px 4px;
}
.section-group .section-content .facility-overview .overview-group > div {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.section-group .section-content .facility-overview .overview-group > div > p {
	margin: 3px 7px;
}
.section-group .section-content .koko-title-img {
	width: 50%;
}
.section-group .section-content .facility-title-img {
	width: 35%;
	margin: 0 auto;
}
.section-group .section-content .facility-image-img {
	width: 100%;
}
.section-group .section-content .nagomi-group {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	        align-items: flex-start;
	-ms-flex-align: start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.section-group .section-content .nagomi-group > p {
	padding: 10px 20px;

	color: #fff;
	background-color: #eb6101;
}
.section-group .section-content .nagomi-group > img {
	width: 80%;
}
.section-group .section-content table {
	border-collapse: collapse;

	border-top: solid 1px #1b97c8;
}
.section-group .section-content table tr {
	border-bottom: solid 1px #1b97c8;
}
.section-group .section-content table tr td {
	padding: 10px;
}
.section-group .section-content table tr td:first-child {
	width: 25%;

	background-color: #f2f3f4;
}
.section-group .section-content table.history tr td:first-child {
	background-color: unset;
}
.section-group .section-content.greeting {
	position: relative;
}
.section-group .section-content.greeting .greeting-img {
	text-align: right;
}
.section-group .section-content.greeting .greeting-img img {
	width: 50%;
}
.section-group .section-content.greeting .greeting-comment {
	position: absolute;
	top: 0;

	margin-right: 40px;
}
.section-group .section-content .recruit-group > p {
	margin: 10px 0;

	color: #1b97c8;
}
.section-group .section-content .recruit-group > div.focus {
	display: inline-block;

	margin: 0 auto;
	padding: 10px 50px;

	background-color: #e5f3f9;
}
.section-group .section-content .recruit-contact-group {
	margin-top: 20px;
}
.section-group .section-content .recruit-contact-group .title {
	font-size: 20px;

	margin-bottom: 15px;
	padding-left: 10px;

	border-left: 2px solid #1b97c8;
	background-color: #f2f3f4;
}
.section-group .section-content .recruit-contact-group .recruit-contact {
	padding: 15px 80px 15px 20px;

	background-color: #f2f3f4;
}
.section-group .section-content .recruit-contact-group .recruit-contact-button {
	width: 50%;
	margin: 20px auto 0;
}
.section-group .section-content .recruit-contact-group .recruit-contact-button a {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;

	padding: 15px;

	text-decoration: none;

	color: #fff;
	border-radius: 10px;
	background-color: #1b97c8;
}
.section-group .section-content .recruit-contact-group .recruit-contact-button a:hover {
	background-color: #47b9e6;
}
.section-group .section-content .map-img {
	width: 100%;
}

footer {
	background-color: #1b97c8;
}

@media screen and (max-width: 992px) {
	.section-group .section-content.greeting {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	.section-group .section-content.greeting .greeting-img {
		position: absolute;
		bottom: 0;

		text-align: right;
	}
	.section-group .section-content.greeting .greeting-img img {
		width: 45%;
		margin-right: 40px;
	}
	.section-group .section-content.greeting .greeting-comment {
		position: static;
		z-index: 10;

		margin-right: 40px;
	}
}

@media screen and (max-width: 768px) {
	.body {
		padding: 0;
	}
	.body > div {
		padding: 0;
	}
	.body .pc-top {
		display: none;
	}
	.body .sp-top {
		display: block;
	}
	.body .sp-top .sp-top-up {
		position: absolute;
		top: 0;
	}
	.body .sp-top .sp-top-bottom {
		position: absolute;
		bottom: 0;

		padding: 0 20px 20px 20px;
	}
	.body .sp-top .sp-top-bottom .koko-img {
		height: 20px;
	}
	.body .sp-top .sp-top-bottom .nagomi-img {
		height: 35px;
	}
	.body .sp-top .sp-top-bottom .aoi-img {
		height: 25px;
	}
	.body .sp-top .sp-top-bottom img {
		height: 90px;
	}
	.section-group .business-summary {
		padding-top: 0;
	}
	.section-group .section-title p {
		font-size: 20px;

		padding-left: 20px;
	}
	.section-group .section-content {
		padding: 0 20px;
	}
	.section-group .section-content .facility-title-img {
		width: 100%;
		margin: 0 auto;
	}
	.section-group .section-content .facility-image-img {
		width: 85%;
		margin: 5px auto;
	}
	.section-group .section-content .facility-overview .overview-group {
		width: 100%;

		background-color: #f6f6f7;
	}
	.section-group .section-content .nagomi-group {
		margin-bottom: 15px;
	}
	.section-group .section-content .nagomi-group p {
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.section-group .section-content .nagomi-group img {
		width: 50%;
		margin: 0 auto;
	}
	.section-group .section-content table tr td {
		display: block;

		width: 100%;
		padding: 10px 0;

		text-align: center;
	}
	.section-group .section-content table tr td:first-child {
		width: 100%;

		border-bottom: solid 1px #1b97c8;
	}
	.section-group .section-content table.history {
		border-top: none;
	}
	.section-group .section-content table.history tr td {
		text-align: left;
	}
	.section-group .section-content table.history tr td:first-child {
		width: 100%;

		color: #1b97c8;
		border-bottom: none;
	}
	.section-group .section-content.greeting {
		position: relative;

		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	.section-group .section-content.greeting .greeting-img {
		position: absolute;
		bottom: 0;
		left: 25%;

		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		        order: 2;
	}
	.section-group .section-content.greeting .greeting-img img {
		width: 346px;
	}
	.section-group .section-content.greeting .greeting-comment {
		position: inherit;

		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		        order: 1;

		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.section-group .section-content .recruit-group > p {
		text-align: left;
	}
	.section-group .section-content .recruit-group > div.focus {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		        justify-content: center;

		margin: 0 auto;
		padding: 10px;

		background-color: #e5f3f9;
	}
	.section-group .section-content .recruit-contact-group .title {
		font-size: 16px;
	}
	.section-group .section-content .recruit-contact-group .recruit-contact {
		padding: 10px;
	}
	.section-group .section-content .recruit-contact-group .recruit-contact-button {
		width: 100%;
	}
	.section-group .section-content .recruit-contact-group .recruit-contact-button a {
		padding: 10px 5px;
	}
}

@media screen and (max-width: 567px) {
	.section-group .section-content .nagomi-group > img {
		width: 80%;
	}
	.section-group .section-content.greeting {
		position: relative;

		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	.section-group .section-content.greeting .greeting-img {
		position: absolute;
		bottom: 0;
		left: 40px;

		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		        order: 2;
	}
	.section-group .section-content.greeting .greeting-img img {
		width: 85%;
	}
	.section-group .section-content.greeting .greeting-comment {
		position: inherit;

		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		        order: 1;

		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}