@charset "shift_JIS";

div#jp1PageTitleArea1{
	display:flex;
	align-items:center;
	margin:-18px -15px 30px;
	background:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_notification_management/images/topBranding.png') no-repeat center;
	min-height:400px;
	background-size:cover;
}

div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
	font-size:110%;
	width:965px;
	margin:0 auto 150px;
	color:#FFF;

}

div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
	font-size:115%;
	font-weight:normal;
	color:#FFF;
	margin:80px 0 0 40px; 
	line-height: 130%;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
}

div.PageTitleStyle1 a{
	pointer-events:none;
}


div.PageTitleStyle1 h1 span{
	font-size:180%;
	line-height:1.2;
	font-weight:bold;
	display:block;
	margin-bottom: 10px;
}

div.PageTitleStyle1 p#titleSubText{
	font-size:120%;
}


/*インナーリンクボックス*/
ul#horizontalInnerLinks{
	padding: 0;
}

ul#horizontalInnerLinks li{
	border:2px solid #C00;
	border-left:none;
	flex-basis:14.29%;
	text-align:center;
	font-size:90%;
}
ul#horizontalInnerLinks li:first-child{
	border-left:2px solid #C00;
}
ul#horizontalInnerLinks li a{
	display:block;
	height:100%;
	padding:10px 5px;
	box-sizing:border-box;
	color: #C00;
}

ul#horizontalInnerLinks li a:hover{
	background-color: #c00;
	color: #fff;
}
ul#horizontalInnerLinks li a:hover .circleItem.Annotation{
	border-color:#FFF;
}

h2{
	color:#2D2D2D;
	font-weight:bold;
	margin-top:0;
	line-height: 130%;
}
h2 strong{
	color:#2D2D2D;
	text-decoration:underline;
	display:block;
	line-height:1.3;
	font-size: 120%;
	margin-bottom: 10px;
}

/*独自装飾のリスト*/
ul.jp1cloudList li{
	font-weight:bold;
	position:relative;
	padding:0 10px 0 1.3em;
}
ul.jp1cloudList li:before{
	content:"●";
	position:absolute;
	left:0;
	top:0;
}
.boldItem{
	font-weight:bold!important;
}

/*各エリア設定*/
div#jp1cloud01Area{
	background:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_notification_management/images/jp1cloudBack01.png') no-repeat center;
	background-size:cover;
}
div#jp1cloud02Area{
	background:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_notification_management/images/jp1cloudBack02.png') no-repeat center;
	background-size:cover;
}
div#jp1cloud03Area{
	background:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_notification_management/images/jp1cloudBack03.png') no-repeat center;
	background-size:cover;
	color:#002060;
	position:relative;
}
div#jp1cloud03innerArea{
	background:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_notification_management/images/jp1cloudBack04.png') no-repeat center;
	background-size:cover;
}

div.jp1cloudBlock{
	padding:0 15px;
}
div.jp1cloudBlock div.GridSet{
	padding:50px 0;
}

/*背景*/
div#jp1cloud01Preface{
	background:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_notification_management/images/jp1cloud01_01.png') no-repeat center left;
	background-size:200px auto;
	min-height:200px;
	padding:0 0 15px 220px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

div#jp1cloud01Area div.h3Area{
	padding:0 350px 0 0;
	background:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_notification_management/images/jp1cloud01_03.png') no-repeat center right;
	background-size:300px auto;
	min-height:300px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
div#jp1cloud01Area div.h3Area#jp1cloud0101{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_notification_management/images/jp1cloud01_02.png');
}
div#jp1cloud01Area div.h3Area#jp1cloud0103{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_notification_management/images/jp1cloud01_04.png');
}

div#jp1cloud01Area div.h3Area h3{
	font-size:135%;
	color:#2D2D2D;
}
div#jp1cloud01Area div.radiusBox01{
	background:#01246E;
	color:#FFF;
	border-radius:15px;
	padding:10px 15px;
	font-size:120%;
}
div#jp1cloud01Area div.radiusBox01 ul li{
	display:inline-block;
	font-weight:bold;
}
div#jp1cloud01Area div.radiusBox01 ul li:before{
	content:"";
	display:inherit;
	border:0.4em solid RGBA(255, 255, 255, 0);
	border-left:0.8em solid #FFF;
}

/**求められる要件**/
div#jp1cloud02Area,
div#jp1cloud02Area h2 strong{
	color:#FFF;
}
div#jp1cloud02Area div.BoxPatternC{
	background:#FFF;
	color:#333;
}

div#jp1cloud02Area ul.jp1cloudList li{
	font-size: 115%;
}

/**#jp1cloud03Area**/

div#jp1cloud03Area p.TextStyle1 span{
	font-size: 110%;
}

div#jp1cloud03Area p.TextStyle1.RightAdjust,
div#jp1cloud03innerArea p.TextStyle1.RightAdjust{
	font-size: 79%;
}


div#jp1cloud03Area:after{
	content:"";
	border:50px solid RGBA(255, 255, 255, 0);
	border-top:51px solid #BEE4FC;
	position:absolute;
	bottom:-100px;
	left:calc(50% - 50px);
}
div#jp1cloud03Area strong{
	color:#002060;
	line-height: 130%;
	font-size: 125%;
}

ul#solutionInnerLinks{
	display:flex;
	justify-content:center;
}
ul#solutionInnerLinks li{
	font-size:100%;
	font-weight:bold;
	text-align:center;
	margin-right:15px;
}
ul#solutionInnerLinks li:last-child{
	margin:0;
}
ul#solutionInnerLinks li a{
	display:block;
	border:1px solid #C00;
	background:#FFF;
	border-radius:0.5em;
	padding:5px 15px;
	color:#333;
}
ul#solutionInnerLinks li span.InnerLinkIcon{
	color:#C00;
	text-decoration: none;
	}

ul#solutionInnerLinks li span{
	display:block;
	text-decoration:underline;
	line-height:1.2;
}

div#jp1cloud03innerArea div.GridSet{
	padding-top:80px;
}
div#jp1cloud03innerArea h2{
	font-size:130%;
}
div#jp1cloud03innerArea h2 strong{
	margin:0;
}

div#jp1cloud03innerArea div.solutionBlock{
	border-bottom:1px solid #000;
	padding:0 0 20px;
	margin:0 0 50px;
}
div#jp1cloud03innerArea div.solutionBlock:last-child{
	border:none;
	padding:0;
	margin:0;
}
div#jp1cloud03innerArea h3{
	font-size:115%;
	color:#333;
}

/**まとめ**/
div#jp1cloud06Area h3{
	font-size: 110%;
	color:#333;
}

div#jp1cloud06Area ul.jp1cloudList li{
	font-size: 95%;
}

div.jp1cloudListBox{
	background-color:#FBE5D6;
}
div.jp1cloudListBox ul.LinkListStyle1 li a{
	color:#F00;
}
/* for - 994px
=========================================================================================== */
@media screen and (max-width:994px){
	.JS div.jp1cloudBlock{
		margin:0 -15px;
	}
	div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		font-size:110%;
	}
}

/* for - 965px
=========================================================================================== */
@media screen and (max-width:964px){
	div#jp1PageTitleArea1{
		width:auto;
		margin:-18px -15px 30px;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		padding:0 15px 10px 15px;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		font-size:85%;
	}

	.JS div.jp1cloudBlock div.GridSet{
		padding-right:15px;
        padding-left:0px;
        margin: 0 auto;
	}
}

/* for - 768px
=========================================================================================== */
@media screen and (max-width:767px){
	div#jp1PageTitleArea1{
		width:auto;
		margin:-18px -15px 30px;
		min-height: 270px;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		display:flex;
		flex-direction:column;
		justify-content:center;
		height:100%;
		margin:0;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		margin:0 10px 30px;
		text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 span{
		font-size:130%;
	}
	.JS div#jp1cloud01Area div.h3Area{
		background-position:bottom center;
		padding:0 0 210px;
		background-size:200px auto;
		min-height:auto;
	}
	.JS ul#horizontalInnerLinks li{
		border:2px solid #C00;
		border-bottom:none;
	}
	
	.JS ul#horizontalInnerLinks li:last-child{
		border-bottom:2px solid #C00;
	}
}
/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px){
	.JS div#jp1cloud01Preface{
		background-size:150px auto;
		padding:0 0 15px 160px;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		font-size:77%;
	}
	.JS ul#solutionInnerLinks{
		display:block;
	}
	.JS ul#solutionInnerLinks li{
		margin:0 0 15px;
	}
}