#service #header {
  position: relative;
  z-index:0;
}

#service_tit{
	background:url(../img/service/bg_01.jpg) center top no-repeat;
	background-size: cover;
	height:575px;
	margin-top:-80px;
	background-position: bottom;

}
#service_tit h2{
	padding-top:128px;
	text-align:left;
	width:100%;
	color:#ffffff;
	line-height:49px;
	font-weight:bolder;
	font-size:19px;
}
#service_tit h2 img{
	width:20.34%;
	max-width:179px;
}

#service_tit_info{
	margin-top:100px;
}
#service_tit_info h3{
	width:68.984%;
	max-width:501px;
	margin:0 auto;
	color:#666666;
	font-weight:bold;
	margin-bottom:76px;
}
#service_tit_info h3 img{
	width:100%;
}
#service_tit_info .tit_info_txt{
	width:38.953%;
	padding-right:2.5%;
}
#service_tit_info .tit_info_txt h4{
	margin-top:40px;
	margin-bottom:20px;
	font-weight:bold;
}
#service_tit_info .tit_info_img{
	width:49.921%;
}
#service_tit_info .tit_info_img img{
	width:100%;
}
#service_tit_info .tit_info_txt p{
	line-height:30px;
}

#service_tit_info .tit_info_02 .tit_info_img{
	width:50.0%;
	padding-right:2.5%;
}
#service_tit_info .tit_info_02 .tit_info_txt{
	width:38.953%;
}

#service .contact_box{
	width:47.968%;
	margin:66px auto 114px;
	padding:12px 18px;
	border:#cccccc 1px solid; 
}
#service .contact_box .float_L{
	font-weight:bold;
	font-size:150%;
	width:29.971%;
	padding-right:3.745%;
	box-sizing:border-box;
}
#service .contact_box .float_R{
	width:70.029%;
}
#service .contact_box .contact{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.contact_box .contact a{
	color:#ffffff;
	background-color:#f7931e;
	padding:8px 0;
	display:block;
}
.contact_box .contact a:hover{
	opacity:0.8;
}
#future{
	margin-bottom:120px;
}
#future h3{
	margin-bottom:93px;
}
#future .future_info .float_L{
	width:47.954%;
}
#future .future_info .float_L img{
	width:100%;
}
#future .future_info .float_R{
	width:47.954%;
}
#future .future_info .float_R h4{
	margin-bottom:22px;
}


/*16/12/14 �lj�
-----------------------------------------------*/

#case{
	margin:110px 0;
}

#case .inner_container h3{
	width:17.615%;
	margin:0 auto 50px;
}

#case .inner_container h3 img{
	width:100%;
}

#case .inner_container .case_inner{
	width:100%;
	margin:0 auto;
}

#case .inner_container .case_inner:nth-of-type(1){
	margin-bottom:40px;
}

#case .inner_container .case_inner dl{
	width:47.954%;
}

#case .inner_container .case_inner dl dt{
	width:100%;
	margin-bottom:20px;
}

#case .inner_container .case_inner dl dt img{
	width:100%
}
#case .inner_container .case_inner a:hover{
	text-decoration:underline;
}


#client h3{
	width:22.159%;
	display:inline-block;
	vertical-align:bottom;
	margin-right:1.136%;
}
#client h3 img{
	width:100%;
}
#client p{
	display:inline-block;
}
#client .client_tit{
	margin-top:30px;
	margin-right:3.409%;
	font-size:80%;
}
#client .client_tit:last-child{
	margin-right:0;
}


@media only screen and (max-width: 1096px){
#client .client_tit{
	font-size:100%;
	margin-right:19.854%;
}
#client .client_tit:nth-child(3){
	margin-right:21.054%;
}
#client .client_tit:nth-child(2){
	margin-right:0;
}
}

.txt-img{
	width: 100%;
}

.txt-img img{
	width: 40%;
	margin: 10px;
}

/* �X�}�z�ԗp�@960px�ȉ�
------------------------------------------------------------*/
@media only screen and (max-width: 960px){

#service_tit{
	background:url(../img/service/bg_01.jpg) left center no-repeat;
	background-size:cover;
	height:400px;
	margin-top:-180px;
}
#service_tit h2 {
    padding-top: 310px;
}
#service_tit h2 img {
    width: 55%;
}
#service_tit_info {
	width:90%;
    margin: 30px auto 0;
}
#service_tit_info h3{
	width: 90%;
    margin: 0 auto;
	margin-bottom:30px;
}
#service_tit_info .tit_info_01 .float_R{
	float:none;
}
#service_tit_info .tit_info_img {
    width: 100%;
}
#service_tit_info .tit_info_txt {
    width: 100%;
}
#service_tit_info .tit_info_txt h4 {
    margin-top: 20px;
}

#service_tit_info .tit_info_02{
	margin-top:30px;
	margin-bottom:30px;
}
#service_tit_info .tit_info_02 .float_L{
	float:none;
}
#service_tit_info .tit_info_02 .tit_info_img {
    width: 100%;
}
#service_tit_info .tit_info_02 .tit_info_txt {
    width: 100%;
}
#service_tit_info .tit_info_txt {
    padding-right: 0;
}

#service_tit_info .tit_info_03 .float_R{
	float:none;
}
#service .contact_box {
    width: 90%;
	margin: 50px auto 30px;
	box-sizing:border-box;
}
.contact_box .float_L{
	float:none;
	width:100% !important;
}
.contact_box .float_R{
	float:none;
	width:100% !important;
}

#future h3 {
    margin-bottom: 50px;
}

.future_info .float_L{
	float:none;
	width:100% !important;
}
.future_info .float_R{
	float:none;
	width:100% !important;
}


#client  .client_tit:first-child{
	margin-top:20px;
}

#client .client_tit{
	float:none;
	margin-top:0;
}


#case .inner_container h3{
	width:30%;
}
#case .inner_container .case_inner dl {
    width: 100%;
	float:none;
}
#case .inner_container .case_inner dl dt {
    margin-bottom: 0px;
}
#case .inner_container .case_inner dl dd{
    margin-bottom: 20px;
}
#case .inner_container .case_inner:nth-of-type(1) {
    margin-bottom: 0px;
}















































}