@charset "shift_JIS";

/** [ページタイトル] **/
div#jp1PageTitleArea1{
	background:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/PageTitleAreaBack.png') no-repeat center;
	background-size:cover;
	padding:30px 0 0;
}
div#jp1PageTitleArea1 div.PageTitleStyle1{
	width:1275px;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
	padding:40px 15px;
	text-align:center;
}
div#jp1PageTitleArea1 div.PageTitleStyle1:after{
	content:"";
	display:block;
	background:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/PageTitleAfter.png') no-repeat center;
	width:270px;
	height:602px;
	position:absolute;
	top:50px;
	right:40px;
	z-index:100;
}
div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
	font-size:100%;/*reset*/
	display:inline-block;
	background:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/h1Back.png') no-repeat right top;
	min-height:220px;
	padding-right:320px;
	margin:0 160px 90px 0;
}
div#jp1PageTitleArea1 div.PageTitleStyle1 h1 a:first-child{
	display:block;
	color:#003b86;
	font-size:250%;
	line-height:110%;
	margin-bottom:20px;
	font-weight: bold;
}
div#jp1PageTitleArea1 div.PageTitleStyle1 h1 span{
	display:block;
	color:#333;
	margin-bottom:40px;
	font-weight: bold;
}
div#jp1PageTitleArea1 div.PageTitleStyle1 h1 a.inquiryLinkStyle{
	text-decoration:none;
	font-size: 105%;
}
div#jp1PageTitleArea1 div.PageTitleStyle1 h1 a.inquiryLinkStyle:hover{ text-decoration:underline!important; }
div#TitleMovieArea p#movieHeader{
	text-align:center;
	font-size:110%;
	margin-bottom: 15px;
}
div#TitleMovieArea{
	position:relative;
	z-index:101;
}
div#TitleMovieArea div#TitleMovieFlex{
	display:flex;
	justify-content:center;
	gap:10px;
}
div#TitleMovieArea div#TitleMovieFlex div.FlexItem{
	width:400px;
}
div#jp1PageTitleArea1 dl#titleDiscription{
	text-align:center;
	background:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/discriptionBack.png') no-repeat center top;
	padding-top:60px;
}
div#jp1PageTitleArea1 dl#titleDiscription dt{
	font-weight:bold;
}
div#jp1PageTitleArea1 dl#titleDiscription dt strong{
	font-size:230%;
	color:#345aa8;
	margin-right:15px;
}
div#jp1PageTitleArea1 dl dd{
	font-size:120%;
	margin-bottom: 20px;
	font-weight: bold;
}

/** [こんなお悩み、ありませんか？] **/
ul#worriesList{
	display:flex;
	gap:25px;
	position:relative;
	margin-bottom:100px;
}
ul#worriesList:after{
	content:"";
	border:130px solid rgba(255, 255, 255, 0);
	border-top:40px solid #57c2e3;
	border-bottom-width:0px;
	position:absolute;
	bottom:-40px;
	left:calc(50% - 130px);
}
h2#solutionHeader strong{
	display:block;
	color:#345aa8;
	font-size:130%;
}
div#innovationArea01 dl dt{
	margin-bottom:15px;
	font-size: 110%;
}
div#innovationArea01 dl dt{
	font-weight:bold;
}
div#innovationArea01 dl dt strong{
	font-size:230%;
	margin-right:10px;
	color: #333;
}
div#innovationArea01 dl dd{
	font-size:130%;
	margin-bottom: 80px;
	font-weight: bold;
}

/** [JP1でできること] **/
div#innovationArea02{
	background:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/discriptionBack.png') no-repeat center top;
	padding-top:0;
	text-align:center;
}
div#innovationArea02 h2{
	padding-left:80px;
	padding-right:80px;
	padding-top:calc(120px - 1.7em);
	min-height:150px;
	background:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/innovation02h2.png') no-repeat left top;
	display:inline-block;
	box-sizing:border-box;
	margin-top:-5px;
}

div#candoBoxSet{
	padding:10px 0;
	gap:20px;
	flex-wrap:wrap;
}
div#candoBoxSet div.flexItem{
	background-repeat:no-repeat;
	background-position:center 15px;
	padding:145px 10px 20px 20px;
	position:relative;
	width:calc(50% - 10px);
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
div#candoBoxSet div.flexItem:first-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoback01.png');
}
div#candoBoxSet div.flexItem:first-child + div.flexItem{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoback02.png');
}
div#candoBoxSet div.flexItem:nth-child(3){
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoback03.png');
}
div#candoBoxSet div.flexItem:nth-child(4){
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoback04.png');
}
div#candoBoxSet div.flexItem:last-child{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoback05.png');
	width:100%;
}
div#candoBoxSet div.flexItem:before,
div#candoBoxSet div.flexItem:after{
	content:"";
	display:block;
	border:1px solid #57c2e3;
	width:100%;
	height:50px;
	position:absolute;
	left:0;
}
div#candoBoxSet div.flexItem:before{
	border-bottom:none;
	border-radius:15px 15px 0 0;
	top:-3px;
}
div#candoBoxSet div.flexItem:after{
	border-top:none;
	border-radius:0 0 15px 15px;
	bottom:0;
}

div#candoBoxSet div.flexItem h3{
	font-size:180%;
	color:#333;
	margin-bottom: 15px;
}
ul.circleList li{
	font-size:92%;
	padding-left:0;
	text-indent:-0.2em;
	margin-bottom:15px;
	font-weight: bold;
}
ul.LastcircleList li{
	font-size:92%;
	padding-left:12em;
	text-indent:-0.2em;
	margin-bottom:15px;
	font-weight: bold;
}
ul.circleList li:before{
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	line-height:1;
	border-radius:50%;
	margin-right:0.5em;
	background:#57c2e3;
}
ul.LastcircleList li:before{
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	line-height:1;
	border-radius:50%;
	margin-right:0.5em;
	background:#57c2e3;
}
ul.circleList li strong{
	color:#345aa8;
}
ul.LastcircleList li strong{
	color:#345aa8;
}
p.TextStyle3{
	font-size: 76%;
	margin-bottom: -15px;
}

dl.RelatedInfo dt{
	background:#345aa8;
	color:#FFF;
	display:inline-block;
	padding:3px 15px 0;
	border-radius:1.2em;
	margin:8px 0 5px 0;
	font-size: 83%;
}
dl.RelatedInfo 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#innovationArea02 p strong{
	text-align:center;
	font-size:130%;
	line-height: 30px;
	color: #333;
}
div#candoBoxSet div.flexItem:first-child dl.RelatedInfo a{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoBottom01.png');
}
div#candoBoxSet div.flexItem:first-child + div.flexItem dl.RelatedInfo a{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoBottom02.png');
}
div#candoBoxSet div.flexItem:nth-child(3) dl.RelatedInfo a{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoBottom03.png');
	margin-bottom: 10px;
}
div#candoBoxSet div.flexItem:nth-child(4) dl.RelatedInfo a{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoBottom04.png');
}
div#candoBoxSet div.flexItem:last-child dl.RelatedInfo a{
	background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/candoBottom05.png');
}
dl.RelatedInfo dd a:hover{
	text-decoration:none;
	opacity:0.8;
}

p#innovDescription{
	font-size:200%;
	font-weight: bold;
}

div#bannerLinkList{
	gap:20px;
}
div#bannerLinkList dl{
	width:calc(50% - 10px);
}
div#bannerLinkList dl dt{
	font-size:130%;
	margin: 40px 0 10px;
	font-weight: bold;
}
div#bannerLinkList dl dd a{
	text-decoration:underline;
	color:#333;
}
div#bannerLinkList dl dd a:hover{
	text-decoration:none;
	opacity:0.8;
}
div#bannerLinkList dl dd p.ImgOnlyStyle{
	font-size:100%;
}
div#bannerLinkList dl dd p.ImgOnlyStyle img{ margin-bottom:15px; }
div#bannerLinkList dl dd a span{ display:block; }


/** [共通] **/
h2{
	color:#333;
	font-size:220%;
	font-weight:bold;
	margin-bottom:35px;
}

div.innovationBlock{
	padding:50px 15px;
}

a.inquiryLinkStyle{
	display:block;
	background:#c4111a url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/iconInquiry.png') no-repeat right center;
	background-position-x:calc(100% - 20px);
	color:#FFF!important;
	padding:15px;
	text-align:center;
	border-radius:2em;
}
a.inquiryLinkStyle.NewWin{
	background-image:url('/image/jp/r1/icon/icon_new_window_white_hd.png');
}
a.inquiryLinkStyle.IncForm{
	background-image:url('/image/jp/r1/icon/icon_inquiry_white_hd.png');
}
div.innovationBlock a.inquiryLinkStyle{
	max-width:550px;
	margin:0 auto;
	font-size: 105%;
}

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

/* for - 1275px
=========================================================================================== */
@media screen and (max-width: 1274px){
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1{
		width:100%;
		box-sizing:border-box;
		padding-right:230px;
		text-align:right;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
		margin:0 30px 80px 0;
		background-size:265px auto;
		background-position-x:calc(100% - 30px);
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1:after{
		/** background-size:310px 691px;
		width:310px;
		height:691px; */
		top: 70px;
		right:80px;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
		text-align:left;
	}
	.JS div#TitleMovieArea div#TitleMovieFlex{
		padding-right:20px;
	}
}
/* for - 965px
=========================================================================================== */
@media screen and (max-width: 964px){
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1{
		padding-right:100px;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
		padding-right:270px;
		margin:0 30px 90px 0;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1:after{
		background-size:180px 401px;
		width:180px;
		height:401px;
		top:55px;
		right:30px;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
		background-size:170px auto;
		padding-right:200px;
		background-position-x:calc(100% - 38px);
	}
	ul.LastcircleList li{
		padding-left:6em;
	}
}

/* for - 768px
=========================================================================================== */
@media screen and (max-width: 767px){
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1{
		padding:40px 15px;
		text-align:left;
	}
	.JS div#jp1PageTitleArea1{
	padding: 0;
}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1:after{
		content:none;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
		background-position-x:calc(50% - 65px);
		background-position-y:calc(100% - 268px);
		margin:0 0 20px;
		padding:0 0 450px;
		position:relative;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1:after{
		content:"";
		background-image:url('/Prod/comp/soft1/jp1/feature/jp1_innovation/images/PageTitleAfter.png');
		background-repeat:no-repeat;
		background-size:179px 400px;
		display:block;
		width:179px;
		height:400px;
		position:absolute;
		bottom:0;
		left:46%;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1 a:first-child{
		font-size:225%;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1 span{
		font-size: 140%;
	}
	.JS div#jp1PageTitleArea1 dl#titleDiscription dt strong{
		font-size: 210%;
	}
	.JS div#jp1PageTitleArea1 dl dd{
		font-size:110%;
	}
	.JS div#innovationArea01 dl dt strong{
		font-size: 205%;
	}
	.JS h2#solutionHeader strong{
		font-size: 105%;
	}
	.JS div#innovationArea01 dl dd{
		font-size: 110%;
	}
	.JS p#innovDescription{
		font-size: 178%;
	}
	.JS div#TitleMovieArea div#TitleMovieFlex{
		flex-direction:column;
		padding:0;
	}
	.JS div#TitleMovieArea div#TitleMovieFlex div.FlexItem{
		width:auto;
		max-width:400px;
		margin:0 auto;
	}
	.JS .FlexWrap{
		display:flex;
		flex-direction:column;
	}
	.JS div#candoBoxSet div.flexItem{
		width:100%;
		padding:145px 20px 20px;
	}
	div#candoBoxSet div.flexItem:nth-child(3) dl.RelatedInfo a{
		margin-bottom: 0;
	}
	.JS div#bannerLinkList dl{
		width:auto;
		max-width:400px;
		margin:0 auto;
	}
	.JS div#bannerLinkList{
		gap:0;
	}
	.JS ul.circleList li{
		padding-left:1.5em;
	}
	.JS ul.LastcircleList li{
		padding-left:1.5em;
	}
	
/* for - 580px
=========================================================================================== */
@media screen and (max-width: 579px){
	.JS ul#worriesList{
		flex-direction:column;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1 a:first-child{
		font-size: 215%;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1 span{
		font-size: 110%;
	}
	.JS div#jp1PageTitleArea1 dl dd{
		font-size:110%;
	}
	.JS ul.circleList li{
		padding-left:1.2em;
	}
	.JS Lastul.circleList li{
		padding-left:1.2em;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1 a.inquiryLinkStyle{
	font-size: 97%;
	}
	.JS div.innovationBlock a.inquiryLinkStyle{
	font-size: 97%;
	}
}
/* for - 500px
=========================================================================================== */
@media screen and (max-width: 499px){
}

/* for - 400px
=========================================================================================== */
@media screen and (max-width: 399px){
	.JS a.inquiryLinkStyle{
		padding-right:55px;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
		background-position-x:calc(50% - 60px);
		background-size:140px auto;
	}
	.JS div#jp1PageTitleArea1 div.PageTitleStyle1 h1:after{
		background-size: 160px 357px;
		left:40%;
		height: 380px;
	}
}