@charset "shift_JIS";

/** Title **/
div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
	width:auto;
	background:url("/Prod/comp/soft1/jp1/feature/endpoint/intune_linkage/images/title_pc.png") no-repeat center top;
	background-size:auto 450px;
	height:390px;
	margin-bottom: 15px;
}
div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
	margin-bottom:0;
	padding:5px 0 20px;
	position:relative;
	top:24%;
}

div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 div.keywordArea{
	max-width: 965px;
	margin: 0 auto;
}

div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 div.keywordArea span.keyword{
	display:block;
	float: left;
	width:auto;
	margin: 0px 10px 0px 10px;
	padding: 5px 15px 5px 15px;
	color:#FFF;
	font-size:85%;
	font-weight: bold;
	line-height:1.2;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.8);
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 10px;
}

div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 a{
	display:block;
	width:965px;
	margin:0 auto;
	padding: 5px 0px 0px 0px;
	color:#FFF;
	font-size:135%;
	font-weight: bold;
	line-height:1.2;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.8);
}
div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 a span{
	font-size:50%;
	font-weight:bold;
	display: block;
	margin-bottom: 10px;
}
div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 a span:first-child{
	font-size:70%;
	margin-top: 10px;
}

a.LinkBanner div.resourcesLinkBanner{
	background-color: #061655;
	margin-bottom: 20px;
	padding: 25px 0px 20px 0px;
}

a.LinkBanner:hover{
	text-decoration: none;
}

div.resourcesLinkBanner:hover{
	opacity:0.8;
}

div.resourcesLinkBanner h3{
	font-size: 150%;
	color: #fff;
	text-align: center;
}

div.resourcesLinkBanner p{
	font-size: 120%;
	color: #fff;
	text-align: center;
	text-decoration: underline #fff;
}

/**InnerLinks**/
#competencyMenuAbout {
	background: #333;
}

#competencyMenuAbout ul li{
	width: 16.66%;
}
#competencyMenuAbout ul li a span{
	background:none;
	padding:0 0 15px;
	position:relative;
}
#competencyMenuAbout ul li a span:after{
	content:"";
	border:10px solid rgba(0, 0, 0, 0);
	border-top:15px solid #FFF;
	position:absolute;
	bottom:-10px;
	left:calc(50% - 15px);
}
#competencyMenuAbout ul li:first-child span{
	border-left:1px solid #FFF;
}
#competencyMenuAbout ul li:last-child span{
	border-right:1px solid #FFF;
}

/**contentBlock**/
div.intuneBlock{
	padding:50px 15px;
}
div.intuneBlock h2{
	font-weight:bold;
}

/**Microsoft Intuneとの組み合わせメリット**/
div#intune01Area{
	background:url('/Prod/comp/soft1/jp1/feature/endpoint/intune_linkage/images/intune01Area.png') no-repeat center;
	background-size:cover;
}
/*intune01のh3*/
div#intune01Area h3{
	background:#CCC;
	border-radius:0.3em;
	padding:10px 20px 7px;
	color:#FFF;
	margin-bottom:15px;
	font-size: 130%;
}
div#intune01Area h4{
	font-size:110%;
}

/**Microsoft Intuneと組み合わせてお得に運用できるライトプランが選べます**/
div#intune02Area{
	background:url('/Prod/comp/soft1/jp1/feature/endpoint/intune_linkage/images/intune02Area.png') no-repeat center;
	background-size:cover;
	color:#FFF;
}
div#intune02Area strong{
	color:#FFF;
}
div#intune02Area h3{
	background:#5373C2;
	color:#FFF;
	font-size:120%;
	padding:5px 15px;
}
div#intune02Area h4{
	font-size:110%;
	padding-top: 10px;
}
div#intune02Area ul.ListStyle1{
	display:inline-block;
	text-align:left;
}
div#intune02Area div.FlexWrap{
	padding:0;
	column-gap:20px;
}
div#intune02Area div.flexItem{
	flex-basis:50%;
}
div#intune02Area div.BoxPatternC{
	background:#FFF;
	color:#333;
}

div#intune02Area div.BoxPatternC p.TextStyle1{
	width: 90%;
	padding-left: 40px;
}

div#intune02Area div.flexItem dl{
	display:inline-block;
	width:50%;
	margin:0;
}
div#intune02Area div.flexItem dl dt{
	font-weight:bold;
}
div#intune02Area div.flexItem dl dd{
	background:#CCC;
	border-radius:0.2em;
	padding:3px 10px;
	margin-bottom:5px;
	color:#FFF;
	font-size: 95%;
}

/**JP1 Cloud Service/Endpoint Management**/
div#intune03Area{
	background:url('/Prod/comp/soft1/jp1/feature/endpoint/intune_linkage/images/intune03Area.png') no-repeat center;
	background-size:cover;
	color:#FFF;
}

/**JP1 Cloud Service/Endpoint Managementでご利用いただける機能**/
div#intune04Area{
	background:url('/Prod/comp/soft1/jp1/feature/endpoint/intune_linkage/images/intune04Area.png') no-repeat center;
	background-size:cover;
}

div#intune04Area div.FunctionBoxStyle{
	padding:30px;
	margin-bottom:30px;
}
div#intune04Area div.FunctionBoxStyle h3{
	color:#FFF;
	font-size:140%;
	padding:10px 15px;
	margin-bottom:20px;
	border-radius:10px;
}
div#intune04Area div.FunctionBoxStyle div.FlexWrap{
	gap:15px;
	flex-wrap:wrap;
	justify-content: center;
	padding:0;
}
div#intune04Area div.FunctionBoxStyle div.FlexWrap dl{
	flex-basis:calc(33.33% - 10px);
	background:#FFF;
	border-radius:10px;
}
div#intune04Area div.FunctionBoxStyle div.FlexWrap dl dt{
	color:#FFF;
	font-weight:bold;
	line-height:1.2;
	min-height:4em;
	display:flex;
	flex-direction:column;
	justify-content:center;
	border-radius:10px 10px 0 0;
	padding:5px 10px;
	box-sizing:border-box;
}
div#intune04Area div.FunctionBoxStyle div.FlexWrap dl dd{
	padding:10px 20px 20px;
	font-size:90%;
	text-align: left;
}
/*ご利用いただける機能 資産管理*/
div#intune04Area div#assetManage{
	background:#DAF3FF;
}
div#intune04Area div#assetManage dt{
	background:#036EB8;
}
/*ご利用いただける機能 配布管理*/
div#intune04Area div#distriManage{
	background:#FFF3CA;
}
div#intune04Area div#distriManage dt{
	background:#F0871E;
}
/*ご利用いただける機能 セキュリティ管理*/
div#intune04Area div#secManage{
	background:#DDF2E0;
}
div#intune04Area div#secManage dt{
	background:#39B54A;
}

div#intune04Area dt sup{
	display: contents;
}

div#intune04Area div#secManage dl.AdditionalNotesStyle3 dt{
	background:none;
}


/**まとめ**/
div#intune05Area{
	background:#C5E7FA;
}

/**ダウンロードリンク**/
ul.DownloadLinkList{
	padding:0 15px 50px;
}
ul.DownloadLinkList li{
	max-width:80%;
	margin:0 auto 15px;
}
ul.DownloadLinkList li a{
	display:block;
	background:#036EB8;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	padding:10px 20px;
	border-radius:2em;
}
ul.DownloadLinkList li a span{
	background:url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat center right;
	padding-right:25px;
	background-size:25px;
}
div#downloadArea div.Grid4 ul.DownloadLinkList:first-child{
	padding-bottom:30px;
}
div#downloadArea div.Grid4 ul.DownloadLinkList:first-child li a{
	background:#F0871E;
	padding:20px;
}

/* お問い合わせ */

#inquiryHeader{
	margin-top: -20px;
}

#intuneinquirybottomContentsSet .Inquiry{
	margin-top: 15px;
}

#intuneinquirybottomContentsSet .Inquiry > a{
	margin: 0 auto;
	max-width: 500px;
	background: #707070 url('/image/jp/r1/icon/icon_inquiry_white_hd.png') no-repeat center;
	border: 1px solid #2F528F;
	display: block;
	background-position-x: calc(100% - 25px);
	padding: 15px 55px;
}

#intuneinquirybottomContentsSet .Inquiry > a:hover{
	text-decoration: none;
	opacity: 0.7;
}

#intuneinquirybottomContentsSet .Inquiry span{
	display: block;
	color: #fff;
}

#intuneinquirybottomContentsSet .Inquiry span:first-child{
	font-weight: bold;
}

#intuneinquirybottomContentsSet .Inquiry span:last-child{
	font-size: 90%;
}

#intuneinquirybottomContentsSet .Inquiry ul{
	background: #fff;
	display: inline-block;
	padding: 5px 15px;
}
#intuneinquirybottomContentsSet .Inquiry ul li{
	padding: 0;
}


/**丸ポイントリスト**/
ul.ListStyle1.CirclePoint li{
	background:none;
	font-size: 105%;
}
ul.ListStyle1.CirclePoint li:before{
	content:"●";
	margin-right:0.2em;
}

/*資産管理*/
.assetManage{ background:#036EB8!important; }
/*配布管理*/
.distriManage{ background:#F0871E!important; }
/*セキュリティ管理*/
.secManage{ background:#39B54A!important; }

/**丸囲み**/
.circleNum{
	border:1px solid #333;
	border-color:inherit;
	padding:0 0.5em;
	border-radius:50%;
	font-size:80%;
	margin-right:5px;
	position:relative;
	top:-0.1em;
}

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

/* for - 994px
=========================================================================================== */
@media screen and (max-width:994px){
	.JS div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		width:auto;
		background:url("/Prod/comp/soft1/jp1/feature/endpoint/intune_linkage/images/title_sp.png") no-repeat right top;
		background-size:auto 450px;
		height:390px;
	}

	.JS div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 a{
		width:100%;
		box-sizing:border-box;
		padding:0 15px;
		font-size: 130%;
	}
}

/* for - 860px
=========================================================================================== */
@media screen and (max-width:859px){
	
}
/* for - 768px
=========================================================================================== */
@media screen and (max-width:767px){
	.JS #competencyMenuAbout ul li span{
		padding:15px 0 20px;
	}
	.JS #competencyMenuAbout ul li a span:after{
		bottom:-35px;
		padding-bottom:30px;
	}
	.JS #competencyMenuAbout ul li:first-child span{
		border-left:none;
	}
	.JS #competencyMenuAbout ul li:last-child span{
		border-right:none;
	}

	.JS div#intune02Area div.BoxPatternC p.TextStyle1{
		width: 85%;
		/*padding-left: 0px;*/
	}
	.JS div#intune04Area div.FunctionBoxStyle div.FlexWrap dl{
		margin-bottom:15px;
	}
	.JS div#intune04Area div.FunctionBoxStyle{
		padding:30px 15px;
	}
	.JS ul.DownloadLinkList li{
		max-width:none;
	}
}
/* for - 600px
=========================================================================================== */
@media screen and (max-width:599px){
	
}
/* for - 580px
=========================================================================================== */
@media screen and (max-width:579px){
	.JS div.PageTitleStyle1 h1 div.keywordArea span.keyword {
		margin: 0px 5px 0px 5px !important;
		padding: 5px 5px 5px 5px !important;
		font-size: 65% !important;
	}
	
}
/* for - 480px
=========================================================================================== */
@media screen and (max-width:479px){
	.JS div.monitoringPage div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 a{
		font-size:94%;
	}
	.JS div#intune02Area div.flexItem dl{
		width:80%;
	}
}
/* for - 400px
=========================================================================================== */
@media screen and (max-width: 399px){
	
}