@charset "Shift_JIS";

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

Name: modify.css

Description: Sub CSS

Create: 2014.07.03
Update: 2015.04.13
Update: 2019.04.01

Copyright Hitachi Information Engineering, Ltd. 1984, 2021. 

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


/* ----------------------------------------------------------------------------------------

Modify Setting

------------------------------------------------------------------------------------------- */





/* テーブル内リスト使用による、不要なマージン削除・フォントサイズ補正
=========================================================================================== */
th .LinkListStyle1, th .LinkListStyle2, th .LinkListStyle3, th .LinkListStyle4,
th .LinkListStyle5, th .LinkListStyle6, td .LinkListStyle1, td .LinkListStyle2,
td .LinkListStyle3, td .LinkListStyle4, td .LinkListStyle5, td .LinkListStyle6,
th .ListStyle1, th .ListStyle2, th .ListStyle3, th .ListStyle4, th .ListStyle5,
th .ListStyle6, td .ListStyle1, td .ListStyle2, td .ListStyle3, td .ListStyle4,
td .ListStyle5, td .ListStyle6, td .TextStyle1, td .TextStyle2, td .TextStyle3,
td .TextStyle4, dd .LinkListStyle1, dd .LinkListStyle2, dd .LinkListStyle3,
td .ListStyle1 dd:last-child,
dd .LinkListStyle4, dd .LinkListStyle5, dd .LinkListStyle6, dd .ListStyle1,
dd .ListStyle2, dd .ListStyle3, dd .ListStyle4, dd .ListStyle5, dd .ListStyle6,
td ul.ListStyle1, td ul.ListStyle2, td p.ImgOnlyStyle, .ListStyle1 li ul,
.ListStyle1 li ol, .ListStyle2 li ul, .ListStyle2 li ol, .ListStyle1 dd ul,
.ListStyle1 dd ol, .ListStyle2 dd ul, .ListStyle2 dd ol, .LinkListStyle1 li ul,
.LinkListStyle1 li ol, .LinkListStyle2 li ul, .LinkListStyle2 li ol {
	margin-bottom: 0;
	font-size: 100%;
}


/* グリッド3+1の下にグリッド4が来た場合の回り込み解除
=========================================================================================== */
.Grid4 { clear: both; }


/* 文字サイズの調整
=========================================================================================== */
.ListStyle1,
.LinkListStyle1,
.TextStyle1 {
	font-size: 87.5%; /* 14px	*/
	line-height: 1.65em;
}
.ImgOnlyStyle,
.ListStyle2,
.LinkListStyle2,
.TextStyle2 {
	font-size: 81.3%; /* 13px	*/
	line-height: 1.65em;
}
.ListStyle3,
.LinkListStyle3,
.TextStyle3 {
	font-size: 75.0%; /* 12px */
	line-height: 1.65em;
}
.ListStyle4,
.LinkListStyle4,
.TextStyle4 {
	font-size: 68.8%; /* 11px */
	line-height: 1.65em;
}

/* --- 個別調整 --- */
.TextSize20 { font-size: 20px; }


/* LinkListの入れ子
=========================================================================================== */
.LinkListStyle1 li ul { margin-left: 1em; }


/* 余白
=========================================================================================== */
.mt20 { margin-top: 20px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb30 { margin-bottom: 30px !important; }


/* ページタイトル
=========================================================================================== */
/* --- 767px以下で左右いっぱいに --- */
	@media screen and (max-width: 767px) {
	.PageTitleStyle3 {
		margin-left: -15px;
		width: calc(100% + 30px);
	}
}


/* 画像ホバー
=========================================================================================== */
img.hover {
  opacity: 1;
  -webkit-transition: .2s -out;
  transition: .2s -out;
}
img.hover:hover { opacity: .7; }


/* テーブル
=========================================================================================== */
/* --- 767px以下で左右が上下に --- */
@media screen and (max-width: 767px) {
	.ResTableStyle1 th,
	.ResTableStyle1 td {
		display: block;
		width: auto;
		border-bottom: none;
	}
	.ResTableStyle1 tr:last-child td { border-bottom: 1px solid #ddd; }
}



/* ================================================================================================================== */

/* トップページ
=========================================================================================== */
/* --- メインビジュアル --- */
.BrandingHeroStyle {
	width: 100%;
	text-align: center;
}
.BrandingText { display: none; }
@media screen and (max-width: 994px) {
	.BrandingHeroStyle {
		width: calc(100% + 30px);
		margin: 0 -15px 15px;
	}
}
@media screen and (max-width: 579px) {
	.BrandingText {
		display: block;
		box-sizing: border-box;
		padding: 10px 15px;
		font-size: 87.5%;
		line-height: 1.5;
		color: #fff;
		background: #333;
	}
}


/* --- メニュー --- */
.TopMenuList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;


	width:auto;
	margin: 0 auto;
}
.TopMenuList li {
	width:230px;
	margin-bottom:15px;
}


@media screen and (max-width: 767px) {

	.TopMenuList{
		width:auto;
	}
	.TopMenuList li{
		width:calc((100% - 30px)/3);
	}
}

@media screen and (max-width: 579px) {

	.TopMenuList{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width:475px;
	}
	.TopMenuList li{
		width:calc((100% - 15px)/2);
	}
}

@media screen and (max-width: 479px) {

	.TopMenuList li{
		width:100%;
	}

}



/* ソリューションページ
=========================================================================================== */
h3.SolutionStyle {
	color: #555;
}

h2.hifeSol span,
h2.hifeSol {
	background: none;
}

h2.hifeSol span {
	padding: 30px 0 15px 0;
	font-size: 150%;
	text-align:center;
	font-weigt:noemal;
}