/* slide jquery */


#slide-box{
	display:block;
	background-color:#000;
	margin:0;
	width:100%;
	text-align:center;
	border-radius:5px;
	background-color:#aaa;
	overflow:auto;
}
#slide-box div{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:5px;
}
#slide-box img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}


#slide-nav-wrap{
	display:block;
	font-size:0.9em;
	font-weight:bold;
	padding:2px auto;
	text-align:center;
}
#slide-nav{
	display:inline;
	color:#fff;
	margin-right:30px;
}
#slide-nav span{
	display:inline;
	color:#11677f;
	padding:2px 5px 1px 5px;
	margin-right:3px;
	cursor:pointer;
}

#slide-nav span.activeSlide{
	opacity:0.5;
}

#slidebox-end{
	height:10px;
	background-color:#2e3192;
	border-bottom:20px solid #C5B199;
}
div.home-inner{
	width:100%;
	margin:0 auto;
	}

div.element-title{
	color:#11677f;
	width:85%;
	margin:0 auto;
	line-height:70px;
	font-size:1.8em;
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #FF3C7B;
	}
div.element-title a{color:#11677f;}

div.element-cc{
	color:#11677f;
	width:85%;
	margin:20px auto;
	font-size:1em;
	font-weight:bold;
}

ul#slider{
	width:950px;
	margin:0;
	padding:0;
	height:110px;
}
ul#slider li img{
	width:188px;
	height:108px;
	border:1px solid #fff;
	}


div#news div.home-inner{
	padding-bottom:25px;
	}
div.home-inner div#news-inner-rap{
	margin:25px;
	}
div.home-inner div#news-inner-rap span{
	display:block;
	font-size:0.8em;
	line-height:25px;
	}
div.home-inner div#news-inner-rap div.news-title{
	line-height:25px;
	}

a.innerbottombt{
	display:block;
	text-align:center;
	margin:0 auto;
	color:#fff;
	width:50%;
	font-size:1.5em;
	line-height:200%;
	background-color:#063c49;
	border-radius:3px;
}
a.innerbottombt2{
	display:block;
	bottom: auto;
	text-align:center;
	margin:40px auto;
	color:#fff;
	width:70%;
	font-size:1em;
	line-height:160%;
	padding:5px 0;
	background: rgba(26,155,191,0.75);
}

/* tech */
div#tech a.tech-tile{
	display:block;
	float:left;
	width:50%;
	text-align:center;
}
div#tech a.tech-tile div.tech-thumbnail{
	width:100%;
	height:190px;
	overflow:hidden;
	margin-bottom:-190px;
}
div#tech a.tech-tile img{
	width:100%;
	height:auto;
}

div#tech div.tech-onerap{
	position: relative;
	background-size:cover;
	background-repeat:no-repeat;
}
div#tech div.tech-onerap:before{
	content:"";
	display: block;
	padding-top: 67%; /* 高さを幅の75%に固定 */
}
div#tech div#tech1:before{
	content:"";
}
div#tech div#tech2:before{
	content:"";
}
div#tech div.tech-onerap div#servicetitle{
	position: absolute;
	top: 20%;
	left: 0;
	bottom: auto;
	right: 0;
	text-align:center;
	margin:0 auto;
	color:#11677f;
	width:80%;
}
div#tech div.tech-onerap div#upper{
	font-size:1.4em;
	line-height:200%;
	border-bottom:1px solid #FF3C7B;
	margin-bottom:10px;
}
div#tech div.tech-onerap div#lower{
	font-size:0.85em;
	line-height:160%;
}

div.home-inner a.link1nd{
	position: absolute;
	top: 90%;
	left: 0;
	bottom: auto;
	right: 0;
	text-align:center;
	margin:0 auto;
	color:#fff;
	width:90%;
	font-size:1em;
	line-height:180%;
	padding:5px 0;
	background: rgba(26,155,191,0.75);
}
div#tech div.tech-onerap .link2nd{
	position: absolute;
	top: 65%;
	left: 0;
	bottom: auto;
	right: 0;
	text-align:center;
	margin:0 auto;
	color:#fff;
	width:90%;
	font-size:1.3em;
	line-height:180%;
	padding:5px 0;
	background: rgba(26,155,191,0.8);
}
/* recruit */
div#recruit{
	width:100%;
	position: relative;
	background-image:url(img/home/onlyone.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	content:"";
	display: block;
	padding-top: 48%; /* 高さを幅の75%に固定 */
}

div#recruit a{
	position: absolute;
	top: 70%;
	left: 0;
	bottom: auto;
	right: 0;
	text-align:center;
	margin:0 auto;
	color:#fff;
	width:50%;
	font-size:1.5em;
	line-height:200%;
	background-color:#063c49;
	border-radius:3px;
}

div#csr{
	width:100%;
	padding-top:280px;
	background-image:url(img/home/csr.jpg);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:top center;
}
div#csr before{
	content:"";
	display: block;
	padding-top: 67%;
}

div#csr div#csrbt-rap div{
	float:left;
	width:50%;
}
div#csr div#csrbt-rap div a{
	color:#063c49;
	display:block;
	margin:0.3em auto;
	width:85%;
	font-size:1.1em;
	text-align:center;
	line-height:200%;
	background: rgba(255,255,255,0.75);
	border-radius:3px;
}