#top_banner{
  position: relative;
  top: 50px;
  width: 100%;
  height: calc(100vh - 50px);
  min-height: calc(100vh - 50px);
  background-size: cover;
  background-image: url(../img/83995721.jpg);
}

#mid_banner{
    position: relative;
    top: 50px;
    width: 100%;
    height: 270px;
    min-height: 270px;
    background-position: top left;
    background-size: cover;
    background-image: url(../img/83995721.jpg);
}

#service_area{
  top: 50px;
  /*  ヘッダーによるズレを解消*/
  padding-top: 50px;
  margin-top: -50px;
}


#service_area_wrapper{
  width: 90vw;
  margin: 0 auto;
  padding-bottom: 100px;
  background-color: #fff;
}

#back_area{
    position: relative;
    top: 50px; 
    width: 100%;
    min-height: calc(100vh - 50px);
    background-size: cover;
    background-position: right 0% bottom 0%;
    background-image: url(../img/S__79601737.jpg);
}

#back_area::before{
  content: '';
  /* ↓暗いオーバーレイを半透明で配置 */
  background-color: rgba(0, 0, 0, .3);
  /* ↓全体を覆うように配置 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

#area1_sub_contents_area{
  width: 90%;
  margin: 0 auto;
}

.mobile_hide{
  display: none;
}

#menber_area_contents{
    position: absolute;
    right: 0;
    top: -280px;
    width: 90vw;
    height: 750px;
    z-index: 99;
    background-color: #212121;
    overflow-block: visible;
    /* ヘッダーによるズレを解消*/
    padding-top: 60px;
    margin-top: -60px;
}


.more_btn_area_right{
  padding: 0 10px;
}

#area3_contents_area{
  right: 20px;
}

.h1_area h1{
  color: #fff;
  font-size: 48px;
}

#profile_area1{
  width: 90%;
  position: relative;
}

.profile_p{
  -ms-writing-mode: tb-rl;
  line-height: 20px;
  position: absolute;
  font-size: 14px;
}

#area1_font_linear{
  background: #ffffff;
  margin: 15px auto 0;
  height: 200px;
  width: 1px;
}

#about_area1_h2_area h2{
  font-size: 36px;
}

.service_exp_area{
  padding-bottom: 40px;
  width: 90%;
  height: 70vh;
  margin: 0 auto;
}

.service_exp_inner_right,.service_exp_inner_left{
  width: 100%;
  height: 70vh;
}

#service_h1{
  font-size: 24px;
}

.service_exp_h2{
  margin: 0;
  padding: 4% 0 10px;

}

.service_exp_p{
  font-family: sans-serif;
  padding: 0 6%;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
}

.service_exp_img,.service_exp_img_right{
  width: 100%;
}

.service_exp_right,.service_exp_left{
  width: 100%;
  height: 50%;
  margin: 0 auto;
  opacity: 0.8;
  background-color: #fff;
  box-shadow: 0 0 4px #ccc;
}

#member_h{
  font-size: 36px;
}

#member_h2_area{
  position: relative;
  top: 50px;
  margin: 20px 0;
  font-size: 24px;
}

.menber_prof_div{
  width: 90%;
  display: flex;
  margin-top: 40px;
  padding: 0 4%;
}

.prof_img_wrapper{
  width: 40vw;
}

.prof_img{
  width: 30vw;
  padding: 0 5%;
}

.note_link{
  position: absolute;
  margin-top: 10px;
  padding: 7px 4px;
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  border-left: solid #000 10px;

}

.note_link a{
  font-family: sans-serif;
  font-weight: 700;
}

.prof_p_wrapper{
  width: 50vw;
}

.note_img{
  width: 100px;
}

#menber_h1{
  font-size: 24px;
}

.prof_p{
  padding-top: 9px;
}

/*何故かレイアウトが乱れてしまうための処置*/
#bottom_footer{
    margin-top: 50px;
}