@charset "UTF-8";
/*------------------------------------------------------------
**
**	私たちの特長
**  宣言文・品質方針
**  教育方針
**
------------------------------------------------------------*/
#reason{padding-top:120px}
/*--------------------------
			共通
--------------------------*/
.main-contents {
	font-feature-settings: "palt";
	margin: 0 auto 40px;
}

.main-title {
	font-size: 40px;
	font-weight: normal;
	line-height: 1.5;
	margin: 0 auto 77px;
	text-align: center;
}

.main-title-en {
	color: #999999;
	display: block;
	font-weight: 700;
	font-size: 16px;
}

.feature-title {
	font-size: 32px;
	font-weight: normal;
	line-height: 1.55;
	margin-bottom: 58px;
	text-align: center;
}

.feature-title-en {
	color: #999999;
	display: block;
	font-size: 14px;
	font-weight: 700;
}

.top-group-block {
	border-top: 0;
	padding-top: 120px;
}

@media only screen and (max-width: 767px) {
	.main-title {
		font-size: 28px;
		margin: 0 auto 34px;
	}

	.main-title-en {
		font-size: 12px;
	}

	.feature-title {
		font-size: 28px;
		line-height: 1.3;
		margin-bottom: 38px;
	}

	.feature-title-en {
		font-size: 12px;
		margin-top: 8px;
	}
}

/*========================
	ページトップ部分
========================*/
.feature-top-block {
	padding: 93px 0 20px;
	width: 100%;
}

.head-main-pic {
	line-height: 0;
	margin-bottom: 113px;
	width: 100%;
}

.head-info-box {
	margin-bottom: 75px;
	text-align: center;
}

.head-info {
	font-size: 32px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 45px;
	text-align: center;
}

.head-info-txt {
	line-height: 1.75;
}

.feature-circle {
	margin: 0 auto;
	width: 802px;
}


@media only screen and (max-width: 767px) {
	.feature-top-block {
		padding: 45px 0 80px;
	}

	.head-main-pic {
		margin-bottom: 55px;
	}

	.head-info-box {
		margin: 0 auto;
		width: 90%;
	}

	.head-info {
		font-size: 24px;
		margin-bottom: 28px;
	}

	.head-info-txt {
		margin: 0 auto 52px;
		width: 85%;
	}

	.feature-circle {
		width: 90%;
	}
}

/*-------------------------------------------
				私たちの特長
-------------------------------------------*/
/*====================================
	畠経営グループが選ばれる理由
====================================*/
.feature-reason-block {
	margin-bottom: 150px;
}

.feature-reason-container {
	background-color: #3871b8;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.feature-reason-pic {
	margin-right: 80px;
	position: relative;
	width: 400px;
}

.feature-reason-img {
	position: absolute;
	top: -60px;
	left: 0;
}

.feature-reason-txt {
	color: #ffffff;
	padding-top: 75px;
	padding-bottom: 84px;
	width: 560px;
}

.feature-reason-title {
	font-size: 28px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 58px;
	text-align: center;
}

.feature-reason-title-en {
	display: block;
	font-size: 14px;
	font-weight: 700;
}

.feature-reason-list {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.feature-reason-list:not(:last-child) {
	border-bottom: solid 1px #ffffff;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.feature-reason-list-pic {
	line-height: 0;
	margin-right: 40px;
	width: 240px;
}

.feature-reason-info {
	font-size: 15px;
	line-height: 1.8;
	width: calc(100% - 240px - 40px);
}

@media only screen and (max-width: 767px) {
	.feature-reason-block {
		margin-bottom: 78px;
	}

	.feature-reason-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.feature-reason-pic {
		margin: 0 auto 50px;
		width: 90vw;
	}

	.feature-reason-pic::before,
	.feature-reason-pic::after {
		background-color: #ffffff;
		content: "";
		display: block;
		height: 40px;
		position: absolute;
		top: 0;
		width: 5vw;
	}

	.feature-reason-pic::before {
		left: -5vw;
	}

	.feature-reason-pic::after {
		right: -5vw;
	}

	.feature-reason-img {
		position: static;
	}

	.feature-reason-txt {
		margin: 0 auto;
		padding-top: 0;
		padding-bottom: 75px;
		width: 90%;
	}

	.feature-reason-title {
		line-height: 1.3;
		margin-bottom: 38px;
	}

	.feature-reason-title-en {
		font-size: 12px;
		margin-top: 7px;
	}

	.feature-reason-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.feature-reason-list:not(:last-child) {
		border-bottom: solid 1px #ffffff;
		margin-bottom: 40px;
		padding-bottom: 34px;
	}

	.feature-reason-list-pic {
		margin: 0 auto 12px;
	}

	.feature-reason-info {
		width: 100%;
	}
}



/*-------------------------------------------
				宣言文・品質方針
-------------------------------------------*/
.policy-top-block {
	padding: 93px 0 0;
	width: 100%;
}

.policy-contents-block {
	margin: 0 auto;
	padding-bottom: 54px;
	width: 960px;
}

.policy-title {
	border-bottom: solid 1px #3871b8;
	display: inline-block;
	font-size: 20px;
	margin-bottom: 34px;
	padding-bottom: 9px;
}

.policy-contents {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 67px;
}

.policy-list {
	padding-left: 27px;
	position: relative;
}

.policy-list:not(:last-child) {
	margin-bottom: 10px;
}

.policy-list::before {
	content: "●";
	color: #3871b8;
	position: absolute;
	left: 0;
}

@media only screen and (max-width: 767px) {
	.policy-top-block {
		padding: 45px 0 0;
	}

	.policy-contents-block {
		padding-bottom: 15px;
		width: 90%;
	}

	.policy-title {
		font-size: 18px;
		margin-bottom: 21px;
		padding-bottom: 3px;
	}

	.policy-contents {
		font-size: 18px;
		margin-bottom: 34px;
	}

	.policy-list {
		line-height: 1.45;
	}
}





/*-------------------------------------------
				教育方針
-------------------------------------------*/
.education-top-block {
	padding: 93px 0 0;
	width: 100%;
}

.education-contents-block {
	margin: 0 auto;
	width: 960px;
}

.education-container {
	background-color: #999999;
	height: 0;
	margin-bottom: 75px;
	overflow: hidden;
	padding-bottom: 41.8%;
}

.education-txt {
	font-size: 15px;
	line-height: 1.75;
	margin-bottom: 80px;
}

@media only screen and (max-width: 767px) {
	.education-top-block {
		padding: 45px 0 0;
	}
	
	.education-contents-block {
		width: 90%;
	}
	
	.education-container {
		margin-bottom: 57px;
		padding-bottom: 45%;
	}
	
	.education-txt {
		font-size: 14px;
		margin-bottom: 32px;
	}
}

.type-B-contents {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto 30px;
	width: 960px;
}

.type-B-list {
	margin-bottom: 65px;
	width: calc((100% - 60px) / 2);
}

/*  ー （削除指示あり削除
.type-B-list::after {
	background-color: #e6e6e6;
	content: "";
	display: block;
	height: 1px;
	margin-top: 33px;
	width: 40px;
}
*/
.type-B-list:nth-last-child(1)::after,
.type-B-list:nth-last-child(2)::after {
	background-color: transparent;
}

.type-B-heading {
	font-size: 20px;
	margin-bottom: 11px;
	padding-left: 25px;
	position: relative;
}

.type-B-heading::before {
	content: "●";
	color: #3871b8;
	display: block;
	position: absolute;
	left: 0;
}

.type-B-txt {
	font-size: 15px;
	line-height: 1.8;
}

@media only screen and (max-width: 767px) {
	.type-B-contents {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0 auto 10px;
		width: 100%;
	}

	.type-B-list {
		margin-bottom: 20px;
		width: 100%;
	}

	.type-B-list::after {
		margin-top: 18px;
	}

	.type-B-list:nth-last-child(2)::after {
		background-color: #e6e6e6;
	}

	.type-B-heading {
		font-size: 18px;
	}

	.type-B-txt {
		font-size: 14px;
	}
}