@charset "shift_JIS";


/* [header] */
div#jp1PageTitleArea1{
	background:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/topBrandingBack.png') no-repeat center;
	background-size:cover;
	height:450px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
}
div#jp1PageTitleArea1.FeatureTitle3:after{
	content:"";
	display:block;
	background:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/topBrandingIcon.png') no-repeat right bottom;
	background-size:auto 400px;
	width:550px;
	height:450px;
	position:absolute;
	left:calc((50% - 482.5px) + 500px);
	top:0;
	z-index:99;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
	width:calc((50% - 482.5px) + 780px);
	margin:0;
	overflow:hidden;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#PageTitleInner{
	display:flex;
	background:rgba(31, 61, 182, 0.4);
	transform:skew(-25deg);
	margin:0 100px 0 -100px;
	padding:30px 0;
	position:relative;
	z-index:100;
}

div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
	color:#FFF;
	transform:skew(25deg);
	margin-left:calc(50vw - 380.5px);
	box-sizing:border-box;
	font-size: 138%;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 a{
	pointer-events:none;
	display:block;
	font-weight:bold;
	font-size:130%;
	margin-bottom:15px;
}
div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1 span{
	font-weight:normal;
	font-size:100%;
}

div#preface{ text-align:center; }

/*[Main InnerLink]*/
ul#horizontalInnerLinks{
	padding: 0;
}
ul#horizontalInnerLinks li{
	border:2px solid #C00;
	border-left:none;
}
/*リンク6つの場合*/
ul#horizontalInnerLinks.has6child li{
	flex-basis:16.6%;
}
/*リンク5つの場合*/
ul#horizontalInnerLinks.has5child li{
	flex-basis:20%;
}

ul#horizontalInnerLinks li:first-child{
	border-left:2px solid #C00;
}
ul#horizontalInnerLinks li a{
	display:block;
	padding:10px 5px;
	color: #c00;
	font-size: 95%;
	box-sizing:border-box;
	height:100%;
}
ul#horizontalInnerLinks li a:before{
	content:"▽";
}

ul#horizontalInnerLinks li a:hover{
	background-color: #c00;
	color: #fff;
}

/*[全ブロック共通]*/
div.geneAiBlock{
	padding:50px 15px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}

div.geneAiBlock h2{
	font-weight:bold;
	text-decoration:underline;
}
div.geneAiBlock div.geneAiBlockBox{
	background:#FFF;
	margin-bottom:20px;
	border-radius:15px;
}
div.geneAiBlock div.geneAiBlockBox h3,
div.geneAiBlock div.geneAiBlockBox h4{
	color:#FFF!important;
	padding:7px 15px;
	font-size:100%;
}
div.geneAiBlock div.geneAiBlockBox div.boxInner{
	padding:20px 30px;
}
div.geneAiBlock div.FlexWrap dl{
	flex-basis:25%;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100px auto;
	padding-top:110px;
}
div.geneAiBlock div.FlexWrap dl dt{
	font-weight:bold;
}
div.geneAiBlock div.FlexWrap dl dd{
	font-size:90%;
}
p.geneAiText{
	color:#156082;
	font-weight:bold;
	font-size: 105%;
}
/*角丸リンクボックス*/
ul.geneAiLinkBox li a{
	display:inline-block;
	background:#c4111a url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat center right;
	color:#FFF;
	background-position-x: calc(100% - 30px);
	background-size: 20px auto;
	padding:5px 70px;
	border-radius:1.5em;
}
ul.geneAiLinkBox li a:hover{
	text-decoration: underline;
	opacity:0.8;
}

/*丸付きリスト */
ul.CircleList li{
	font-size:90%;
	margin-left:20px;
	text-indent:-20px;
}
ul.CircleList li:before{
	content:"";
	display:inline-block;
	border-radius:50%;
	margin-right:10px;
	width:10px;
	height:10px;
	background:#333;
}

/*[AIが切り開く未来・運用の未来像]*/
div#geneAi01Area{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/geneAi01AreaBack.png');
}
div#geneAi01Area h3{
	color:#c4111a;
}
div#geneAi01Area div.FlexWrap dl{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent01icon3.png');
}
div#geneAi01Area div.FlexWrap dl:first-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent01icon1.png');
}
div#geneAi01Area div.FlexWrap dl:first-child + dl{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent01icon2.png');
}
div#geneAi01Area div.FlexWrap dl:last-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent01icon4.png');
}
div#geneAi01Area div.FlexWrap dl dt{ color:#c4111a; }

div#geneAi01Area div.geneAiBlockBox h3{
	background:#c4111a;
}
div#geneAi01Area div.geneAiBlockBox div.boxInner{
	color:#156082;
	font-weight: bold;
}

ul#approachList{
	gap:15px;
	margin-bottom:30px;
}
ul#approachList li{
	flex-basis:calc(33.33% - 10px);
	font-size:90%;
	line-height:1.2;
}

/*[JP1でのAI活用の将来像]*/
div#geneAi02Area{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/geneAi02AreaBack.png');
}
div#geneAi02Area h3{
	color:#156082;
	border-bottom:1px solid #156082;
	text-align:left;
}

div#geneAi02Area div.geneAiBlockBox h4{
	background:#0092B9;
}
div#geneAi02Area section#h3geneAi0202 div.FlexWrap dl{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent02icon2.3.png');
}
div#geneAi02Area section#h3geneAi0202 div.FlexWrap dl:first-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent02icon2.1.png');
}
div#geneAi02Area section#h3geneAi0202 div.FlexWrap dl:first-child + dl{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent02icon2.2.png');
}
div#geneAi02Area section#h3geneAi0202 div.FlexWrap dl:last-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent02icon2.4.png');
}
div#geneAi02Area div.FlexWrap dl dt{ color:#0092B9; }

div#geneAi02Area section#h3geneAi0203 div.FlexWrap dl{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent02icon3.3.png');
}
div#geneAi02Area section#h3geneAi0203 div.FlexWrap dl:first-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent02icon3.1.png');
}
div#geneAi02Area section#h3geneAi0203 div.FlexWrap dl:first-child + dl{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent02icon3.2.png');
}
div#geneAi02Area section#h3geneAi0203 div.FlexWrap dl:last-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/icon/aiAgent02icon3.4.png');
}
p.conclusionText strong{
	color:#0092B9;
	font-size: 110%;
}


/*[業務システムへの展開とビジネス価値]*/
div#geneAi03Area{
	background:#D9F2D0;
}
div#geneAi03Area ul.exampleList{
	justify-content:center;
	gap:15px;
	margin-bottom:30px;
}
div#geneAi03Area ul.exampleList li{
	background:#FFF url('/Prod/comp/soft1/jp1/feature/ai_agent/images/geneAi0302.png') no-repeat center 20px;
	background-size:auto 100px;
	flex-basis:calc(33.33% - 10px);
	box-sizing:border-box;
	padding:140px 55px 20px;
	border:2px solid #3B7D23;
	border-radius:10px;
	font-weight:bold;
	color:#3B7D23;
	font-size:102%;
}
div#geneAi03Area ul.exampleList li:first-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/geneAi0301.png');
}
div#geneAi03Area ul.exampleList li:last-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/ai_agent/images/geneAi0303.png');
}
div#geneAi03Area div.geneAiBlockBox h3{
	background:#3B7D23;
}


/*[【11/7開催】 JP1 FORUM 2025 事前申し込み受付中！]*/
h2#jp1forum{
	font-weight:normal;
}
p.ImgOnlyStyle dd a {
	display: inline-block;
	min-width: 236px;
	padding-bottom: 90px;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 236px auto;
	text-decoration: underline;
}

/*[まとめ]*/
div#geneAi04Area{
	background:#002060;
	color:#FFF;
}
div#geneAi04Area strong{ color:#FFF; }
div#geneAi04Area ul.CircleList{
	display:inline-block;
	text-align:left;
	font-weight:bold;
}
div#geneAi04Area ul.CircleList li:before{
	background:#FFF;
}
div#geneAi04Area p.radiusStyle{
	background:#FFF;
	padding:15px 15px;
	border-radius:15px;
}

/*[資料ダウンロード]*/
div#geneAi05Area ul.geneAiLinkBox a{
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
	background:#4E95D9;
	padding:15px;
	width:70%;
	box-sizing:border-box;
}


/* for - 1200px
=========================================================================================== */
@media screen and (max-width:1200px){
	.JS div#jp1PageTitleArea1.FeatureTitle3:after{
		right:10px;
		left:auto;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		width:90%;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		max-width:calc(100vw - 380px);
	}
}

/* for - 994px
=========================================================================================== */
@media screen and (max-width:994px){
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		margin-left:115px;
	}
}
/* for - 965px
=========================================================================================== */
@media screen and (max-width:964px){


}
/* 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#jp1PageTitleArea1{
		justify-content:normal;
		height:auto;
		padding-bottom:270px;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3:after{
		background-size:auto 100%;
		background-position-x:center;
		width:100%;
		height:250px;
		top:auto;
		right:auto;
		bottom:10px;
		left:0;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1{
		width:100%;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 div#PageTitleInner{
		transform:none;
		margin:50px 0 0;
	}
	.JS div#jp1PageTitleArea1.FeatureTitle3 div.PageTitleStyle1 h1{
		text-shadow:none;
		transform:none;
		margin:0 15px;
		max-width:none;
	}
	
	.JS ul#horizontalInnerLinks li{
		border-bottom:none;
		border-left:2px solid #c00;
	}
	.JS ul#horizontalInnerLinks li:last-child{
		border-bottom:2px solid #c00;
	}
	.JS .FlexWrap{
		display:flex;
		flex-direction:column;
	}

	.JS ul#approachList li{
		width:310px;
		margin:0 auto;
	}
}
/* for - 600px
=========================================================================================== */
@media screen and (max-width:599px){
	.JS ul#approachList li{
		max-width: 100%;
	}
}
/* for - 580px
=========================================================================================== */
@media screen and (max-width:579px){
	.JS div#geneAi05Area ul.geneAiLinkBox a{
		width:100%;
	}
}
/* for - 480px
=========================================================================================== */
@media screen and (max-width:479px){

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


}