/* ---------------------------------------------- */
/*                aquablast.html                  */
/* ---------------------------------------------- */
body {
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	/*文字サイズ、行間、フォント指定*/
}

.style-pc-mode {
	display: block;
}

.style-sp-mode {
	display: none;
}

.text-center {
	text-align: center;
}


/* Header Section */
#logo_img {
	width: 230px;
}



/* ----------------------------------------------------------------
							アクアブラスト定義
------------------------------------------------------------------- */
.overview-section {
	background-color: #0777cc;
}

.overview-comment {
	padding: 1.5vw;
	font-size: 1.2vw;
	line-height: 1.5;
	color: #fff;
}

.features-section {
	background-color: #b9e1ff;
	padding: 2vw;
	line-height: 1.3;
}

.features-square {
	color: #0777cc;
	font-size: 1.6vw;	
}

.features-title1 {
	color: #0777cc;
	font-size: 1.6vw;
	font-style: italic;
}

.features-title2 {
	color: #0777cc;
	font-size: 1.2vw;
	text-decoration-line: underline;
}

.features-cpmment1 {
	padding-left: 1.5vw;	
	font-size: 1.1vw;
	padding-bottom: 1.5vw;
	color: black;
}

.features-cpmment2 {
	padding-left: 1.5vw;	
	font-size: 1.1vw;
	color: black;
}

.layout-row1 {
	border-bottom-style: solid;
	border-bottom-width: 0.2vw;
	border-bottom-color: #0777cc;
	margin-bottom: 1vw;
}

.layout-margin {
	margin-left: 0;
	padding-left: 0;
}

.layout-title {
	margin: 2vw auto 0 0;
	padding: 0.8vw;
	color: #fff;
	background-color: #0777cc;
	text-align: center;
	font-size: 1.3vw;
}

.layout-row2 {
	margin-bottom: 3vw;
}

.layout-comment1 {
	font-size: 1.2vw;
	line-height: 1.5;
	margin-top: -0.5vw;
	color: black;
}

.layout-comment2 {
	font-size: 1.2vw;
	line-height: 1.5;
	margin-top: -0.5vw;
	padding-left: 1.5vw;
	color: black;
}

.layout-comment3 {
	font-size: 1.2vw;
	line-height: 1.5;
	margin-top: -0.5vw;
	margin-bottom: 5vw;
	color: black;
}

.procedure-comment1 {
	list-style-type: none;
	margin-top: 5vw;
	margin-bottom: 2vw;
	font-size: 1.1vw;
	color: black;
}

.procedure-comment2 {
	list-style-type: none;
	font-size: 1.1vw;
	color: black;
}

.procedure-comment3 {
	list-style-type: none;
	font-size: 1.1vw;
	margin-bottom: 2vw;
	margin-left: 1.5vw;
	color: black;
}

.procedure-comment4 {
	list-style-type: none;
	margin-bottom: 2vw;
	font-size: 1.1vw;
	color: black;
}

.result-row1 {
	margin-top: 4vw;
	margin-bottom: 4vw;
}

.result-title1 {
	font-size: 1.3vw;
	color: #0777cc;
}

.result-comment1 {
	font-size: 1.1vw;
	color: black;
}

.result-title2 {
	margin-top: 3vw;
	font-size: 1.3vw;
	color: #0777cc;
}

.efficiency-row1 {
	margin-top: 4vw;
}

.efficiency-row2 {
	margin-bottom: 4vw;
}

.efficiency-title1 {
	font-size: 1.3vw;
	color: #0777cc;
	margin-bottom: -0.3vw;
}

.efficiency-comment1 {
	font-size: 1.1vw;
	padding: 0 0.3vw;
	color: black;
}

.performance-row1 {
	margin-top: 4vw;
	margin-bottom: 2vw;
}

.performance-row2 {
	margin-bottom: 4vw;
}

.performance-comment1 {
	font-size: 1.1vw;
	text-align: center;
	line-height: 1.5;
	color: black;
}

.performance-comment2 {
	font-size: 1vw;
	text-align: center;
	line-height: 1.5;
	color: black;
}

.applications-row1 {
	margin-top: 3vw;
	margin-bottom: 4vw;
}

.applications-row2 {
	border-style: solid;
	border-width: 2px;
	padding: 2vw 0.5vw 2vw 0;
	margin: 0;
}

.applications-img {
	margin-top: -3.5vw;
}

.applications-comment1 {
	font-size: 1.1vw;
	color: black;
}

.applications-comment2 {
	font-size: 1.1vw;
	margin-top: 5vw;
	color: black;
}

.waterjetgun-title1 {
	font-size: 1.1vw;
	background-color: #91e28f;
	border-style: solid;
	border-width: 2px;
	border-color: #4b834a;
	color: black;
}

.waterjetgun-margin {
	margin-top: -0.9vw;
	margin-left: -3vw;
	margin-bottom: 3vw;
	padding-top: 1vw;
	font-size: 1.1vw;
	border-style: solid;
	border-width: 2px;
	border-color: #4b834a;
	color: black;
}

.waterjetgun-table {
	margin-left: 3vw;
	margin-bottom: 2vw;
	font-size: 1.1vw;
	color: #c45911;
}

.waterjetgun-data1 {
	padding: 1vw 2vw;
	background-color: #fbe4d5;
	color: #c45911;
	font-weight: bold;
}

.waterjetgun-data2 {
	padding: 1vw 2vw;
	color: #c45911;
	font-weight: bold;
}





/*ここからスマートフォン用（768px以下）環境の設定
---------------------------------------------------------------------------*/
@media (max-width : 768px) {
	.style-pc-mode {
		display: none;
	}

	.style-sp-mode {
		display: block;
	}

	#logo-img-mobile {
		width: 250px;
	}

	/* ----------------------------------------------------------------
								アクアブラスト定義
	------------------------------------------------------------------- */
	.overview-comment {
		padding: 3px;
		font-size: 14px;
		line-height: 1.3;
	}

	.features-section {
		padding: 20px 3px;
	}

	.features-square {
		font-size: 14px;	
	}

	.features-title1 {
		font-size: 14px;
	}

	.features-title2 {
		font-size: 14px;
		text-decoration: none;
	}

	.features-cpmment1 {
		padding-left: 10px;	
		font-size: 12px;
		padding-bottom: 15px;
	}

	.features-cpmment2 {
		padding-left: 10px;	
		font-size: 12px;
	}

	.layout-row1 {
		border-bottom-width: 2px;
		margin-bottom: 15px;
	}

	.layout-margin {
		margin: 0;
		padding: 0;
	}

	.layout-title {
		margin: 20px 0 0 0;
		padding: 8px;
		font-size: 16px;
	}

	.layout-row2 {
		margin-bottom: 30px;
	}

	.layout-comment1 {
		font-size: 12px;
		margin-top: -5px;
	}

	.layout-comment2 {
		font-size: 12px;
		margin-top: -5px;
		padding-left: 5px;
	}

	.layout-comment3 {
		font-size: 12px;
		margin-top: -5px;
		margin-bottom: 50px;
	}

	.procedure-comment1 {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 12px;
		margin-left: -30px;
	}

	.procedure-comment2 {
		font-size: 12px;
		margin-left: -30px;
	}

	.procedure-comment3 {
		font-size: 12px;
		margin-bottom: 20px;
		margin-left: -30px;
	}

	.procedure-comment4 {
		margin-bottom: 20px;
		font-size: 12px;
		margin-left: -30px;
	}

	.result-row1 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.result-title1 {
		font-size: 16px;
		margin-left: -20px;
	}

	.result-comment1 {
		font-size: 12px;
		margin-left: -20px;
	}

	.result-title2 {
		margin-top: 30px;
		font-size: 16px;
		margin-left: -20px;
	}

	.efficiency-row1 {
		margin-top: 30px;
	}

	.efficiency-row2 {
		margin-bottom: 30px;
	}

	.efficiency-title1 {
		font-size: 16px;
		margin-bottom: -3px;
	}

	.efficiency-comment1 {
		font-size: 12px;
		padding: 0 3px;
	}

	.performance-row1 {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.performance-row2 {
		margin-bottom: 30px;
	}

	.performance-comment1 {
		font-size: 14px;
		text-align: left;
		line-height: 1.3;
	}

	.performance-comment2 {
		font-size: 11px;
		text-align: left;
	}

	.applications-row1 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.applications-row2 {
		padding: 20px 5px 20px 0;
	}

	.applications-img {
		margin-top: -35px;
	}

	.applications-comment1 {
		font-size: 12px;
		line-height: 1.5;
	}

	.applications-comment2 {
		font-size: 12px;
		margin-top: 10px;
		line-height: 1.5;
	}

	.waterjetgun-title1 {
		font-size: 14px;
	}

	.waterjetgun-margin {
		margin: -9px 0 30px 0;
		padding-top: 10px;
		font-size: 12px;
	}

	.waterjetgun-table {
		margin-bottom: 20px;
		font-size: 12px;
	}

	.waterjetgun-data1 {
		padding: 10px 20px;
	}

	.waterjetgun-data2 {
		padding: 10px 20px;
	}
}