@charset "UTF-8";
/* ====================
init
==================== */
/* view port*/
/* ====================
break point
==================== */
/* font set
-------------------*/
/* font size */
/* ====================
 フォント変数
==================== */
/* ====================
 googleF/ONT
==================== */
/* ====================
 横幅の変数
==================== */
/* ====================
 サイドナビの青い文字とその左の縦線
==================== */
#page_title {
  position: relative;
  margin-bottom: 74px;
  padding-bottom: 40px; }
  @media (max-width: 768px) {
    #page_title {
      margin-bottom: 35px; } }
  #page_title .bk {
    background: #F3F8FA;
    max-width: 90%;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 80px);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 80px; }
  #page_title .title_block {
    position: relative;
    z-index: 2; }
    #page_title .title_block .img {
      max-width: 682px;
      margin-left: auto;
      width: 100%; }
      @media (min-width: 768px) and (max-width: 1366px) {
        #page_title .title_block .img {
          max-width: 49.92679vw; } }
      @media (max-width: 768px) {
        #page_title .title_block .img {
          padding-left: 25px;
          margin-bottom: 35px; } }
      #page_title .title_block .img img {
        width: 100%; }
    #page_title .title_block .detail {
      position: absolute;
      top: calc(50% + 80px);
      left: 10%;
      transform: translateY(-50%);
      max-width: 720px;
      width: 100%; }
      @media (min-width: 768px) and (max-width: 1366px) {
        #page_title .title_block .detail {
          left: 5%; } }
      @media (max-width: 768px) {
        #page_title .title_block .detail {
          position: static;
          top: 0;
          left: 0;
          transform: none;
          max-width: 100%;
          padding: 0 25px; } }
      #page_title .title_block .detail .headline {
        margin-bottom: 45px; }
        #page_title .title_block .detail .headline > span {
          color: #22A6E6;
          font-family: "Titillium Web", sans-serif;
          font-size: 24px;
          font-weight: bold;
          display: block;
          margin-bottom: 10px; }
          @media (min-width: 768px) and (max-width: 1366px) {
            #page_title .title_block .detail .headline > span {
              font-size: 1.75695vw; } }
          @media (max-width: 768px) {
            #page_title .title_block .detail .headline{
              margin-bottom: 25px;
            }
            #page_title .title_block .detail .headline > span {
              font-size: 16px; } }
        #page_title .title_block .detail .headline > h1 {
          font-weight: bold;
          font-size: 42px;
          line-height: 1.8; }
          @media (min-width: 768px) and (max-width: 1366px) {
            #page_title .title_block .detail .headline > h1 {
              font-size: 3.07467vw; } }
          @media (max-width: 768px) {
            #page_title .title_block .detail .headline > h1 {
              font-size: 20px; } }
      #page_title .title_block .detail .name p:first-of-type {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px; }
        @media (min-width: 768px) and (max-width: 1366px) {
          #page_title .title_block .detail .name p:first-of-type {
            font-size: 1.75695vw; } }
        @media (max-width: 768px) {
          #page_title .title_block .detail .name p:first-of-type {
            font-size: 14px;
            margin-bottom: 8px; } }
      #page_title .title_block .detail .name p:last-of-type {
        font-size: 14px; }
        @media (min-width: 768px) and (max-width: 1366px) {
          #page_title .title_block .detail .name p:last-of-type {
            font-size: 1.02489vw; } }
        @media (max-width: 768px) {
          #page_title .title_block .detail .name p:last-of-type {
            font-size: 12px; } }

.contents {
  max-width: 960px;
  width: 96%;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .contents {
      max-width: 100%;
      width: 100%;
      padding: 0 25px; } }
  .contents p {
    font-size: 14px;
    line-height: 2; }

.main_text {
  margin-bottom: 100px; }
  @media (max-width: 768px) {
    .main_text {
      margin-bottom: 40px; } }

.chapter_block {
  margin-bottom: 100px; }
  @media (max-width: 768px) {
    .chapter_block {
      margin-bottom: 40px; } }
  .chapter_block .chapter {
    font-family: "Titillium Web", sans-serif;
    margin-bottom: 20px;
    color: #22A6E6;
    font-weight: bold; }
    @media (max-width: 768px) {
      .chapter_block .chapter {
        font-size: 12px;
        margin-bottom: 10px; } }
    .chapter_block .chapter span {
      font-size: 18px; }
      @media (max-width: 768px) {
        .chapter_block .chapter span {
          font-size: 14px; } }
  .chapter_block .headline {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 60px;
    line-height: 2; }
    @media (max-width: 768px) {
      .chapter_block .headline {
        font-size: 16px;
        margin-bottom: 30px; } }
  .chapter_block .img {
    margin-bottom: 75px; }
    @media (max-width: 768px) {
      .chapter_block .img {
        margin-bottom: 35px; } }
    .chapter_block .img img {
      width: 100%; }
  .chapter_block .text p {
    margin-bottom: 2em; }
    @media (max-width: 768px) {
      .chapter_block .text p {
        margin-bottom: 1em; } }
    .chapter_block .text p:last-of-type {
      margin-bottom: 0; }

  .chapter_block .text blockquote {
    margin-bottom: 2em;
    padding-left: 20px;
    border-left: 1px solid #333637; }
    @media (max-width: 768px) {
      .chapter_block .text blockquote {
        margin-bottom: 1em; } }

.btn_unit {
  display: flex;
  justify-content: center; }
  .btn_unit > a {
    display: flex;
    align-items: center;
    margin: 0 auto; }
    .btn_unit > a > span {
      display: inline-block;
      font-weight: bold;
      font-size: 18px;
      margin-right: 20px; }
      @media (max-width: 768px) {
        .btn_unit > a > span {
          font-size: 14px; } }
    .btn_unit > a > svg {
      width: 46px;
      height: 46px; }
      @media (max-width: 768px) {
        .btn_unit > a > svg {
          width: 30px;
          height: 30px; } }


.people_txt{
  display: inline-block;
  padding: 10px 15px 10px 40px;
  margin-bottom: 30px;
  background: #fff;
  border-radius: 30px;
  font-weight: bold;
  color: #eb8020;
}

.people_txt.ico01{
  background: #fff url(../../assets/images/people/people_ico01.svg) no-repeat;
  background-size: 16px;
  background-position: 16px center;
  color: #E66EC4;
}
.people_txt.ico02{
  background: #fff url(../../assets/images/people/people_ico02.svg) no-repeat;
  background-size: 18px;
  background-position: 15px center;
  color: #9678F9;
}
.people_txt.ico03{
  background: #fff url(../../assets/images/people/people_ico03.svg) no-repeat;
  background-size: 15px;
  background-position: 18px center;
  color: #EB8020;
}
.people_txt.ico04{
  background: #fff url(../../assets/images/people/people_ico04.svg) no-repeat;
  background-size: 18px;
  background-position: 15px center;
  color: #4AC539;
}
.people_txt.ico05{
  background: #fff url(../../assets/images/people/people_ico05.svg) no-repeat;
  background-size: 17px;
  background-position: 16px center;
  color: #557AFF;
}
.people_txt.ico06{
  background: #fff url(../../assets/images/people/people_ico06.svg) no-repeat;
  background-size: 18px;
  background-position: 15px center;
  color: #F76638;
}
.people_txt.ico07{
  background: #fff url(../../assets/images/people/people_ico07.svg) no-repeat;
  background-size: 15px;
  background-position: 17px center;
  color: #DCB800;
}
.people_txt.ico08{
  background: #fff url(../../assets/images/people/people_ico08.svg) no-repeat;
  background-size: 18px;
  background-position: 15px center;
  color: #2AC4C4;
}
.people_txt.ico09{
  background: #fff url(../../assets/images/people/people_ico09.svg) no-repeat;
  background-size: 18px;
  background-position: 15px center;
  color: #1DB9EA;
}
.people_txt.ico10{
  background: #fff url(../../assets/images/people/people_ico10.svg) no-repeat;
  background-size: 12px;
  background-position: 18px center;
  color: #F86060;
}
.people_txt.ico11{
  background: #fff url(../../assets/images/people/people_ico11.svg) no-repeat;
  background-size: 18px;
  background-position: 15px center;
  color: #6796C2;
}
.people_txt.ico12{
  background: #F8F5F9 url(../../assets/images/people/people_ico12.svg) no-repeat;
  background-size: 15px;
  background-position: 14px center;
  color: #C55BE0;
}
.people_txt.ico13{
  background: #F5F9F7 url(../../assets/images/people/people_ico13.svg) no-repeat;
  background-size: 18px;
  background-position: 14px center;
  color: #46BD84;
}

.chapter_block .text .color01{
    color: rgb(84, 172, 210);
}
.chapter_block .text .color02{
    color: rgb(251, 160, 38);
}
.chapter_block .text .note{
  font-size: 1.2rem;
}


@media screen and (max-width: 768px) {
  .people_txt{
    padding: 6px 8px 6px 20px;
    margin-bottom: 20px;
    font-size: 1.1rem;
  }

  .people_txt.ico01{
    background-size: 9px;
    background-position: 8px center;
  }
  .people_txt.ico02{
    background-size: 10px;
    background-position: 8px center;
  }
  .people_txt.ico03{
    background-size: 8px;
    background-position: 9px center;
  }
  .people_txt.ico04{
    background-size: 10px;
    background-position: 8px center;
  }
  .people_txt.ico05{
    background-size: 10px;
    background-position: 8px center;
  }
  .people_txt.ico06{
    background-size: 10px;
    background-position: 8px center;
  }
  .people_txt.ico07{
    background-size: 9px;
    background-position: 8px center;
  }
  .people_txt.ico08{
    background-size: 12px;
    background-position: 6px center;
  }
  .people_txt.ico09{
    background-size: 10px;
    background-position: 8px center;
  }
  .people_txt.ico10{
    background-size: 7px;
    background-position: 10px center;
  }
  .people_txt.ico11{
    background-size: 10px;
    background-position: 8px center;
  }
  .people_txt.ico12{
    background-size: 8px;
    background-position: 8px center;
  }
  .people_txt.ico13{
    background-size: 10px;
    background-position: 8px center;
  }

  .chapter_block .text .note{
    font-size: 1.2rem;
  }
}