
/* ------------- PC ----------------------*/



.Grid4 .ef_pageTitle2_2{
background: #114672;
}

.Grid4 .ef_pageTitle2_1{
background-image: url("../img/hcs/bg_pgttl0.jpg");
background-size: cover;
background-position: center;
}

.Grid4 .ef_pageTitle2_2 h1{
background: url("../img/hcs/bg_ttl1.jpg") no-repeat;
background-size: auto 100%;
background-position: -200px center;
}



.Grid4 .wide1{
max-width: 1100px;
margin: 0 auto;
}

.Grid4 .wide2{
max-width: 964px;
margin: 0 auto;
}





/* -------sp01-----------*/



.ef_sp01 .CatchCopy{
font-weight: bold;
font-size: 2em;
}

.ef_sp01 .CatchCopy span{
font-weight: bold;
font-size: 0.8em;
}

.ef_sp01 p{
margin: inherit auto;
}

div.TwoBlock{
	display: flex;
	width: 100%;
}

div.TwoBlockText{
	width: 47%;
}

div.TwoBlockImg{
	width: 47%;
	margin-left: 6%;
}

div.TwoBlockImg img{
	width: 100%;
}

/* -------sp02-----------*/

.ImgOnlyStyle { border: 2px solid #ccc; padding: 3em; box-sizing: border-box; font-size: 1em; margin-bottom: 30px; }
.ImgOnlyStyle img { width: 100%; }

div.ProfileBlock{
	border: 2px solid  #ccc;
	background-color: #ddd;
	padding: 2em;
	box-sizing:border-box;
	display: flex;
	width: 100%;
}

div.ProfileBlockBox{
	width: 48%;
}
div.ProfileBlockBox:nth-child(2){
	margin-left: 4%;
}

div.ProfileBlockBox p{
	margin-bottom: 0!important;
}

div.ProfileBlockBoxImg {
	margin-bottom: 20px;
}

div.ProfileBlockBoxImg img{
	width: 100%;
}

/* -------EverFlex-----------*/
.EverFlexProfile{
padding: 3em;
box-sizing: border-box;
width:100%;
background: url("/products/it/everflex/img/EverFlex-WebBanner_0102.jpg") no-repeat;
background-size: cover;
background-position: center;
}

.BrandingText{
color: #fff;
font-size: 1.5em;
font-weight: bold;
text-shadow: 0 0 0.4em #000,0 0 0.4em #000,0 0 0.4em #000,0 0 0.4em #000;
}

.LeadText{
color: #fff;
font-size: 1em;
font-weight: bold;
text-shadow: 0 0 0.4em #000,0 0 0.4em #000,0 0 0.4em #000,0 0 0.4em #000;
}

.ButtonStyle2{
margin-top: 20px;
text-align: center;
margin: 1em auto;
font-size: 1.5em;
}

.ButtonStyle2 li{
float: none;
width: 100%;
}

.ButtonStyle2 li a{
display: block;
padding:  0.8em!important;
line-height: 1;
background-position: right 3px center;
}

.ButtonStyle2 li a:hover{
padding: 0.8em!important;
line-height: 1;
background-position: right 1px center;
}


