@charset "utf-8";
/* CSS Document */

*{
  font-family: "ヒラギノ角ゴ Pro w1", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, yu-gothic-pr6n,YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  

/*##################################################################################################*/

@media (min-width:960px) {
.top_box {
  width: auto;
  height: 310px;
  padding: 0px 0px 0px 0;
  background-image:url("../img/service/servicetop.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.9;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
   z-index: 1;
   text-align: center;
   margin-bottom: 15px;

   }	


 .top_copy{
  width: auto;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 88px;
  color: #fff;
  font-family: Inter;
  font-weight: 600;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  letter-spacing: normal;
  text-align: center;

 }

 .top_text{
  width: auto;
  margin: 0;
   font-family: 'YuGothic', sans-serif !important;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
    
   }

   .pan {
    width: 99px;
    height: 18px;
    margin: 14px 5px 50px 83px;
    font-family: 'YuGothic', sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #707070;
    }

.gbox{
 width: auto;
 height: auto;

    
}   



.gbox .context01{
  font-size: 28px;
  font-family: 'YuGothic', sans-serif !important;
  text-align: center;
  color: #3b3b3b;
  margin-bottom: 16px;
  font-weight: bold;
  margin-top: 56px;

}



 
.gbox .context02{
    font-size: 20px;
    font-family: 'YuGothic', sans-serif !important;
  text-align: center;
  color: #3b3b3b;
  margin-bottom: 48px;

}



.s_box01{
  width: 630px;
  height: 194px;
  background-image: url(../img/service/servicekigyou.jpg);
	background-repeat: no-repeat;
	background-size: contain;
  float: left;
  margin: 0 0 0 83px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
	
}

.s_box01 .text01{
  width: 160px;
  height: 26px;
   font-family: 'YuGothic', sans-serif !important;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
margin-left: 187px;
margin-top: 20px;
}

.s_box01 .text02{
  width: auto;
  height: auto;
  margin: 32px 15px 0 187px;
 font-family: 'YuGothic', sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: r;
  color: #fff;
}


.s_box02{
   width: 630px;
  height: 194px;
  background-image: url(../img/service/servicebengoshi.jpg);
	background-repeat: no-repeat;
	background-size: contain;
  float: left;
  margin: 32px 0 106px 83px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
}
 

.s_box02 .text01{
  width: 300px;
  height: 26px;
    font-family: 'YuGothic', sans-serif !important;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
margin-left: 187px;
margin-top: 40px;
}

.s_box02 .text02{
 width: auto;
  height: auto;
  margin: 32px 0px 0 187px;
  font-family: 'YuGothic', sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.s_box03{
  width: 120px;
  height: 232px;
  background-image: url(../img/service/orenge.png);
  float: left;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center center;
	


}

.s_box03 .text01{
  font-family: 'YuGothic', sans-serif !important;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #464646;
  padding-top: 150px;
}

.s_box04{
  width: 120px;
  height: 232px;
  background-image: url(../img/service/orenge02.png);
  float: left;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center center;

}

.s_box04 .text01{ font-family: 'YuGothic', sans-serif !important;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #464646;
  padding-top: 150px;
}

.s_box05{
  width: 294px;
  height: 496px;
  background-image: url(../img/service/service01.jpg);
  float: right;
  background-repeat: no-repeat;
  margin-right: 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);

}



.ser02box01{
width: 98%;
    height: auto;
	overflow: hidden;
    margin: 0 0 80px 0;
    float: left;
    background-color: #f8f8f8;
	padding-bottom: 80px;
	
} 

.ser02box01 .img{
  width: 10px;
  height: 30px;
  margin: 50px 0 32px 0px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
  background-image: linear-gradient(to bottom, #ee9404, #e9cd0e);
  color: #3b3b3b;
  margin-left: 3%;

}
.ser02box01 .text01{
  width: 1100px;
 font-family: 'YuGothic', sans-serif !important;	
  font-size: 28px;
  margin: 50px 0 32px 0px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3b3b3b;
  line-height: 30px;
	padding-left: 15px;	

   
}

.ser02box01 .ore {
  width: 218px;
  height: 33px;
  margin: -1px 50px 50px 50px;
  float: right;
  padding: 6px 16px 0px 16px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
    }

  .ser02box01 .ore .text{
   color: #fff;
     font-family: 'YuGothic', sans-serif !important;	
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    display:flex;
    justify-content: space-between; 
  
    }

 .ser02box01 .ore .text a,
    a:link,
    a:visited {
      text-decoration:none;
            color:#fff;
    }
 .ser02box01  .ore .text  a:hover {
      text-decoration:none;
            color:#fff;
      opacity: 0.7;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)";
    }

	.ser02box01 .ore img{
      float: right;


    }   

.ser03box01{
width: 97%;
    height: auto;
	overflow: hidden;
   margin: 0;
  margin-left: auto;
  margin-right: auto;
  float: none;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  margin-top: 80px;

  
} 

.ser03box01 .text01{
font-family: 'YuGothic', sans-serif !important;	
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: r;
  color: #3b3b3b;
  line-height: 30px;
  padding-left: 430px;


} 

.ser03box01 .ber{
  width: 200px;
  height: 4px;
  margin: 0 0 0 200px  ;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
   padding-left: 460px;
   margin-top: -25px;

} 

.ser03box01 .box01{
  width: 420px;
  height: 250px;
  margin: 0;
  float: left;
background-image: url(../img/service/service02.gif);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  background-repeat: no-repeat;
margin-left: auto;
} 

.ser03box01 .text02{
width: auto;
height: auto;
	overflow: hidden;
   font-family: 'YuGothic', sans-serif !important;	
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3b3b3b;
  line-height: 30px;
padding-top: 20px;
	padding-left: 30px;
float: right bottom;
margin-right: 20px;
} 

.ser03box01 .ore {
  width: 218px;
  height: 33px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
	margin-top: 10px;

    }

  .ser03box01 .ore .text{
   color: #fff;
     font-family: 'YuGothic', sans-serif !important;	
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    display:flex;
    justify-content: space-between; 
  
    }
  
.ser04box01{
 width: 97%;
    height: auto;
	overflow: hidden;
   margin: 0;
  margin-left: auto;
  margin-right: auto;
  float: none;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  margin-top: 80px;
 

} 

.ser04box01 .text01{
   font-family: 'YuGothic', sans-serif !important;	
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3b3b3b;
  line-height: 24px;
padding-top: 15px;
padding-left: 10px;

} 
.ser04box01  .ber{
  width: 284px;
  height: 4px;
  margin: 0px 0 24px 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
  margin-top: -20px;


} 

.ser04box01 .box01{
  width: 420px;
  height: 232px;
background-image: url(../img/service/service03.gif);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
background-repeat: no-repeat;
float: right;
margin-left: 0px;	
	

    
} 

.ser04box01 .text02{
 width: auto;
height: auto;
  font-family: 'YuGothic', sans-serif !important;	
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3b3b3b;
  line-height: 30px;
padding-left: 32px;
	padding-right: 450px;
	padding-bottom: 30px;

} 
  
.ser04box01 .ore {
  width: 311px;
  height: 33px;
  margin: -1px 50px 50px 50px;
  float: left;
  padding: 6px 16px 0px 16px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
	margin-left: 200px;
    }

  .ser04box01 .ore .text{
   color: #fff;
     font-family: 'YuGothic', sans-serif !important;	
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    display:flex;
    justify-content: space-between; 
  
    }


.ser05box01{
width: 97%;
    height: auto;
	overflow: hidden;
   margin: 0;
  margin-left: auto;
  margin-right: auto;
  float: none;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  margin-top: 80px;

  
} 

.ser05box01 .text01{
   font-family: 'YuGothic', sans-serif !important;	
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: r;
  color: #3b3b3b;
  line-height: 30px;
  padding-left: 460px;


} 

.ser05box01 .ber{
  width: 160px;
  height: 4px;
  margin: 0 0 0 200px  ;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
   padding-left: 420px;
   margin-top: -25px;

} 

.ser05box01 .box01{
  width: 420px;
  height: 250px;
  margin: 0;
  float: left;
background-image: url(../img/service/service04.gif);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  background-repeat: no-repeat;
margin-left: auto;

} 

.ser05box01 .text02{
width: auto;
height: auto;
	overflow: hidden;
   font-family: 'YuGothic', sans-serif !important;	
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3b3b3b;
  line-height: 30px;
padding-top: 20px;
	padding-left: 30px;
float: right bottom;
margin-right: 20px;
} 

.ser05box01 .ore {
  width: 300px;
  height: 33px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
	margin-top: 10px;

    }

  .ser05box01 .ore .text{
   color: #fff;
     font-family: 'YuGothic', sans-serif !important;	
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    display:flex;
    justify-content: space-between; 
  
    }

.ser06box01{
 width: 97%;
    height: auto;
	overflow: hidden;
   margin: 0;
  margin-left: auto;
  margin-right: auto;
  float: none;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  margin-top: 80px;
 

} 

.ser06box01 .text01{
   font-family: 'YuGothic', sans-serif !important;	
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3b3b3b;
  line-height: 24px;
padding-top: 15px;
padding-left: 10px;

} 
.ser06box01  .ber{
  width: 284px;
  height: 4px;
  margin: 0px 0 24px 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
  margin-top: -20px;


} 

.ser06box01 .box01{
  width: 420px;
  height: 232px;
background-image: url(../img/service/service06.gif);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
background-repeat: no-repeat;
float: right;
margin-left: 0px;	
	

    
} 

.ser06box01 .text02{
 width: auto;
height: auto;
  font-family: 'YuGothic', sans-serif !important;	
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3b3b3b;
  line-height: 30px;
padding-left: 32px;
	padding-right: 450px;
	padding-bottom: 30px;

} 
  
.ser06box01 .ore {
  width: 260px;
  height: 33px;
  margin: -1px 50px 50px 50px;
  float: left;
  padding: 6px 16px 0px 16px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
	margin-left: 150px;
    }

  .ser06box01 .ore .text{
   color: #fff;
     font-family: 'YuGothic', sans-serif !important;	
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    display:flex;
    justify-content: space-between; 
  
    }
	
.ser07box01{
width: 97%;
    height: auto;
	overflow: hidden;
   margin: 0;
  margin-left: auto;
  margin-right: auto;
  float: none;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  margin-top: 80px;

  
} 

.ser07box01 .text01{
   font-family: 'YuGothic', sans-serif !important;	
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: r;
  color: #3b3b3b;
  line-height: 30px;
  padding-left: 430px;


} 

.ser07box01 .ber{
  width: 160px;
  height: 4px;
  margin: 0 0 0 200px  ;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
   padding-left: 420px;
   margin-top: -25px;

} 

.ser07box01 .box01{
  width: 420px;
  height: 297px;
  margin: 0;
  float: left;
background-image: url("../img/service/service05.png");
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  background-repeat: no-repeat;

} 

.ser07box01 .text02{
width: auto;
height: auto;
	overflow: hidden;
   font-family: 'YuGothic', sans-serif !important;	
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3b3b3b;
  line-height: 30px;
padding-top: 20px;
	padding-left: 30px;
float: right bottom;
margin-right: 20px;
} 

.ser07box01 .ore {
  width: 300px;
  height: 33px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
	margin-top: 10px;

    }

  .ser07box01 .ore .text{
   color: #fff;
     font-family: 'YuGothic', sans-serif !important;	
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    display:flex;
    justify-content: space-between; 
  
    }


.ser07box01  .text02 .wbox{
  width: 326px;
  height: 34px;
   margin: 24px 1px 0px 0;
  padding: 8px 0px 0 0;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
   background: linear-gradient(to right, #f8f8f8 0%, #f8f8f8 60%, #fff 40%,  #fff 100%); font-family: 'YuGothic', sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4b4b4b;
     } 

  
.ser07box01 .ore {
  width: 311px;
  height: 33px;
  margin: 30px 50px 50px 50px;
  float: right;
  padding: 6px 16px 0px 16px;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
    }

  .ser07box01 .ore .text{
   color: #fff;
     font-family: 'YuGothic', sans-serif !important;	
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    display:flex;
    justify-content: space-between; 
  
    }
	

    footer a,
    a:link,
    a:visited {
      text-decoration:none;
            color:#3B3B3B;
    }
    a:hover {
      text-decoration:none;
            color:#3B3B3B;
      opacity: 0.7;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)";
    }



}
/*  ------------------------------------------------------------------------------------*/

@media screen and (min-width:960px) and ( max-width:1199px) {
	

	.s_box01{
  width: 53vw;
  height: auto;
  background-image: url(../img/service/servicekigyou.jpg);
	background-repeat: no-repeat;
	background-size: cover;
  float: left;
  margin: 0 0 0 60px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
		
}

.s_box01 .text01{
  width: 160px;
  height: 26px;
   font-family: 'YuGothic', sans-serif !important;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
margin-left: 187px;
margin-top: 20px;
}

.s_box01 .text02{
  width: auto;
  height: auto;
  margin: 15px 15px 15px 187px;
 font-family: 'YuGothic', sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}


.s_box02{
   width: 53vw;
  height: auto;
  background-image: url(../img/service/servicebengoshi.jpg);
	background-repeat: no-repeat;
	background-size: cover;
  float: left;
  margin: 32px 0 106px 60px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
}
 

.s_box02 .text01{
  width: auto;
  height: 26px;
   font-family: 'YuGothic', sans-serif !important;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
margin-left: 187px;
margin-top: 20px;
}

.s_box02 .text02{
width: auto;
  height: auto;
  margin: 15px 15px 15px 187px;
 font-family: 'YuGothic', sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
		.s_box03{
  width: 87px;
  height: 250px;
  background-image: url(../img/service/orenge.png);
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
margin-left: 10px;
	
}

.s_box03 .text01{
  font-family: 'YuGothic', sans-serif !important;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #464646;
  padding-top: 150px;

}

.s_box04{
 width: 87px;
  height: 250px;
  background-image: url(../img/service/orenge02.png);
  float: left;
  background-repeat: no-repeat;
  background-position: center ;
	margin-left: 10px;

}

.s_box04 .text01{ font-family: 'YuGothic', sans-serif !important;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #464646;
 padding-top: 150px;
}

	
	.s_box05{
  width: 260px;
		height: 450px;
  background-image: url(../img/service/service01.jpg);
  float: right;
  background-repeat: no-repeat;
		background-size: contain;
  margin-right: 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);

}

	
	
}


/*##################################################################################################*/


@media (max-width:959px) {

.header{
  z-index: 99999999;
}
	

  	
.top_box {
  width: 100%;
  height: 117px;
  min-width: 320px;
  max-width: 959px;
  margin: 52px 0 24px;
  padding: 0;
    background-image:url("../img/service/sp_servicetop.jpg");
    background-repeat:no-repeat;
    background-size: cover;
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
   
  }	
  
  .top_copy{
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-family: Inter;
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding-top: 35px;
  
   }

   .top_text{
    width: auto;
    margin: 0; font-family: 'YuGothic', sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
      
     }
  
   
   .pan {
    display: none;
    }

    .gbox{
      width: auto;
      height: auto;
             
     }   
     
        
     .gbox .context01{
       font-size: 16px;

       text-align: center;
       color: #3b3b3b;
       margin-bottom: 4px;
       font-weight: bold;
       margin-top: 56px;
    
     }
     
           
     .gbox .context02{
         font-size: 13px;
  
       text-align: center;
       color: #3b3b3b;
       margin-bottom: 24px;
     
     }
       
         
     .s_box01{
      width: 168px;
      height: 334px;
      min-width: 100px;
      max-width: 200px;
       background-image: url(../img/service/sp_servicekigyou.jpg);
       background-repeat: no-repeat;
       float: center;
       margin: 0 0 0 2%;
       box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
       background-size: cover;
       padding: 0;

              
     }
     
     .s_box01 .text01{
       width: auto;
       height: auto;
  
       font-size: 13px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;  
       line-height: normal;
       letter-spacing: normal;
       text-align: center;
       color: #fff;
    padding-top: 120px;
  
     }
     
     .s_box01 .text02{
       width: auto;
       height: auto;
       margin: 0;

       margin-top: 12px;
       font-size: 12px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       line-height: normal;
       letter-spacing: normal;
       text-align: left;
       color: #fff;
       padding: 0 10px 0 10px;
       padding-top: 20px;

     }
     
     
     .s_box02{
      width: 168px;
      height: 334px;
      min-width: 100px;
      max-width: 200px;
       background-image: url(../img/service/sp_servicebengoshi.jpg);
       float: right;
       margin: 0;
       box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
       background-repeat: no-repeat;
       background-size: cover;
         display: block;
         position: absolute;
         top: 301px;
         right: 1.5%;
       
     }
      
     
     .s_box02 .text01{
      width: auto;
       height: auto;

       font-size: 13px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;  
       line-height: normal;
       letter-spacing: normal;
       text-align: center;
       color: #fff;
    padding-top: 120px;
     }
     
     .s_box02 .text02{
      width: auto;
      height: auto;
      margin: 0;

      margin-top: 12px;
      font-size: 12px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #fff;
      padding: 0 12px 0 12px;
     }

     .s_box03{
       width: 130px;
       height: 232px;
       background-image: url(../img/service/sp_orenge.png);
       float: left;
       background-repeat: no-repeat;
       background-position: center center;
       display: block;
       position: absolute;
       top: 600px;
       left: 45px;

     
     }
     
     .s_box03 .text01{

       font-size: 18px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       line-height: normal;
       letter-spacing: normal;
       text-align: center;
       color: #fff;
       padding-top: 150px;
     }
     
     .s_box04{
       width: 154px;
       height: 232px;
       background-image: url(../img/service/sp_orenge02.png);
       float: right;
       background-repeat: no-repeat;
       background-position: center center;
       display: block;
       position: absolute;
       top: 600px;
       right: 5%;
     
     }
     
     .s_box04 .text01{   
         display: none;
      
     }
     

     .serbox01{
      width: 98%;
      margin: 0;
      height: auto;
      overflow: hidden;
      float: left;
      background-color: #f8f8f8;
      

    
      
      }


     .s_box05{
       width: 360px;
       height: 279px;
       background-image: url(../img/service/sp_service01.gif);
       float: none;
       background-repeat: no-repeat;
      background-size: cover;
       box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
        margin: 0;
       margin-left: auto;
       margin-right: auto;
       margin-top: 150px;
     
     }
       
     
     .ser02box01{
       width: 98%;
       height: auto;
       background-color: #f8f8f8;
       padding-top: 20px;
       margin-top: 40px;
       margin-left: auto;
       margin-right: auto;
       padding-bottom: 10px;

     } 
     
     .ser02box01 .img{
       width: 5px;
       height: 21px;
       box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
       background-image: linear-gradient(to bottom, #ee9404, #e9cd0e);
       color: #3b3b3b;
       text-align: left;
       float: none;
      margin-left: 5%;
            
     }

     .ser02box01 .text01{
       width: 360px;
       height: auto;
      font-family: 'YuGothic', sans-serif !important;	
       font-size: 16px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       line-height: normal;
       letter-spacing: -.5px;
       text-align: center;
       color: #3b3b3b;
       line-height: 18px;
       padding-left: 10px;
       text-align: left;
              
     }
     
     .ser02box01 .ore .text a,
     a:link,
     a:visited {
       text-decoration:none;
             color:#fff;
     }
  .ser02box01  .ore .text  a:hover {
       text-decoration:none;
             color:#fff;
       opacity: 0.7;
       filter: alpha(opacity=70);
       -ms-filter: "alpha(opacity=70)";
     }
 
     .ser02box01 .ore img{
       float: right;
 
 
     }   
     
     .ser03box01{
       width: 300px;
       min-width: 300px;
       max-width: 700px;
       height:auto;
       overflow: hidden;
       margin: 0;
       margin-left: auto;
       margin-right: auto;
       background-color: #fff;
       box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
       margin-top: 30px;
       
     
     } 
     
     .ser03box01 .text01{
        font-family: 'YuGothic', sans-serif !important;	
       font-size: 15px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
        letter-spacing: normal;
       text-align: left;
       color: #3b3b3b;
       line-height: 30px;
       padding-top: 15px ;
       margin:0;
       margin-left: 8%;
       margin-right: 5%;
    

       
            
     } 
     
     .ser03box01 .ber{
       width: 215px;
       height: 4px;
       margin:0;
       margin-left: auto;
       margin-right: auto;
       box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
       background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
      
 
     
     } 
     
     .ser03box01 .box01{
       width: auto;
       height: 150px;
       margin: 0;
       float: none;
     background-image: url(../img/service/sp_service02.gif);
       box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
       background-repeat: no-repeat;
     margin-left: 0px;
     background-size: cover;

     
     } 
     
     .ser03box01 .text02{
      width: auto;
     height: auto;
     overflow: hidden;
        font-family: 'YuGothic', sans-serif !important;	
       font-size: 13px;
       font-weight: bold;
       font-stretch: normal;
       font-style: normal;
       line-height: normal;
       letter-spacing: normal;
       text-align: left;
       color: #3b3b3b;
       margin: 0;
       margin-left: auto;
       margin-right: auto;
       padding: 12px;
     
     } 
    

     .ser03box01 .ore {
    width: 179px;
    height: auto;
    padding-left: 20px;
    margin: 5px auto 15px ;
     border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
       
         }
     
     .ser03box01 .ore .text{
        color: #fff;
          font-family: 'YuGothic', sans-serif !important;	
         font-size: 12px;
         font-weight: bold;
         font-stretch: normal;
         font-style: normal;
         line-height: 34px;
         letter-spacing: normal;
         text-align: left;
         display:flex;
         justify-content: space-between; 
         padding-top: 0px;

       
         }
        
   
         

         .ser04box01{
          width: 300px;
          min-width: 300px;
          max-width: 700px;
          height:auto;
          overflow: hidden;
          margin: 0;
          margin-left: auto;
          margin-right: auto;
          background-color: #fff;
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
          margin-top: 30px;
         
          
        
        } 
        
        .ser04box01 .text01{
           font-family: 'YuGothic', sans-serif !important;	
          font-size: 15px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          letter-spacing: normal;
          text-align: left;
          color: #3b3b3b;
          line-height: 30px;
          padding-top: 15px ;
          margin:0;
          margin-left: 15%;
          margin-right: 5%;
       
        } 
        
        .ser04box01 .ber{
          width: 215px;
          height: 4px;
          margin:0;
          margin-left: auto;
          margin-right: auto;
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
          background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
    
        
        } 
        
        .ser04box01 .box01{
          width: 300px;
          height: 150px;
          margin: 0;
          float: none;
        background-image: url(../img/service/sp_service03.gif);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
          background-repeat: no-repeat;
        margin-left: 0px;
        background-size: cover;
        
        } 
        
        .ser04box01 .text02{
         width: auto;
        height: auto;
        overflow: hidden;
           font-family: 'YuGothic', sans-serif !important;	
          font-size: 13px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #3b3b3b;
          margin: 0;
          margin-left: auto;
          margin-right: auto;
          padding: 12px;
        
        } 
        
        .ser04box01 .ore {
          width: auto;
          height: auto;
          padding-left: 20px;
          margin: 5px 10px 15px ;
           border-radius: 4px;
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
          background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
             
               }
           
           .ser04box01 .ore .text{
              color: #fff;
                font-family: 'YuGothic', sans-serif !important;	
               font-size: 12px;
               font-weight: bold;
               font-stretch: normal;
               font-style: normal;
               line-height: 34px;
               letter-spacing: normal;
               text-align: left;
               display:flex;
               justify-content: space-between; 
               padding-top: 0px;
      
             
               }

            .ser05box01{
              width: 300px;
              min-width: 300px;
              max-width: 700px;
              height:auto;
              overflow: hidden;
              margin: 0;
              margin-left: auto;
              margin-right: auto;
              background-color: #fff;
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
              margin-top: 30px;
              
              
            
            } 
            
            .ser05box01 .text01{
               font-family: 'YuGothic', sans-serif !important;	
              font-size: 15px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: left;
              color: #3b3b3b;
              line-height: 30px;
              padding-top: 15px ;
              margin:0;
              margin-left: 15%;
              margin-right: 5%;
              
                   
            } 
            
            .ser05box01 .ber{
              width: 215px;
              height: 4px;
              margin:0;
              margin-left: auto;
              margin-right: auto;
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
              background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
             
        
            
            } 
            
            .ser05box01 .box01{
              width: 300px;
              height: 150px;
              margin: 0;
              float: none;
            background-image: url(../img/service/sp_service04.gif);
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
              background-repeat: no-repeat;
            margin-left: 0px;
            background-size: cover;
            
            } 
            
            .ser05box01 .text02{
             width: auto;
            height: auto;
            overflow: hidden;
               font-family: 'YuGothic', sans-serif !important;	
              font-size: 13px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: left;
              color: #3b3b3b;
              margin: 0;
              margin-left: auto;
              margin-right: auto;
              padding: 12px;
            
            } 
            
            .ser05box01 .ore {
              width: auto;
              height: auto;
              padding-left: 20px;
              margin: 5px 10px 15px ;
               border-radius: 4px;
              box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
              background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
                 
                   }
               
               .ser05box01 .ore .text{
                  color: #fff;
                    font-family: 'YuGothic', sans-serif !important;	
                   font-size: 12px;
                   font-weight: bold;
                   font-stretch: normal;
                   font-style: normal;
                   line-height: 34px;
                   letter-spacing: normal;
                   text-align: left;
                   display:flex;
                   justify-content: space-between; 
                   padding-top: 0px;
               }
                 
			 .ser06box01{
                  width: 300px;
                  min-width: 300px;
                  max-width: 700px;
                  height:auto;
                  overflow: hidden;
                  margin: 0;
                  margin-left: auto;
                  margin-right: auto;
                  background-color: #fff;
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
                  margin-top: 30px;
                  margin-bottom: 50px;
                  
                
                } 
                
                .ser06box01 .text01{
                   font-family: 'YuGothic', sans-serif !important;	
                  font-size: 15px;
                  font-weight: bold;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  text-align: left;
                  color: #3b3b3b;
                  line-height: 30px;
                  padding-top: 15px ;
                  margin:0;
                  margin-left: 35px;
                  
                       
                } 
                
                .ser06box01  .ber{
                  width: 215px;
                  height: 4px;
                  margin:0;
                  margin-left: auto;
                  margin-right: auto;
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
                  background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
            
                
                } 
                
                .ser06box01 .box01{
                  width: 300px;
                  height: 150px;
                  margin: 0;
                  float: none;
                background-image: url(../img/service/sp_service06.gif);
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
                  background-repeat: no-repeat;
                margin-left: 0px;
                background-size: cover;
                
                } 
                
                .ser06box01 .text02{
                 width: auto;
                height: auto;
                overflow: hidden;
                   font-family: 'YuGothic', sans-serif !important;	
                  font-size: 13px;
                  font-weight: bold;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  text-align: left;
                  color: #3b3b3b;
                  margin: 0;
                  margin-left: auto;
                  margin-right: auto;
                  padding: 12px;
                
                } 
                
                .ser06box01 .ore {
                  width: 179px;
                  height: auto;
                  padding-left: 20px;
                     margin: 5px auto 15px ;
                   border-radius: 4px;
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
                  background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
                     
                       }
                   
                   .ser06box01 .ore .text{
                      color: #fff;
                        font-family: 'YuGothic', sans-serif !important;	
                       font-size: 12px;
                       font-weight: bold;
                       font-stretch: normal;
                       font-style: normal;
                       line-height: 34px;
                       letter-spacing: normal;
                       text-align: left;
                       display:flex;
                       justify-content: space-between; 
                       padding-top: 0px;
                   }
     
                   .ser06box01  .text02 .wbox{
                    width: 247px;
                    height: 26px;
                     margin: 15px 0 10px  15px;
                     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
                     background: linear-gradient(to right, #f8f8f8 0%, #f8f8f8 60%, #fff 40%,  #fff 100%); font-family: 'YuGothic', sans-serif !important;
                    font-size: 13px;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 26px;
                    letter-spacing: normal;
                    text-align: center;
                    color: #4b4b4b;
                    float: none;
                  
                       } 
                .ser07box01{
                  width: 300px;
                  min-width: 300px;
                  max-width: 700px;
                  height:auto;
                  overflow: hidden;
                  margin: 0;
                  margin-left: auto;
                  margin-right: auto;
                  background-color: #fff;
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
                  margin-top: 30px;
                  margin-bottom: 50px;
                  
                
                } 
                
                .ser07box01 .text01{
                   font-family: 'YuGothic', sans-serif !important;	
                  font-size: 15px;
                  font-weight: bold;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  text-align: left;
                  color: #3b3b3b;
                  line-height: 30px;
                  padding-top: 15px ;
                  margin:0;
                  margin-left: 35px;
                  
                       
                } 
                
                .ser07box01  .ber{
                  width: 215px;
                  height: 4px;
                  margin:0;
                  margin-left: auto;
                  margin-right: auto;
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
                  background-image: linear-gradient(to right, #ee9404 0%, #e9cd0e);
            
                
                } 
                
                .ser07box01 .box01{
                  width: 300px;
                  height: 150px;
                  margin: 0;
                  float: none;
                background-image: url(../img/service/sp_service05.gif);
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
                  background-repeat: no-repeat;
                margin-left: 0px;
                background-size: cover;
                
                } 
                
                .ser07box01 .text02{
                 width: auto;
                height: auto;
                overflow: hidden;
                   font-family: 'YuGothic', sans-serif !important;	
                  font-size: 13px;
                  font-weight: bold;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  text-align: left;
                  color: #3b3b3b;
                  margin: 0;
                  margin-left: auto;
                  margin-right: auto;
                  padding: 12px;
                
                } 
                
                .ser07box01 .ore {
                  width: auto;
                  height: auto;
                  padding-left: 20px;
                  margin: 20px 6px 6px 0;
                   border-radius: 4px;
                  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
                  background-image: linear-gradient(99deg, #ee9404 6%, #e9cd0e 100%);
                     
                       }
                   
                   .ser07box01 .ore .text{
                      color: #fff;
                        font-family: 'YuGothic', sans-serif !important;	
                       font-size: 12px;
                       font-weight: bold;
                       font-stretch: normal;
                       font-style: normal;
                       line-height: 34px;
                       letter-spacing: normal;
                       text-align: left;
                       display:flex;
                       justify-content: space-between; 
                       padding-top: 0px;
                   }
     
                   .ser07box01  .text02 .wbox{
                    width: 247px;
                    height: 26px;
                     margin: 15px 0 0px  15px;
                     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
                     background: linear-gradient(to right, #f8f8f8 0%, #f8f8f8 60%, #fff 40%,  #fff 100%); font-family: 'YuGothic', sans-serif !important;
                    font-size: 13px;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 26px;
                    letter-spacing: normal;
                    text-align: center;
                    color: #4b4b4b;
                    float: none;
                  
                       } 
                  
    
                       footer a,
                       a:link,
                       a:visited {
                         text-decoration:none;
                               color:#3B3B3B;
                       }
                       a:hover {
                         text-decoration:none;
                               color:#3B3B3B;
                         opacity: 0.7;
                         filter: alpha(opacity=70);
                         -ms-filter: "alpha(opacity=70)";
                       }
                   
                   

     
       

}