@charset "Shift_JIS";

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

Name: mdmcss

Description: Setting of content マスターデータマネジメントサービス page module

Create: 2023.2.13
Update: 2023.5.18

Copyright Hitachi, Ltd. 2021. All rights reserved.

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

/*--------------　お問い合わせボタン//　----------------*/

.ButtonStyle1 {
	margin-top: 40px;
}
.ButtonStyle1 a:link, .ButtonStyle1 a:visited {
	background-color: #2B4A85;
	border-right: none;
	padding: 25px 0;
}
.ButtonStyle1 a:hover {
	padding: 25px 0;
	opacity: .8;
}
.ButtonStyle1 a {
	background-image: none;
	box-sizing: border-box;
	font-size: 110%;
	padding: 30px 0;
	width: 230px;
}

/*--------------　//お問い合わせボタン　----------------*/

/* 改行 */
.sp, .sp-h1 {display: none;}



/* 背景つきH1タイトル */
.PageTitleStyle3.backimgTitle{
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	align-items: center;
	min-height:160px;
}
.PageTitleStyle3.backimgTitle.mdm{
	background: url("/products/it/IoTM2M/list/mdm/images/pagetitle.png") no-repeat ;
}
.PageTitleStyle3.backimgTitle h1{
	color:#fff;
	font-size:18pt;
	font-weight:bold;
}
.PageTitleStyle3.backimgTitle .h1_catchcopy{
	margin:0;
	color:#fff;
	font-size:12pt;
	text-shadow: 3px  3px 5px #011F5B,
				-3px  3px 5px #011F5B,
				 3px -3px 5px #011F5B,
				-3px -3px 5px #011F5B;
}
.PageTitleStyle3.backimgTitle.mdm h1{
	text-shadow: 5px  5px 10px #000,
				-5px  5px 10px #000,
				 5px -5px 10px #000,
				-5px -5px 10px #000,
				 5px  5px 10px #000,
				-5px  5px 10px #000,
				 5px -5px 10px #000,
				-5px -5px 10px #000;
}
.PageTitleStyle3.backimgTitle.mdm .h1_catchcopy{
	text-shadow: 3px  3px 10px #000,
				-3px  3px 10px #000,
				 3px -3px 10px #000,
				-3px -3px 10px #000,
				 3px  3px 10px #000,
				-3px  3px 10px #000,
				 3px -3px 10px #000,
				-3px -3px 10px #000;
}
.PageTitleStyle3.backimgTitle.mdm{
	padding-left:30px;
	padding-right:30px;
	background-size:auto 160px;
	background-position-x:right;
	height:100%;
}



.mdmred{
	color:#990000;
	font-weight: bold;
	font-size: 114%;
}

ul.ListStyle1.mdm{
	width:60%;
	margin:auto;
	text-align:center;
	margin-bottom:15px;
}
ul.ListStyle1 li.mdmlist{
	background-color: #dae5f9;
   	background-image: none;
	margin:8px;
	padding:7px;
}


/* [-] レスポンシブ対応
=========================================================================================== */


/* for - 1500px
=========================================================================================== */
@media screen and (max-width: 1500px) {


}


/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {



}



/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {

	.PageTitleStyle3.backimgTitle.mdm{
		margin-left:-15px;
		margin-right:-15px;
	}

	.sp, .sp-h1 {display: block;}

}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {

	ul.ListStyle1.mdm{
		width:100%
	}

	.PageTitleStyle3.backimgTitle h1{
		line-height:1.35;
	}
}

/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {

	.PageTitleStyle3.backimgTitle h1{
		margin-bottom:10px;
	}

}