@charset "utf-8";

/*about_us_seciton*/
.about_us_section  {
  padding-top: 30px;
  background-color: #E5E7F0;
}



.about_back_img_p {
  padding-bottom: 160px;
  margin-bottom: 30px;
 background: url(../img/herumetto_icon.png), url(../img/index_challeng.png);
	    background-size: 50%,45%;
	    background-position:bottom right,bottom 5px left;
	    background-repeat: no-repeat;
}

/*about_us_seciton*/

/*service_seciton*/

.service_box_div_dl {
  border-radius: 5px;
  position: relative;
   flex-basis: 40vw;
  margin: 10px 1vw 0;
  max-width: 360px;
}

.service_box_div {
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between; 
  background: url(../img/back_tekkotu.png);
	    background-size: 50%;
	    background-position:bottom right;
	    background-repeat: no-repeat;
}



.service_box_div_dd {
  width: 150px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 5px 0 10px 0;
  font-size: 15px;
  text-align: center;
}



.service_box_div_dl img{
  border-radius: 5px;
  object-fit: cover;
}



/*service_seciton*/

/*recruit_section*/
.recruit_section {
  display: block;
  background-image: url(../img/recruit_back_sp.jpg);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.layout_div_recruit {
  background-color:rgba(37, 37, 37, 0.65); 
  padding: 0 5vw 20px 5vw;
}
/*recruit_section*/



@media only screen and (min-width: 767px) {

/*service_section*/

.tab_50_div {
  width: 50%;
}

.back_w_p {
  background-color: #fff;
  padding: 2.5px 5px;
}

.service_back_img_p {
  background-image: none;
  padding-bottom: 0;
}


.service_box_div {
  margin-top: 30px;
  background-position: bottom center;
  background-size: 30%;
}


.service_box_div_dl {
  flex-basis: 30%;
}

/*service_section*/

/*recruit_section*/
.recruit_section {
  background-image: url(../img/recruit_back_pc.jpg);
}

.layout_div_recruit {
  width: 50%;
  max-width: 460px;
}
/*recruit_section*/

/*about_us_section*/

.about_back_img_p {
  background-image: none;
}

.pc_layout_div {
  display: flex;
  align-items: flex-start; 
}


.pc_layout_box_1_div {
  align-self: stretch;
 flex-basis: 50%;
 order: 2;
 background: url(../img/herumetto_icon.png);
	    background-size: 50%;
	    background-position:bottom 10px right;
	    background-repeat: no-repeat;
}

.pc_layout_box_2_div {
  order: 1;
 max-width: 450px;
 flex-basis: 50%;
}

.about_back_img_p {
padding-bottom: 0;
    margin-bottom: 20px;
}


.sab_title_p  {
  letter-spacing: .05em;
  line-height: 2;
  font-size: 30px;
}

.tategagi_p {
  margin: -100px auto 0;
writing-mode: vertical-rl;
}

.margin_top_none  {
  margin: 40px 0 40px;
}

/*about_us_section*/

}

@media only screen and (min-width: 1000px) {

/*service_seciton*/


/*service_seciton*/


.pc_max_widh_960 {
  margin: 0 auto;
  max-width: 1060px;
}


}


@media only screen and (min-width: 1200px) {


/*about_us_section*/

.pc_max_widh_div {
background: url(../img/herumetto_icon.png);
	    background-size: 25%;
	    background-position:bottom 80px right;
	    background-repeat: no-repeat;
      padding-top: 50px;
      padding-bottom: 100px;
}

.pc_layout_box_1_div {
  background-image: none;
}

.pc_layout_box_1_div {
flex-basis: 60%;
}

.tategagi_p {
        margin-left: 7vw;
    }

/*about_us_section*/


/*service_seciton*/

.service_section_back_div  {
	    background-size: 70%;
      background-position: top right;
}

.service_box_div_dl {
  margin-left:19px ;
  margin-right: 19px;
}


/*service_seciton*/

/*work_section*/
.pc_max_widh_1200 {
max-width: 1200px;
margin: 0 auto;
padding: 0;
}

/*work_section*/

}