@charset "utf-8";


h2.heading{font-size:16px;font-weight: bold;margin: 0px 0px 10px 0px;padding: 7px 20px 8px 24px;line-height: 20px;color:#fff;border: 1px solid;border-color: #E4E4E4;background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #BBDF49), color-stop(0.50, #A1C52E), color-stop(0.00, #86A329));background: -webkit-linear-gradient(top, #86A329 0%, #A1C52E 50%, #BBDF49 100%);background: -moz-linear-gradient(top, #86A329 0%, #A1C52E 50%, #BBDF49 100%);background: -o-linear-gradient(top, #86A329 0%, #A1C52E 50%, #BBDF49 100%);background: -ms-linear-gradient(top, #86A329 0%, #A1C52E 50%, #BBDF49 100%);background: linear-gradient(to bottom, #86A329 0%, #A1C52E 50%, #BBDF49 100%);text-shadow: 2px 1px 1px #222;-moz-text-shadow: 2px 2px 2px #222; /* Firefox用 */-webkit-text-shadow: 2px 2px 2px #222; /* Safari,Google Chrome用 */box-shadow: 1px 1px 3px #222;-moz-box-shadow: 1px 1px 3px #222; /* Firefox用 */-webkit-box-shadow: 1px 1px 3px #222; /* Safari,Google Chrome用 */}

table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.type01 th {
	width: 25%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background: #f7f7f7;
	vertical-align:middle;
}
table.type01 td {
	width: 75%;
	padding: 10px 5px;

	vertical-align: top;
	border: 1px solid #ccc;
}


@media (min-width:320px) and (max-width:728px) {

	table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.type01 th {
	width: 25%;
	padding: 3px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #e6e5e5;
	background: #f3f3f3;
	vertical-align:middle;
}
table.type01 td {
	width: 75%;
	padding: 10px 5px;
	vertical-align: top;
	border: none;
}
table.type01 thead{display:none;}
table.type01 tbody:before{content:url(../images/b_accessory.png) "対象機器"; margin:0 auto;}
table.type01 tbody{display:block;}
table.type01 tbody tr{display:block;}
table.type01 tbody th,table.type01 tbody td{display:block;width: 93%;}
}

.hdw{ display: flex; margin-bottom: 20px;}
.hdw img{ margin-bottom: .5em; width: 80px; text-align: center;}

.hdw ul{ display: block; width: 20%; line-height: 1.1em;}

.hdw ul:nth-child(1),
.hdw li:nth-child(1)
	{ height: 12em !important;}

.hdw ul:nth-child(1) li{ background: #f4f5f0;}

.hdw li{ text-align: center; padding: .8em; height: 4em; border: 1px solid #ececec;}


@media (min-width:320px) and (max-width:728px) {
.hdw ul:nth-child(1),
.hdw li:nth-child(1)
	{height: 16em !important;}

	.hdw{ display: flex; flex-direction: column;}
	.hdw ul:nth-child(1){ display: none;}
	.hdw ul{ width: 98%; margin-bottom: 3em;}
	.hdw ul li{ padding: 0; border: none; display: block;}
	.hdw ul li:nth-child(1){ border-top: 4px solid #beedfb; padding: 1em 0 6em 0;}
	.hdw img{ margin: .5em; width: 150px;}

	.hdw ul li:nth-child(n+2):nth-child(-n+16):before{
		text-align: left;
		display:block;
		background: #f3f3f3;
		padding: .3em .5em;
		font-weight: bold;
		margin: .5em 0;
		border: 1px solid #e6e5e5;
		}

	.hdw ul li:nth-child(2):before{content:"時間";}
	.hdw ul li:nth-child(3):before{content:"月額";}
	.hdw ul li:nth-child(4):before{content:"4年パック";}
	.hdw ul li:nth-child(5):before{content:"5年パック";}
	.hdw ul li:nth-child(6):before{content:"出張保守";}
	.hdw ul li:nth-child(7):before{content:"対応地域";}
	.hdw ul li:nth-child(8):before{content:"パソコン本体保守";}
	.hdw ul li:nth-child(9):before{content:"周辺機器 保守*1";}
	.hdw ul li:nth-child(10):before{content:"モニター";}
	.hdw ul li:nth-child(11):before{content:"Windows OS復旧";}
	.hdw ul li:nth-child(12):before{content:"BCPOS 復旧";}
	.hdw ul li:nth-child(13):before{content:"バックアップ　データ復旧 ";}
	.hdw ul li:nth-child(14):before{content:"保守実施 会社 ";}

	.hdw ul li:nth-child(n+2):nth-child(-n+16){ height:4em;	}



/*
	.hdw ul li:nth-child(2),.hdw ul li:nth-child(6),.hdw ul li:nth-child(7){height: 5em;}

	.hdw ul:nth-child(1) li:nth-child(2),
	.hdw ul:nth-child(1) li:nth-child(7),
	.hdw ul:nth-child(2) li:nth-child(n+8):nth-child(-n+9),
	.hdw ul:nth-child(2) li:nth-child(n+11):nth-child(-n+15),
	.hdw ul:nth-child(3) li:nth-child(n+8):nth-child(-n+9),
	.hdw ul:nth-child(3) li:nth-child(n+11):nth-child(-n+15),
	.hdw ul:nth-child(4) li:nth-child(n+8):nth-child(-n+9),
	.hdw ul:nth-child(4) li:nth-child(n+11):nth-child(-n+15),
	.hdw ul:nth-child(5) li:nth-child(n+8):nth-child(-n+9),
	.hdw ul:nth-child(5) li:nth-child(n+11):nth-child(-n+15),
	.hdw ul:nth-child(6) li:nth-child(n+8):nth-child(-n+9),
	.hdw ul:nth-child(6) li:nth-child(n+11):nth-child(-n+15),
	.hdw ul:nth-child(7) li:nth-child(n+8):nth-child(-n+9),
	.hdw ul:nth-child(7) li:nth-child(n+11):nth-child(-n+15),
		{height: 5em;}
	.hdw ul:nth-child(n+2):nth-child(n-6) li:nth-child(6){height: 4em;}
	.hdw ul:nth-child(n+2):nth-child(n-6) li:nth-child(10){height: 4em;}

	*/
}

.notes { font-size:90%;}