@charset "UTF-8";

.no_mv.recruit_page .all_wrap{
  padding-top: 6rem;
}

.recruit_h1 {
	display: none;
    text-transform: uppercase;
    font-size: 7vw;
    border-bottom: solid 1px #fc5087;
    width: 84%;
    text-align: center;
    font-weight: 600;
    color: #fc5087;
    margin: 0% auto 10%;
    padding-top: 30%;
    padding-bottom: 2%;
}
.header-ttl {
   font-size: 1.6rem;
    padding-bottom: 5%;
    font-weight: bolder;
    border-bottom: solid 1px #fc5087;
}
.head-top3{
  display: flex;
  background: url("../interview_images 2/maruhead-sp.jpg");
  width: 100%;
  background-repeat: no-repeat;
  
  background-size: cover;
  height: 40rem;
  position: relative;
}
.head-top3.katou{
  background-image: url("/recruit/interview_images 2/satop.jpg");
}
.head-top3.hori{
  background-image: url("/recruit/interview_images 2/gome1_sp.jpg");
}
.head-top3.maruta{
  background-image: url("/recruit/interview_images 2/ootakihead-sp.jpg");
}
.head-top3.tanaka{
  background-image: url("/recruit/interview_images 2/yamadaheadsp.jpg");
}
.head-top3.kusu{
  background-image: url("/recruit/interview_images 2/kusuhedsp.jpg");
}
.head-top3.komori{
  background-image: url("/recruit/interview_images 2/asammiheadsp.jpg");
}
.header-gp {
  position: absolute;
  background-color: rgba(250,250,250,0.8);
  width: fit-content;
  bottom: 0;
  right: 0;
  padding: 1.6rem 2.2rem;
}	
/* .flex {
    flex-direction: column;
    margin-top: 0;
}.flex2{
    flex-direction: column-reverse;
    margin-top: 0;
} */
.flex_txt {
    width: 100%;
    padding: 0;
}.flex_txt2{
    width: 100%;
    padding: 0;
}
.img_1, .img_2 {
    width: 100%;
    padding: 2% 0 0%;
}
.header-gp ul {
    font-size: 4.4vw;
}

.all{
    /* width: 90%; */
    padding: 1em 0em 1em;
    margin-bottom: 16%;
	}
.all li{
        font-size: 4vw;
	    font-weight: 300;
    line-height: 1.8;
    padding-bottom: 8%;
}	

.h2{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: .5em;
  border-bottom: solid 1px #fc5087;
  padding: 1.6rem 0 1rem;
}
.h3{
  font-size: 1.4rem;
  padding-bottom: 1%;
  font-weight: bold;
  padding: 6% 0 2%;
}
.flex_txt{
  margin-left: 0;
}


/* CSS Document */


@media (min-width: 860px){

  .no_mv.recruit_page .all_wrap{
    padding-top: 5.9rem;
  }

  .head-top3{
  display: flex;
      background: url("../interview_images 2/maruhead.jpg");
      width: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
  }
  .head-top3.hori{
    background-image: url("/recruit/interview_images 2/gome1.jpg");
  }
  .head-top3.maruta{
    background-image: url("/recruit/interview_images 2/ootakihead 2.jpg");
  }
  .head-top3.tanaka{
    background-image: url("/recruit/interview_images 2/yamadahead.jpg");
  }
  .head-top3.kusu{
    background-image: url("/recruit/interview_images 2/kusuhed.jpg");
  }
  .head-top3.komori{
    background-image: url("/recruit/interview_images 2/asami-head.jpg");
  }
  .header-gp {
    position: absolute;
    background-color: rgba(250,250,250,0.8);
    bottom: 0;
    right: 0;
    padding: 2.2rem 2.4rem;
  }	
  .header-ttl{
      font-size: 2.6rem;
      padding-bottom: 1rem;
      font-weight: bolder;
      border-bottom: solid 1px #fc5087;
  }
  .point{
      padding-top: 0;
  }
  .recruit_h1 {
      text-transform: uppercase;
      font-size: 4vw;
      border-bottom: solid 1px #fc5087;
      width: 47%;
      color: #fc5087;
      text-align: center;
      font-weight: 600;
      margin: 13% auto 3%;
      padding-bottom: 1%;
  }
  .h2 {
    font-size: 2.4rem;
    padding: 3rem 0 1rem;
  }
  .header-gp ul {
      font-size: 2.4vw;
      padding-right: 8%;
      line-height: 1.7;
      padding-top: 4%;
  }
  .all{
      width: 86%;
      margin-left: 7%;
      margin: 0 auto 3em;
      font-weight: bold;
  }
  .all li{
      font-size: 1.1rem;
      line-height:1.6;
      padding: 1% 0 1%;
      font-weight: 300;
      
  }
  .flex{
      display: flex;
      align-items: center;
  }
  .flex2{
      display: flex;
      align-items: center;
  }
  .flex_txt{
      width: 50%;
      margin-left: -20%;
          /* padding: 6% 3% 3%; */
  }
  .flex_txt2 {
      width: 70%;
      margin-right: -19%;
      /* padding: 4% 4% 3% 0%; */
      z-index: 2;
  }
  .img_1,.img_2{
  width: 90%;
      padding: 2% 0 0%;
  }

}

@media (min-width: 1200px){
  .head-top3{
    height: 40vw;
  }
}