@charset "UTF-8";
/*------------------------------------------
メインビジュアル
------------------------------------------*/
.about-wrap {
  display: flex;
  flex-wrap: wrap; }
  .about-wrap .about-img {
    width: 33%; }
  .about-wrap .about-text {
    width: 67%; }
  @media screen and (max-width: 1024px) {
    .about-wrap .about-img {
      width: 80%;
      margin: 0 auto; }
    .about-wrap .about-text {
      width: 100%; } }

.img-wrap {
  padding: 50px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px; }
  .img-wrap .img-item {
    width: 50%;
    padding: 20px; }
  @media screen and (max-width: 768px) {
    .img-wrap {
      padding: 2vw;
      margin-left: -1vw;
      margin-right: -1vw; }
      .img-wrap .img-item {
        padding: 1vw; } }

.voice-contents {
  margin-top: 2em; }

.voice-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px; }
  .voice-wrap .voice-item {
    width: 50%;
    padding: 20px; }
    .voice-wrap .voice-item .inner {
      background: #fff;
      border-radius: 3px;
      overflow: hidden;
      border: 1px solid #E5E5E5;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end; }
      .voice-wrap .voice-item .inner .voice-text {
        padding: 1em 0 1em 1.5em;
        width: 65%; }
        .voice-wrap .voice-item .inner .voice-text dl dt {
          color: #FF9505;
          font-size: 22px;
          font-family: "Montserrat", sans-serif;
          font-optical-sizing: auto;
          font-weight: 500;
          font-style: normal; }
          @media screen and (max-width: 768px) {
            .voice-wrap .voice-item .inner .voice-text dl dt {
              font-size: 20px; } }
        .voice-wrap .voice-item .inner .voice-text dl dd {
          font-size: 16px;
          margin-top: 1em; }
          @media screen and (max-width: 768px) {
            .voice-wrap .voice-item .inner .voice-text dl dd {
              font-size: 14px; } }
        .voice-wrap .voice-item .inner .voice-text p {
          margin-top: 2em; }
      .voice-wrap .voice-item .inner .voice-img {
        width: 35%; }
        .voice-wrap .voice-item .inner .voice-img img {
          vertical-align: bottom; }
    @media screen and (max-width: 768px) {
      .voice-wrap .voice-item {
        width: 100%; } }

/*------------------------------------------
資格
------------------------------------------*/
/*------------------------------------------
スキルアップ・キャリアアップ
------------------------------------------*/
h4.title.graph {
  position: relative; }
h4.title .area {
  display: inline-flex;
  padding: 0 2em;
  font-weight: normal;
  font-size: 15px; }
  @media screen and (max-width: 768px) {
    h4.title .area {
      font-size: 13px;
      padding-left: 0.5em; } }
h4.title .right {
  text-align: right;
  font-weight: normal;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 5px; }
  @media screen and (max-width: 768px) {
    h4.title .right {
      position: static;
      display: block;
      font-size: 12px; } }