@charset "utf-8";
/* CSS Document */
/* responsive
------------------------------------------------------------ */
@media screen and (max-width: 1200px) {



}
@media screen and (max-width: 800px) {
  body, header, footer {
    margin: 0 auto;
    max-width: 100%;
	
  }
  img {
    max-width: 100%;
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }


header h1 {
  top:20px;
  left:25px;
  }
header h1, header img {
  width: 140px;
  }


.scmv1 {
  transition: all 0.3s ease-in;
  opacity: 1 !important;
}
.scmv2 {
  transition: all 0.3s ease-in;
  opacity: 1 !important;
}
.scmv3 {
  transition: all 0.3s ease-in;
  opacity: 1 !important;
}
.scmv4 {
  transition: all 0.3s ease-in;
  opacity: 1 !important;
}
.scmv5 {
  transition: all 0.3s ease-in;
  opacity: 1 !important;
}
.scmv6 {
  transition: all 0.3s ease-in;
  opacity: 1 !important;
}


  /* HOME
------------------------------------------------------------ */
  #top_photo {
    background-image: url(../images/top_photo_sp.png);
    height:80vh;
    width:100%;
	text-align:center;
  }
  .top_copy {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width:80%;
  }
.top_copy img {
  width:100%;
}
#top_areagrad {
  width: 100%;
  height:555px;
  background: linear-gradient(135deg, #196fd0 0%, #12dde5 100%);
  position: relative;
}
#top_areagrad .inner h2 {
  font-size:2.2rem;
  margin-bottom:40px;
}
#top_areagrad .inner p {
  font-size:1.6rem;
  line-height: 2.3;
  font-weight: 700;
}

#top_areas {
  margin:30px auto;
}
#top_areas .inner{
width:80%;
margin:0 auto;
padding: 30px 0 40px;
text-align:center;
}
.il_list {
  display: flex;
  flex-wrap: wrap;
  flex-direction:column;
  justify-content: center;
  margin-right: 0px;
}
.il_list li {
  width: 100%;
  margin:0px auto 30px;
  text-align: center;
}
.il_list li img{
margin:0px auto;
}
.il_list h5 {
  font-size: 1.8rem;
  text-align: center;
  line-height: 3;
}
.il_list p {
  font-size: 1.4rem;
}


#top_areagrap {
  width: 100%;
  height:100vh;
  background-image: url(../images/works_bg_sp.jpg);
}
#top_areagrap .inner {
width:auto;
text-align:left;
margin:0 auto;
line-height:1.4;
}

#top_area_nakami {
  margin:40px auto;
}
#top_area_nakami .inner {
  width:90%;
  margin: 0 auto;
  padding: 30px 0 40px;
  text-align: center;
}
#top_area_nakami .inner h2 {
  font-size:2.2rem;
  font-weight: 700;
  margin-bottom:40px;
}
.naka_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: -10px;
}
.naka_list li {
  width: calc(100% / 2 - 24px);
  margin-right: 10px;
  margin-bottom: 20px;
  border: 2px solid #4293c6;
  border-radius: 16px;
  padding:20px 5px;
}

#top_area_yoko {
  width: 100%;
  margin:0px auto 14px;
}
#top_area_yoko .inner {
  width:90%;
  margin: 0 auto;
  padding:0px 0 40px;
  text-align: center;
  font-size:1.4rem;
}
#top_area_yoko .inner h2 {
  font-size:2.4rem;
  margin-bottom:20px;
}

#top_area_yoko dt {
  width:100%;
  float:none;
  background:#ededed;
  
}
#top_area_yoko dd {
  margin-left:0;
  text-align: left;
  padding-bottom:0px;
}
#top_area_yoko dt,#top_area_yoko dd {
  padding: 10px;
}
#top_area_yoko .inner img{
width:100%;
}
.bnr_recruiting{
margin:20px auto 0;
}
.bnr_recruiting img{
width:40%;
}

footer .inner{
width:95%;
}

.copyright{
font-size:1.1rem;
padding:20px 0;
width:100%;
margin:0 auto;
}

}
@media screen and (max-width:640px) {}