@charset "UTF-8";


/**************************************************
　mainContents
***************************************************/

.headerImage {
	background: url("https://www.jitsuta.co.jp/image/service/infrastructure/header.jpg") no-repeat center center;
	background-size: cover;
}


/**************************************************
　共通
***************************************************/

/**************************************************
　環境計測機器の販売・設置・点検
***************************************************/

.eachSubTitle {
	margin-bottom: 10px;
}
.infrastructure .eachImage {
	float: left;
}
.infrastructure h6 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 5px;
	text-align: center;
}

/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	/* リード文 */
	.serviceIntroductionBlock {
		margin: 60px auto 0;
		width: 90%;
	}

	/* 事業内容 */
	.serviceBlock {
		margin-bottom: -60px;
		padding-bottom: 0;
	}
	.serviceBlock .eachCategory:nth-of-type(1),
	.serviceBlock .eachCategory:nth-of-type(2) {
		height: 405px;
	}

	/* 環境計測機器の販売・設置・点検 */
	.infrastructure .eachImageBlock {
		margin: 60px auto 0;
	}
	.infrastructure .eachImage:nth-of-type(odd) {
		margin: 0 0 30px 0;
	}
	.infrastructure .eachImage span {
		display: block;
		font-size: 90%;
	}
	.infrastructure .eachImage:nth-of-type(5) h6,
	.infrastructure .eachImage:nth-of-type(9) h6 {
		height: 43px;
		line-height: 43px;
	}
}
@media (max-width: 320px) {

	/* 幅狭スマホ */

	/* 事業内容 */
	.serviceBlock  {
		margin-bottom: -40px;
		padding-bottom: 40px;
	}

	/* 環境計測機器の販売・設置・点検 */
	.infrastructure .eachImageBlock {
		width: 300px;
	}
	.infrastructure .eachImage {
		margin: 0 0 30px 20px;
		width: 140px;
	}
	.infrastructure .eachImage:nth-of-type(1),
	.infrastructure .eachImage:nth-of-type(2),
	.infrastructure .eachImage:nth-of-type(7),
	.infrastructure .eachImage:nth-of-type(8),
	.infrastructure .eachImage:nth-of-type(11),
	.infrastructure .eachImage:nth-of-type(12) {
		height: 140px;
	}
	.infrastructure .eachImage:nth-of-type(3),
	.infrastructure .eachImage:nth-of-type(4),
	.infrastructure .eachImage:nth-of-type(5),
	.infrastructure .eachImage:nth-of-type(6),
	.infrastructure .eachImage:nth-of-type(9),
	.infrastructure .eachImage:nth-of-type(10) {
		height: 160px;
	}
	.infrastructure .eachImage img {
		max-height: 112px;
		max-width: 140px;
	}
	.infrastructure .blockTitle h2 {
		font-size: 20px;
	}
}
@media (min-width: 321px) and (max-width: 767px) {

	/* 幅広スマホ */

	/* 事業内容 */
	.serviceBlock .categoryText p {
		height: 165px;
	}
	.serviceBlock .eachCategory:nth-of-type(3),
	.serviceBlock .eachCategory:nth-of-type(4) {
		height: 350px;
	}
	.serviceBlock .eachCategory:nth-of-type(3) span {
		font-size: 13px;
	}

	/* 環境計測機器の販売・設置・点検 */
	.infrastructure .eachImageBlock {
		width: 330px;
	}
	.infrastructure .eachImage {
		margin: 0 0 30px 30px;
		width: 150px;
	}
	.infrastructure .eachImage img {
		max-height: 113px;
		max-width: 150px;
	}
	.infrastructure .eachImage:nth-of-type(1),
	.infrastructure .eachImage:nth-of-type(2),
	.infrastructure .eachImage:nth-of-type(7),
	.infrastructure .eachImage:nth-of-type(8),
	.infrastructure .eachImage:nth-of-type(11),
	.infrastructure .eachImage:nth-of-type(12) {
		height: 148px;
	}
	.infrastructure .eachImage:nth-of-type(3),
	.infrastructure .eachImage:nth-of-type(4),
	.infrastructure .eachImage:nth-of-type(5),
	.infrastructure .eachImage:nth-of-type(6),
	.infrastructure .eachImage:nth-of-type(9),
	.infrastructure .eachImage:nth-of-type(10) {
		height: 168px;
	}
}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

	/* リード文 */
	.serviceIntroductionBlock p {
		margin: 60px auto 80px;
		width: 730px;
	}

	/* 事業内容 */
	.serviceBlock  .categoryText p {
		height: 150px;
	}
	.eachCategory:nth-of-type(1) span {
		line-height: 20px;
		padding: 5px 0;
	}

	/* 環境計測機器の販売・設置・点検 */
	.infrastructure .eachImageBlock {
		margin: 60px auto 0;
	}
}


/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1020px) and (min-width: 768px) {

	/* 環境計測機器の販売・設置・点検 */
	.infrastructure .eachImageBlock {
		width: 700px;
	}
	.infrastructure .eachImage {
		margin: 0 0 30px 20px;
		width: 220px;
	}
	.infrastructure .eachImage:nth-of-type(3n-2) {
		margin: 0 0 30px 0;
	}
	.infrastructure .eachImage img {
		max-width: 220px;
	}
}


/* ■■ PC ■■ */
@media screen and (min-width: 1021px) {

	.serviceBlock  {
		margin-bottom: -100px;
		padding-bottom: 180px;
	}

	/* 環境計測機器の販売・設置・点検 */
	.infrastructure .eachImageBlock {
		width: 800px;
	}
	.infrastructure .eachImage {
		margin: 0 0 40px 40px;
		width: 240px;
	}
	.infrastructure .eachImage:nth-of-type(3n-2) {
		margin: 0 0 40px 0;
	}
	.infrastructure .eachImage img {
		max-width: 240px;
	}
}