@charset "Shift_JIS";


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

Name: executive.css

Description: 

Create: 2021.6.29
Update: 2021.7.21

Copyright Hitachi, Ltd. 2021. All rights reserved.

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


/*-- common --*/

#titleBanner {
	position: relative;
}

#titleBanner p.ButtonStyle1 {
	position: absolute;
	right: 2%;
	bottom: 10px;
	padding: 8px;
	color: #fff;
}

#titleBanner .ButtonStyle1 a {
	border-radius: 8px;
}

#titleBanner .ButtonStyle1 a:link,
#titleBanner .ButtonStyle1 a:visited {
	font-size: 120%;
}
#titleBanner .ButtonStyle1 a:hover,
#titleBanner .ButtonStyle1 a:active {
	font-size: 120%;
}

@media screen and (max-width: 579px) {
	#titleBanner p.ButtonStyle1 {
		bottom: 0;
	}
	#titleBanner .ButtonStyle1 a {
		border-radius: 0;
	}
	#titleBanner p.ButtonStyle1 a:link,
	#titleBanner p.ButtonStyle1 a:visited {
		box-sizing:border-box;
		padding: 9px 0;
		width:100%;
	}
	#titleBanner p.ButtonStyle1 a:hover,
	#titleBanner p.ButtonStyle1 a:active {
		padding: 9px 2px 9px 0;
	}
}

table th,
table td {
	padding: 10px 15px;
	border: solid 1px #ddd;
	font-size: 90%;
	text-align: left;
}

table td strong.semTitle {
	font-size:115%;
	display:block;
	margin-bottom:20px;
}

table td strong.semTitle span.Green,
table td strong.semTitle span.Blue {
	font-size:98%;
	color:#fff;
	padding:0 12px;
	margin:0 8px 0 0 ;
	font-weight:normal;
}

table td strong.semTitle span.Green {
	background-color:#548235;
}


table td strong.semTitle span.Blue {
	font-size:96%;
	background-color:#253f6e;
}













/*-- archive_request --*/

.HorizontalInnerLinks ul {
	display: flex;
	justify-content: space-around;
flex-wrap: wrap;
}
.HorizontalInnerLinks ul li {
	float: none;
	margin: 0 0 30px 0;
}

.HorizontalInnerLinks li a:link, 
.HorizontalInnerLinks li a:visited {
	text-decoration: none;
	color: #0081CC;
	border:1px solid #0081CC;
	background: url(/products/it/ws_sol/common/images/icon/icon_link_right_blue.gif) no-repeat 100% 50%;
	background-color: #ffffff;
	padding: 10px 30px;
	width:20%;
	text-align:center;
}

.HorizontalInnerLinks li a:hover {
	background:url("/products/it/ws_sol/common/images/icon/icon_link_right_blue_hover.gif") no-repeat 100% 50%;
	background-color: #d6edfb;
}

#sec03 .ButtonStyle1 a {
	background-image: url(../../../../../../image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	background-repeat: no-repeat;
	background-position: right 30% center;
}

@media screen and (max-width: 767px) {
	#sec03 .ButtonStyle1 a {
		background-image: url(../../../../../../image/jp/r1/icon/icon_link_right_l_white_hd.gif);
		background-repeat: no-repeat;
		background-position: right center;
	}
}

#sec03 .ButtonStyle1 a:link,
#sec03 .ButtonStyle1 a:visited {
	padding: 9px 0;
	width: 100%;
	font-size: 120%;
}
#sec03 .ButtonStyle1 a:hover,
#sec03 .ButtonStyle1 a:active {
	padding: 9px 2px 9px 0;
	font-size: 120%;
}

#sec03 p {background-color: #e60027; color: #fff; padding: 8px;}

@media screen and (max-width: 767px) {
	br.sp-hid {
		display:none;
	}
}


/*-- viewing --*/


.ResponsiveTableStyle1 table th.cellstyle1 {
	background-color:#fff;
	padding: 10px 15px;
	border: solid 1px #ddd;
	font-size: 90%;
	text-align: left;
}



th.cellstyle1 strong.semTitle {
	font-size:115%;
	display:block;
	margin-bottom:20px;
}

th.cellstyle1 strong.semTitle span.Green,
th.cellstyle1 strong.semTitle span.Blue {
	font-size:98%;
	color:#fff;
	padding:0 12px;
	margin:0 8px 0 0 ;
	font-weight:normal;
}

th.cellstyle1 strong.semTitle span.Green {
	background-color:#548235;
}


th.cellstyle1 strong.semTitle span.Blue {
	font-size:96%;
	background-color:#253f6e;
}


@media screen and (max-width: 767px) {
	.JS .ResponsiveTableStyle1 th {
		font-weight: normal;
	}
	.JS .ResponsiveTableStyle1 .ResponsiveTableHeading {
		display:none;
	}
	.JS .ResponsiveTableStyle1 td {
		border: solid 1px #ddd;
		text-align: center;
	}
}

.DataTableStyle4 .ButtonStyle1 a {
	background-image: url(../../../../../../image/jp/r1/icon/icon_new_window_white_hd.png);
	background-repeat: no-repeat;
	background-position: right 10% center;
}


/*-- keynote_speech,session_01,session_02 --*/


@media screen and (max-width: 399px) {
	#PopUpContents {
		padding:18px 0 5px;
	}
}

#PopUpContents h1 {
	text-align:center;
}

#PopUpContents .movie {
	text-align:center;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}

#PopUpContents .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}

@media screen and (max-width: 767px) {
	#PopUpContents .movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

#PopUpContents p {
	text-align:center;
	margin-bottom: 20px;
}

#PopUpContents .ButtonStyle1 a {
	background-image: url(../../../../../../image/jp/r1/icon/icon_new_window_white_hd.png);
	background-repeat: no-repeat;
	background-position: right 1% center;
	font-size: 100%;
}


/*#PopUpContents .docdl a {
	background-image: url(../../../../../../image/jp/r1/icon/icon_new_window_white_hd.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 100%;
}*/



.ButtonStyle1 a:link,
.ButtonStyle1 a:visited {
	padding: 9px 30px 9px 20px;
	background-color: #e60027;
	color: #fff;
	text-decoration: none;
	border-right: solid 3px transparent;
}
.ButtonStyle1 a:hover,
.ButtonStyle1 a:active {
	padding: 9px 32px 9px 20px;
	background-color: #b1000e;
	color: #fff;
	text-decoration: none;
	border-right: solid 1px transparent;
}