@charset "UTF-8";

/* ▼▼▼ 環境分析
=====================================*/
/* 共通
-------------------------------------*/
#title_area{
	background: url(../img/analysis/title_bg.jpg) no-repeat center/cover;
}

p.read{
	margin-bottom: 40px;
}

section:last-of-type{
	margin-bottom: 0;
}

/* 環境分析TOP
-------------------------------------*/
/* 環境の科学で新しい価値を */
#sec01 h3{
	margin-bottom: 10px;
	font-size: 26px;
}
	#sec01 .main_photo{
		margin-bottom: 40px;
	}

/* ご依頼の流れ */
.step{
	margin-left: 45px;
	font-size: 18px;
}
	.step li{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		font-size: 18px;
	}
	.step li:not(:last-child){
		margin-bottom: 30px;
	}
	.step li:not(:last-child) .step_txt:after{
		display: block;
		content: "";
		background: url(../img/analysis/arrow.png) no-repeat left bottom/100%;
		margin-top: 15px;
		width: 49.08px;
		height: 52.57px;
	}
	.step li > p{
		width: 215px;
		margin-right: 40px;
		flex-shrink: 0;
	}
	.step h5{
		margin-bottom: 5px;
		font-size: 24px;
	}
	.step h5 span{
		display: block;
		color: #0068B7;
	}
	.step h5 + p{
		line-height: 1.8;
	}

/* 商品紹介 */
.product_list{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
	.product_list li{
		display: table;
		border: 1px solid #333;
		max-width: 32.3%;
		width: 100%;
		position: relative;
	}
	.product_list li:not(:nth-child(3n)){
		margin-right: 1.5%;
	}
	.product_list li:not(:last-child){
		margin-bottom: 20px;
	}
	.product_list li:hover{
		opacity: 0.7;
	}
	.product_list li::after{
		content: " ";
		width: 7px;
		height: 7px;
		border-right: 1px solid #333;
		border-top: 1px solid #333;
		border-bottom: 0;
		border-left: 0;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		position: absolute;
		top: 28px;
		right: 15px;
	}
	.product_list li a{
		display: table-cell;
		vertical-align: middle;
		padding: 18px 0;
		color: #333;
		text-align: center;
		font-feature-settings: 'palt'1;
	}

/* 設備紹介 */
.title_Lline{
	font-size: 24px;
}
.facility_list{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 18px;
}
	.facility_list li{
		width: 47%;
	}
	.facility_list li:not(:nth-last-child(-n + 2)){
		margin-bottom: 80px;
	}
	.facility_list li .photo{
		margin-bottom: 20px;
	}

/* 事業所紹介 */
ul.list > li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
}
	ul.list > li:not(:last-child){
		margin-bottom: 40px;
	}
	ul.list > li > div:first-child{
		margin-right: 30px;
		flex-shrink: 0;
	}
	ul.list > li div:first-child img{
		width: 435px;
	}
	ul.list li .txt_left{
		width: 100%;
	}
	ul.list li .txt_left > div{
		float: left;
	}
	ul.list li .txt_left .photo{
		float: right;
		max-width: 175px;
		width: 100%;
	}

	ul.list > li h4{
		font-size: 26px;
		margin-bottom: 5px;
	}
	ul.list > li h3 + p{
		margin-bottom: 10px;
	}
	ul.list li ul{
		margin-top: 10px;
	}
	ul.list li li{
		text-indent: -1em;
		padding-left: 1em;
	}
	ul.list li li:not(:last-child){
		margin-bottom: 10px;
	}
	ul.list li li p{
		margin-bottom: 3px;
	}

/* 環境分析・調査事業パンフレット */
.link a{
	color: #3D58A2;
	font-size: 18px;
}

/* 詳細
-------------------------------------*/
.box_area{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
	.box_area .txt{
		margin-right: 30px;
	}
	.box_area .photo{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 500px;
		flex-shrink: 0;
	}
	.box_area .photo li{
		flex-shrink: 0;
		max-width: 240px;
		width: 100%;
	}
	.box_area .photo li:nth-child(2){
		margin-left: 20px;
	}
	.box_area .photo li:nth-child(3){
		margin-top: 20px;
	}

/* ▼▼▼ 768px
=====================================*/
@media screen and (max-width: 768px) {
/* 共通
-------------------------------------*/
p.read{
	margin-bottom: 20px;
}

/* 環境分析TOP
-------------------------------------*/
/* 環境の科学で新しい価値を */
#sec01{
	font-size: 14px;
}
#sec01 h3{
	margin-bottom: 5px;
	font-size: 20px;
}
	#sec01 .main_photo{
		margin-bottom: 20px;
	}

/* ご依頼の流れ */
.step{
	margin-left: 0;
	font-size: 16px;
}
	.step li{
		align-items: inherit;
		font-size: 16px;
	}
	.step li:not(:last-child){
		margin-bottom: 20px;
	}
	.step li:not(:last-child) .step_txt p{
		position: relative;
	}
	.step li:not(:last-child) .step_txt:after{
		display: none;
	}
	.step li:not(:last-child) .step_txt p:after{
		display: block;
		content: "";
		background: url(../img/analysis/arrow.png) no-repeat left bottom/100%;
		width: 39.08px;
		height: 42.57px;
		position: absolute;
		top: 50%;
		left: -65px;
		transform: translate(-0%,-50%);
	}
	.step li > p{
		width: 75px;
		margin-right: 10px;
		flex-shrink: 0;
	}
	.step h5{
		margin-bottom: 5px;
		font-size: 20px;
	}
	.step h5 span{
		display: block;
		color: #0068B7;
	}
	.step h5 + p{
		line-height: 1.8;
	}

/* 商品紹介 */
.product_list{
	font-size: 16px;
}
.product_list li{
	max-width: 100%;
	width: 100%;
	position: relative;
}
	.product_list li:not(:nth-child(3n)){
		margin-right: 0;
	}
	.product_list li:not(:last-child){
		margin-bottom: 10px;
	}

/* 設備紹介 */
.title_Lline{
	font-size: 18px;
}
.facility_list{
	font-size: 16px;
}
	.facility_list li{
		width: 100%;
	}
	.facility_list li:not(:nth-last-child(-n + 2)){
		margin-bottom: 0;
	}
	.facility_list li:not(:last-child){
		margin-bottom: 30px;
	}
	.facility_list li .photo{
		margin-bottom: 15px;
	}

/* 事業所紹介 */
ul.list > li{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 14px;
}
	ul.list > li:not(:last-child){
		margin-bottom: 30px;
	}
	ul.list > li > div:first-child{
		margin: 0 0 10px;
		flex-shrink: 1;
	}
	ul.list > li div:first-child img{
		width: 100%;
	}
	ul.list li .txt_left{
		width: 100%;
	}
	ul.list li .txt_left > div{
		float: none;
		margin-bottom: 15px;
	}
	ul.list li .txt_left .photo{
		float: none;
		max-width: 175px;
		width: 100%;
	}
	ul.list > li h4{
		font-size: 20px;
		margin-bottom: 5px;
	}
	ul.list > li h3 + p{
		margin-bottom: 10px;
	}
	ul.list li li{
		text-indent: -1em;
		padding-left: 1em;
	}
	ul.list li li:not(:last-child){
		margin-bottom: 10px;
	}
	ul.list li li p{
		margin-bottom: 3px;
	}

/* 環境分析・調査事業パンフレット */
.link a{
	font-size: 16px;
}


/* 詳細
-------------------------------------*/
.box_area{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
	.box_area .txt{
		margin: 0 0 20px;
	}
	.box_area .photo{
		max-width: 100%;
	}
	.box_area .photo li{
		flex-shrink: 0;
		max-width: 48%;
		width: 100%;
	}
	.box_area .photo li:nth-child(2){
		margin-left: 4%;
	}
	.box_area .photo li:nth-child(3){
		margin-top: 4%;
	}

	/* 画像幅100%のとき */
	.box_area .photo_full li{
		flex-shrink: 0;
		max-width: 100%;
		width: 100%;
	}


}

/* ▼▼▼ 340px
=====================================*/
@media screen and (max-width: 340px) {
.product_list {
	font-size: 14px;
	font-feature-settings: 'palt'1;
}
	.product_list li::after {
		right: 12px;
	}
}