@charset "Shift_JIS";

/* **************************************************
Name: engineering.css

Create: 2020.01.22
Update: 2025.04.23

<!--Rev. 250423 P24090 hsc-->
<!--Rev. 230619 P23028 htc-->
<!--Rev. 210423 P19121 htc-->
<!--Rev. 200826 P19121 htc-->
<!--Rev. 200221 P19121 htc-->
<!--Rev. 200206 P19121 htc-->
<!--Rev. 200117 P19121 htc-->

***************************************************** */

/* BrandingImageWrap */
#BrandingImageWrap {
	position: relative;
	width: 100%;
	height: 450px;
	background: url('/image/hitle/lineup/engineering/bg_brandingimage.jpg') no-repeat;
	background-size: cover;
}

#BrandingImageWrap dl {
	text-align: left;
	position: absolute;
	width: 50%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	/*padding: 25px 0 25px 16%;*/
	padding: 25px 15px 25px calc(50% - 457.5px);
	color: #fff;
	flex-direction: column;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#BrandingImageWrap dl h1 {
	font-size: 137.5%;
	font-weight: bold;
}
#BrandingImageWrap dl dd {
	font-size: 150%;

}
/*@media screen and (max-width: 1200px) {
	#BrandingImageWrap dl {
		text-align: left;
		position: absolute;
		width: 60%;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		padding: 25px 0 25px 40px;
		color: #fff;
		flex-direction: column;
		overflow: hidden;
		background: rgba(0, 0, 0, 0.6);
		-webkit-transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}
	
}*/
@media screen and (max-width: 994px) {
	#BrandingImageWrap dl {
		width: 60%;
		min-width: 480px;
		padding-left: 40px;
	}
}
@media screen and (max-width: 767px) {
	#BrandingImageWrap {
		position: relative;
		width: 100%;
		height: 300px;
		background-size: contain;
		background-position: center 100px;
		margin-top: 0;
	}
	#BrandingImageWrap dl{
		position: static;
		width: 100%;
		transform: none;
		padding: 22px 0 21px 15px;
		background: rgba(0, 0, 0, 1.0);
	}
	#BrandingImageWrap dl h1 {
		font-size: 125%;
	}
	#BrandingImageWrap dl dd {
		font-size: 100%;
	}
}
@media screen and (max-width: 579px) { 
	#BrandingImageWrap {
		position: relative;
		width: 100%;
		height: 225px;
		background: url('/image/hitle/lineup/engineering/bg_brandingimage_sp.jpg') no-repeat;
		background-size: contain;
		background-position: center 100px;
		margin-top: 0;
	}
}
/* LeadBlock */
.LeadBlock {
	padding: 50px 0 20px;
	border-bottom: 1px solid #ddd;
}
.LeadBlock p{
	text-align: center;
	line-height: 1.8;
	font-size: 94%;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.LeadBlock {
		padding: 30px 0 0;
	}
	.LeadBlock p{
		font-size: 75%;
	}
}

/* ResolveWrap */
.ResolveWrap {
	background: #EBEBE8;	
	padding: 80px 0 85px;
}

.ResolveWrap .ResolveList{
	width: 1000px;
	margin: 50px auto 0;
}

.ResolveWrap .ResolveList dl{
	background: #fff;
	padding: 16px 20px;
	border-top: 1px solid #cccccc;

}
.ResolveWrap .ResolveList dl:nth-of-type(2n){
	background: #f2f2f2;
}
.ResolveWrap .ResolveList dl:last-of-type{
	border-bottom: 1px solid #cccccc;
}

.ResolveWrap .ResolveList dl dt{
	margin-bottom: 4px;
}
	
.ResolveWrap .ResolveList dl dt img{
	width: 12px;
	display: inline-block;
	margin: 5px 3px 0 0;
}

.ResolveWrap .ResolveList dl dd{
	font-weight: bold;
	font-size: 88%;
	display: inline-block;
	border: 1px solid #cccccc;
	background: #fff;
	margin-right: 10px;
	position: relative;
	-webkit-transition: 0.2s ;
	transition: 0.2s; 
}	
.ResolveWrap .ResolveList dl dd a{
	display: block;
	padding: 2px 10px;
	color: #212121;
	text-decoration: none;
}

.ResolveWrap .ResolveList dl dd:hover{
	border: 1px solid #E60127;
}
.ResolveWrap .ResolveList dl dd img {
	display: inline-block;
	padding: 5px 5px 0 0;

}
@media screen and (max-width: 1100px) {
	.ResolveWrap .ResolveList{
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.ResolveWrap {
		padding-top: 50px;
	}
}

/* SearchArea */
.SearchArea {
	/*padding: 80px 0 30px;*/
	/*202504改訂*/
	padding: 20px 0;
}

/*@media screen and (max-width: 767px) {
	.SearchArea {
		padding: 50px 0;
	}
}*/

#Contents h2 {
	position: relative;
	margin: 0;
	padding: 0 0 15px;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	background: 0;
	overflow: hidden;
}
#Contents h2:after {
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	right: 70%;
	bottom: 0;
	background: #E30027;
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	-webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
#Contents h2:after {
	width: 50px;
	right: 50%;
}
	#Contents .AccordionTrigger {
	cursor: pointer;
}
	
#Contents .ContentInner {
	max-width: 1275px;
	margin: auto;
	/*max-width: 965px;
	margin: 0 auto;
	202504Wide化*/
}
#Contents .Accordion {
	display: none;
}
#Contents .Accordion:not(.ProductAccordion){
	position: relative;
	width: 100vw;
	background: #333;
	z-index: 2;
}
/*@media screen and (max-width: 1304px) {
	#Contents .Accordion:not(.ProductAccordion){
		-moz-transform: translateX(15px);
		-ms-transform: translateX(15px);
		-webkit-transform: translateX(15px);
		transform: translateX(15px);
	}
}*/
@media screen and (max-width: 994px) {
	#Contents .FieldList .Accordion {
		width: calc(200% + 46px) !important;
		padding: 0 15px;
	}
	#Contents .FieldList > li:nth-child(2n+1) .Accordion {
		margin-left: -15px !important;
	}
	#Contents .FieldList > li:nth-child(2n) .Accordion {
		margin-left: calc(-100% - 31px) !important;
	}
	#Contents .IndustryList .Accordion {
		width: calc(400% + 30px) !important;
		padding: 0 15px;
	}
}
#Contents .Accordion:not(.ProductAccordion) .AccordionInner {
	display: flex;
	max-width: 1275px;
	/*max-width: 965px;
	202504Wide化*/
	margin: 0 auto;
	padding: 20px 10px;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	#Contents .Accordion:not(.ProductAccordion) .AccordionInner {
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
	#Contents .Accordion ul {
		width: 33%;
		padding: 0 10px;
	}
	#Contents .Accordion ul.w100 {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	#Contents .Accordion ul {
	width: 100%;
	}
}
/*　メニュー表示　親子関係の子インデント
#Contents .Accordion li.DeepLink {
	padding-left: 1em;
}*/
#Contents .Accordion a {
	font-weight: bold;
	display: inline-block;
	padding-left: 20px;
	color: #fff;
	/*font-size: 75%;*/
	font-size: 90%;
	text-decoration: none;
	background: url(/image/hitle/lineup/engineering/arw_resolve.png) no-repeat left 6px;
}
#Contents .Accordion .ProductWrap {
	font-weight: bold;
	margin-top: 4px;
	width: 100%;
}
#Contents .Accordion .ProductWrap dt {
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
}
#Contents .Accordion .ProductWrap dt.AccordionTrigger:before {
	display: none;
}
#Contents .Accordion .ProductWrap dt.AccordionTrigger {
	display: inline-block;
	padding-left: 20px;
	background: url(/image/hitle/lineup/engineering/arw_resolve.png) no-repeat left 2px;
}
#Contents .Accordion .ProductWrap dt.AccordionTrigger.active:after{
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#Contents .Accordion .ProductWrap dd{
	width: 100% !important;
	margin: 0 !important;
}
#Contents .Accordion .ProductWrap dd .AccordionInner{
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
}
#Contents .Accordion .ProductWrap dd.Accordion{
	display: none;
}
#Contents .Accordion .ProductWrap.UpperLink {
	margin-top: 0;
	margin-bottom: 20px;
}
#Contents .Accordion .ProductWrap:not(.w100) {
	width: 33%;
}
@media screen and (max-width: 994px) and (min-width: 768px) {
	#Contents .Accordion .ProductWrap:not(.w100) {
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	#Contents .Accordion .ProductWrap:not(.w100) {
		width: 100%;
	}
}
#Contents .Accordion .ProductWrap:not(.w100) ul {
	width: 100%;
}
/* FieldWrap */
.FieldWrap {
	padding: 80px 0 60px;
}
#Contents .FieldWrap h3 {
	color: #fff;
	font-weight: bold;
	border: none;
	/*202504追記*/
	line-height: 130%;
}
.FieldWrap h2 + .FieldList {
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
	.FieldWrap h2 + .FieldList {
		margin-top: 30px;
	}
}
.FieldWrap .FieldList {
	display: flex;
	width: calc(100% + 16px);
	margin-top: 19px;
	margin-left: -8px;
	flex-wrap: wrap;
}
/*@media screen and (max-width: 767px) {
	.FieldWrap .FieldList {
		width: 100%;
		margin-left: 0;
	}
}*/

.FieldWrap .FieldList > li {
	width: calc(100% / 4);
	max-width: 322px;
	margin: 20px 0 0;
	padding: 0 8px;
}
/*@media screen and (max-width: 1304px) and (min-width: 995px) {
	.FieldWrap .FieldList > li {
		width: calc(100% / 3 - 1px);
		max-width: none;
	}
}*/
@media screen and (max-width: 994px) {
	.FieldWrap .FieldList > li {
		width: calc(100% / 2);
		max-width: none;
	}
}
@media screen and (max-width: 767px) {
	.FieldWrap {
		padding: 40px 0;
	}
	/*.FieldWrap .FieldList {
		justify-content: space-around;
	}*/
	.FieldWrap .FieldList > li {
		/*width: 48%;
		max-width: none;*/
		margin: 16px 0 0;
		/*padding: 0;*/
	}
}
.FieldWrap .FieldList > li.Field01 .ImageBox {
	background: url(/image/hitle/lineup/engineering/ph_field_01.jpg) no-repeat center center;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	.FieldWrap .FieldList > li.Field01 .ImageBox {
		background: url(/image/hitle/lineup/engineering/ph_field_01_sp.jpg) no-repeat center center;
		background-size: cover;
	}
}
.FieldWrap .FieldList > li.Field02 .ImageBox {
	background: url(/image/hitle/lineup/engineering/ph_field_02.jpg) no-repeat center center;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	.FieldWrap .FieldList > li.Field02 .ImageBox {
		background: url(/image/hitle/lineup/engineering/ph_field_02_sp.jpg) no-repeat center center;
		background-size: cover;
	}
}
.FieldWrap .FieldList > li.Field03 .ImageBox {
	background: url(/image/hitle/lineup/engineering/ph_field_03.jpg) no-repeat center center;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	.FieldWrap .FieldList > li.Field03 .ImageBox {
		background: url(/image/hitle/lineup/engineering/ph_field_03_sp.jpg) no-repeat center center;
		background-size: cover;
	}
}
.FieldWrap .FieldList > li.Field04 .ImageBox {
	background: url(/image/hitle/lineup/engineering/ph_field_04.jpg) no-repeat center center;
	background-size: cover; }
@media screen and (max-width: 767px) {
	.FieldWrap .FieldList > li.Field04 .ImageBox {
		background: url(/image/hitle/lineup/engineering/ph_field_04_sp.jpg) no-repeat center center;
		background-size: cover;
	}
}
/* 202504エンジニアリング分野追加 */
.FieldWrap .FieldList > li.Field05 .ImageBox {
	background: url(/lineup/engineering/image/index/ph_field_cloud.jpg) no-repeat center center;
	background-size: cover;
}
.FieldWrap .FieldList > li.Field06 .ImageBox {
	background: url(/lineup/engineering/image/index/ph_field_cyber.jpg) no-repeat center center;
	background-size: cover;
}
.FieldWrap .FieldList > li.Field07 .ImageBox {
	background: url(/lineup/engineering/image/index/ph_field_document.jpg) no-repeat center center;
	background-size: cover;
}
.FieldWrap .FieldList .AccordionTrigger {
	position: relative;
}
.FieldWrap .FieldList .AccordionTrigger:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 0;
	left: 0;
	bottom: 0;
	line-height: 0;
	background: url(/image/hitle/lineup/engineering/arw_field_accordion.png) no-repeat;
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.FieldWrap .FieldList .AccordionTrigger.active:before {
	height: 20px;
	bottom: -20px;
	-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.FieldWrap .FieldList .ImageBlock {
	position: relative;
	width: 100%;
	/*height: 200px;*/
	height: 150px;
	overflow: hidden;
}
.FieldWrap .FieldList .ImageBlock .ImageBox {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	right: 50%;
	-moz-transform: translate(50%, -50%) scale(1);
	-ms-transform: translate(50%, -50%) scale(1);
	-webkit-transform: translate(50%, -50%) scale(1);
	transform: translate(50%, -50%) scale(1);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.FieldWrap .FieldList .DetailBlock {
	height: calc(100% - 200px);
	/*padding: 20px 25px;
	202504 説明文省略による変更*/
	padding: 15px 20px 10px;
	border-top: 2px solid #E30027;
	background: #333;
}
@media screen and (max-width: 767px) {
	.FieldWrap .FieldList .ImageBlock {
		height: 160px;
	}
	/*.FieldWrap .FieldList .DetailBlock {
		height: auto !important;
	}*/
	.FieldWrap .FieldList .DetailBlock p{
		display: none;
	}

	.JS .BannerArea {
		margin-top: 30px;
	}
}
@media screen and (max-width: 579px) {
	.JS .BannerArea .BannerBox .Title {
		padding-top: 30px;
		line-height: 140%;
	}
	.JS .BannerArea#Service .BannerBox .Title {
		padding-top: 60px;
	}
}
@media screen and (max-width: 399px) {
	.JS .BannerArea .BannerBox .Title {
		font-size: 200%;
	}
}
.FieldWrap .FieldList h3 {
	color: #fff;
	margin-bottom: 5px;
	font-size: 125%;
	font-weight: bold;
}
.FieldWrap .FieldList p {
	color: #fff;
	font-size: 90.6%;
	line-height: 19px;
}
.FieldWrap .Accordion {
	margin-top: 20px;
}

.BannerArea {
	margin-top: 50px;
}
.BannerArea a:hover,
.BannerArea a:active {
	opacity: 0.7;
}
.BannerArea .BannerBox a {
	position: relative;
	display: block;
	height: 250px;
	color: inherit;
	background-image: url(/lineup/engineering/image/index/one-stop_banner_rwd.png);
	background-repeat: no-repeat;
	text-decoration: none;
	border: 1px solid #666666;
	border-bottom-color: #b1000e;
}
.BannerArea#Service .BannerBox a {
	background-image: url(/lineup/engineering/image/index/engineering-service_banner_rwd.png);
}
.BannerArea .BannerBox .Title {
	padding: 40px 15px 0;
	text-align: center;
	font-size: 215%;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 1px 10px #8320a8, -1px -1px 10px #8320a8;
}
.BannerArea .BannerBox .Btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 140px;
	height: 40px;
	padding: 5px 15px 3px;
	font-weight: bold;
	color: #ffffff;
	background-color: #cc0022;
	border-radius: 3px;
}
.BannerArea .BannerBox .CatchCopy {
	margin-bottom: 0;
	padding: 12px 15px 10px;
	color: #ffffff;
	background-color: #333333;
}

.IndustryWrap .IndustryList,
.IndustryWrap .TaskList,
.TaskWrap .IndustryList,
.TaskWrap .TaskList {
	/*background: #fff;*/
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.IndustryWrap .IndustryList:first-of-type{
	margin-top: 50px;
}

@media screen and (max-width: 994px) {
	.IndustryWrap .IndustryList,
	.IndustryWrap .TaskList,
	.TaskWrap .IndustryList,
	.TaskWrap .TaskList {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 767px) {
	.IndustryWrap .IndustryList,
	.IndustryWrap .TaskList,
	.TaskWrap .IndustryList,
	.TaskWrap .TaskList {
		margin-top: 30px;
	}
	.FieldWrap .FieldList .ImageBlock {
		height: 110px;
	}
	.FieldWrap .FieldList .DetailBlock {
		padding: 10px;
		/*padding: 10px 0 10px 8px;
		height: auto !important;
		202504改訂*/
	}
	.FieldWrap .FieldList .DetailBlock p{
		display: none;
	}
	.FieldWrap .FieldList h3 {
		color: #fff;
		margin-bottom: 5px;
		font-size: 100%;
		font-weight: bold;
		margin-bottom: 0;
	}
}
.IndustryWrap .IndustryList > li,
.IndustryWrap .TaskList > li,
.TaskWrap .IndustryList > li,
.TaskWrap .TaskList > li {
	position: relative;
	/*width: calc(100% / 6);*/
	width: 16.66666666%;
}
/*_:lang(x)::-ms-backdrop, .IndustryWrap .IndustryList > li {
	width: 16.666666%;
}
:-ms-lang(x)::backdrop, .IndustryWrap .IndustryList > li {
	width: 16.666666%;
}*/
.IndustryWrap .IndustryList > li + .IndustryWrap .IndustryList > li{
	border:none;
}
@media screen and (min-width: 768px) {
	.IndustryWrap .IndustryList > li:before, .IndustryWrap .IndustryList > li:after,
	.IndustryWrap .TaskList > li:before,
	.IndustryWrap .TaskList > li:after,
	.TaskWrap .IndustryList > li:before,
	.TaskWrap .IndustryList > li:after,
	.TaskWrap .TaskList > li:before,
	.TaskWrap .TaskList > li:after {
		content: "";
		position: absolute;
		width: 2px;
		height: 100%;
		top: 0;
	}
}
@media screen and (min-width: 768px) {
	.IndustryWrap .IndustryList > li:before,
	.IndustryWrap .TaskList > li:before,
	.TaskWrap .IndustryList > li:before,
	.TaskWrap .TaskList > li:before {
		left: 0;
	}
}
.IndustryWrap .IndustryList > li:after,
.IndustryWrap .TaskList > li:after,
.TaskWrap .IndustryList > li:after,
.TaskWrap .TaskList > li:after {
	opacity: 0;
}
@media screen and (min-width: 768px) {
	.IndustryWrap .IndustryList > li:after,
	.IndustryWrap .TaskList > li:after,
	.TaskWrap .IndustryList > li:after,
	.TaskWrap .TaskList > li:after {
		right: 0;
	}
}
.IndustryWrap .IndustryList > li:last-child:after,
.IndustryWrap .TaskList > li:last-child:after,
.TaskWrap .IndustryList > li:last-child:after,
.TaskWrap .TaskList > li:last-child:after {
	opacity: 1;
}
@media screen and (max-width: 994px) and (min-width: 768px) {
	.IndustryWrap .IndustryList > li,
	.IndustryWrap .TaskList > li,
	.TaskWrap .IndustryList > li,
	.TaskWrap .TaskList > li {
		/*width: calc(100% / 3);*/
		width: 25%;
		flex-wrap: wrap;
	}
	/*_:lang(x)::-ms-backdrop, .IndustryWrap .IndustryList > li {
		width: 33.333333%;
	}
	:-ms-lang(x)::backdrop, .IndustryWrap .IndustryList > li {
		width: 33.333333%;
	}*/
	.IndustryWrap .IndustryList > li:nth-child(3n):after,
	.IndustryWrap .TaskList > li:nth-child(3n):after,
	.TaskWrap .IndustryList > li:nth-child(3n):after,
	.TaskWrap .TaskList > li:nth-child(3n):after {
		opacity: 1;
	}
}
@media screen and (max-width: 767px) {
	.IndustryWrap .IndustryList > li,
	.IndustryWrap .TaskList > li,
	.TaskWrap .IndustryList > li,
	.TaskWrap .TaskList > li {
		position:relative;
		flex-wrap: wrap;
		width: 25%; 
		height: auto;
	}
}
.IndustryWrap .IndustryList > li.active:before, .IndustryWrap .IndustryList > li.active:after,
.IndustryWrap .TaskList > li.active:before,
.IndustryWrap .TaskList > li.active:after,
.TaskWrap .IndustryList > li.active:before,
.TaskWrap .IndustryList > li.active:after,
.TaskWrap .TaskList > li.active:before,
.TaskWrap .TaskList > li.active:after {
	opacity: 0;
}
.IndustryWrap .IndustryList > li.active + li:before,
.IndustryWrap .TaskList > li.active + li:before,
.TaskWrap .IndustryList > li.active + li:before,
.TaskWrap .TaskList > li.active + li:before {
	opacity: 0;
}
.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight,
.IndustryWrap .TaskList .AccordionTrigger.AutoHeight,
.TaskWrap .IndustryList .AccordionTrigger.AutoHeight,
.TaskWrap .TaskList .AccordionTrigger.AutoHeight {
	/*border: 1px solid #ddd;*/
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	display: flex;
	position: relative;
	/*padding: 145px 10px 15px;*/
	padding: 10px;
	color: #4D4D4D;
	/*font-size:132%;*/
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	justify-content: center;
	align-items: center;
	line-height: 23px;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight:after,
.IndustryWrap .TaskList .AccordionTrigger.AutoHeight:before,
.IndustryWrap .TaskList .AccordionTrigger.AutoHeight:after,
.TaskWrap .IndustryList .AccordionTrigger.AutoHeight:before,
.TaskWrap .IndustryList .AccordionTrigger.AutoHeight:after,
.TaskWrap .TaskList .AccordionTrigger.AutoHeight:before,
.TaskWrap .TaskList .AccordionTrigger.AutoHeight:after {
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	width: 100%;
	height: 85px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 200%;
	/*-moz-transform: translate(50%,-60%);
	-ms-transform: translate(50%,-60%);
	-webkit-transform: translate(50%,-60%);
	transform: translate(50%,-60%);*/
	/*-moz-transform: translate(50%,-70%) scale(0.8);
	-ms-transform: translate(50%,-70%) scale(0.8);
	-webkit-transform: translate(50%,-70%) scale(0.8);
	transform: translate(50%,-70%) scale(0.8);*/
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight:after,
.IndustryWrap .TaskList .AccordionTrigger.AutoHeight:after,
.TaskWrap .IndustryList .AccordionTrigger.AutoHeight:after,
.TaskWrap .TaskList .AccordionTrigger.AutoHeight:after {
	background-position: center bottom;
	opacity: 0;
}
.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight.active,
.IndustryWrap .TaskList .AccordionTrigger.AutoHeight.active,
.TaskWrap .IndustryList .AccordionTrigger.AutoHeight.active,
.TaskWrap .TaskList .AccordionTrigger.AutoHeight.active {
	/*border: 1px solid #333;*/
	border-color: #333;
	color: #fff;
	background-color: #333;
}
.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight.active:before,
.IndustryWrap .TaskList .AccordionTrigger.AutoHeight.active:before,
.TaskWrap .IndustryList .AccordionTrigger.AutoHeight.active:before,
.TaskWrap .TaskList .AccordionTrigger.AutoHeight.active:before {
	opacity: 0;
}
.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight.active:after,
.IndustryWrap .TaskList .AccordionTrigger.AutoHeight.active:after,
.TaskWrap .IndustryList .AccordionTrigger.AutoHeight.active:after,
.TaskWrap .TaskList .AccordionTrigger.AutoHeight.active:after {
	opacity: 1;
}
.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight span {
	display: inline-block;
	margin-top: 90px;
}
@media screen and (max-width: 767px) {
	.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight{
		font-size: 75%;
		padding: 8px 5px;
	}
	.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight span{
		display: inline-block;
		margin-top: 70px;
		line-height: 1.0;
	}
	/*.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight:before,
	.IndustryWrap .IndustryList .AccordionTrigger.AutoHeight:after,
	.IndustryWrap .TaskList .AccordionTrigger.AutoHeight:before,
	.IndustryWrap .TaskList .AccordionTrigger.AutoHeight:after,
	.TaskWrap .IndustryList .AccordionTrigger.AutoHeight:before,
	.TaskWrap .IndustryList .AccordionTrigger.AutoHeight:after,
	.TaskWrap .TaskList .AccordionTrigger.AutoHeight:before,
	.TaskWrap .TaskList .AccordionTrigger.AutoHeight:after {
		-moz-transform: translate(50%,-70%) scale(1);
		-ms-transform: translate(50%,-70%) scale(1);
		-webkit-transform: translate(50%,-70%) scale(1);
		transform: translate(50%,-70%) scale(1);
	}*/
}
.IndustryWrap {
	padding: 80px 0 85px;
	background: #EBEBE8;
}
.IndustryWrap .IndustryList > li.Industry01 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry01 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_01.svg);
}
.IndustryWrap .IndustryList > li.Industry02 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry02 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_02.svg);
}
.IndustryWrap .IndustryList > li.Industry03 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry03 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_03.svg);
}
.IndustryWrap .IndustryList > li.Industry04 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry04 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_04.svg);
}
.IndustryWrap .IndustryList > li.Industry05 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry05 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_05.svg);
}
.IndustryWrap .IndustryList > li.Industry06 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry06 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_06.svg);
}
.IndustryWrap .IndustryList > li.Industry07 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry07 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_07.svg);
}
.IndustryWrap .IndustryList > li.Industry08 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry08 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_08.svg);
}
.IndustryWrap .IndustryList > li.Industry09 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry09 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_09.svg);
}
.IndustryWrap .IndustryList > li.Industry10 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry10 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_10.svg);
}
.IndustryWrap .IndustryList > li.Industry11 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry11 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_11.svg);
}
.IndustryWrap .IndustryList > li.Industry12 .AccordionTrigger.AutoHeight:before,
.IndustryWrap .IndustryList > li.Industry12 .AccordionTrigger.AutoHeight:after {
	background-image: url(/image/hitle/lineup/engineering/icon_industry_12.svg);
}
/*.IndustryWrap .IndustryList > li.Industry01 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_01.png); }
.IndustryWrap .IndustryList > li.Industry01 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_01_on.png); }
.IndustryWrap .IndustryList > li.Industry02 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_02.png); }
.IndustryWrap .IndustryList > li.Industry02 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_02_on.png); }
.IndustryWrap .IndustryList > li.Industry03 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_03.png); }
.IndustryWrap .IndustryList > li.Industry03 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_03_on.png); }
.IndustryWrap .IndustryList > li.Industry04 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_04.png); }
.IndustryWrap .IndustryList > li.Industry04 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_04_on.png); }
.IndustryWrap .IndustryList > li.Industry05 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_05.png); }
.IndustryWrap .IndustryList > li.Industry05 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_05_on.png); }
.IndustryWrap .IndustryList > li.Industry06 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_06.png); }
.IndustryWrap .IndustryList > li.Industry06 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_06_on.png); }
.IndustryWrap .IndustryList > li.Industry07 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_07.png); }
.IndustryWrap .IndustryList > li.Industry07 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_07_on.png); }
.IndustryWrap .IndustryList > li.Industry08 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_08.png); }
.IndustryWrap .IndustryList > li.Industry08 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_08_on.png); }
.IndustryWrap .IndustryList > li.Industry09 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_09.png); }
.IndustryWrap .IndustryList > li.Industry09 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_09_on.png); }
.IndustryWrap .IndustryList > li.Industry10 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_10.png); }
.IndustryWrap .IndustryList > li.Industry10 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_10_on.png); }
.IndustryWrap .IndustryList > li.Industry11 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_11.png); }
.IndustryWrap .IndustryList > li.Industry11 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_11_on.png); }
.IndustryWrap .IndustryList > li.Industry12 .AccordionTrigger.AutoHeight:before {
	content: url(/image/hitle/lineup/engineering/icon_industry_12.png); }
.IndustryWrap .IndustryList > li.Industry12 .AccordionTrigger.AutoHeight:after {
	content: url(/image/hitle/lineup/engineering/icon_industry_12_on.png); }*/
@media screen and (max-width: 767px) {
	.IndustryWrap {
		padding: 50px 0;
		background: #EBEBE8;
	}
	.IndustryWrap .IndustryList > li .AccordionTrigger.AutoHeight:before,
	.IndustryWrap .IndustryList > li .AccordionTrigger.AutoHeight:after {
		/*width: 50px;*/
		height: 60px;
	}
	/*.IndustryWrap .IndustryList > li.Industry01 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_01_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry01 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_01_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry02 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_02_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry02 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_02_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry03 .AccordionTrigger.AutoHeight:before {
		width: 30px;
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_03_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry03 .AccordionTrigger.AutoHeight:after {
		width: 30px;
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_03_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry04 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_04_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry04 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_04_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry05 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_05_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry05 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_05_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry06 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_06_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry06 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_06_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry07 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_07_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry07 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_07_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry08 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_08_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry08 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_08_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry09 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_09_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry09 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_09_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry10 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_10_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		}
	.IndustryWrap .IndustryList > li.Industry10 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_10_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		}
	.IndustryWrap .IndustryList > li.Industry11 .AccordionTrigger.AutoHeight:before {
		width: 40px;
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_11_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry11 .AccordionTrigger.AutoHeight:after {
		width: 40px;
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_11_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.IndustryWrap .IndustryList > li.Industry12 .AccordionTrigger.AutoHeight:before {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_12_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		}
	.IndustryWrap .IndustryList > li.Industry12 .AccordionTrigger.AutoHeight:after {
		content: '';
		background: url(/image/hitle/lineup/engineering/icon_industry_12_on_sp.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}*/
}
@media screen and (min-width: 768px) {
	html.PC #BrandingImageWrap .BtnBlock a {
		-webkit-transition: box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}
	html.PC #BrandingImageWrap .BtnBlock a span {
		-webkit-transition: background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}
	html.PC #BrandingImageWrap .BtnBlock a:hover {
		-moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.18);
		-webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.18);
		box-shadow: 0 0px 20px rgba(0, 0, 0, 0.18);
	}
	html.PC #BrandingImageWrap .BtnBlock a:hover span {
		background: url(/products/infrastructure/portal/industry/image/top/arw_red_right.png) no-repeat 5px center #fff;
	}
	html.PC #BrandingImageControl .Btn {
		-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}
		html.PC #BrandingImageControl .Btn:hover {
		opacity: 0.7;
	}
	html.PC #BrandingImageNavPlay {
		-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
		html.PC #BrandingImageNavPlay:hover {
		opacity: 0.7;
	}
	html.PC .FieldWrap .FieldList .AccordionTrigger:hover .ImageBlock .ImageBox {
		-moz-transform: translate(50%, -50%) scale(1.1);
		-ms-transform: translate(50%, -50%) scale(1.1);
		-webkit-transform: translate(50%, -50%) scale(1.1);
		transform: translate(50%, -50%) scale(1.1);
	}
	html.PC #Contents .Accordion a:hover {
		text-decoration: underline;
	}
	html.PC .IndustryWrap .IndustryList > li:hover:before, html.PC .IndustryWrap .IndustryList > li:hover:after,
	html.PC .IndustryWrap .TaskList > li:hover:before,
	html.PC .IndustryWrap .TaskList > li:hover:after,
	html.PC .TaskWrap .IndustryList > li:hover:before,
	html.PC .TaskWrap .IndustryList > li:hover:after,
	html.PC .TaskWrap .TaskList > li:hover:before,
	html.PC .TaskWrap .TaskList > li:hover:after {
		opacity: 0;
	}
	html.PC .IndustryWrap .IndustryList > li:hover + li:before,
	html.PC .IndustryWrap .TaskList > li:hover + li:before,
	html.PC .TaskWrap .IndustryList > li:hover + li:before,
	html.PC .TaskWrap .TaskList > li:hover + li:before {
		opacity: 0;
	}
	html.PC .IndustryWrap .IndustryList .AccordionTrigger.AutoHeight:not(.active):hover,
	html.PC .IndustryWrap .TaskList .AccordionTrigger.AutoHeight:not(.active):hover,
	html.PC .TaskWrap .IndustryList .AccordionTrigger.AutoHeight:not(.active):hover,
	html.PC .TaskWrap .TaskList .AccordionTrigger.AutoHeight:not(.active):hover {
		color: #fff;
		background-color: #666;
	}
	html.PC .IndustryWrap .IndustryList .AccordionTrigger.AutoHeight:not(.active):hover:before,
	html.PC .IndustryWrap .TaskList .AccordionTrigger.AutoHeight:not(.active):hover:before,
	html.PC .TaskWrap .IndustryList .AccordionTrigger.AutoHeight:not(.active):hover:before,
	html.PC .TaskWrap .TaskList .AccordionTrigger.AutoHeight:not(.active):hover:before {
		opacity: 0;
	}
	html.PC .IndustryWrap .IndustryList .AccordionTrigger.AutoHeight:not(.active):hover:after,
	html.PC .IndustryWrap .TaskList .AccordionTrigger.AutoHeight:not(.active):hover:after,
	html.PC .TaskWrap .IndustryList .AccordionTrigger.AutoHeight:not(.active):hover:after,
	html.PC .TaskWrap .TaskList .AccordionTrigger.AutoHeight:not(.active):hover:after {
		opacity: 1;
	}
	html.PC .CaseWrap .CaseList a {
		display: block;
		height: 100%;
		text-decoration: none;
	}
	html.PC .CaseWrap .CaseList a:hover .ImageBlock .ImageBox {
		-moz-transform: translate(50%, -50%) scale(1.1);
		-ms-transform: translate(50%, -50%) scale(1.1);
		-webkit-transform: translate(50%, -50%) scale(1.1);
		transform: translate(50%, -50%) scale(1.1);
	}
	html.PC .CaseWrap .CaseList .ImageBlock .ImageBox {
		-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}
	html.PC #TopicsSliderWrap #TopicsControl .AutoPlay,
	html.PC #TopicsSliderWrap #TopicsControl .Btn {
		-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}
	html.PC #TopicsSliderWrap #TopicsControl .AutoPlay:hover,
	html.PC #TopicsSliderWrap #TopicsControl .Btn:hover {
		opacity: 0.7;
	}
	html.PC #TopicsSliderWrap #TopicsSlider a:hover .ImageBlock img {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
	html.PC #TopicsSliderWrap #TopicsSlider .ImageBlock img {
		-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}
		html.PC .LinkWrap .LinkList a:hover .ImageBlock {
		opacity: 0.5;
	}
		html.PC .LinkWrap .LinkList .ImageBlock {
		-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	}
}
/* commonn.css インダストリー分追加 */
#Contents {
	min-width: auto;
	overflow: hidden;
}
#Contents * {
	box-sizing: border-box;
	max-height: 999999px;
}
		
/* Contents */
@media screen and (max-width: 994px) {
	.JS #Contents {
		padding: 0!important;
	}
	.JS #Contents .ContentInner {
		max-width: none;
		padding-left: 15px;
		padding-right: 15px;
	}
}
/*@media screen and (max-width: 1304px) {
	.OptionWideRWD #Contents {
		padding-left: 0;
		padding-right: 0;
	}
	#Contents .ContentInner {
		padding-left: 15px;
		padding-right: 15px;
	}
}*/
#FloatBtnStopper {
	position: relative;
	height: 70px;
}
@media screen and (max-width: 767px) {
	#FloatBtnStopper {
		height: 40px;
	}
}
#FloatBtnWrap {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	opacity: 0;
	z-index: 10;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
#FloatBtnWrap.narrow {
	-webkit-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
#FloatBtnWrap.visible {
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
#FloatBtnWrap .PageTopBtn {
	position: absolute;
	top: 0;
	right: 50%;
	-moz-transform: translateX(475px);
	-ms-transform: translateX(475px);
	-webkit-transform: translateX(475px);
	transform: translateX(475px);
}
#FloatBtnWrap.visible .PageTopBtn {
	top: -70px;
}
#FloatBtnWrap .PageTopBtn img {
	width: 50px;
}
/*@media screen and (min-width: 1305px) {
	#FloatBtnWrap .PageTopBtn {
		right: 50%;
		-moz-transform: translateX(630px);
		-ms-transform: translateX(630px);
		-webkit-transform: translateX(630px);
		transform: translateX(630px);
	}
}
@media screen and (max-width: 1304px) {
	#FloatBtnWrap .PageTopBtn {
		right: 40px;
	}
}*/
@media screen and (max-width: 994px) {
	#FloatBtnWrap .PageTopBtn {
		right: 22.5px;
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@media screen and (max-width: 767px) {
	#FloatBtnWrap .PageTopBtn {
		right: 20px;
	}
}

#FloatBtnWrap .ContactBlock a {
	position: relative;

}
#FloatBtnWrap .ContactBlock a::before {
	/* position: absolute; */
	content: '';
	display: inline-block;
	width: 20px;
	/*height: 22px;*/
	height: 17px;
	margin-right: 10px;
	vertical-align: middle;
}
#FloatBtnWrap .ContactBlock a.MailBlock:before {
	top: 7px;
	left: 86px;
	background-image: url('/image/hitle/lineup/engineering/icon_contact01.png');
	background-repeat: no-repeat;

}
@media screen and (max-width: 767px) {
	#FloatBtnWrap.visible .PageTopBtn {
		top: -65px;
	}
	/*#FloatBtnWrap .ContactBlock a:before {
		position: absolute;
		content: '';
		display: inline-block;
		width: 20px;
		height: 20px;
	}*/
	#FloatBtnWrap .ContactBlock a.MailBlock:before {
		/*top: 6px;
		left: 84px;*/
		background-image: url('/image/hitle/lineup/engineering/icon_contact01_sp.png');
		background-size: contain;
	}
}
#FloatBtnWrap.static {
	position: absolute;
}
#FloatBtnWrap.static .ContactBlock {
	width: 100%;
	height: 50px;
	background: #3d3d3d;
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

#FloatBtnWrap .ContactBlock {
	display: flex;
	width: 100%;
	height: 50px;
	align-items: center;
	justify-content: center;
	background: rgba(60, 60, 60, 0.8);
	-webkit-transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; 
}
#FloatBtnWrap .ContactBlock a {
	display: block;
	width: 310px;
	max-width: calc(100% - 20px);
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background: #e60127;
	border: 1px solid #fff;
	text-decoration: none;
	color: #fff;
	/*padding: 2px 0 2px 20px;*/
	padding: 3px 15px 1px 5px;
	margin: 0 10px;
	-webkit-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition:  0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; 
}
#FloatBtnWrap .ContactBlock a:hover {
	opacity:0.7;
}
#FloatBtnWrap .ContactBlock a img{
	display: inline-block;
	margin: 5px 8px 0 0;
}
#FloatBtnWrap .ContactBlock .FormBlock img{
	margin-top: 4px;	
}
@media screen and (max-width: 767px) {
	#FloatBtnWrap .ContactBlock {
		display: block;
		height: 50px;
		padding: 10px 0;
	}
	#FloatBtnWrap.static .ContactBlock {
		display: block;
		height: 50px;
	}
	#FloatBtnWrap .ContactBlock a {
		margin: 0 auto 12px;
	}
	#FloatBtnWrap .ContactBlock a:last-of-type {
		margin-bottom: 0;
	}
}
#FloatBtnWrap .ContactBlock .ContactBtn {
	display: flex;
	width: 292px;
	height: 43px;
	color: #fff;
	font-size: 138%;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border: 1px solid #fff;
	background: #E30027;
}
@media screen and (max-width: 767px) {
	#FloatBtnWrap .ContactBlock .ContactBtn {
		height: 30px;
		font-size: 113%;
	}
}
@media screen and (max-width: 767px) {
	#FloatBtnWrap .ContactBlock .ContactBtn span {
		padding-left: 30px;
		background-size: 15px;
	}
}
html.PC #FloatBtnWrap a {
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
html.PC #FloatBtnWrap a:hover {
	opacity: 0.7; 
}

/* ---Link Box（202504追加：バナーリンクより変更）--- */
.LinkBoxArea {
	display: flex;
	flex-wrap: wrap;
	margin-left: -16px;
}

.LinkBox {
	position: relative;
	width: calc(50% - 16px);
	margin: 50px 0 0 16px;
	padding-bottom: 20px;
	color: #ffffff;
	background-color: #333333;
}

#Contents .LinkBox h2 {
	margin-bottom: 30px;
	padding: 20px 15px;
	line-height: 130%;
}
#Contents .LinkBox  h2:after {
	width: 70px;
	right: 100%;
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.LinkBox .Inner {
	display: flex;
	flex-wrap: wrap;
}
.LinkBox.Service .Inner {
	flex-direction: row-reverse;
}

.LinkBox .Img {
	width: 50%;
	height: 230px;
}
.LinkBox.Service .Img {
	padding-left: 1.39%;
}
.LinkBox.Strength .Img {
	padding-right: 1.39%;
}

#Contents .LinkBox .Img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.LinkBox .Txt {
	width: 50%;
	padding: 0 15px 60px;
}

.LinkBox .Txt .CatchCopy {
	margin-bottom: 0;
}

.LinkBox .ButtonStyle1 {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 10px;
	margin-right: 15px;
}
.LinkBox.Service .ButtonStyle1 {
	right: 50%;
}

.LinkBox .ButtonStyle1 a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 100%;
	font-weight: bold;
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif);
	border-radius: 4px;
}

/* ---検索機能用CSS--- */
/*--- Page Title (h1) ---*/
#usecaseTitle {
	background-color: #333333;
}

#usecaseTitle .PageTitleStyle1 {
	max-width: 965px;
	margin: 0 auto;
	text-align: center;
	padding: 25px;
}

#usecaseTitle .PageTitleStyle1 h1 {
	margin-bottom: 10px;
	font-size: 185%;
	font-weight: normal;
	color: #ffffff;
}

#usecaseTitle .PageTitleStyle1 .SubTitle {
	line-height: 150%;
	font-size: 125%;
	color: #ffffff;
}

/*--- Slide Show (Customer Stories) ---*/
#SlideArea {
	position: relative;
	width :100%;
}

#SlideArea .TextBg {
	position: absolute;
	top: 53px;
	left: 0;
	width: calc(50% - 482px);
	height: 280px;
	background-color: #545769;
	opacity: 0.8;
}

#SlideShow {
	position: relative;
	max-width: 965px;
	margin: 0 auto 30px;
	overflow: hidden;
}

#SlidePanel {
	width: 1000%;
	height: 100%;
}

#SlidePanel li {
	position: relative;
	width: 10%;
	height: 100%;
	float: left;
}

#SlidePanel li img {
	width: 100%;
	height: auto;
}

#SlidePanel li .TextArea {
	position: absolute;
	top: 53px;
	left: 0;
	width: 430px;
	height: 280px;
	padding: 50px 30px 5px 75px;
	overflow: hidden;
	color: #ffffff;
	background-color: #545769;
	opacity: 0.8;
	box-sizing: border-box;
}

#SlidePanel li .TextArea .ReadText {
	margin: 15px 0;
	font-size: 125%;
	line-height: 150%;
}

#SlidePanel li .TextArea .Customer {
	font-size: 105%;
	line-height: 100%;
}

#BeforeButton,
#NextButton {
	position: absolute;
	height: 0;
	top: calc(50% - 21px);
	z-index: 100;
}
#BeforeButton { left: 0; }
#NextButton { right: 0; }

#SlideShow #IndicatorPanel {
	display: inline-block;
	position: absolute;
	left: calc(50% - 70px);
	bottom: 38px;
	height: 0;
	z-index: 100;
}

#SlideShow #IndicatorPanel a {
	display: inline-block;
	height: 18px;
	padding: 5px 5px 3px;
}

#SlideShow #IndicatorPanel a.Spacer {
	cursor: default;
}

/*--- Contents Area ---*/
.ContentsArea {
	background-color: #f5f5f5;
}
.ContentsArea.Solution {
	background-color: transparent;
}
.ContentsArea.Solution #usecaseReading {
	padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
	.ContentsArea.Solution #usecaseReading {
		padding-bottom: 66px;
	}
}
/* 検索機能ハイライトマーカー */
.ContentsArea .marker {
	background: #ffa700;
}
/*.SearchArea {
	width: 1000px;
	margin:0 auto;
}
@media screen and (max-width: 1100px) {
	.SearchArea {
		width: 100%;
	}
}*/

.FilteringTitle {
	display: block;
	width: auto;
	height: auto;
	padding: 8px 0;
	margin-top: 30px;
	color: #ffffff;
	filter: alpha(opacity=95);
	-ms-filter: "alpha(opacity=95)";
	opacity: 0.95;
}
.FilteringTitle h2 {
	display: block;
	float: left;
	margin: 0;
	padding: 3px 0 0 55px;
	text-align: left;
	font-size: 130%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 32px auto;
}

.FilteringTitle .ButtonStyle1 {
	float: right;
	display: block;
	width: 130px;
	text-align: center;
}

.FilteringTitle .ButtonStyle1 a {
	margin-bottom: 0;
	background-image: none;
	font-size: 90%;
	padding: 9px 10px 7px 10px;
	border-right-style: none;
}

.Solution .FilteringTitle .ButtonStyle1 a {
	color: #333;
	background: #fff;
	border:1px solid #ccc;
	padding: 9px;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.Solution .FilteringTitle .ButtonStyle1 a:hover,
.Solution .FilteringTitle .ButtonStyle1 a:active {
	color: #fff;
	background-color: #E60127;
}

.FilteringButton {
	text-align: center;
	padding: 14px 10px 10px 20px;
	border-top: 3px solid #000;
	background: #333333;
	cursor: pointer;
	position: relative;
}

.FilteringButton h3 {
	display: inline-block;
	margin: 0 auto;
	color: #ffffff;
	font-size: 115%;
}

.FilteringButton a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
	z-index: 1;
}

.FilteringButton  ul {
	position: absolute;
	top: 18px;
	right: 20px;
	transform: translateX(-5px);

}

.FilteringButton  ul li {
	line-height: 100%;

}
.FilteringButton  ul img {
	display: inline-block;
	width: 30px;
	height: 16px;
}

/*.FilteringPanel {
	background-color: #e6e6e6;
	box-sizing: border-box;
	filter: alpha(opacity=95);
	-ms-filter: "alpha(opacity=95)";
	opacity: 0.95;
}*/

.FreeWordArea {
	/*background: #333;
	display: table;
	width: 100%;
	height: 55px;
	box-sizing: border-box;*/
	/* 202504改訂 */
	margin: 45px 0 60px;
}

.FreeWordArea .FreeWord {
	/*display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	width: 100%;
	letter-spacing: -1em;
	border-left: 1px solid #666;
	margin: 0 auto;*/
}
.FreeWordArea .FreeWord #SearchForm {
	/*width: 640px;*/
	margin: 0 auto;
	/* 202504改訂 */
	display: flex;
	width: 740px;
	max-width: 100%;
}
input#Keywords {
	-webkit-appearance: none;
	/*height: 36px;
	width: calc(100% - 140px);
	padding: 0.3em;*/
	font-size: 90%;
	letter-spacing: normal;
	background-color: #ffffff;
	/*border: 2px solid #cccccc;
	border-right-style: none;*/
	box-sizing: border-box;
	/* 202504改訂 */
	width: calc(100% - 125px);
	min-height: 45px;
	padding: 5px 10px 5px 55px;
	background: url(/images/index/bg_search_input.png) no-repeat center left 10px;
	background-size: 33px auto;
	border: 1px solid #a8acad;
	border-radius: 6px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif!important;
}

/*input#Keywords:placeholder-shown {
	-webkit-appearance: none;
	background-image: url('/image/hitle/lineup/engineering/icon_search.png');
	background-repeat: no-repeat;
	background-position: 8px center;
	font-size: 113%;
	padding-left: 26px;
}
input#Keywords:-webkit-input-placeholder {
	-webkit-appearance: none;
	background-image: url('/image/hitle/lineup/engineering/icon_search.png');
	background-repeat: no-repeat;
	background-position: 8px center;
	font-size: 113%;
	padding-left: 26px;
}
input#Keywords:-moz-placeholder{
	-webkit-appearance: none;
	background-image: url('/image/hitle/lineup/engineering/icon_search.png');
	background-repeat: no-repeat;
	background-position: 8px center;
	font-size: 113%;
	padding-left: 26px;
}

input#Keywords:-ms-input-placeholder {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif!important;
	box-sizing: border-box;
	-webkit-appearance: none;
	background-image: url('/image/hitle/lineup/engineering/icon_search.png');
	background-repeat: no-repeat;
	background-position: 8px center;
	font-size: 113%;
	padding-left: 26px;
	line-height: 24px;

}*/
input#SearchBtn {
	-webkit-appearance: none;
	width:110px;
	/*height: 2.5em;
	padding: 0.3em 0;
	margin-left: 20px;*/
	line-height: 100%;
	text-align: center;
	vertical-align: top;
	color: #ffffff;
	/*font-size: 90%;*/
	letter-spacing: normal;
	cursor: pointer;
	/* 202504改訂 */
	min-height: 45px;
	margin-left: 15px;
	padding: 5px;
	font-size: 100%;
	background: #e60027;
	border-style: none;
	border-radius: 6px;
}
/*@media screen and (max-width: 767px) {
	.FreeWordArea .FreeWord {
		width: 100%;
	}
	.FreeWordArea .FreeWord #SearchForm {
		width: 100%;
		margin: 0 auto;
	}
	input#Keywords {
		width: calc(100% - 80px);
	}
	input#SearchBtn {
		width:70px;
		margin-left: 10px;
	}
}*/
.Solution input#SearchBtn {
	background-color: #E60127;
	border: none;

}
.Solution input#SearchBtn:hover,
.Solution input#SearchBtn:active {
	background-color: #b1000e;
	border: none;

}
.FilteringArea {
	/*display: none;
	padding: 30px 24px;
	padding: 25px 20px;*/
	/* 202504改訂 */
	padding: 0 0 30px;
}

.FilteringArea h3 {
	margin-bottom: 15px;
}

.FilteringArea h3 .Label {
	display: inline-flex;
	margin-right: 10px;
	padding-top: 0.125em;
	font-weight: bold;
	color: #757575;
	vertical-align: middle;
}

.FilteringArea h3 .Title {
	display: inline-flex;
	align-items: center;
	min-height: 1.5em;
	padding: 0.1em 0 0 15px;
	font-size: 125%;
	font-weight: bold;
	color: #333333;
	border-left: 1px solid #a8acad;
	vertical-align: middle;
}


.FilteringArea .Legend {
	display: table-cell;
	width: 135px;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 115%;
}

.FilteringArea .CheckBoxArea {
	/*display: block;*/
	/* 202504改訂 */
	display: flex;
	flex-wrap: wrap;
}
.FilteringArea .CheckBoxArea h4 {
	/*margin-top: 20px;*/
	/* 202504改訂 */
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15%;
	padding: 5px 15px;
	line-height: 130%;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
}
.FilteringArea#technology div.CheckBoxArea:nth-of-type(2n+1) h4 {
	background-color: #f1f1f1;
}
.FilteringArea#technology div.CheckBoxArea:nth-of-type(2n) h4 {
	background-color: #ffffff;
}
/*.FilteringArea .CheckBoxArea:first-child h4 {
	margin-top: 0;
}*/

.FilteringArea .CheckAreaList {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 15px 0 0 15px;
	background-color: #f1f1f1;
}
.FilteringArea#technology .CheckAreaList {
	width: 85%;
	padding-left: 0;
}
.FilteringArea#technology div.CheckBoxArea:nth-of-type(2n) .CheckAreaList {
	background-color: #ffffff;
}

.FilteringArea .CheckBoxArea .CheckArea {
	/*background: #ffffff;*/
	position: relative;
	/*display: table;
	float: left;
	width: 20%;
	height: 48px;
	height: 3.333em;*/
	letter-spacing: normal;
	font-size: 90%;
	color: #333;
	/*border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666; 
	box-sizing: border-box;
	border-collapse: collapse;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;*/
	/* 202504改訂 */
	display: flex;
	width: calc(100% / 7);
	padding: 0 15px 15px 0;
}
.FilteringArea#technology .CheckBoxArea .CheckArea {
	width: calc(100% / 6);
	max-width: 180px;
}

/*.FilteringArea .CheckBoxArea .CheckArea.RightBorder {
	border-right: 1px solid #666;
}
.FilteringArea .CheckBoxArea .CheckArea.LessBorder {
	border-top: none;
}
.FilteringArea .CheckBoxArea .CheckArea.wAdjust {
	position: relative;
	border-right: none!important;
}
.FilteringArea .CheckBoxArea .CheckArea.wAdjust:after {
	content: "";
	position: absolute;
	width: 1px;
	height: calc(100% + 1px);
	top: 0;
	right: -1px;
	background: #666;
}

.FilteringArea .CheckBoxArea .CheckArea:last-of-type{
	border-right: 1px solid #666;
}*/

.FilteringArea input {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	opacity: 0;
	cursor: pointer;
}

.FilteringArea label {
	width: 100%;
	/*display: table-cell;
	vertical-align: middle;*/
	text-align: center;
	/*padding: 0;*/
	padding: 2px 2px 0;
	/*line-height: 130%;*/
	cursor: pointer;
	/* 202504改訂 */
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	min-height: 48px;
	line-height: 110%;
	background-color: #ffffff;
	border-radius: 6px;
	border: 1px solid #c7c7c7;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
/*.FilteringArea .CheckBoxArea .CheckArea:hover,.Solution .FilteringArea input:checked + label {
	background-color: #e60127;
	color: #fff;
}
.FilteringArea input + label {
	background-color: inherit;
}*/

.PC .FilteringArea label:hover,
.PC .FilteringArea label:active,
.FilteringArea input:checked + label {
	font-weight: bold;
	color: #ffffff;
	background-color: #e60027;
	border-color: #e60027;
}
.FilteringArea input:focus-visible + label {
	box-shadow: 2px 0 0 #000, 0 2px 0 #000, -2px 0 0 #000, 0 -2px 0 #000;
}

.FilteringResult {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

p.CaseCount {
	color: #333;
	/*width: 1000px;*/
	display: none;
	text-align: right;
	font-weight: bold;
	font-size: 125%;
	line-height: 120%;
	padding-right: 10px;
	/*margin:  0 auto 15px;*/
	/* 202504改訂 */
	margin: 0 5px 25px 0;
}
p.CaseCount.firstCount {
	display: inline-block;
	float  :right;
	width: calc(100% - 130px);
	height: 38px;
	line-height: 38px;
	padding-right: 30px;
	margin-bottom: 0;
}
/*@media screen and (max-width: 1100px) {
	p.CaseCount {
		width: 96%;
	}
}*/

.FilteringResult #reset_button {
	display: inline-block;
	margin-bottom: 30px;
	padding: 8px 20px 6px;
	font-size: 125%;
	font-weight: bold;
	background-image: none;
	background-color: #333333;
	border-style: none;
	border-radius: 50px;
}
.FilteringResult #reset_button:hover,
.FilteringResult #reset_button:active {
	background-color: #000000;
}

/* 「もっと見る」ボタン追加：2025/04 */
.ButtonStyle1#MoreBtn {
	display: none;
}

.ButtonStyle1#MoreBtn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-width: auto;
	min-height: 50px;
	padding: 5px 15px;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	background-color: #f2f2f2;
	background-image: none;
	border-right-style: none;
}
.ButtonStyle1#MoreBtn a:hover,
.ButtonStyle1#MoreBtn a:active {
	background-color: #e5e5e5;
}
.ButtonStyle1#MoreBtn a:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 8px 15px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
}

@media screen and (max-width: 994px) {
	/* 202504改訂 */
	.JS .FilteringArea .CheckAreaList {
		padding-right: 10px;
		padding-bottom: 10px;
	}
	.JS .FilteringArea#technology .CheckAreaList {
		width: 100%;
		padding-left: 15px;
		padding-top: 0;
	}

	.JS .FilteringArea .CheckBoxArea .CheckArea {
		padding-right: 5px;
		padding-bottom: 5px;
	}

	.JS .FilteringArea .CheckBoxArea h4 {
		justify-content: flex-start;
		width: 100%;
		padding-top: 15px;
	}
}

@media screen and (max-width: 767px) {
	/*.FilteringArea {
		padding: 30px 16px;
		padding: 25px 15px;
	}
	.FilteringArea .CheckBoxArea .CheckArea {
		height: 4em;
		font-size: 75%;
	}
	p.CaseCount {
		font-size: 113%;
	}
	p.CaseCount.firstCount {
		font-size: 94%;
		float: left;
		text-align: left;
		padding-right: 0;
		padding-left: 4px;
	}*/

	/* 202504改訂 */
	.JS .SearchArea {
		padding-bottom: 0;
	}

	.JS .FreeWordArea {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.JS .FilteringArea .CheckBoxArea {
		margin-left: -15px;
		margin-right: -15px;
	}

	.JS .FilteringArea .CheckBoxArea .CheckArea {
		width: calc(100% / 4);
	}
	.JS .FilteringArea#technology .CheckBoxArea .CheckArea {
		width: calc(100% / 4);
		max-width: none;
	}
}
@media screen and (max-width: 579px) {
	.FilteringArea .CheckBoxArea .CheckArea.RightBorder {
		border-right: none;
	}
	.FilteringArea .CheckBoxArea .CheckArea.RightBorderM {
		border-right: 1px solid #666;
	}
	.FilteringArea .CheckBoxArea .CheckArea.LessBorderM {
		border-top: none;
	}
	.FilteringArea .CheckBoxArea .CheckArea.wAdjust:after {
			right: 0px;
	}
	.FilteringArea .CheckBoxArea .CheckArea.wAdjustM {
		position: relative;
		border-right: none!important;
	}
	.FilteringArea .CheckBoxArea .CheckArea.wAdjustM:after {
		content: "";
		position: absolute;
		width: 1px;
		height: calc(100% + 1px);
		top: 0;
		right: -1px;
		background: #666;
	}

	/* 202504改訂 */
	.JS .FilteringArea .CheckBoxArea .CheckArea,
	.JS .FilteringArea#technology .CheckBoxArea .CheckArea {
		width: calc(100% / 3);
	}
}
@media screen and (max-width: 399px) {
	.FilteringArea .CheckBoxArea .CheckArea.RightBorderM {
		border-right:none;
	}
	.FilteringArea .CheckBoxArea .CheckArea.RightBorderS {
		border-right: 1px solid #666;

	}
	.FilteringArea .CheckBoxArea .CheckArea.LessBorderS {
		border-top: none;
	}
	.FilteringArea .CheckBoxArea .CheckArea.wAdjustM:after {
		right: 0px;
	}
	.FilteringArea .CheckBoxArea .CheckArea.wAdjustS {
		position: relative;
		border-right: none!important;
	}
	.FilteringArea .CheckBoxArea .CheckArea.wAdjustS:after {
			content: "";
			position: absolute;
			width: 1px;
			height: calc(100% + 1px);
			top: 0;
			right: -1px;
			background: #666;
	}

	/* 202504改訂 */
	.JS .FilteringArea .CheckBoxArea .CheckArea,
	.JS .FilteringArea#technology .CheckBoxArea .CheckArea {
		width: calc(100% / 2);
	}
}

/*--- Result List ---*/
/*#usecaseReading #usecaseList {
	margin-left: -15px;
	padding-bottom: 25px;
}*/
.Solution #usecaseReading #usecaseList {
	/*width: 1000px;*/
	display: flex;
	flex-wrap: wrap;
	/*margin: 0 auto 20px;
	padding-bottom: 0;*/
	margin: 0 0 20px -15px;
}

/*#usecaseReading #usecaseList li {
	width: 31%;
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	
}*/

.Solution #usecaseReading #usecaseList li {
	/*width: calc(33.33333333% - 15px);*/
	/*margin: 0 0 30px 18px;*/
	/*margin: 0 0 30px 15px;*/
	padding: 0;
	border: none;
	/* 202504改訂 */
	width: calc(25% - 15px);
	margin: 0 0 15px 15px;
}
/*@media screen and (max-width: 1000px) {
	.Solution #usecaseReading #usecaseList li {
		margin: 0 0 30px 15px;
	}
}*/
/*@media screen and (max-width: 767px) {
	.Solution #usecaseReading #usecaseList li {
		margin: 0 0 30px 0;
	}
}*/

#usecaseReading #usecaseList li a {
	display: block;
	position: relative;
	border: 1px solid #ddd;
	padding: 30px 20px 25px;
	text-decoration: none;
	background-color: #ffffff;
	/* 202504改訂 */
	height: 100%;
}
.Solution #usecaseReading #usecaseList li a{
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	padding: 40px 20px 52px;
}
.Solution #usecaseReading #usecaseList li a:hover  {
	box-shadow: inset 0 0 0 6px #E60127;
	padding: 40px 20px 52px;
}

#usecaseList li a img.New {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#usecaseList li a img.Logo {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 3;
}

#usecaseList li a .Business {
	text-align: center;
	position: relative;
	z-index: 1;
}
#usecaseList li a img.Logo + .Business {
	margin-top: 10px;
}
#usecaseList li a .Business:before {
	content: "";
	display: block;
	margin: 0 auto 20px;
	width: 90%;
	height: 102px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: inherit;
	-moz-transition: background-position 0s ease-in 0.1s;
	-webkit-transition: background-position 0s ease-in 0.1s;
	-o-transition: background-position 0s ease-in 0.1s;
	transition: background-position 0s ease-in 0.1s;
}

#usecaseList li a .Business.Car:before { 
	background-image: url("/image/hitle/lineup/engineering/icon_search_01.png");
	background-position: center 15px;
}
#usecaseList li a .Business.Healthcare:before { background-image: url("/image/hitle/lineup/engineering/icon_search_02.png"); }
#usecaseList li a .Business.Mobile:before { background-image: url("/image/hitle/lineup/engineering/icon_search_03.png"); }
#usecaseList li a .Business.Office:before { background-image: url("/image/hitle/lineup/engineering/icon_search_04.png"); }
#usecaseList li a .Business.Server:before { background-image: url("/image/hitle/lineup/engineering/icon_search_05.png"); }
#usecaseList li a .Business.Transport:before { background-image: url("/image/hitle/lineup/engineering/icon_search_06.png"); }
#usecaseList li a .Business.Industry:before { background-image: url("/image/hitle/lineup/engineering/icon_search_07.png"); }
#usecaseList li a .Business.Traffic:before { background-image: url("/image/hitle/lineup/engineering/icon_search_08.png"); }
#usecaseList li a .Business.Robotics:before { background-image: url("/image/hitle/lineup/engineering/icon_search_09.png"); }
#usecaseList li a .Business.Iot:before { background-image: url("/image/hitle/lineup/engineering/icon_search_10.png"); }
#usecaseList li a .Business.Security:before { background-image: url("/image/hitle/lineup/engineering/icon_search_11.png"); }
#usecaseList li a .Business.Ai:before { background-image: url("/image/hitle/lineup/engineering/icon_search_12.png"); }

@media screen and (max-width: 768px) {
	#usecaseList li a .Business:before {
		width: 100px;
		height: 80px;
		background-size: contain;
	}
	#usecaseList li a .Business.Car:before {background-image: url("/image/hitle/lineup/engineering/icon_search_01_sp.png");}
	#usecaseList li a .Business.Healthcare:before { background-image: url("/image/hitle/lineup/engineering/icon_search_02_sp.png"); }
	#usecaseList li a .Business.Mobile:before { background-image: url("/image/hitle/lineup/engineering/icon_search_03_sp.png"); }
	#usecaseList li a .Business.Office:before { background-image: url("/image/hitle/lineup/engineering/icon_search_04_sp.png"); }
	#usecaseList li a .Business.Server:before { background-image: url("/image/hitle/lineup/engineering/icon_search_05_sp.png"); }
	#usecaseList li a .Business.Transport:before { background-image: url("/image/hitle/lineup/engineering/icon_search_06_sp.png"); }
	#usecaseList li a .Business.Industry:before { background-image: url("/image/hitle/lineup/engineering/icon_search_07_sp.png"); }
	#usecaseList li a .Business.Traffic:before { background-image: url("/image/hitle/lineup/engineering/icon_search_08_sp.png"); }
	#usecaseList li a .Business.Robotics:before { background-image: url("/image/hitle/lineup/engineering/icon_search_09_sp.png"); }
	#usecaseList li a .Business.Iot:before { background-image: url("/image/hitle/lineup/engineering/icon_search_10_sp.png"); }
	#usecaseList li a .Business.Security:before { background-image: url("/image/hitle/lineup/engineering/icon_search_11_sp.png"); }
	#usecaseList li a .Business.Ai:before { background-image: url("/image/hitle/lineup/engineering/icon_search_12_sp.png"); }
	
}

#usecaseList li a .Business h2 {
	padding-bottom: 0;
	line-height: 130%;
	color: #A2201C;
	font-weight: bold;
	font-size: 125%;
	background-image: none;
	-moz-transition: color 0.2s ease-in;
	-webkit-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}
#usecaseList li a .Business h2::after {
	background: none;
}

#usecaseList li a .Business h3 {
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
	padding: 0 20px;
	line-height: 130%;
	color: #333333;
	font-size: 90%;
	font-weight: normal;
	-moz-transition: color 0.2s ease-in;
	-webkit-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}

#usecaseList li a:hover .Business h3:before,
#usecaseList li a:active .Business h3:before,
#usecaseList li a:hover .Business h3:after,
#usecaseList li a:active .Business h3:after {
	border-bottom-color: #ffffff;
}
#usecaseList li a .Business h3:before { left: 0; }
#usecaseList li a .Business h3:after { right: 0; }
#usecaseList li a .Application {
	display: flex;
	flex-wrap: wrap;
}
#usecaseList li a .Application span{
	display: inline-block;
	/*color: #fff;*/
	text-align: center;
	font-size: 75%;
	/*background: #E60127;*/
	padding: 0 6px;
	margin: 0 4px 6px 0;
	/* 2025/04改訂 */
	color: #333333;
	background-color: #ffefef;
}

#usecaseList li a dl {
	margin-bottom: 15px;
	color: #333333;
	position: relative;
	z-index: 1;
	-moz-transition: color 0.2s ease-in;
	-webkit-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}


#usecaseList li a dl dt {
	font-size: 110%;
	line-height: 140%;
	font-weight: bold;
}
#usecaseList li a dl dt span {
	display: inline-block;
	text-align: left;
}

@media screen and (max-width: 767px) {
	#usecaseList li a dl dt span {
		margin-top: 12px;
	}
}

#usecaseList li a dl dd {
	padding-top: 10px;
	font-size: 96%;
}
#usecaseList li a.Pentaho dl dd {
	display: none;
}

#usecaseList li a .LinkButton {
	width: 100%;
	max-width: 210px;
	min-height: 40px;
	margin: 0 auto;
	color: #212121;
	text-align: center;
	line-height: 100%;
	border-bottom-width: 2px;
	border-radius: 100px;
}
.Solution #usecaseList li a .LinkButton {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	max-width: none;
	border: none;
	border-radius: 0;
}
.Solution #usecaseList li a .LinkButton {
	width: 100%;
	background-color: #F2F2F2;
	border-bottom-color: #CCCCCC;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;

}
.Solution #usecaseList li a:hover .LinkButton {
	background-color: #E60127;
	border-bottom-color: #E60127;
	color: #fff;
}

.Solution #usecaseList li a .LinkButton p {
	display: table-cell;
	width: 100%;
	height: 50px;
	vertical-align: middle;
}

#usecaseList li a .LinkButton span {
	display: inline-block;
	padding: 10px 32px 9px 0;
	line-height: 130%;
	background-image: url("/image/hitle/lineup/engineering/arw_search_right.png");
	background-repeat: no-repeat;
	background-position: right center;
}
#usecaseList li a .LinkButton span
{
	padding-right: 30px;
	margin-left: 30px;
	background-image: url("/image/hitle/lineup/engineering/arw_search_right.png");
	background-position: right center;
	background-repeat: no-repeat;
}
#usecaseList li a:hover .LinkButton span{
	background-image: url("/image/hitle/lineup/engineering/arw_search_right_on.png");
}
#usecaseList li a .LinkButton span span {
	display: block;
	height: auto;
	padding: 0 !important;
	font-weight: normal;
	font-size: 76%;
	line-height: 100%;
	background-image: none !important;
}
.Solution #usecaseList li a .LinkButton span {
	padding-top: 7px;
	padding-bottom: 5px;
	-moz-transition: background-image 0.1s ease-in;
	-webkit-transition: background-image 0.1s ease-in;
	-o-transition: background-image 0.1s ease-in;
	transition: background-image 0.1s ease-in;
}


.Solution #usecaseList li a .Overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 0;
	-moz-transition: height 0.2s ease-in;
	-webkit-transition: height 0.2s ease-in;
	-o-transition: height 0.2s ease-in;
	transition: height 0.2s ease-in;

}
.Solution #usecaseList li a:hover .Overlay,
.Solution #usecaseList li a:active .Overlay {
	height: 100%;
}

.Solution #usecaseReading div.moreBtn {
	padding-bottom: 20px;
}

.Solution #usecaseReading div.moreBtn #moreBtn {
	border-bottom: 3px solid #bebebe;
}

/*@media screen and (max-width: 1100px) {
	.Solution #usecaseReading #usecaseList {
		width: 96%;
	}
}*/

/* for - 1304px
=========================================================================================== */
@media screen and (min-width: 995px) and (max-width: 1304px) {
	.OptionWideRWD #BrandingImageWrap {
		margin: 0 -15px;
		width: auto;
	}

	.OptionWideRWD #FloatBtnStopper {
		margin: 0 -15px;
	}

	.OptionWideRWD #Contents .FieldList .Accordion {
		width: calc(400% + 78px) !important;
		padding: 0 15px;
	}
}

/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {
	.JS #usecaseTitle {
		margin-left: -15px;
		margin-right: -15px;
	}

	.JS .ContentsArea {
		margin-left: -15px;
		margin-right: -15px;
	}

	.JS #SlideArea .TextBg {
		display: none;
	}

	.JS #SlideShow {
		max-width: none;
	}

	.JS #SlidePanel li .TextArea {
		top: 12%;
		width: 445px;
		height: 76%;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		padding-top: 5px;
		padding-left: 90px;
		display: block\9;
		padding-top: 1.5%\9;
	}

	.JS #SlidePanel li .TextArea .ReadText {
		margin: 10px 0;
		line-height: 140%;
	}

	.JS #BeforeButton { left: 15px; }
	.JS #NextButton { right: 15px; }

	.JS #SlideShow #IndicatorPanel {
		bottom: calc(6% + 13px);
	}

	.JS #usecaseReading {
		padding-left: 15px;
		padding-right: 15px;
	}

	.JS .Solution #usecaseReading #usecaseList li {
		width: calc(33.33333333% - 15px);
	}

	.JS #footerSec {
		margin-left: -15px;
		margin-right: -15px;
	}

	/* Link Box 202504追加：バナーリンクより変更）*/
	.JS .LinkBox .Img {
		width: 100%;
		padding-bottom: 20px;
	}
	.JS .LinkBox.Service .Img {
		padding-left: 0;
	}
	.JS .LinkBox.Strength .Img {
		padding-right: 0;
	}

	.JS .LinkBox .Txt {
		width: 100%;
	}

	.JS .LinkBox.Service .ButtonStyle1 {
		right: 0;
	}
}
@media screen and (max-width: 994px) and (-ms-high-contrast: none) {
	.JS #SlidePanel li .TextArea {
		display: flex\9;
		padding-top: 5px\9;
	}
}

/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {
	.JS #SlideShow {
		margin-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}

	.JS #SlidePanel li .TextArea {
		width: 400px;
		height: 74%;
		padding: 0 30px 0 60px;
		top: 13%;
		left: 0;
	}

	.JS #SlidePanel li .TextArea .ReadText { font-size: 120%; }
	.JS #SlidePanel li .TextArea .Customer { font-size: 90%; }

	.JS #BeforeButton {
		left: 0;
		top: calc(50% - 16px);
	}
	.JS #NextButton {
		right: 0;
		top: calc(50% - 16px);
	}
	.JS #BeforeButton img,
	.JS #NextButton img {
		width: 28px;
	}

	.JS #SlideShow #IndicatorPanel {
		left: calc(50% - 60px);
		bottom: calc(6% + 11px);
	}

	.JS #SlideShow #IndicatorPanel a {
		height: 16px;
		padding: 4px 4px 2px;
	}

	.JS #SlideShow #IndicatorPanel img {
		width: 14px;
	}
	.JS #SlideShow #IndicatorPanel a.Spacer img {
		width: 1px;
	}

	/*.JS #usecaseReading {
		padding-left: 10px;
		padding-right: 10px;
	}*/

	/*.JS .SearchArea {
		margin-bottom: 20px;
	}*/

	/*.JS .Solution #usecaseReading #usecaseList {
		margin-left: 5px;
		margin-right: 5px;
	}*/

	.JS #usecaseReading #usecaseList li {
		width: auto;
	}
	.JS .Solution #usecaseReading #usecaseList li {
		/*width: 50%;
		float: left;*/
		/* 202504改訂 */
		width: calc(50% - 15px);
	}

	.JS #usecaseReading #usecaseList li a:after {
		content: "";
		display: block;
		clear: both;
	}

	.JS #usecaseList li a .Thumbnail {
		height: auto;
		margin-left: 195px;
		padding-bottom: 0;
	}

	.JS #usecaseList li a .Thumbnail h2 {
		margin: 20px 0 0;
		padding: 0 20px 0 15px;
		font-size: 115%;
		color: #333333;
		text-align: left;
		background-color: transparent;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	.JS #usecaseList li a .Thumbnail h2 span {
		width: 9.2em;
		margin-bottom: 6px;
		padding: 2px 5px 1px;
		font-size: 79%;
		color: #ffffff;
		line-height: 110%;
		background-color: #BF5500;
		box-sizing: border-box;
	}

	.JS #usecaseList li a .Thumbnail ul.Classification {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 195px;
		text-align: center;
	}

	.JS #usecaseReading #usecaseList li a .Thumbnail li {
		margin-right: 0;
	}

	.JS .LinkArea {
		width: 230px;
		height: 50px;
		margin-bottom: 15px;
	}

	/* Link Box 202504追加：バナーリンクより変更）*/
	.JS .LinkBoxArea {
		display: block;
		margin-left: 0;
	}

	.JS .LinkBox {
		width: auto;
		margin-left: 0;
		padding-bottom: 0;
	}

	.JS .LinkBox .Heading {
		position: relative;
		z-index: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 250px;
		padding: 15px 15px 65px;
	}

	.JS #Contents .LinkBox h2 {
		margin-bottom: 0;
		padding: 0;
		line-height: 160%;
		font-size: 215%;
	}
	.JS #Contents .LinkBox.Service h2 {
		text-shadow: 1px 1px 10px #000, -1px -1px 10px #000;
	}
	.JS #Contents .LinkBox.Strength h2 {
		text-shadow: 1px 1px 10px #8320a8, -1px -1px 10px #8320a8;
	}
	.JS #Contents .LinkBox h2:after {
		display: none;
	}

	.JS .LinkBox .Inner {
		display: block;
	}

	.JS .LinkBox .Img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 250px;
		padding-bottom: 0;
	}

	.JS #Contents .LinkBox .Img img {
		object-position: left center;
	}

	.JS .LinkBox .Txt {
		width: 100%;
		padding: 15px;
		border-top: 1px solid #b1000e;
	}

	.JS .LinkBox .ButtonStyle1 {
		top: 190px;
		bottom: auto;
		right: 5px;
	}
}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {
	.JS #SlidePanel li .TextArea {
		width: 300px;
		height: 76%;
		padding-left: 45px;
		padding-right: 20px;
		top: 12%;
	}

	.JS #SlidePanel li .TextArea .ReadText {
		font-size: 90%;
		line-height: 130%;
	}
	.JS #SlidePanel li .TextArea .Customer { font-size: 67%; }

	.JS #BeforeButton,
	.JS #NextButton {
		top: calc(50% - 11px);
	}
	.JS #BeforeButton img,
	.JS #NextButton img {
		width: 20px;
	}

	.JS #SlideShow #IndicatorPanel {
		left: calc(50% - 46px);
		bottom: calc(6% + 9px);
	}

	.JS #SlideShow #IndicatorPanel a {
		height: 12px;
		padding: 4px 3px 2px;
	}

	.JS #SlideShow #IndicatorPanel img {
		width: 11px;
	}

	.JS .FilteringArea .CheckArea {
		width: 33.33333333%;
	}

	.JS .FilteringArea#industry .CheckArea:nth-last-child(1),
	.JS .FilteringArea#industry .CheckArea:nth-last-child(2),
	.JS .FilteringArea#category .CheckArea:nth-last-child(1) {
		display: none;
	}

	.JS .Solution #usecaseReading #usecaseList li {
		/*width: auto;*/
		/*width: 100%;*/
		float: none;
		/* 202504改訂 */
		width: calc(100% - 15px);
	}

	.JS #usecaseList li a dt {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.JS #usecaseList li a.Pentaho dt {
		width: 100%;
		max-width: none;
	}

	.JS #usecaseList li a .Thumbnail {
		height: 0;
		margin-left: 0;
		padding-bottom: 50%;
	}

	.JS #usecaseList li a .Thumbnail h2 {
		margin-top: 0;
		padding: 5px 10px 3px;
		font-size: 100%;
		color: #ffffff;
		text-align: center;
		background-color: #1b1b1b;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
	.JS #usecaseList li a:hover .Thumbnail h2,
	.JS #usecaseList li a:active .Thumbnail h2 {
		background-color: #333333;
	}

	.JS #usecaseList li a .Thumbnail h2 span {
		width: auto;
		margin-bottom: 3px;
		padding: 0;
		font-size: 90%;
		background-color: transparent;
	}

	.JS #usecaseList li a .Thumbnail ul.Classification {
		position: static;
		width: auto;
		text-align: left;
	}

	.JS #usecaseReading #usecaseList li a .Thumbnail li {
		margin-right: 1px;
		float: left;
	}
}

/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {
	.JS #usecaseTitle .PageTitleStyle1 {
		padding: 15px 15px 10px;
	}

	.JS #usecaseTitle .PageTitleStyle1 h1 {
		font-size: 150%;
	}

	.JS #usecaseTitle .PageTitleStyle1 .SubTitle {
		font-size: 110%;
	}

	.JS .FilteringArea .CheckArea {
		width: 50%;
	}

	.JS .FreeWordArea {
		display: block;
		height: auto;
		padding: 10px 10px 10px 15px;
	}

	.JS .FreeWordArea h3 {
		display: block;
		width: auto;
		text-align: left;
	}

	.JS .FreeWordArea .FreeWord {
		display: block;
		width: auto;
		padding: 0;
		border-left-style: none;
	}

	.JS #SlidePanel li .TextArea {
		width: 250px;
		padding-left: 35px;
	}

	.JS #SlidePanel li .TextArea .ReadText {
		font-size: 76%;
		margin: 5px 0;
	}
	.JS #SlidePanel li .TextArea .Customer { font-size: 57%; }

	.JS .FilteringArea#category .CheckArea:nth-last-child(1) {
		display: table;
	}

	.JS #usecaseList li a dt {
		width: 100%;
		max-width: none;
	}

	/* Link Box 202504追加：バナーリンクより変更）*/
	.JS #Contents .LinkBox h2 {
		font-size: 200%;
	}

	/* 202504改訂 */
	.JS .FreeWordArea .FreeWord #SearchForm {
		display: block;
	}

	.JS input#Keywords {
		display: block;
		width: 100%;
		max-width: 250px;
		margin: 0 auto 10px;
	}

	.JS .Solution input#SearchBtn {
		display: block;
		margin: 0 auto;
	}
}

/* ----------------------------------------------------------------------------------------

Initial Setting

------------------------------------------------------------------------------------------- */

/* 1: Base Setting
=========================================================================================== */

html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {text-align: left;}

q:before, q:after {content: "";}

object, embed {vertical-align: top;}

hr, legend {display: none;}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

img, abbr, acronym, fieldset {
	border: 0;
}

img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

ul li {list-style-type: none;}

strong {
	font-weight: bold;
}

em {font-style: italic;}

sub {
	margin: auto 1px auto;
	font-size: 92.2%;
	vertical-align: -0.15em;
	line-height: 100%;
}

sup {
	margin: auto 1px auto;
	font-size: 92.2%;
	vertical-align: 0.45em;
	line-height: 100%;
}

.ClearFix:after {
	content: "";
	display: block;
	clear: both;
}
@media screen and (max-width: 768px){
	br.l{
		display: none;

	}
}

/* 2: Body Setting
=========================================================================================== */

body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif!important;
	color: #333;
	font-size: 100%;
	line-height: 100%;
	text-align: left;
	background-color: #e5e5e5;
	text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}



/* ----------------------------------------------------------------------------------------

Setting of page layout

------------------------------------------------------------------------------------------- */

/* [-] Skip Link
=========================================================================================== */

#top {
	min-width: 965px;
	background-color: #3e3a39;
	line-height: 2;
	font-size: 83%;
	text-align: center;
	margin: 0;
}

#top a {
	color: #fff;
	background: url(/image/jp/r1/icon/icon_link_bottom_white_hd.png) right 3px no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	padding-right: 18px;
	position: absolute;
	top: -10em;
}

#top a:link,
#top a:visited {
	color: #fff;
	text-decoration: none;
}
#top a:hover,
#top a:active {
	color: #fff;
	text-decoration: underline;
}

#top a.focus {
	position: static;
	margin: 5px 0 6px;
	padding-bottom: 3px;
}

/* [s1] Header
=========================================================================================== */

/*#HeaderArea {
	position: relative;
	min-width: 1275px!important;
	border-top: solid 5px #e60027;
}
@media screen and (max-width: 1304px){
	#HeaderArea {
		min-width: 320px!important;
	}
}
#HeaderArea:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #ccc;
}

#HeaderSet {
	width: 1275px!important;
	margin: 0 auto;
	text-align: right;
}
@media screen and (max-width: 1304px){
	#HeaderSet {
		width: auto!important;
		max-width: 1275px!important;
		padding: 0 15px!important;
	}
}
@media screen and (max-width: 767px){
	#HeaderSet {
		padding: 0 0 0 15px!important;
	}
}
#HeaderSet:after {
	content: "";
	display: block;
	clear: both;
}

#HeaderSet .Statement {
	float: left;
	width: 95px;
	height: 29px;
	display: block;
	padding: 9px 0 0 0;
}*/


/* --- [s1] Search Box --- */

/*#Search {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

#Search .BtnOpen {
	position: relative;
	display: block;
}

#Search .BtnOpen a {
	display: table-cell;
	min-width: 90px;
	height: 45px;
	padding: 0 5px;
	font-size: 76%;
	text-align: center;
	color: #333;
	vertical-align: middle;
	border-right: solid 1px #f2f2f2;
	text-decoration: none;
	line-height: 100%;
	background-color: #dadada;
}
#Search .BtnOpen a:hover,
#Search .BtnOpen a:active {
	text-decoration: none;
	background-color: #ccc;
}
#Search .BtnOpen a.Current {
	background: url(/image/jp/r1/bg_u_navi_current.gif) no-repeat center bottom #ccc;
}

#Search .BtnOpen a img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

#SearchArea {
	position: absolute;
	display: none;
	width: 100%;
	min-width: 965px;
	height: 0;
	top: 45px;
	left: 0;
	background-color: #e5e5e5;
	overflow: hidden;
}

#SearchSet {
	position: relative;
	width: 965px;
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: center;
}

#Search dl {
	display: block;
	margin: 0 0 10px;
	font-size: 83%;
	color: #333;
}
#Search dl:after {
	content: "";
	display: block;
	clear: both;
}

#Search dt {
	clear: both;
	float: left;
	display: block;
	width: 40%;
	line-height: 26px;
	text-align: right;
}

#Search dd {
	float: right;
	width: 60%;
	text-align: left;
}

#Search form {
	display: inline-block;
	vertical-align: top;
}

#Search ul {
	display: inline-block;
	margin-left: 15px;
	padding: 2px 0 0;
	vertical-align: top;
}

#Search li a {
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
#Search li a:link,
#Search li a:visited {
	color: #c02;
	text-decoration: none;
	background-image: url(/image/jp/r1/icon/icon_link_right_hd.gif);
}
#Search li a:hover,
#Search li a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/image/jp/r1/icon/icon_link_right_hover_hd.gif);
}

#Search legend {
	display: none;
}

.SearchTextBox {
	width: 250px;
	height: 18px;
	margin: 0 0 0 15px;
	padding: 4px;
	vertical-align: top;
	border: 0 none;
}

#Search .BtnSearch {
	height: 26px;
	margin: 0 0 7px;
	padding: 0 10px;
	background-color: #ccc;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 90%;
	border: 0 none;
	color: #333;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#Search .BtnSearch:hover {background-color: #bbb;}

#Search .BtnClose {
	position: absolute;
	display: block;
	right: 0;
	top: 20px;
	line-height: 130%;
}

#Search .BtnClose a {
	display: block;
	min-width: 50px;
	padding: 2px 15px 2px 10px;
	background-image: url(/image/jp/r1/icon/icon_close_hd.gif);
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 76%;
	text-align: center;
	border-right: solid 5px transparent;
}
#Search .BtnClose a:link,
#Search .BtnClose a:visited {
	color: #fff;
	background-color: #e60027;
	text-decoration: none;
}
#Search .BtnClose a:hover,
#Search .BtnClose a:active {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}*/


/* --- [s1] Country/Region Selector --- */

/*#CountryRegion {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

#CountryRegion .BtnOpen {
	position: relative;
}

#CountryRegion .BtnOpen a {
	display: table-cell;
	min-width: 80px;
	height: 45px;
	padding: 0 10px;
	font-size: 67%;
	text-align: center;
	color: #333;
	vertical-align: middle;
	text-decoration: none;
	line-height: 100%;
	background-color: #dadada;
}
#CountryRegion .BtnOpen a:hover,
#CountryRegion .BtnOpen a:active {
	text-decoration: none;
	background-color: #ccc;
}
#CountryRegion .BtnOpen a.Current {
	background: url(/image/jp/r1/bg_u_navi_current.gif) no-repeat center bottom #ccc;
}

#CountryRegion .BtnOpen a img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

#CountryRegionArea {
	position: absolute;
	display: none;
	width: 100%;
	min-width: 965px;
	height: 0;
	top: 45px;
	left: 0;
	background-color: #e5e5e5;
	overflow: hidden;
	font-family: Arial,Helvetica,sans-serif;
}

#CountryRegionSet {
	position: relative;
}

#CountryRegion .Inner {
	position: relative;
	width: 965px;
	margin: 0 auto;
	padding: 20px 0 0;
}

#CountryRegion .Inner h2 {
	float: left;
	width: 16em;
	margin: 0 10px 0 0;
	padding: 0;
	background: none transparent;
	font-size: 90%;
}

#CountryRegion .Inner h2 a {
	display: inline-block;
	padding: 0 20px 0 0;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
#CountryRegion .Inner h2 a:link,
#CountryRegion .Inner h2 a:visited {
	color: #333;
	text-decoration: none;
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_hd.gif);
}
#CountryRegion .Inner h2 a:hover,
#CountryRegion .Inner h2 a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
}

#CountryRegion .Inner h3 {
	position: absolute;
	width: 20%;
	top: 60px;
	margin: 0;
	padding: 0;
	font-size: 83%;
}
#CountryRegion .Inner h3.Americas {left: 0;}
#CountryRegion .Inner h3.Asia {left: 20%;}
#CountryRegion .Inner h3.Europe {left: 40%;}
#CountryRegion .Inner h3.MENA {left: 60%;}
#CountryRegion .Inner h3.Oceania {left: 80%;}

#CountryRegion .Inner h3 a {
	display: table-cell;
	width: 163px;
	height: 44px;
	margin: 0;
	padding: 0 15px;
	color: #333;
	font-weight: bold;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: middle;
	line-height: 140%;
	background-image: none;
	text-align: center;
}

#CountryRegion .Inner h3 a:link,
#CountryRegion .Inner h3 a:visited {
	color: #333;
	text-decoration: none;
	background-color: transparent;
}
#CountryRegion .Inner h3 a:hover,
#CountryRegion .Inner h3 a:active,
#CountryRegion .Inner h3.Current a {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #b1000e !important;
	border-top: solid 1px #b1000e !important;
	border-bottom: solid 1px #b1000e !important;
}

#CountryRegion .Inner h3 a:hover:after,
#CountryRegion .Inner h3 a:active:after,
#CountryRegion .Inner h3.Current a:after {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 8px;
	bottom: -8px;
	left: 50%;
	margin: 0 0 0 -7px;
	background: url(/image/jp/r1/bg_gn_current.gif) no-repeat;
}

#CountryRegion .Inner div.Americas,
#CountryRegion .Inner div.Asia,
#CountryRegion .Inner div.Europe,
#CountryRegion .Inner div.MENA,
#CountryRegion .Inner div.Oceania {
	display: none;
}

#CountryRegion .Inner .ColumnSet {
	margin: 105px 0 0;
}
#CountryRegion .Inner .ColumnSet:after {
	content: "";
	display: block;
	clear: both;
}
#CountryRegion .Inner .Current {
	display: block !important;
}

#CountryRegion .Inner .Column1 {
	float: left;
	width: 230px;
	margin: 0 0 0 15px;
}
#CountryRegion .Inner .FirstItem {
	margin: 0;
}
#CountryRegion .Inner ul.Global {
	float: left;
	width: 230px;
	margin: 0 0 0 15px;
	border-left: solid 1px #ccc;
}

#CountryRegion .Inner li {
	margin: 0 0 5px;
	border: none;
	font-size: 83%;
	line-height: 140%;
	background-image: url(/image/jp/r1/icon/icon_list_marker_hd.gif);
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}

#CountryRegion .Inner ul.Global li {
	width: auto;
	margin: 0;
	background: none;
	line-height: 160%;
}

#CountryRegion .Inner li span {
	display: block;
	padding: 0 0 0 17px;
}
#CountryRegion .Inner ul.Global li span {
	display: block;
	padding: 0 0 0 15px;
}

#CountryRegion .Inner li a {
	line-height: 140%;
}
#CountryRegion .Inner li a:link,
#CountryRegion .Inner li a:visited {
	color: #c02;
	text-decoration: underline;
}
#CountryRegion .Inner li a:hover,
#CountryRegion .Inner li a:active {
	color: #b1000e;
	text-decoration: none;
}

#CountryRegion .Inner .BtnClose {
	position: absolute;
	right: 0;
	top: 20px;
	line-height: 130%;
}
#CountryRegion .Inner .BtnClose a {
	display: block;
	min-width: 50px;
	padding: 2px 15px 2px 10px;
	background-image: url(/image/jp/r1/icon/icon_close_hd.gif);
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 76%;
	text-align: center;
	border-right: solid 5px transparent;
}
#CountryRegion .Inner .BtnClose a:link,
#CountryRegion .Inner .BtnClose a:visited {
	color: #fff;
	background-color: #e60027;
	text-decoration: none;
}
#CountryRegion .Inner .BtnClose a:hover,
#CountryRegion .Inner .BtnClose a:active {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}*/


/* --- [s1] Ultra Global Navigation --- */
/*.JS #UltraGlobalNavi {
	z-index: 10;
}
#UltraGlobalNavi {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
#UltraGlobalNavi:after {
	content: "";
	display: block;
	clear: both;
}

#UltraGlobalNaviSP {
	display: none;
}

#UltraGlobalNavi .BtnOpen {
	float: left;
	margin: -5px 0 0;
	line-height: 50px;
}

#UltraGlobalNavi .BtnOpen {
	position: relative;
}

#UltraGlobalNavi .BtnOpen a {
	display: table-cell;
	height: 48px;
	padding: 2px 15px 0;
	font-size: 67%;
	line-height: 140%;
	vertical-align: middle;
}
#UltraGlobalNavi #UltraGlobalNaviProducts a {min-width: 85px;}
#UltraGlobalNavi #UltraGlobalNaviCompany a {min-width: 84px;border-left: solid 1px #eb5b74;}

#UltraGlobalNavi .BtnOpen a:link,
#UltraGlobalNavi .BtnOpen a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #e60027;
}
#UltraGlobalNavi .BtnOpen a:hover,
#UltraGlobalNavi .BtnOpen a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
}
#UltraGlobalNavi .BtnOpen a.Current {
	color: #fff;
	background: url(/image/jp/r1/bg_u_navi_current.gif) no-repeat center bottom #b1000e;
}*/


/* --- [s1] Super Global Navigation --- */

/*.SuperGlobalNavi {
	position: absolute;
	display: none;
	width: 100%;
	min-width: 965px;
	height: 0;
	top: 45px;
	left: 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.SuperGlobalNavi .Inner {
	position: relative;
	width: 965px;
	margin: 0 auto;
}

.SuperGlobalNavi .Title {
	border-bottom: solid 1px #a02;
}

.SuperGlobalNavi h2 {
	margin: 0 !important;
	padding: 0 0 10px;
	background: none transparent;
	font-size: 90%;
}

.SuperGlobalNavi h2 a {
	display: inline-block;
	margin: 20px 0 10px;
	padding: 0 20px 0 0;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.SuperGlobalNavi h2 a:link,
.SuperGlobalNavi h2 a:visited {
	color: #333;
	text-decoration: none;
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_hd.gif);
}
.SuperGlobalNavi h2 a:hover,
.SuperGlobalNavi h2 a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
}

.SuperGlobalNavi .ColumnSet:after,
.SuperGlobalNavi ul:after {
	content: "";
	display: block;
	clear: both;
}
.SuperGlobalNavi ul {
	padding: 5px 0 10px;
}

.SuperGlobalNavi ul.SubMenu {
	margin: -10px 0 10px;
	padding: 0;
}
.SuperGlobalNavi ul.SubMenu:after {
	content: "";
	display: block;
	margin: 0;
	border-bottom: solid 1px #ccc;
}

.SuperGlobalNavi li {
	float: left;
	width: 230px;
	min-height: 3em;
	margin: 0 0 5px 15px;
	border: none;
	font-size: 83%;
	line-height: 140%;
}
.SuperGlobalNavi .LineSpaceSmallStyle li {min-height: 1em;}
.SuperGlobalNavi ul.SubMenu li {
	min-height: 1em;
	margin: 0 0 0 15px;
	padding: 0 0 15px;
}

.SuperGlobalNavi li.FirstItem {
	clear: both;
	margin: 0 0 5px;
}
.SuperGlobalNavi ul.SubMenu li.FirstItem {
	margin: 0;
	padding: 0 0 15px;
}

.SuperGlobalNavi li a {
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}

.SuperGlobalNavi li a:link,
.SuperGlobalNavi li a:visited {
	color: #c02;
	text-decoration: none;
	background-image: url(/image/jp/r1/icon/icon_link_right_hd.gif);
}
.SuperGlobalNavi li a:hover,
.SuperGlobalNavi li a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/image/jp/r1/icon/icon_link_right_hover_hd.gif);
}

.SuperGlobalNavi .Column1 {
	float: left;
	width: 230px;
}

.SuperGlobalNavi h3 {
	margin: 5px 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 100%;
	color: #333;
}

.SuperGlobalNavi h3 a {
	padding: 0 20px 0 0;
	line-height: 130%;
	font-size: 100%;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.SuperGlobalNavi h3 a:link,
.SuperGlobalNavi h3 a:visited {
	color: #333;
	text-decoration: none;
	background-image: url(/image/jp/r1/icon/icon_link_right_l_hd.gif);
}
.SuperGlobalNavi h3 a:hover,
.SuperGlobalNavi h3 a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/image/jp/r1/icon/icon_link_right_l_hover_hd.gif);
}

.SuperGlobalNavi .Column3 {
	float: right;
	width: 720px;
}

.SuperGlobalNavi .BtnClose {
	position: absolute;
	right: 0;
	top: 20px;
	line-height: 130%;
}
.SuperGlobalNavi .BtnClose a {
	display: block;
	min-width: 50px;
	padding: 2px 15px 2px 10px;
	background-image: url(/image/jp/r1/icon/icon_close_hd.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	font-size: 76%;
	text-align: center;
	border-right: solid 5px transparent;
}
.SuperGlobalNavi .BtnClose a:link,
.SuperGlobalNavi .BtnClose a:visited {
	color: #fff;
	background-color: #e60027;
	text-decoration: none;
}
.SuperGlobalNavi .BtnClose a:hover,
.SuperGlobalNavi .BtnClose a:active {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}

.SuperGlobalNavi .Mail a {background-image: url(/image/jp/r1/icon/icon_mail_hd.gif) !important;}
.SuperGlobalNavi .Inquiry a {background-image: url(/image/jp/r1/icon/icon_inquiry_hd.gif) !important;}
.SuperGlobalNavi .Pdf a {background-image: url(/image/jp/r1/icon/icon_pdf_hd.gif) !important;}
.SuperGlobalNavi .Download a {background-image: url(/image/jp/r1/icon/icon_download_hd.gif) !important;}
.SuperGlobalNavi .Sound a {background-image: url(/image/jp/r1/icon/icon_sound_hd.gif) !important;}
.SuperGlobalNavi .Movie a {background-image: url(/image/jp/r1/icon/icon_movie_hd.gif) !important;}
.SuperGlobalNavi .Important a {background-image: url(/image/jp/r1/icon/icon_important_link_hd.gif) !important;}
.SuperGlobalNavi .Bottom a {background-image: url(/image/jp/r1/icon/icon_link_bottom_hd.gif) !important;}
.SuperGlobalNavi .Top a {background-image: url(/image/jp/r1/icon/icon_link_top_hd.gif) !important;}
.SuperGlobalNavi .NoIcon a {
	padding: 0;
	background-image: none !important;
}
.SuperGlobalNavi .NoIcon img {
	margin-left: 3px;
	vertical-align: top;
}
.SuperGlobalNavi h3.NoIcon img {margin-left: 4px;}
*/


/* [s2] Site Identity Area
=========================================================================================== */

/*#SiteIdentityS,
#SiteIdentityL,
#SiteIdentity {
	min-width: 965px;
	background-color: #f2f2f2;
	border-top: solid 1px #fff;
}

#SiteIdentityS .Title,
#SiteIdentityL .Title,
#SiteIdentity .Title {
	position: relative;
	z-index: 2;
	width: 1275px!important;
	height: 55px;
	padding: 5px 0 0;
}
@media screen and (max-width: 1304px){
	#SiteIdentityS .Title,
	#SiteIdentityL .Title,
	#SiteIdentity .Title {
		width: auto!important;
		max-width: 1275px!important;
		padding: 5px 15px 0 !important;
	}
}
@media screen and (max-width: 767px){
	#SiteIdentityS .Title,
	#SiteIdentityL .Title,
	#SiteIdentity .Title {
		padding: 15px !important;
	}
}
#SiteIdentityS .Title a[href]:link img,
#SiteIdentityL .Title a[href]:link img,
#SiteIdentity .Title a[href]:link img,
#SiteIdentityS .Title a[href]:visited img,
#SiteIdentityL .Title a[href]:visited img,
#SiteIdentity .Title a[href]:visited img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#SiteIdentityS .Title a[href]:hover img,
#SiteIdentityL .Title a[href]:hover img,
#SiteIdentity .Title a[href]:hover img,
#SiteIdentityS .Title a[href]:active img,
#SiteIdentityL .Title a[href]:active img,
#SiteIdentity .Title a[href]:active img {
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}*/


/* [s3] Global Navigation System
=========================================================================================== */

/*#GlobalNavi {
	position: relative;
	min-width: 965px;
	background-color: #f2f2f2;
}

#GlobalNavi .ClearFix {
	background-color: #f2f2f2;
}

.CourtesyNavi {
	width: 1275px!important;
	height: 42px;
	margin: -42px auto 0;
	text-align: right;
}
@media screen and (max-width: 1304px){
	.CourtesyNavi {
		width: auto!important;
		max-width: 1275px!important;
		padding: 0 15px!important;
	}
}
@media screen and (max-width: 994px){
	.CourtesyNavi {
		padding: 0 !important;
	}
}

.CourtesyNavi li {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 0 0 20px;
	line-height: 1em;
}

.CourtesyNavi li.RightSeparater {
	margin: 0 -10px 0 20px;
	border-right: solid 1px #d5d5d5;
}

.CourtesyNavi li.RightSeparater a {
	margin: 0 15px 0 0;
}

.CourtesyNavi li a {
	font-size: 67%;
	vertical-align: middle;
}

.CourtesyNavi li a:link,
.CourtesyNavi li a:visited {
	color: #333;
	text-decoration: none;
}
.CourtesyNavi li a:hover,
.CourtesyNavi li a:active {
	color: #b1000e;
	text-decoration: underline;
}

#GlobalNaviTop {
	position: relative;
	z-index: 2;
	width: 1275px!important;
	margin: 0 auto;
}
@media screen and (max-width: 1304px){
	#GlobalNaviTop {
		width: auto!important;
		max-width: 1275px!important;
		padding: 0 15px!important;
	}
}
@media screen and (max-width: 994px){
	#GlobalNaviTop {
		padding: 0 !important;
	}
}

#GlobalNaviTop:after {
	content: "";
	display: block;
	clear: both;
}

#GlobalNaviTop li {
	float: left;
}

#GlobalNaviTop li a {
	display: block;
	line-height: 35px;
	padding: 0 15px;
	font-size: 83%;
}

#GlobalNaviTop li a:link,
#GlobalNaviTop li a:visited {
	color: #333;
	text-decoration: none;
}
#GlobalNaviTop li a:hover,
#GlobalNaviTop li a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
}

#GlobalNaviTop li.Current a {
	line-height: 45px;
	padding: 0;
}
#GlobalNaviTop li.Current a:link,
#GlobalNaviTop li.Current a:visited {color: #000;}
#GlobalNaviTop li.Current a:hover,
#GlobalNaviTop li.Current a:active {color: #fff;}

#GlobalNaviTop li.Current a em {
	display: block;
	line-height: 35px;
	padding: 0 15px;
	background: url(/image/jp/r1/bg_g_navi_current.gif) no-repeat center bottom;
	font-weight: bold;
	font-style: normal;
}

#GlobalNaviTop li.Current a strong {
	display: block;
	line-height: 35px;
	padding: 0 15px;
	background: url(/image/jp/r1/bg_g_navi_current.gif) no-repeat center bottom #b1000e;
	color: #fff;
}

#GlobalNaviTopButton {
	display: none;
}*/


/* [s5] Breadcrumb Trail
=========================================================================================== */

/*#TopicPath {
	min-width: 965px;
	background-color: #fff;
}

#TopicPath ul {
	width: 1275px!important;
	margin: 0 auto;
	padding: 20px 0 10px;
}
@media screen and (max-width: 1304px){
	#TopicPath ul {
		width: auto!important;
		max-width: 1275px!important;
		padding: 20px 15px 10px !important;
	}
}
#TopicPath ul:after {
	content: "";
	display: block;
	clear: both;
}

#TopicPath ul li {
	float: left;
	padding: 0 0 0 20px;
	font-size: 75%;
	background: url(/image/jp/r1/icon/icon_topic_path_transition_hd.gif) no-repeat 7px center;
	background-size: 6px 6px;
	-moz-background-size: 6px 6px;
	-webkit-background-size: 6px 6px;
	-o-background-size: 6px 6px;
	-ms-background-size: 6px 6px;
	word-break: keep-all;
}
#TopicPath ul li.FirstItem {
	padding: 0;
	background: none;
}

#TopicPath ul li a:link,
#TopicPath ul li a:visited {
	text-decoration: none;
}
#TopicPath ul li a:hover,
#TopicPath ul li a:active {
	text-decoration: underline;
}

#TopicPath ul li strong {
	font-weight: normal;
	color: #333;
}*/


/* [-] Content Area
=========================================================================================== */

#Contents {
	min-width: 965px;
	background-color: #fff;
	padding-bottom: 1px;
}

/* [s7] Footer
=========================================================================================== */

/*#Footer {
	clear: both;
	min-width: 965px;
	padding: 30px 0;
	background-color: #e5e5e5;
	overflow: hidden;
}

#Footer h2 {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	text-indent: -9999px;
	background-image: none;
}*/

/*#Footer ul,#Footer p  {
	width: 1275px !important;
}
@media screen and (max-width: 1304px) {
	#Footer {
		padding-right: 15px;
	}
	#Footer ul {
		width: auto !important;
		max-width: 1260px;
		padding: 0 15px;
	}
	#Footer p  {
		width: auto !important;
		max-width: 1290px;
	}
}*/
/*@media screen and (max-width: 955px) {
	#Footer ul {
		text-align: center;
		display: block;
		margin: 0 auto 20px!important;
	}
}*/
/*@media screen and (max-width: 767px) {
	#Footer ul {
		width: 100%!important;
	}
	#Footer ul,#Footer p  {
		width: 100%!important;
	}
}*/


#FooterPageTop {
	position: fixed;
  bottom: 110px!important;
	top: auto!important;
  opacity: 0;
  z-index: 20;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transform: translateY(100%);
}
.Container #FooterPageTop,
.ContainerFix #FooterPageTop {
	right: calc( ( (100% - 1275px) / 2 ) )!important;
}
@media screen and (max-width: 1290px) {
	.Container #FooterPageTop {
		right: 15px!important;
	}
}
#FooterPageTop.visible {
	opacity: 1;
}
#FooterPageTop.static {
	position: absolute;
	top: -150px!important;
}






/* [c10] Note
=========================================================================================== */

/* --- [c10-1] Note > Text Size 90% --- */
/* --- [c10-2] Note > Text Size 83% --- */

/* Mac Safari 2 */
html[xmlns*=""] body:last-child ul.AnnotationsStyle1 li,
html[xmlns*=""] body:last-child ul.AnnotationsStyle2 li { text-indent: -0.75em; }


/* [c12] Button
=========================================================================================== */

/* --- [c12-1] Button > Vertical --- */
/* --- [c12-2] Button > Horizontal --- */

.ButtonStyle1 a,
.ButtonStyle2 a {
	display: inline-block;
	min-width: 130px;
	min-height: 18px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	word-break: break-all;
}
.ButtonStyle1 a:link,
.ButtonStyle2 a:link,
.ButtonStyle1 a:visited,
.ButtonStyle2 a:visited {
	padding: 9px 22px 9px 15px;
	background-color: #e60027;
	color: #fff;
	text-decoration: none;
	border-right: solid 3px transparent;
}
.ButtonStyle1 a:hover,
.ButtonStyle2 a:hover,
.ButtonStyle1 a:active,
.ButtonStyle2 a:active {
	padding: 9px 24px 9px 15px;
	background-color: #b1000e;
	color: #fff;
	text-decoration: none;
	border-right: solid 1px transparent;
}

.ButtonStyle1 a strong,
.ButtonStyle2 a strong {
	font-weight: normal;
	color: #fff;
}

.Grid1 .ButtonStyle1 a,
.Grid1 .ButtonStyle2 a,
.Column1 .ButtonStyle1 a,
.Column1 .ButtonStyle2 a {
	display: block;
	min-width: 0;
}

.ButtonStyle2 li {
	float: left;
	margin: 0 15px 0 0;
}
.Grid1 .ButtonStyle2 li,
.Column1 .ButtonStyle2 li {
	float: none;
	margin: 0;
}

/* RWD対応 */
.ShowTablet, .ShowSD, .ShowSD2 { display: none; }
br.ShowSD, br.ShowSD2, br.ShowTablet { display: none; }

.disp_ib {
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}

@media screen and (max-width: 994px) {
	.JS .HideTablet { display: none; }
	.JS .ShowTablet { display: block; }
	.JS br.ShowTablet { display: inline; }
}

@media screen and (max-width: 579px) {
	.JS .HideSD2 { display: none; }
	.JS .ShowSD2 { display: block; }
	.JS br.ShowSD2 { display: inline; }
}

@media screen and (max-width: 399px) {
	.JS .HideSD { display: none; }
	.JS .ShowSD { display: block; }
	.JS br.ShowSD { display: inline; }
}

/* service/index.html  2023.06 （2025/04改訂）
=========================================================================================== */
.Service #BrandingImageWrap {
	background: url('/lineup/engineering/service/image/branding_image.png') no-repeat;
	height: 270px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3%;
	overflow: hidden;
}
.Service #BrandingImageWrap h1 {
	color: #fff;
	font-size: 250%;
}
.Service .ServiceInner {
	padding: 20px 20px 80px 20px;
}
.Service .ServiceInner > p {
	margin-bottom: 40px;
}
.Service .ServiceInner .ServiceList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.Service .ServiceInner .ServiceList li {
	position: relative;
	/*margin-bottom: 20px;*/
	width: calc((100% - 45px) / 4);
	overflow: hidden;
	/*202504改訂*/
	/*height: 150px;*/
	margin-bottom: 15px;
}
.Service .ServiceInner .ServiceList > li .Img {
	/*202504改訂*/
	/*-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;*/
	overflow: hidden;
	height: 150px;
	position: relative;
}
/*.Service .ServiceInner .ServiceList > li .Img:hover {
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.Service .ServiceInner .ServiceList > li img {
	width: 100%;
}*/
.Service .ServiceInner .ServiceList li .Img img{
	width: 100%;
	position: absolute;
	top: 50%;
	/*202504改訂*/
	/*transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}
.Service .ServiceInner .ServiceList li a:hover .Img img,
.Service .ServiceInner .ServiceList li a:active .Img img {
	-moz-transform: translateY(-50%) scale(1.1);
	-ms-transform: translateY(-50%) scale(1.1);
	-webkit-transform: translateY(-50%) scale(1.1);
	transform: translateY(-50%) scale(1.1);
}
.Service .ServiceInner .ServiceList > li .Txt {
	/*202504改訂*/
	/*position: absolute;
	bottom: 0;
	background: rgba(255, 255, 255, .8);
	text-align: center;
	width: 100%;
	padding: 10px 3px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.3;*/
	height: calc(100% - 150px);
	padding: 15px 15px 0;
	border: 1px solid #ddd;
	border-top-style: none;
}
.Service .ServiceInner .ServiceList li a {
	/*202504改訂*/
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.Service .ServiceInner .ServiceList > li a:visited, .Service .ServiceInner .ServiceList > li a:link, .Service .ServiceInner .ServiceList > li a:active, .Service .ServiceInner .ServiceList > li a:hover {
	color: #333;
}
/*202504追記*/
#Contents.Service .ServiceInner .ServiceList > li .Txt h2 {
	text-align: left;
	font-size: 110%;
	line-height: 130%;
}
#Contents.Service .ServiceInner .ServiceList > li .Txt h2:after {
	display: none;
}
#Contents.Service .ServiceInner .ServiceList > li .Txt h2 span {
	display: inline;
	padding: 0 20px 0 0;
	font-size: 100%;
	color: inherit;
	background-color: transparent;
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_hd.gif);
	background-repeat: no-repeat;
	background-position: right 2px center;
	background-size: 16px 16px;
	transition: all 0.3s;
}
#Contents.Service .ServiceInner .ServiceList > li a:hover .Txt h2 span,
#Contents.Service .ServiceInner .ServiceList > li a:active .Txt h2 span {
	background-position: right center;
}
@media screen and (max-width: 1304px) {
	.JS .Service #BrandingImageWrap {
		width: calc(100% + 30px);
		margin-left: -15px;
		padding: 0 15px;
	}
	/*.JS .Service .ServiceInner .ServiceList > li .Txt {
		font-size: 90%;
	}/*202504改訂*/
}
@media screen and (max-width: 994px) {
	.JS .Service .ServiceInner .ServiceList> li {
		/*width: calc((100% - 20px) / 2);*/
		/*202504改訂*/
		width: calc((100% - 15px) / 2);
	}
	/*.JS .Service .ServiceInner .ServiceList > li .Txt {
		font-size: 110%;
		padding: 3% 5px;
	}*/
}
@media screen and (max-width: 767px) {
	.JS .Service #BrandingImageWrap {
		height: 180px;
	}
	.JS .Service #BrandingImageWrap h1 {
		font-size: 200%;
	}
	
}
@media screen and (max-width: 579px) {
	.JS .Service .ServiceInner .ServiceList> li {
		width: 100%;
	}
	.JS .Service #BrandingImageWrap h1 {
		font-size: 175%;
	}
	/*202504改訂*/
	/*.JS .Service .ServiceInner .ServiceList > li .Img {
		height: 200px;
	}
	.JS .Service .ServiceInner .ServiceList li {
		height: 200px;
	}*/
}
@media screen and (max-width: 399px) {
	.JS .Service #BrandingImageWrap h1 {
		font-size: 120%;
	}
}