@charset "shift_JIS";


/*** header ***/
div#jp1PageTitleArea1{
	background:#8b60ba url("/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/title_pc.png") no-repeat right;
	background-size:auto 100%;
	margin:0;
	max-height: 450px;
}
.PageTitleStyle1{
	width:965px;
	margin:0 auto;
}
div.PageTitleStyle1 h1{
	display:flex;
	flex-direction:column;
	height:450px;
	justify-content:center;
	color:#FFF;
}
div.PageTitleStyle1 h1 span{
	font-weight:bold;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.8);
}
div.PageTitleStyle1 h1 span{
	font-size:90%;
	line-height:1.2;
	margin-bottom:20px;
	margin-left:5px;
	margin-right:5px;
}

div.PageTitleStyle1 h1 span.maintitle{
	padding-bottom:70px;
	font-size: 135%;
	line-height: 110%;
	margin-left: 5px;
	font-weight: bold;
}

/*** ページ内リンク ***/
div#competencyMenuAbout{
	background:rgba(0, 0, 0, 0.7);
	position:relative;
	top:-109px;
	margin-bottom:-110px;
}
div#competencyMenuAbout div.contentsWidth{
	padding:20px 0 10px 0px;
	max-width: 965px;
	margin:0 auto;
}
div#competencyMenuAbout div.contentsWidth ul{
	display:flex;
	border-left:1px solid #FFF;
	margin: 0 30px 0 30px
}
div#competencyMenuAbout div.contentsWidth ul li{
	border-right:1px solid #FFF;
	flex-basis:16.66%;
}
div#competencyMenuAbout div.contentsWidth ul li a{
	color:#FFF;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	font-size:14px;
	height:80px;
	padding: 0 5px 0px 5px
}
div#competencyMenuAbout div.contentsWidth ul li a span{
	display:inline-block;
	position:relative;
	padding-bottom:20px;
	line-height:130%;
}
div#competencyMenuAbout div.contentsWidth ul li a span:after{
	content:"";
	border:10px solid rgba(0, 0, 0, 0);
	border-top:10px solid #FFF;
	width:0;
	height:0;
	position:absolute;
	bottom:-5px;
	left:calc(50% - 5px);
}

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

a.LinkBanner{
	margin-top: 10px;
}

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

div.resourcesLinkBanner:hover{
	opacity:0.8;
}

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

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

/*** 見出し ***/
h2{
	width:100%;
	margin:0 auto 20px;
	background:url("/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/header2_01.png") no-repeat center;
	background-size:965px auto;
	height:80px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	font-size:18px;
	font-weight:bold;
	padding:0;
}

/*運用統合の重要h2*/
/*div#jp1cs_02Area h2{	2024/3/4削除
	background:none;
	height:auto;
	flex-direction:row;
}
div#jp1cs_02Area h2 span{
	background:#8671B4;
	display:inline-block;
	padding:5px 20px;
	color:#FFF;
	border-radius:1.5em;
	min-width:60%;
	font-size: 130%;
}*/


/*まとめh2*/
div#jp1csSummary h2{
	background:url("/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/header2_02.png") no-repeat center;
	background-size:965px auto;
}

/*「JP1 Cloud Service/Operations Integration（Ops I）が実現する運用管理モダナイゼーションのPoint」見出し*/
h2#jp1cs_02{
	background-size:140% 75px;
}

h2#jp1cs_02 span{
	font-size: 19px;;
}

h2#jp1cs_03{
	background-image:url("/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/header2_03.png");
	background-size:104% 75px;
}

h3{
	color:#8064A2;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px;
	font-size: 130%;
}
p.subHeader3{
	font-weight:bold;
	font-size:120%;
	line-height: 120%;
	margin:0 0 15px;
}
div.pointHeader{
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
}
div.pointHeader div.pointItem{
	color:#8064A2;
	border-top:1px solid #8064A2;
	width:60%;
	margin:0 auto;
	height:20px;
	position:relative;
	display:flex;
	justify-content:center;
	font-size:20px;
}
div.pointHeader div.pointItem:before,
div.pointHeader div.pointItem:after{
	content:"";
	display:inline-block;
	height:28px;
	width:12px;
	position:absolute;
}
div.pointHeader div.pointItem:before{
	border-left:1px solid #8064A2;
	left:-12px;
	top:0;
	transform:rotate(45deg);
}
div.pointHeader div.pointItem:after{
	border-right:1px solid #8064A2;
	right:-12px;
	top:0;
	transform:rotate(-45deg);
}
div.pointHeader div.pointItem p{
	margin-top:-15px;
	background:#FFF;
	padding:0 10px;
}
div.pointHeader div.pointItem p span{
	color:#8064A2;
}
div.pointHeader p:first-child span:first-child{
	
}
div.pointHeader p:first-child span:last-child{
	border:1px solid #8064A2;
	padding:0 7px;
	border-radius:50%;
	font-size:15px;
	margin-left:5px;
	position:relative;
	top:-2px;
}
h3.radiusHeader,
div.pointHeader p:last-child{
	background:#8064A2;
	color:#FFF;
	font-size:20px;
	padding:5px 0;
	border-radius:30px 30px 0 0;
}
h3.radiusHeader{
	box-sizing:border-box;
	padding:5px 20px;
}

h3.radiusHeader.Example{
	box-sizing:border-box;
	padding:5px 20px;
	font-size: 25px;
}

/*角丸リンクボックス*/
ul.radiusLinkList li a{
	display:inline-block;
	background:#662D91 url('/image/jp/r1/icon/icon_link_right_white_hd.gif') no-repeat center right;
	background-size:20px auto;
	background-position-x:calc(100% - 30px);
	color:#FFF;
	font-weight:bold;
	/*font-size:90%;*/
	padding:15px 80px;
	line-height:1.2;
	border-radius:2em;
}

ul.radiusLinkList li a span{
	font-size: 175%;
}

ul.radiusLinkList li.NewWin a{
	background-image:url('/image/jp/r1/icon/icon_new_window_white_hd.png')!important;
}
ul.radiusLinkList li a:hover{
	background-color:#9977B0;
}


div#IntroExample ul.radiusLinkList li{
	display:inline-block;
	background:#662D91 url('/image/jp/r1/icon/icon_link_right_white_hd.gif') no-repeat center right;
	background-size:20px auto;
	background-position-x:calc(100% - 30px);
	color:#FFF;
	font-weight:bold;
	/*font-size:90%;*/
	padding:15px 80px;
	line-height:1.2;
	border-radius:2em;
}

div#IntroExample ul.radiusLinkList li span{
	font-size: 175%;
}

div#IntroExample ul.radiusLinkList li.NewWin{
	background-image:url('/image/jp/r1/icon/icon_new_window_white_hd.png')!important;
}
div#IntroExample div.cloudOpsBox a:hover{
	opacity:0.8;
}


/*ul.radiusLinkList li a:hover{
	background-color:#9977B0;
}*/

/*** 運用統合の重要性 ***/
/*div#jp1cs_02Area div.Grid4{	2024/3/4削除
	border:2px solid #8671B4;
	padding:20px 50px;
	box-sizing:border-box;
}*/


/*** JP1 Cloud Service/Operations Integration（Ops I）とは ***/
div#jp1cs_02_01Area{
	background:#E6E0EC;
	padding:50px 15px;
	margin:0;
	position:relative;
}

/*
div#jp1cs_02_01Area:after{
	content:"";
	border:50px solid rgba(255, 255, 255, 0);
	border-top:80px solid #E6E0EC;
	position:absolute;
	top:100%;
	left:calc(48% - 25px);
	z-index:50;
}
*/

/*ポイントへのページ内リンクbox*/
ul#jp1cs_02_01BoxLink{
	column-gap:15px;
}
ul#jp1cs_02_01BoxLink li{
	flex-basis:calc(33.3% - 10px);
	text-align:center;
	background:#2E4173;
	border-radius:15px;
	font-weight: bold;
}
ul#jp1cs_02_01BoxLink li a{
	display:flex;
	padding:30px 0px 15px 110px;
	background:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/3_icon_2.png') no-repeat center;
	background-position-x: 20px;
	background-position-y:7px;
	background-size:70px auto;
	font-size: 110%;
	color:#FFF;
	/*max-width: 50%;*/
	text-align: center;
	min-height: 40px;
}

ul#jp1cs_02_01BoxLink li a:hover {
	background-color:#728BC8;
	border-radius:15px;
}


ul#jp1cs_02_01BoxLink li:first-child a{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/3_icon_1.png');
}
ul#jp1cs_02_01BoxLink li:last-child a{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/3_icon_3.png');
}

/*ユースケースへのページ内リンクbox*/
ul#jp1cs_02_01SubBoxLink {
	column-gap:15px;
}

ul#jp1cs_02_01SubBoxLink li{
	min-height: 100px;
}

ul#jp1cs_02_01SubBoxLink li a{
	display: inline-block;
	min-height: 90px;
	flex-basis:calc(25% - 10px);
	text-align:left;
	background:#662D91;
	border-radius:15px;
	font-weight: bold;
	padding:3px 45px 0px 20px;
	line-height: 130%;
	color:#FFF;
	font-size: 110%;
}

ul#jp1cs_02_01SubBoxLink li a:hover {
	background:#8671B4;
}

ul#jp1cs_02_01SubBoxLink li a span{
	font-size: 80%;
	color:#FFF;
	line-height: 30px;
}


div#jp1cs_02_01Area p.ImgOnlyStyle strong{
	font-size: 90%;
}

p.radiusImg img{
	border-radius:15px;
}

div#jp1cs_02_02Area{
	position:relative;
	z-index:51;
}

div#jp1cs_02_02Area p.CatchCopy{
	font-size: 105%;
}

/*** コラム ***/
div#Contents.aboutOperationsAsCode{
	background:#E6E0EC;
}
div.columnArticle{
	padding:50px 0;
}
div.columnArticle div.Grid4{
	background:#F2F2F2;
	box-sizing:border-box;
	padding:30px 50px;
}
div.columnArticle h1{
	display:flex;
	justify-content:center;
	margin:0 0 30px;
	font-weight:bold;
}
/*div.columnArticle h3 span*/
div.columnArticle h1 span{
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:#000;
	min-height:80px;
	padding-left:95px;
	background:url("/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/column.png") no-repeat left center;
	background-size:80px;
}
.arrowSet{
	position:relative;
	margin-bottom:2em;
	font-size: 100%;
}
.arrowSet:after{
	content:"▽";
	position:absolute;
	font-size:18px;
	bottom:-1.3em;
	left:calc(50% - 9px);
}

ul.radiusBoxLink li{
	text-align:center;
}
ul.radiusBoxLink li a{
	display:inline-block;
	/*border:2px solid #333;*/
	padding:15px 50px;
	color: #fff;
	border-radius:6em;
	background: #662D91 url("/image/jp/r1/icon/icon_link_right_white_hd.gif") no-repeat center right;
}

ul.radiusBoxLink li a:hover{
	background-color:#9977B0;
}

ul.radiusBoxLink li a span,
ul.radiusBoxLink li a strong{
	display:block;
	color: #fff;
	margin-bottom: 5px;
	font-weight: bold;
	font-size:95%;
	line-height: 120%;
}
ul.radiusBoxLink li a strong{
	font-size:135%;
}


/*** ポイント ***/
p.BoxTextStyle1{
	font-size:93%;
	font-weight: bold;
	text-align:center;
	background:#2E4173;
	color:#FFF;
	border-radius:1em;
	padding:10px 15px;
	margin-bottom:10px;
}
div.overlapImgArea p.BoxTextStyle1{
	position:relative;
	z-index:51;
}
div.overlapImgArea p.ImgOnlyStyle{
	position:relative;
	z-index:50;
	top:-4em;
}

div#point3Content{
	padding:20px 0 0;
}

div#point1Content h4,
div#point3Content h4{
	width:100%;
	color:#8064A2;
	font-size:18px;
	text-align:center;
	background:url("/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/Point_Subhead.png") no-repeat center;
	background-size:965px auto;
	padding-top:calc((45px - 1em) /2);
	padding-bottom:calc((45px - 1em) /2);
	margin:0 0 30px;
}
h2 span b.CircleNum,
h3 b.CircleNum,
div#point1Content h4 .CircleNum,
div#point3Content h4 .CircleNum{
	border:1px solid #8064A2;
	border-radius:50%;
	padding:1px 0.5em;
	font-size:14px;
	margin-right:2px;
	vertical-align:top;
}

h3.radiusHeader b.CircleNum{
	border-color:#FFF;
}

h2 span{
	background:none;
	color:#8064a2;
	font-size:18px;
	padding:0;
}

h2#jp1cs_01 span,
h2#UseCase01 span{
	background:none;
	color:#8064a2;
	font-size:25px;
	padding:0;
}

div.usecaseArea h4{
	font-size: 105%;
}

div.usecaseArea h4.ucSolution{
	color: #8064a2;
}


div.usecaseArea ul.ListStyle1{
	display:inline-block;
	position:relative;
}
div.usecaseArea ul.ListStyle1.afterArrow:after{
	content:"";
	display:inline-block;
	border:20px solid rgba(0, 0, 0, 0);
	border-top:20px solid #333;
	position:absolute;
	bottom:-50px;
	left:calc(50% - 20px);
}


div#IntroExample div.cloudOpsBox p.TextStyle1{
	color:#333;
	font-size:100%;
	font-weight:bold;
}

/*
div#IntroExample div.cloudOpsBox a.ExampleBoxLink{
	display: none;
}*/

/*** まとめ ***/
div#jp1csSummary{
	background:#8064A2 url("/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/jp1csSummary.png") no-repeat right center;
	background-size:cover;
	padding:50px 0;
	color:#FFF;
}

div#jp1csSummary div.Grid4{
	width: 80%;
	margin: 0 auto;
}

ul.LinkListStyle1.jp1csLinkList li a,
ul.LinkListStyle1.jp1csLinkList li a:visited{
	background-image:none;
	text-decoration:underline;
	position:relative;
	margin-left:1.5em;
}
ul.LinkListStyle1.jp1csLinkList li a:hover{
	text-decoration:none;
}

ul.LinkListStyle1.jp1csLinkList li a:before{
	content:"・";
	font-size:150%;
	vertical-align:middle;
	color:#8064A2;
	position:absolute;
	left:-1em;
}
div#jp1csSummary ul.LinkListStyle1.jp1csLinkList li a,
div#jp1csSummary ul.LinkListStyle1.jp1csLinkList li a:visited,
div#jp1csSummary ul.LinkListStyle1.jp1csLinkList li a:before{
	color:#FFF;
}
div#jp1csSummary ul.LinkListStyle1.jp1csLinkList li.NewWin a,
div#jp1csSummary ul.LinkListStyle1.jp1csLinkList li.NewWin a:visited{
	background-image:url("/image/jp/r1/icon/icon_new_window_white_hd.png") !important;
	margin:0;
}
div#jp1csSummary ul.LinkListStyle1.jp1csLinkList li.NewWin a:before{
	content:none;
}

ul.LinkListStyle1.DxLinkBox li{
	font-weight: bold;
	font-size: 130%;
}

ul.LinkListStyle1.DxLinkBox li a{
	display: block;
	text-align: center;
	line-height: 200%;
	padding:10px 30px 20px 17px;
	background-position-x:calc(100% - 7px);
	border-radius:20px;
	max-width:740px;
	margin: 0px auto 80px auto;
	font-size: 90%;
	font-weight: normal;
	color: #fff;
	background: #666 url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat center right;
}

ul.LinkListStyle1.DxLinkBox li a span{
	font-size: 150%;
	font-weight: bold;
}

/**ダウンロードエリアの大きいリンクボックス**/
div#Download{
	background: #E6E0EC;
	background-size: cover;
	margin: 0px auto 20px auto;
	padding: 50px 0px;
}

div#DownloadArea ul#MainLinkBox.radiusLinkList li a{
	display:block;
	border-radius:4em;
	background-size:auto;
	font-size: 108%;
}
div#DownloadArea ul#MainLinkBox.radiusLinkList li a span#radiuslinkDisc{
	display:block;
	font-size:95%;
	margin-bottom:10px;
}

div#DownloadArea div.FlexWrap{
	column-gap:30px;
}
div#DownloadArea div.FlexWrap div.flexItem{
	flex-basis:calc(50% - 15px);
}
div#DownloadArea ul.radiusLinkList li.Movie a{
	background-image:url("/image/jp/r1/icon/icon_movie_white_hd.png")!important;
}


/*** 関連情報　JP1 Cloud Service ***/
div#jp1cs_06Area{
	padding:50px 0;
}

div.NewSolInquiryBox h2 {
	margin-top: -10px;
	margin-bottom: 0px;
}

/*** JP1 Cloud Service BoxPattern ***/
div.cloudOpsBox{
	background:#E6E0EC;
	max-width: 965px;
	margin: 0px auto 20px auto;
}

div.cloudOpsBox h3{
	color:#662D91;
	font-weight:bold;
	margin:10px 0px 20px;
	font-size:190%;
}
div.cloudOpsBox div.Grid4 > a{
	display:block;
	width:460px;
	background:#FFF;
	padding:25px 0;
	margin:0 auto;
	max-width: 100%;
}
div.cloudOpsBox div.Grid4 > a p.TextStyle1,
div.cloudOpsBox div.Grid4 > a ul{
	padding:0 15px;
}

div.cloudOpsBox div.Grid4 > a p.TextStyle1{
	font-size:110%;
	font-weight:bold;
	color:#000;
}

div.cloudOpsBox div.Grid4 > a p.ImgOnlyStyle{
	padding-left: 0px;
	padding-right: 0px;
}
div.cloudOpsBox div.Grid4 > a ul li{
	display: inline-block;
	background: #662D91 url(/image/jp/r1/icon/icon_new_window_white_hd.png) no-repeat center right;
	background-size: 20px auto;
	background-position-x: calc(100% - 15px);
	color: #FFF;
	font-weight: bold;
	padding: 15px 80px;
	line-height: 1.4;
	border-radius: 2em;
	padding:5px 30px;
}

div.cloudOpsBox div.Grid4 > a:hover{
	text-decoration: underline;
	opacity:0.8;
}




/*** まとめ内リスト ***/
/*改訂でこのリストは削除*2024/3/4
div#jp1csSummary ul.ListStyle1 li{
	background:none;
	padding:0 0 0 1.5em;
	position:relative;
}
div#jp1csSummary ul.ListStyle1 li:before{
	content:"";
	display:inline-block;
	width:0.7em;
	height:0.7em;
	background:#FFF;
	margin-right:5px;
	border-radius:50%;
	position:absolute;
	top:0.3em;
	left:0;
}*/

/** 丸文字通常リスト **/
ul.ListStyle1.CircleListStyle1 li{
	background:none;
	position:relative;
	padding:0 0 0 1.5em;
}
ul.ListStyle1.CircleListStyle1 li:before{
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:#333;
	position:absolute;
	top:0.2em;
	left:0;
	border-radius:50%;
}

ul.ListStyle1.CircleListStyle1.ucSolution li:before{
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:#8064a2;
	position:absolute;
	top:0.2em;
	left:0;
	border-radius:50%;
}

.pcItem{ line-height:0!important; }/*1文字分の高さを確保しようとするためリセット*/

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

	.JS div#jp1PageTitleArea1{
		background:#b48ec6 url("/Prod/comp/soft1/jp1/feature/jp1_cloud_operations_integration/images/title_sp.png") no-repeat center;
		background-size:auto 100%;
		margin:0;
		max-height: 490px;
	}
	
}

/* for - 994px
=========================================================================================== */
@media screen and (max-width:994px){
	.JS .GridSet{
		padding:0 15px;
	}


}
/* for - 965px
=========================================================================================== */
@media screen and (max-width:964px){
	.JS .PageTitleStyle1{
		width:100%;
	}
	.JS div.PageTitleStyle1 h1 span{
		margin:5px 15px;
	}
	.JS div#competencyMenuAbout div.contentsWidth{
		width:100%;
	}
	.JS div#competencyMenuAbout div.contentsWidth ul,
	.JS div#competencyMenuAbout div.contentsWidth ul li:last-child{
		border:none;
	}
}
/* for - 900px
=========================================================================================== */
@media screen and (max-width:899px){
	
}

/* for - 860px
=========================================================================================== */
@media screen and (max-width:859px){
	
}
/* for - 768px
=========================================================================================== */
@media screen and (max-width:767px){
	.JS div.PageTitleStyle1 h1{
		height:400px;
	}
	.JS div.PageTitleStyle1 h1 span{
		line-height: 115%;
	}

	.JS div#competencyMenuAbout{
		position:static;
		margin-bottom:50px;
	}
	.JS div#competencyMenuAbout div.contentsWidth{
		padding:0;
	}
	.JS div#competencyMenuAbout div.contentsWidth ul{
		display:block;
	}
	.JS div#competencyMenuAbout div.contentsWidth ul li{
		border:none;
		border-bottom:1px solid #FFF;
	}
	.JS div#competencyMenuAbout div.contentsWidth ul li a{
		height:auto;
		min-height:50px;
	}
	.JS div#competencyMenuAbout div.contentsWidth ul li a span{
		padding-bottom:15px;
	}
	.JS div#competencyMenuAbout div.contentsWidth ul li a span:after{
		bottom:-10px;
	}
	.JS div#jp1cs_01Area,
	.JS div#jp1cs_02Area,
	.JS div#jp1csSummary,
	.JS div#jp1cs_06Area{
		text-align:center;
	}

	.JS ul#jp1cs_02_01BoxLink{
		display:block;
	}
	.JS ul#jp1cs_02_01BoxLink li{
		margin-bottom:15px;
	}

	.JS ul#jp1cs_02_01SubBoxLink li a{
		display:block;
	}

	.JS ul#jp1cs_02_01SubBoxLink li{
		margin-bottom:10px;
	}

	.JS div.GridSet{
		text-align:left;
	}
	.JS h2{
		background:none;
		margin:0 15px 30px;
		height:auto;
		width:auto;
		display:inline-block;
		border-left:15px solid #8671b4;
		padding:5px 0 5px 10px;
	}
	.JS h2#jp1cs_03{
		background:none;
	}
	.JS div#jp1cs_02Area h2{
		/*border:none;*/
		display:inline-block;
		margin:0 15px 30px;
	}
	.JS div#DownloadArea div.FlexWrap{
		display:flex;
		flex-direction:column;
		row-gap:20px;
		column-gap:normal
	}
	.JS div#jp1csSummary h2{
		background:none;
		border-left:15px solid #FFF;
	}
	.JS h2#inquiryHeader{
		background:none;
		border-left:none
	}

	div#jp1csSummary div.Grid4{
		max-width: 100%;
	}
	
	.JS div.InquiryBox h2#inquiryHeader{
		border:none;
	}
	.JS div#point1Content h4,
	.JS div#point3Content h4{
		background:none;
		border:1px solid #8671b4;
	}
	.JS div#jp1csSummary{
		position:relative;
	}
	/*可読性を維持するためのカバー*/
	.JS div#jp1csSummary:before{
		content:"";
		position:absolute;
		display:block;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:RGBA(128, 100, 162, 0.5);
		z-index:10;
	}
	.JS div#jp1csSummary h2,
	.JS div#jp1csSummary div.GridSet{
		position:relative;
		z-index:11;
	}
}
/* for - 600px
=========================================================================================== */
@media screen and (max-width:599px){
	
}
/* for - 580px
=========================================================================================== */
@media screen and (max-width:579px){
	div.PageTitleStyle1 h1 span {
		font-size: 74%;
		line-height: 1.3;
	}
	.JS div.PageTitleStyle1 h1 span.maintitle {
		padding-bottom: 90px;
		font-size: 100%;
	}


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