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

  service

---------------------------------*/
section.service_block {
  padding: 5rem 0 15rem;
}
section.service_block .wrap {
  max-width: 110rem;
  margin: auto;
  width: 90%;
}
section.service_block .wrap .service_box {
  background: #fff;
  position: relative;
}
section.service_block .wrap .service_box .txt {
  position: absolute;
  width: 30rem;
  height: 100%;
  top: 0;
	display: grid;
	align-content: center;
}
section.service_block .wrap .service_box .txt h2{
	font-size: 2.5rem;
	margin-bottom: 2rem;
	text-align: center;
	
}
section.service_block .wrap .service_box.epr {
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.30);
  margin-bottom: 7rem;
  padding-right: 30%;
}
section.service_block .wrap .service_box.epr .txt {
  right: 5%;
}
section.service_block .wrap .service_box.epr figure {
	
}
section.service_block .wrap .service_box.joho {
  box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.30);
  margin-bottom: 7rem;
	padding-left: 30%;
}
section.service_block .wrap .service_box.joho .txt {
  left: 5%;
}
section.service_block .wrap .service_box.joho figure {
	
}
section.service_block .wrap .service_box.it {
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.30);
  margin-bottom: 7rem;
  padding-right: 30%;
}
section.service_block .wrap .service_box.it .txt {
  right: 5%;
}
section.service_block .wrap .service_box.it figure {

}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
	section.service_block .wrap .service_box.epr .txt {
  width: 100%
}
section.service_block .wrap .service_box.joho .txt {
  width: 100%;
}
	section.service_block {
  padding: 3rem 0 15rem;
}
	section.service_block .wrap .service_box.epr {
  margin-bottom: 30rem;
}
section.service_block .wrap .service_box.joho {
  margin-bottom: 25rem;
}
section.service_block .wrap .service_box.it {
  margin-bottom: 10rem;
}
section.service_block .wrap .service_box .txt {
  position: none;
  width: 30rem;
  height: 100%;
  top: 0;
	display: grid;
	align-content: center;
}
section.service_block .wrap .service_box .txt h2{
	font-size: 2.5rem;
	position: absolute;
    top: 40%;
    left: 60%;
	background: #fff;
    padding: 1rem;
}
section.service_block .wrap .service_box .txt h2.title_joho{
	font-size: 2.5rem;
	position: absolute;
    top: 35%;
    left: 8%;
    background: #fff;
    padding: 1rem;
}
	section.service_block .wrap .service_box .txt p{
		position: absolute;
    top: 110%;
	    transform: translate(6%,0);
  }
	section.service_block .wrap .service_box .txt p.txt_joho{
		position: absolute;
    top: 110%;
    transform: translate(-3%,0);
	}
	section.service_block .wrap .service_box.it .txt {
  width: 100%;
}
	section.service_block .wrap .service_box .txt h2.title_it{
	font-size: 2.5rem;
	position: absolute;
    top: 35%;
    left: 60%;
    background: #fff;
    padding: 1rem;
}
h3{
	font-size: 2.5rem;
	margin-left : 1rem !important;
}
.jump-1 {
  padding-top: 200px;
  margin-top: 200px;
  height: 120px:
}	
}
@media screen and (max-width: 480px) {
	section.service_block {
  padding: 3rem 0 15rem;
}
	section.service_block .wrap .service_box.epr {
  margin-bottom: 30rem;
}
section.service_block .wrap .service_box.joho {
  margin-bottom: 25rem;
}
section.service_block .wrap .service_box.it {
  margin-bottom: 10rem;
}
section.service_block .wrap .service_box .txt {
  position: none;
  width: 30rem;
  height: 100%;
  top: 0;
	display: grid;
	align-content: center;
}
section.service_block .wrap .service_box .txt h2{
	font-size: 1.7rem;
	position: absolute;
    top: 35%;
    left: 35%;
    background: #fff;
    padding: 1rem;
}
section.service_block .wrap .service_box .txt h2.title_joho{
	font-size: 1.7rem;
	position: absolute;
    top: 35%;
    left: 2%;
    background: #fff;
    padding: 1rem;
}
	section.service_block .wrap .service_box .txt p{
		position: absolute;
    top: 110%;
	}
	section.service_block .wrap .service_box .txt h2.title_it{
	font-size: 1.7rem;
    left: 58%;
}
h3{
	font-size: 2.5rem;
	margin-left : 1rem !important;
}
.jump-1 {
  padding-top: 200px;
  margin-top: 200px;
  height: 120px:
}	
}