*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}



/*　※注意※　追加情報のみ記載　ベースはstyle.css　*/

/*　初期設定　*/
h2.solid_h2 {
  position: relative;
  padding: 1rem 0;
  border-bottom: 2px solid #ebe9e9;
  margin:  0 auto;
  width: 100%;
}

h2.solid_h2:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 20%;
  height: 2px;
  content: '';
  background: #ea6000;
}


/* SP版  全体共通 */
@media screen and (max-width:770px){
h2.solid_h2 {
    width: 93%;
}
}
/*画像とテキストの余白*/
.pics_01{
    margin: 0 0 50px 0;
}

.text_box_a{
    display: block;
    width: 92%;
    margin: -6px auto 120px;
}



/*　社員情報　*/
.mt22{
    margin-top: 22px;
}

/* 福利厚生 */
@media screen and (min-width:770px){
.bgG{
    background: #ebe9e9;
    padding: 40px;
    position: relative;
}
h2.bgG{
    text-align: left;
    padding: 1rem 2rem;
    border-left: 4px solid #f36e0f;
}
}
@media screen and (max-width:770px){
    .bgY{
    margin-top: 32px;
}   
    .bgY_2{
    margin-top: 212px;
} 
}



/* 最下層　社員紹介　各自 */


/*　それぞれのインタビューページ */
.inte_box{
    width: 95%;
    margin: 20px auto 50px;
    padding: 0px 0 30px;
}
.inte_secTitle{
    font-weight: bold;
    margin-bottom: 10px;
}
　
.profile_title {
    font-size: 14px;
    margin: 0;
    text-align: center;
}

.profile_name {
    font-size: 50px;
}

.profile_box {
    background-color: #f4f3f3;
    padding: 51px;
}
.profile_box2 {
    background-color: #f4f3f3;
    padding: 70px;
}

.profile_interview_titttle {
    font-size: 18px;
    line-height: 5px;
}

.profile_interview_titttle_Q {
    font-size: 27px;
}

.orange {
    color: #ea6000;
}

.mt70{
    margin-top: 70px;
}

.lh{
    top: 5px;
}

/* 社員紹介　最下層　*/
.inte_01-2{
    position: absolute;
    width: 509px;
    top: -42%;
    left: 64%;
    margin: auto;
    box-shadow: 7px 5px 11px #a5a2a026;
    z-index: 100;
}
.inte_01-3{
    position: absolute;
    width: 509px;
    top: -42%;
    left: 64%;
    margin: auto;
    box-shadow: 7px 5px 11px #a5a2a026;
    z-index: 100;
}


@media screen and (min-width:770px){
h2 {
text-align: center;
}
.profile_box {
    width: 670px;
    margin: -3% 20%;
    position: relative;
}
.profile_box2 {
    padding: 70px;
    width: 670px;
    margin: -3% 20%;
    position: relative;
}
.inte_text_box {
    width: 70%;
    margin: 0 auto;
}
.inter_bg{
   background-image: url("../img/under/emp_pc_intebg.jpg");
   background-repeat: no-repeat;
   background-size: contain;
    width: 90%;
    margin: auto;
    padding: 13% 0;
}
}


@media screen and (max-width:770px){
    /*h2{
        width: 80%;
    }*/
    .profile_interview_titttle{
        font-size: 17px;
    }
    .inte_text_box {
    width: 85%;
    margin: 70px auto;
    }
    .inte_01-1{
        position: absolute;
        top: 72%;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 50;
    }
    .profile_box {
    background-color: #f4f3f3;
    padding: 5%;
    margin: 20px;
    }
    .profile_box2 {
    background-color: #f4f3f3;
    padding: 5%;
    margin: 20px;
    }
    .profile_name {
    font-size: 35px;
    }
}


@media screen and (max-width:1300px) and (min-width:770px){
    .text_box {
      width: 100%;
    }
    .content_w {
    width: 80%;
    margin: 0 auto;
    }
    .profile_box {
    background-color: #f4f3f3;
    padding: 39px;
    }
    .profile_box {
    width: 670px;
    margin: -5% 10%;
    position: relative;
    }
    .profile_box2 {
    width: 560px;
    margin: -5% 10%;
    position: relative;
    padding: 57px;
    }
    .inte_01-2 {
    position: absolute;
    width: 395px;
    top: -26%;
    left: 56%;
    margin: auto;
    box-shadow: 7px 5px 11px #a5a2a026;
    z-index: 100;
    }
    .inte_01-3 {
    position: absolute;
    width: 395px;
    top: -28%;
    left: 64%;
    margin: auto;
    box-shadow: 7px 5px 11px #a5a2a026;
    z-index: 100;
    }
}