@charset "utf-8";

/*******************************************

-------------------------------------------
共通パーツ
********************************************/

/* 背景
========================================== */

#main > section {
	background: url("../img/technology/bg_section.png") center top repeat-x;
}
#main > section#intro,
#main > section#ocr {
	background-image: none;
}
#main > section:not(#intro) {
	padding-top: 100px;
	padding-bottom: 90px;
}
#main > section#ocr {
	padding-top: 60px;
}
@media only screen and (max-width: 767px) {
	#main > section:not(#intro) {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	#main > section#ocr {
		padding-top: 60px;
	}	
}

/* アイコン
========================================== */

img.tit_icon {
	display: block;
	margin: 0 auto -110px;;
}

@media only screen and (max-width: 767px) {
	img.tit_icon {
		margin-bottom: -30px;
	}
}

/* 小見出し
========================================== */

.titSub {
	text-align: center;
	margin-top: 70px;
}
.titSub em {
	display: inline-block;
	font-weight: 700;
	font-size: 20px;
	color: #1a5abc;
	background-color: #e5f2fa;
	border-radius: 20px;
	padding: 4px 40px;
	min-width: 185px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.titSub {
		margin-top: 50px;
	}
	.titSub em {
		font-size: 18px;
		padding: 3px 20px;
		min-width: 0;
	}
}

/* アイテム画像
========================================== */

.itemImg {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.itemImg > * {
	margin: 35px 25px 0;
}
.itemImg > img {
	display: block;
}
#mark .itemImg {
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.itemImg {
		flex-wrap: wrap;
	}
	.itemImg > * {
		margin: 30px 15px 0;
	}
}

/* 複数横並び */
ul.item-multi {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
	#money ul.item-multi li:nth-of-type(2) {
		padding-left: 60px;
		padding-right: 60px;
	}
	#other ul.item-multi li:nth-of-type(2) {
		padding-left: 50px;
	}
	#other ul.item-multi li:nth-of-type(1) p {
		height: 52px;
	}
}

/*******************************************

-------------------------------------------
手書き文字認識OCR
********************************************/

#ocr {
}

/*******************************************

-------------------------------------------
多段分類
********************************************/

#divide {
}
#divide table {
	border: 1px solid #7f8080;
}
#divide table tbody tr th,
#divide table tbody tr td {
	padding: 3px 30px;
}
#divide table tbody tr:not(:last-of-type) th,
#divide table tbody tr:not(:last-of-type) td {
	border-bottom: 1px solid #808080;
}
#divide table tbody tr th {
	background-color: #e0e0e0;
	text-align: center;
}
#divide table tbody tr td {
	padding-left: 15px;
}
@media only screen and (max-width: 767px) {
	#divide table {
		width: 100%;
	}
	#divide table tbody tr th,
	#divide table tbody tr td {
		padding: 3px 15px;
	}
	#divide table tbody tr th {
		width: 100px;
	}
	#divide table tbody tr td {
		width: calc(100% - 100px);
	}
}

/*******************************************

-------------------------------------------
高速天地表裏揃え
********************************************/

#align {
}

/*******************************************

-------------------------------------------
媒体数自動読取収納ボックス
********************************************/

#storage {
}

/*******************************************

-------------------------------------------
RFIDタグ付き収納物管理
********************************************/

#rfid {
}

/*******************************************

-------------------------------------------
紙幣・硬貨の高速鑑別計数
********************************************/

#money {
}

/*******************************************

-------------------------------------------
帯封機能
********************************************/

#band {
}

/*******************************************

-------------------------------------------
マークカード読取
********************************************/

#mark {
}

/*******************************************

-------------------------------------------
その他
********************************************/

#other {
}