@charset "utf-8";


		/*
*	Title: SCSK サービス詳細用
*	URI:
*	Last Modified:
*	Description: メインカラム（サービス詳細内容）
*/

.cBlue {
	color: #4682b4;
}

ul.disc,
ol.num {
	list-style: disc;
	margin-left: 1.5em;
}

ol.num {
	list-style: decimal;
}

.fLeft {
	width: 410px;
	float: left;
}

.fRight {
	width: 120px;
	float: right;
}

h5.vsp01 {
	background-color: #1f497d;
	border-left: 9px solid #00b050;
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif !important;
	font-size: 20px !important;
	line-height: 1.4;
	padding: 5px 5px 5px 13px;
	margin: 0 -20px 20px -20px;
}

h5.vsp03 {
	background-color: #7f7f7f;
	color: #fff;
	font-size: 20px !important;
	line-height: 1.4;
	padding: 5px;
	text-align: center;
}

div.vsp04 {
	border: 1px solid #000;
}

span.vsp05 {
	display: inline-block;
	font-size: inherit !important;
}

/* 独自デザイン検索サイトへ遷移するボタン */

a.storage_btn,
a.storage_btn.visited {
	display: block;
	padding: 8px 10px;
	width: 300px;
	text-align: center;
	margin: auto auto;
	/*中央寄せにするため*/
	color: #fff;
	font-weight: bold;
	font-size: 150% !important;
	background-color: rgb(142, 185, 42);
	border: 1px solid #6CAB31;
	border-radius: 8px;
	/*角丸*/
}

a.storage_btn:hover {
	color: #fff !important;
	text-decoration: none !important;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.p-box--line01,
.p-box--line02 {
	border: 1px solid #1f497d;
	padding: 0 20px 20px 20px;
	margin-top: 50px;
	position: relative;
}

.p-bd__box--line01 {
	color: #b20000;
	line-height: 1em;
	text-align: center;
	background-color: yellow; /*落ち着いた薄だいだい色 #FFEC8C */
	position: absolute;
	top: -35px;
	right: 0;
	padding: 10px 30px;
	border:solid 1px #b20000;
}

.p-box--line02 {
	border-color: #888;
}

h5.vsp02 {
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif !important;
	font-size: 20px !important;
	line-height: 1.4;
	padding: 5px;
	text-align: center;
	background-color: #888;
	margin: 0 -20px 20px -20px;

}

.p-tit-red01 {
	color: #b20000;
	margin-bottom: 1em;
	text-indent: -1em;
	margin-left: 1em;
}

dl.p-titbox-list01 {
	display: table;
	width: 100%;
}

dl.p-titbox-list01 dt,
dl.p-titbox-list01 dd {
	display: table-cell;
	padding: 10px;
}

dl.p-titbox-list01 dt {
	text-align: center;
	color: #fff;
	background-color: #ff8000;
	vertical-align: middle;
	width: 10em;
	font-weight:bold;
}

dl.p-titbox-list01 dd {
	border: 1px solid #ff8000;

}

.p-titvsp06 {
	font-size: 16px;
	position: relative;
	margin-bottom: 10px;
}

.p-titvsp06:before {
	content: '■';
	color: #b20000;
}

.p-dis-tbl {
	display: table;
	width: 100%;
}

.p-dis-tbl>div {
	display: table-cell;
}
.p-pL20{padding-left: 20px;}


/*	2022/06/03
-----------------------------------*/
#hitachi_uspv .flex-around-sp-center{
  justify-content:space-around;
}

@media screen and (max-width:767px) and (min-width:1px) {
  #hitachi_uspv .flex-around-sp-center{
    justify-content:center;
  }
}