@charset "UTF-8";



/* --------------------------------------------------
  item_wrap
-------------------------------------------------- */
.about_item_wrap {
  /*display: flex;
  justify-content: space-between;*/
}
.about_info_wrap {
  /*width: calc(720 / 970 * 100%);*/
}
.about_jp {
  margin-bottom: 80px;
}
.about_info_wrap .about_hd {
  margin-bottom: 20px;
  font-size: 26px;
}
.about_info_wrap .about_jp .about_hd {
  font-family: MyYugo, MyHiragino, -apple-system, BlinkMacSystemFont, Meiryo, sans-serif;
  font-size: 24px;
}
.about_info_wrap .about_hd span {
  display: inline;
  padding: 0 1px;
  background-color: #1e1e1e;
  color: #fafafa;
}
.about_info_wrap .about_job {
  margin-bottom: 20px;
  font-size: 16px;
}
.about_info_wrap .about_jp .about_job {
  font-family: MyYugo, MyHiragino, -apple-system, BlinkMacSystemFont, Meiryo, sans-serif;
  font-size: 14px;
}
.about_info_wrap .about_job span {
  display: block;
  padding: 0 1px;
  background-color: #ebebeb;
}
.about_text_wrap {
  margin-bottom: -9px;
}
.about_info_wrap .about_text_wrap p {
  text-align: justify;
  font-size: 16px;
  line-height: 2;
}
.about_info_wrap .about_jp .about_text_wrap p {
  font-family: MyYugo, MyHiragino, -apple-system, BlinkMacSystemFont, Meiryo, sans-serif;
  font-size: 14px;
}
.about_info_wrap .about_text_wrap p:not(:last-child) {
  margin-bottom: 10px;
}
.about_img_wrap {
  width: calc(220 / 970 * 100%);
}
.about_img_wrap p {
  box-shadow: 10px 10px 35px 0px rgba(0, 0, 0, 0.05);
}
/*short pc + tablet style*/
@media screen and (min-width: 1024px) and (max-width: 1280px) {
}
/*tablet style*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
}
/*sp style*/
@media screen and (max-width: 767px) {
  .about_item_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .about_info_wrap {
    width: calc(276 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
  }
  .about_jp {
    margin-bottom: calc(40 / 375 * 100vw);
  }
  .about_info_wrap .about_hd {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(30 / 375 * 100vw);
  }
  .about_info_wrap .about_job {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
  .about_text_wrap {
    margin-bottom: calc(-9 / 375 * 100vw);
  }
  .about_info_wrap .about_text_wrap p {
    font-size: calc(16 / 375 * 100vw);
  }
  .about_info_wrap .about_jp .about_text_wrap p {
    font-size: calc(14 / 375 * 100vw);
  }
  .about_info_wrap .about_text_wrap p:not(:last-child) {
    margin-bottom: calc(10 / 375 * 100vw);
  }
  .about_img_wrap {
    width: calc(217 / 375 * 100vw);
  }
}



/* --------------------------------------------------
  768px〜 hover pc + tablet style
  touchデバイスでhoverを使うと2回クリックしないと
  いけないくなるので、.notouchを先頭につけてください
-------------------------------------------------- */
@media screen and (min-width: 768px) {
}