@media screen and (min-width: 1024px) 
/*　画面サイズが1024pxからはここを読み込む　*/
{
  
} 




@media screen and (min-width: 880px) and ( max-width: 1023px)
/*　画面サイズが768pxから1024pxまではここを読み込む　*/
{
  .wrap {
    width: 100%;
    /* background-color: blue; */
  }


  /* .logo_main{
    max-width: 50%;
    height: auto;
  } */

  
  /* ▼メイン */
  .main {
  width: 95%;
  margin: 0 auto 50px;
}


/* index */
.menu_list{
  margin: auto;
}



  /* about */
  .contents_title{
    padding: 90px 0 50px 0;
  }
  .contents_text{
    width: 70vw;
    display: flex;
    height: auto;
  }



  /* .service_list{
    width: 900px;
    margin: 100px auto;
  } */

   .service_list{
    padding: 10px;
    margin: 20px auto;
  }
  .services p{
    font-size: 0.8vh;
    /* align-items: center; */
  }



  .contacts{
    width: 90vw;
  }
 

  .company_container {
    width: 80%;
    height: 100%;
    margin: 0 5%;
    display: block;
    /* flex-direction: column; */
  }
  
  .works_list tr{
    display: flex
  }


  .map {
    width: 100%;
    padding: 50px 0 0 0;
  }


  .contents_text{
    width: 80%;
    margin: 0 auto;
  }

  /* philosophy */
  /* .philosophy{
    padding-bottom:1100px;
    border-top:1px solid #1A1A1A;
    align-items: center;
  } */

/* company */
.company{
  padding-bottom:100px;
  border-top:1px solid #1A1A1A;
  align-items: center;
}


  /* recruit */
  .recruit_main{
    margin: 60px 10%;
  }

  .heading{
    font-size: 1.6vw;
    width: 40rem;
    padding: 10px 0;
  }


  .info_text {
    width: 60vw;
    padding: 10px 0;
    margin: 0 auto;
  } 


  /* contact */

  .remarks{
    padding: 0 0 40px;
    }



  /* thank */
  
.thanks_heading{
  font-size: 6vw;
  text-align: center;
}
  


.info_recruit{
  /* width: 100%; */
  height: 40px;
}

.contact_body{
  height: 1100px;
}

table th,
table td {
  display: block;
  border-bottom: none;
}

textarea{
  width: 100%;
  height: 450px;
}

.submit{
  width: 60%;
  height: 40px;
  font-size: 20px;
}

}



@media screen and (min-width: 320px) and (max-width: 881px)
/*　画面サイズが320pxからはここを読み込む　*/
{
  .wrap {
    width: 100%;
    /* background-color: red; */
  }

  .logo_main{
    max-width: 50%;
    height: auto;
  }

  .text_box {
    width: 60%;
    margin: 0 20%;
    /* font-size: 10%; */
  }

/* ▼ヘッダー */
.logo_header{
  width: 30%;
  /* height: 30%; */
}



/* ▼メイン */
.main {
  width: 95%;
  margin: 0 auto 50px;
}

/* ▼about */

.contents_title{
  padding: 90px 0 50px 0;
}

.contents_text p{
  font-size: 2vw;
}

 .list_item {
  padding: 20px 0;
 }

 .service_list {
  margin: 0  50px;
}


.service {
  display: flex;
  width: 30%;
}

.service p{
  font-size: 1vw;
}

.services{
  display: flex;
  flex-wrap: wrap;
}

/* table{
  margin: auto;
} */

.member{
  flex-wrap: wrap;
}

.member_photo img{
  width: 60%;
  height: auto;
}

.member_profile{
  font-size: 1.6vw;
}

.name{
  font-size: 2.6vw;
}

.contact_message p{
  font-size: 10px;
}


 .btn,
a.btn,
button.btn {
  padding:3px 33%;
}

.company_container {
  width: 80%;
  height: 100%;
  margin: 0 5%;
  display: block;
  /* flex-direction: column; */
}

/* philosophy */
.philosophy_text{
  padding: 0px;
  margin: 0 auto;
  text-align: center;
}

/* contact */

.remarks p{
  font-size: 2vw;
  }

.map {
  width: 100%;
  padding: 50px 0 0 0;
}

/* company */
.company{
  padding-bottom:100px;
  border-top:1px solid #1A1A1A;
  align-items: center;
}

.company_information p{
  width: 100%;

  color: #2B2B2B;
  font-family: 'Open Sans', sans-serif;
}


/* recruit */
.recruit_main{
  width: 40%;
  margin: 100px 5%; 
}

.heading{
  /* font-size: 2vw; */
  font-size: 1.6vw;
  width: auto;
  /* padding: 10px 0; */
}

.heading h2{
  width: 18rem;
  /* 元は20rem */
}

.info_text {
  width: 60vw;
  padding: 10px 0;
  margin: 0 auto;
  font-size: 2vw;
} 
.thanks_heading{
  font-size: 6vw;
  text-align: center;
  
}

.info_recruit{
  width: 100%;
  height: 30px;
  /* height: 0px; */
}

.contact_body{
  height: 1100px;
}

table th,
table td {
  display: block;
  border-bottom: none;
  font-size: 10px;

}

.info{
  width: 100%;
  
  /* height: 40px; */
}

textarea{
  width: 100%;
  height: 450px;
}

.submit{
  width: 70%;
  height: 40px;
  font-size: 20px;
}

.nnotation_info_text p{
  font-size: 2vw;
  }

/* index */
.bible_box {
  font-size: 0.9rem;
}

.message_box {
  font-size: 0.8rem;
}



/* ハンバーガー */
.pc {
  display: none;
}

#hamburger {
  background-color: transparent;
  position: relative;
  cursor: pointer;
  margin: 0 0 0 auto;
  height: 60px;
  width: 60px;
}



.icon span {
  position: absolute;
  left: 15px;
  width: 30px;
  height: 4px;
  background-color: white;
  border-radius: 8px;
  transition: ease 0.75s;
}


.icon span:nth-of-type(1) {
  top: 16px;
}
.icon span:nth-of-type(2) {
  top: 28px;
}
.icon span:nth-of-type(3) {
  bottom: 16px;
}

.close span:nth-of-type(1) {
  transform: rotate(45deg);
  top: 28px;
}

.close span:nth-of-type(2) {
  opacity: 0;
}

.close span:nth-of-type(3) {
    transform: rotate(-45deg);
    top: 28px;
}

.sm {
    top: 60px;
    left: 0px;
    position: absolute;
    z-index: 10;
    width: 100%;
    background-color: rgba(34, 49, 52, 0.9);
}

ul {
  flex-direction: column;
  align-items: center;
}


td, th{
  padding: 3px 0px;
  color: #2B2B2B;
  font-family: 'Open Sans', sans-serif;
}

table {
  margin: 18px auto;
  width: 70vw;
}

.recruit_main{
  margin: 60px 0;
}


/* ここまで */
}