@charset "UTF-8";

/* タイトルエリア&情報のデジタル化サービスエリア A-MISテキスト */
.page #page-main #title-area .p-text,
.page #page-main #info-digital-area .p-text {
	margin: 0 0 20px;
	font-size: 18px;
}

/* A-MISエリア */
.page #page-main #a-mis-area {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin: 48px 0px;
}

/* A-MIS画像エリア */
.page #page-main #a-mis-img-area {
	width: 53%;
}

/* A-MIS画像エリア */
.page #page-main #a-mis-img-area .img {
	width: 290px;
	margin: 0 auto;
}

/* A-MISエリア テキストエリア h3*/
.page #page-main #a-mis-text-area h3 {
	margin: 0px;
	color: rgb(73, 80, 87);
	font-size: 24px;
}

/* A-MISエリア テキストエリア 主なデータの最大管理容量 h3*/
.page #page-main #a-mis-text-area #a-mis-main-data-area h3 {
	margin: 0px 0px 20px;
}

/* A-MISエリア テキストエリア ul */
.page #page-main #a-mis-text-area ul  {
	margin: 0px 0px 24px;
	padding: 0px 0px 0px 32px;
	font-size: 18px;
}


/* A-MISテキストエリア */ 
.page #page-main #a-mis-text-area {
	width: 47%;
	color: rgb(73, 80, 87);
}

/* A-MISテキストエリア 主なデータの最大管理容量 */
.page #page-main #a-mis-text-area #a-mis-main-data-area {
	padding: 16px;
	background-color: rgb(252, 252, 253);
	border: 1px solid rgb(233, 236, 239);
	border-radius: 6px;
}

/* A-MISエリア テキストエリア 主なデータの最大管理容量 ul */
.page #page-main #a-mis-text-area #a-mis-main-data-area ul {
	padding: 0px 0px 0px 40px;
	font-size: 18px;
}

/* A-MISエリア テキストエリア 主なデータの最大管理容量 注意文 */
.page #page-main #a-mis-text-area #a-mis-main-data-area .caution-text {
	font-size: 15.75px;
}

/* A-MISエリア ボタンエリア */
.page #page-main #a-mis-button-area {
	margin: 48px 0px;
	text-align: center;
}

/* A-MISエリア ボタンエリア ボタン */
.page #page-main #a-mis-button-area #a-mis-link-button {
	padding: 6px 12px;
	background-color: rgb(220, 53, 69);
	color: white;
	border-radius: 6px;
	text-decoration: none;
}

/* A-MISエリア ボタンエリア ボタン ホバー時 */
.page #page-main #a-mis-button-area #a-mis-link-button:hover {
	background-color: #bb2d3b;
}

/* 情報のデジタル化サービスエリア */
.page #page-main #info-digital-area {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin: 48px 0px;
}

/* 情報のデジタル化サービス 画像エリア */
.page #page-main #info-digital-area #info-digital-img-area {
	width: 52%;
}

/* 情報のデジタル化サービス 画像エリア 画像 */
.page #page-main #info-digital-area #info-digital-img-area .img {
	margin: 0 auto;
	width: 300px;
}

/* 情報のデジタル化サービス テキストエリア */
.page #page-main #info-digital-area #info-digital-text-area {
	width: 48%;
}

/*
 * PC別windowsサイズデザイン ここから
 */

@media screen and (min-width:971px) and (max-width:1199px) {

}

/*
 * PC別windowsサイズデザイン ここみで
 */

/*
 * タブレットデザイン ここから
 */
@media screen and (min-width:768px) and (max-width:970px) {
	/* タイトルエリア&情報のデジタル化サービスエリア A-MISテキスト */
	.page #page-main #title-area .p-text,
	.page #page-main #info-digital-area .p-text {
		margin: 0 0 20px;
		font-size: 18px;
	}

	/* A-MISエリア */
	.page #page-main #a-mis-area {
		display: block;
		margin: 48px 0px;
	}

	/* A-MIS画像エリア */
	.page #page-main #a-mis-img-area {
		width: 100%;
	}

	/* A-MIS画像エリア */
	.page #page-main #a-mis-img-area .img {
		width: 290px;
		margin: 0 auto;
	}

	/* A-MISエリア テキストエリア h3*/
	.page #page-main #a-mis-text-area h3 {
		margin: 0px;
		color: rgb(73, 80, 87);
		font-size: 24px;
	}

	/* A-MISエリア テキストエリア 主なデータの最大管理容量 h3*/
	.page #page-main #a-mis-text-area #a-mis-main-data-area h3 {
		margin: 0px 0px 20px;
	}

	/* A-MISエリア テキストエリア ul */
	.page #page-main #a-mis-text-area ul {
		margin: 0px 0px 24px;
		padding: 0px 0px 0px 32px;
		font-size: 18px;
	}


	/* A-MISテキストエリア */
	.page #page-main #a-mis-text-area {
		width: 100%;
		color: rgb(73, 80, 87);
	}

	/* A-MISテキストエリア 主なデータの最大管理容量 */
	.page #page-main #a-mis-text-area #a-mis-main-data-area {
		padding: 16px;
		background-color: rgb(252, 252, 253);
		border: 1px solid rgb(233, 236, 239);
		border-radius: 6px;
	}

	/* A-MISエリア テキストエリア 主なデータの最大管理容量 ul */
	.page #page-main #a-mis-text-area #a-mis-main-data-area ul {
		padding: 0px 0px 0px 40px;
		font-size: 18px;
	}

	/* A-MISエリア テキストエリア 主なデータの最大管理容量 注意文 */
	.page #page-main #a-mis-text-area #a-mis-main-data-area .caution-text {
		font-size: 15.75px;
	}

	/* A-MISエリア ボタンエリア */
	.page #page-main #a-mis-button-area {
		margin: 48px 0px;
		text-align: center;
	}

	/* A-MISエリア ボタンエリア ボタン */
	.page #page-main #a-mis-button-area #a-mis-link-button {
		padding: 6px 12px;
		background-color: rgb(220, 53, 69);
		color: white;
		border-radius: 6px;
		text-decoration: none;
	}

	/* A-MISエリア ボタンエリア ボタン ホバー時 */
	.page #page-main #a-mis-button-area #a-mis-link-button:hover {
		background-color: #bb2d3b;
	}

	/* 情報のデジタル化サービスエリア */
	.page #page-main #info-digital-area {
		display: block;
		margin: 48px 0px;
	}

	/* 情報のデジタル化サービス 画像エリア */
	.page #page-main #info-digital-area #info-digital-img-area {
		width: 100%;
	}

	/* 情報のデジタル化サービス 画像エリア 画像 */
	.page #page-main #info-digital-area #info-digital-img-area .img {
		margin: 0 auto;
		width: 300px;
	}

	/* 情報のデジタル化サービス テキストエリア */
	.page #page-main #info-digital-area #info-digital-text-area {
		width: 100%;
	}
}

/*
 * スマートフォンデザイン ここから
 */
@media screen and (max-width:767px) {

	/* タイトルエリア&情報のデジタル化サービスエリア A-MISテキスト */
	.page #page-main #title-area .p-text,
	.page #page-main #info-digital-area .p-text {
		margin: 0 0 20px;
		font-size: 18px;
	}

	/* A-MISエリア */
	.page #page-main #a-mis-area {
		display: block;
		margin: 48px 0px;
	}

	/* A-MIS画像エリア */
	.page #page-main #a-mis-img-area {
		width: 100%;
	}

	/* A-MIS画像エリア */
	.page #page-main #a-mis-img-area .img {
		width: 290px;
		margin: 0 auto;
	}

	/* A-MISエリア テキストエリア h3*/
	.page #page-main #a-mis-text-area h3 {
		margin: 0px;
		color: rgb(73, 80, 87);
		font-size: 24px;
	}

	/* A-MISエリア テキストエリア 主なデータの最大管理容量 h3*/
	.page #page-main #a-mis-text-area #a-mis-main-data-area h3 {
		margin: 0px 0px 20px;
	}

	/* A-MISエリア テキストエリア ul */
	.page #page-main #a-mis-text-area ul {
		margin: 0px 0px 24px;
		padding: 0px 0px 0px 32px;
		font-size: 18px;
	}


	/* A-MISテキストエリア */
	.page #page-main #a-mis-text-area {
		width: 100%;
		color: rgb(73, 80, 87);
	}

	/* A-MISテキストエリア 主なデータの最大管理容量 */
	.page #page-main #a-mis-text-area #a-mis-main-data-area {
		padding: 16px;
		background-color: rgb(252, 252, 253);
		border: 1px solid rgb(233, 236, 239);
		border-radius: 6px;
	}

	/* A-MISエリア テキストエリア 主なデータの最大管理容量 ul */
	.page #page-main #a-mis-text-area #a-mis-main-data-area ul {
		padding: 0px 0px 0px 40px;
		font-size: 18px;
	}

	/* A-MISエリア テキストエリア 主なデータの最大管理容量 注意文 */
	.page #page-main #a-mis-text-area #a-mis-main-data-area .caution-text {
		font-size: 15.75px;
	}

	/* A-MISエリア ボタンエリア */
	.page #page-main #a-mis-button-area {
		margin: 48px 0px;
		text-align: center;
	}

	/* A-MISエリア ボタンエリア ボタン */
	.page #page-main #a-mis-button-area #a-mis-link-button {
		padding: 6px 12px;
		background-color: rgb(220, 53, 69);
		color: white;
		border-radius: 6px;
		text-decoration: none;
	}

	/* A-MISエリア ボタンエリア ボタン ホバー時 */
	.page #page-main #a-mis-button-area #a-mis-link-button:hover {
		background-color: #bb2d3b;
	}

	/* 情報のデジタル化サービスエリア */
	.page #page-main #info-digital-area {
		display: block;
		margin: 48px 0px;
	}

	/* 情報のデジタル化サービス 画像エリア */
	.page #page-main #info-digital-area #info-digital-img-area {
		width: 100%;
	}

	/* 情報のデジタル化サービス 画像エリア 画像 */
	.page #page-main #info-digital-area #info-digital-img-area .img {
		margin: 0 auto;
		width: 300px;
	}

	/* 情報のデジタル化サービス テキストエリア */
	.page #page-main #info-digital-area #info-digital-text-area {
		width: 100%;
	}

}