@charset "UTF-8";
/*about*/
section{
	padding: 100px 0 130px;
	}

.works_item_wrap{
	display: flex;
	justify-content: center;
	gap: 45px;
	}

.works_item_wrap .item{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	width: calc((100% - 90px) / 3);
	height: 123px;
	text-align: center;
	background: var(--col_sub);
	color: var(--col_white);
	}
.works_item_wrap .item.current,.works_item_wrap a.item:hover{
	background: var(--col_white);
	color: var(--col_sub);
	border: 1px solid var(--col_sub);
	text-decoration: none;
	}

/*service*/
#service{
	}
#service .txt_20.txt_aligncenter{
	line-height: 3.35;
	}
#service .img_service_pict{
	display: block;
	width: 87%;
	height: auto;
	margin: 110px auto 0;
	}

/*detail*/
#detail{
	}
#detail p.txt_18{
	line-height: 2.66;
	}
#detail .bg_gray{
	padding: 125px 0;
	}
#detail .bg_gray h3.col_sub{
	width: 100%;
	margin-bottom: 70px;
	}
#detail .bg_gray .txt_wrap{
	width: 44%;
	}
#detail .bg_gray .img_ph{
	display: block;
	width: 51%;
	height: auto;
	}
#detail .img_cm_chart_wrap{
	width: 1025px;
	margin-inline: auto;
	display: flex;
	flex-flow: column;
	gap: 35px;
	}
#detail .img_cm_chart_wrap .img_cm_chart{
	display: block;
	width: 100%;
	height: auto;
	}
#detail .img_fieldcontrol_pict{
	display: block;
	width: 83.4%;
	height: auto;
	margin: 160px auto 0;
	}	
	
#detail .img_fieldcontrol_chart_wrap{
	width: 1025px;
	margin-inline: auto;
	}
#detail .img_fieldcontrol_chart_wrap .img_fieldcontrol_chart{
	display: block;
	width: 100%;
	height: auto;
	}

/* Media Queries
==========================================================================*/
@media screen and (max-width:1335px) {

}
@media screen and (max-width:1040px) {
#detail .img_cm_chart_wrap{
	width: 100%;
	}
#detail .img_fieldcontrol_chart_wrap{
	width: 100%;
	}
}
@media screen and (max-width:767px) {
section{
	padding: 50px 0 45px;
	}
.works_item_wrap{
	flex-wrap: wrap;
	gap: 10px;
	}
.works_item_wrap .item{
	width: calc(50% - 5px);
	height: 123px;
	}

/*service*/
#service{
	padding: 50px 0 0;
	}
#service .txt_20.txt_aligncenter{
	line-height: 2;
	}
#service .img_service_pict{
	width: 100%;
	margin: 20px auto 0;
	}

/*detail*/
#detail{
	}
#detail p.txt_18{
	line-height: 2;
	}

#detail .bg_gray{
	padding: 40px 0;
	}
#detail .bg_gray h3.col_sub{
	width: 100%;
	margin-bottom: 10px;
	order: 2;
	}
#detail .bg_gray .txt_wrap{
	width: 100%;
	order: 3;
	}
#detail .bg_gray .img_ph{
	width: 58%;
	margin: 0 auto 30px;
	order: 1;
	}
#detail .img_cm_chart_wrap{
	gap: 2px;
	}
#detail .img_fieldcontrol_pict{
	width: 100%;
	margin: 20px auto 0;
	}	


}