@media screen and (max-width: 770px) {
  .header {
   width: 100%;
   height: 88px;
   border-bottom: 2px solid #C1C1C1;
  }
  .pc{display: none; }
  .sp{ display: block; }

  #contents {
    overflow: hidden;
  }

  #contents hr {
  	border: 0;
  }

  .menu {
    position: fixed;
    top: 0;
    left: 0;
    width:100%;
    padding: 73px 0 80px 0;
    background-color: #fff;
    z-index: 9999;
    display: none;
  }

  .menu ul {
    margin-left: 40px;
  }

  .menu ul li{
    list-style: none;
  }

  .menu ul li:not(:last-child) {
    margin-bottom: 15px;
  }

  .menu ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #009A59;
  }

  .close_icon {
    position: absolute;
    top:56px;
    right:23px;
    width: 15px;
    height: 15px;
  }

  .header_box_test {
    width:100%;
    height: 88px;
    background-color: #fff;
  }

  .header_navi {
    width:100%;
    height: 67px;
    padding-top: 20px;
    background-color: #fff;
  }

  .header_navi img {
    width: 154px;
    height: auto;
    margin: 40px 0 -10px 20px;
  }


  .header_text {
    font-size: 12px;
    font-style: "Noto Sans JP";
    color: #009A59;
    margin: -15px 0 16px 17px;
  }
  .mail .header_text {
    top: 10px;
  }

  .menu_icon {
    width: 20px !important;
    height: 12px !important;
    position: absolute;
    top: 13px;
    right: 21px;
    cursor: pointer;
  }

  .navi_group,
  .top_ilust_left,
  .top_ilust_right{
   display: none;
 }

  .header_cont{
    width: 100%;
    height: 38.13vw;
    background-color: #fff;
  }

  .h1 {
    width: 375px;
  }

  .bottom_logo {
    display: block;
    width: 55px;
    height: auto;
    margin: 55px auto 0;
  }

  .footer {
    width: 100%;
    background: #009A59;
    padding: 17px 0;
  }

/* ↑共通ヘッダ・フッタ部分ここまで */

  .interview_btn {
  	width: 100%;
  	text-align: center;
    margin-top: 40px;
  	padding: 7px 0 9px;
  	position: relative;
  	left: 50%;
   	transform: translate(-50%);
  	bottom: 0;
  }

  .interview_btn p {
    margin-left: 20px;
  }

  .interview_btn p:before {
  	content: "";
  	width: 28px;
  	height: 28px;
  	background: url(../images/btn_arrow.png);
  	background-size: cover;
    display: inline-block;
    position: absolute;
  	top: 50%;
  	left: auto;
    margin-left: -30px;
  	transform: translateY(-50%);
  }



    .blank {
      width: 100%;
      height: 200px;
      border: 0;
      position: relative;
      margin-top: 25px;
      background-color: #fff;
    }

    .blank p {
      margin-left: 25px;
    }


/* 202109追加 インタビュー */
.outline, .interviewee, .interview_main, .link{
	width:100%;
}

.outline{
  margin: 0px auto;
  padding: 0px;
  flex-direction: column;
}
.outline::after{
  width:90%;
  margin: 0px auto;
}

.outline_text{  width:90%; margin:20px auto;}
.outline_headline {
  text-align: center;
  font-weight: bold;
}


.outline_img, .outline_img img{ width:100%; height:auto; }

.company_info, .user_info{
 margin: 10px auto;
 padding: 20px 20px ;
}

.company_text{ 	width:70%; }
.company_logoimg{ width:30%; }

.company_name ,.user_name{
  font-weight: bold;
}
.user_name{ text-align: center; }


.company_category , .company_category a,.user_note {
  font-size: 12px; line-height: 17px;
}

.interviewee{ text-align: center; }
.interviewee_info{ flex-direction: column; }
.interviewee_title{ font-weight: bold; }
.interviewee_name{ font-size:16px;  font-weight: bold; }
.interviewee_img, .interviewee_img img{width:100%;}
.interviewee_text{ width:90%; margin:10px auto;}
.interviewee_note{ font-size: 12px; line-height: 22px;}
.interviewee_note .label{font-size: 16px; line-height: 28px;}

.interview_main{
  width: 90%; margin:20px auto;

}
.text_question{ display: block; text-align: center; line-height: 22px; padding:3px 15px; }
.text_answer{ font-size: 12px; line-height: 22px; }

.jobsearch_btn{ width: 90%; height:30px; }
.jobsearch_btn p  { font-size: 14px; color: #fff;	line-height:30px; }
.jobsearch_btn p:before{ left: auto; margin-left: -40px; }
.keisai_link a{ font-size: 12px; }

.link{
  margin-bottom: 0px;
}
.bottom_logo_area{
	background: url(../images/comp_background.png);
  background-size:cover;
  padding:10px 0 70px;
  margin-top:20px;
}

}