@charset "UTF-8";
/* -----

   set module

---------------------------------------------------- */
/*-- 私たちについて　ページのパーツ
---------------------------------------------------- */
#about .base_wide {
  min-width: 290px; }
#about .content__asnav {
  display: none; }

.anker_list {
  background: #f3f7fb;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 16px 15px 16px;
  margin-bottom: 72px; }
  @media screen and (max-width: 899px) {
    .anker_list {
      padding: 15px 12px 15px 12px; } }
  @media screen and (max-width: 699px) {
    .anker_list {
      padding: 15px 7px 15px 7px; } }
  @media screen and (max-width: 639px) {
    .anker_list {
      margin-bottom: 40px; } }
  .anker_list.row_1 > li {
    width: 100%; }
    .anker_list.row_1 > li:not(:first-child) {
      margin-top: 15px; }
  .anker_list.row_2 > li {
    width: calc(50% - 16px); }
  .anker_list.row_3 > li {
    width: calc(33.33% - 16px); }
  .anker_list > li {
    margin: 0 8px 0 8px; }
    .anker_list > li:nth-child(n+4) {
      margin-top: 15px; }
    @media screen and (max-width: 699px) {
      .anker_list > li {
        width: 100% !important; }
        .anker_list > li:not(:first-child) {
          margin-top: 10px !important; } }
    .anker_list > li > a {
      position: relative;
      display: block;
      background: #fff;
      width: 100%;
      padding: 12px 0 12px 36px;
      border: solid 1px #f8f9fa;
      border-top-color: #fff;
      border-bottom-color: #bfc9d0;
      border-radius: 6px;
      transition: all 0.1s ease-out; }
      @media screen and (max-width: 899px) {
        .anker_list > li > a {
          display: flex;
          height: 100%;
          padding: 12px 16px 12px 36px;
          align-items: center; } }
      .anker_list > li > a::before {
        content: "\f063";
        position: absolute;
        top: 50%;
        left: 17px;
        display: inline-block;
        font-family: "FontAwesome";
        font-weight: 900;
        color: #ff9416;
        font-size: 14px;
        transform: translateY(-50%);
        transition: all 0.1s ease-out; }
      .anker_list > li > a > span {
        display: block;
        color: #333;
        font-size: 15px;
        line-height: 1.2;
        transition: all 0.2s ease-out; }
        @media screen and (max-width: 899px) {
          .anker_list > li > a > span {
            font-size: 14px; } }
      .anker_list > li > a:hover::before {
        top: 54%; }
      .anker_list > li > a:hover > span {
        color: #ff9416; }

.about_ttl {
  text-align: center;
  margin-bottom: 36px; }
  @media screen and (max-width: 639px) {
    .about_ttl {
      margin-bottom: 20px; } }
  .about_ttl__set {
    display: inline-block;
    font-size: 0;
    vertical-align: top; }
    .about_ttl__set::after {
      content: '';
      display: inline-block;
      background: #ff9933;
      width: 24px;
      height: 3px; }
    .about_ttl__set > .__en {
      display: block;
      height: 29px; }
      @media screen and (max-width: 639px) {
        .about_ttl__set > .__en {
          height: 21px; } }
      .about_ttl__set > .__en > img {
        height: 100%; }
    .about_ttl__set > .__jp {
      display: block;
      margin: 18px 0 24px;
      font-size: 17px;
      font-weight: 500;
      color: #333;
      font-feature-settings: 'palt';
      letter-spacing: 0.08em; }
      @media screen and (max-width: 639px) {
        .about_ttl__set > .__jp {
          margin: 12px 0 18px;
          font-size: 14px; } }

.about_us {
  padding: 0 0 90px; }
  @media screen and (max-width: 899px) {
    .about_us {
      margin: 0 -15px;
      padding: 0 15px 60px; } }
  @media screen and (max-width: 639px) {
    .about_us {
      padding: 0 15px 40px; } }
  .about_us__text {
    margin: -12px auto 0;
    text-align: center; }
    @media screen and (max-width: 899px) {
      .about_us__text {
        padding: 0 calc( 23.166vw - 148.26px );
        text-align: left; } }
    @media screen and (max-width: 639px) {
      .about_us__text {
        margin: -10px auto 0;
        padding: 0; } }
    .about_us__text > p {
      font-size: 16px;
      max-height: 100%;
      margin-top: -6px;
      margin-bottom: -6px;
      line-height: 1.75; }
      @media screen and (max-width: 639px) {
        .about_us__text > p {
          font-size: 15px;
          max-height: 100%;
          margin-top: -3.5025px;
          margin-bottom: -3.5025px;
          line-height: 1.467; } }
      @media screen and (max-width: 899px) {
        .about_us__text > p > br:not(.sp_view) {
          display: none; } }
  .about_us__list {
    margin: 50px auto 0;
    text-align: center;
    font-size: 0; }
    @media screen and (max-width: 899px) {
      .about_us__list {
        margin: 40px auto 0;
        width: 100%;
        max-width: 400px; } }
    @media screen and (max-width: 639px) {
      .about_us__list {
        margin: 28px auto 0; } }
    .about_us__list > div {
      display: inline-block;
      vertical-align: top;
      margin: 0 20px; }
      @media screen and (max-width: 639px) {
        .about_us__list > div {
          margin: 0; } }
      @media screen and (max-width: 899px) {
        .about_us__list > div:nth-child(n+3) {
          margin-top: 40px; } }
      @media screen and (max-width: 639px) {
        .about_us__list > div:nth-child(n+3) {
          margin-top: 24px; } }
      @media screen and (max-width: 639px) {
        .about_us__list > div:nth-child(2n+2) {
          margin-left: 24px; } }
    .about_us__list_item > ._ttl {
      text-align: center; }
      @media screen and (max-width: 639px) {
        .about_us__list_item > ._ttl {
          width: 128px; } }
      .about_us__list_item > ._ttl > .__photo {
        width: 200px;
        border-radius: 50%; }
        @media screen and (max-width: 899px) {
          .about_us__list_item > ._ttl > .__photo {
            width: 150px; } }
        @media screen and (max-width: 639px) {
          .about_us__list_item > ._ttl > .__photo {
            width: 128px; } }
      .about_us__list_item > ._ttl > .__main {
        display: block;
        font-style: normal;
        font-size: 18px;
        font-weight: 500;
        font-feature-settings: 'palt';
        margin: 21px 0 14px 0; }
        @media screen and (max-width: 899px) {
          .about_us__list_item > ._ttl > .__main {
            font-size: 15px;
            margin: 8px 0 7px;
            line-height: 1.25; } }
  @media screen and (max-width: 899px) and (max-width: 639px) {
    .about_us__list_item > ._ttl > .__main {
      margin: 8px -10px 7px; } }

        .about_us__list_item > ._ttl > .__main > br {
          display: none; }
          @media screen and (max-width: 899px) {
            .about_us__list_item > ._ttl > .__main > br {
              display: inline-block; } }
    @media screen and (max-width: 639px) {
      .about_us__list_item > ._cont {
        margin: 0 -10px; } }
    .about_us__list_item > ._cont > p {
      font-size: 18px;
      font-weight: 500;
      font-feature-settings: 'palt';
      font-size: 15px;
      max-height: 100%;
      margin-top: -3.5025px;
      margin-bottom: -3.5025px;
      line-height: 1.467; }
      @media screen and (max-width: 899px) {
        .about_us__list_item > ._cont > p {
          font-size: 12px;
          max-height: 100%;
          margin-top: -4.002px;
          margin-bottom: -4.002px;
          line-height: 1.667; } }

.about_message {
  background: #f1f5f7;
  padding: 90px 0 96px; }
  @media screen and (max-width: 899px) {
    .about_message {
      margin: 0 -15px;
      padding: 60px 15px 64px; } }
  @media screen and (max-width: 639px) {
    .about_message {
      padding: 40px 15px 40px; } }
  .about_message__cont {
    padding: 0 60px; }
    @media screen and (max-width: 899px) {
      .about_message__cont {
        padding: 0 calc( 23.166vw - 148.26px ); } }
    @media screen and (max-width: 639px) {
      .about_message__cont {
        padding: 0; } }
  .about_message__ttl {
    margin-bottom: 42px; }
    @media screen and (max-width: 899px) {
      .about_message__ttl {
        margin-bottom: 36px; } }
    @media screen and (max-width: 639px) {
      .about_message__ttl {
        margin-bottom: 20px; } }
    .about_message__ttl_cont {
      width: 100%;
      max-width: 406px; }
      .about_message__ttl_cont > img {
        width: 100%; }
  .about_message__separate {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 52px; }
    @media screen and (max-width: 899px) {
      .about_message__separate {
        margin-bottom: 30px; } }
    .about_message__separate > ._main {
      width: calc(100% - 240px - 40px); }
      @media screen and (max-width: 899px) {
        .about_message__separate > ._main {
          width: calc(100% - 27vw - 30px); } }
      @media screen and (max-width: 639px) {
        .about_message__separate > ._main {
          order: 2;
          width: 100%; } }
    .about_message__separate > ._person {
      width: 240px; }
      @media screen and (max-width: 899px) {
        .about_message__separate > ._person {
          width: 27vw; } }
      @media screen and (max-width: 639px) {
        .about_message__separate > ._person {
          order: 1;
          width: 100%;
          margin-bottom: 32px; } }
  .about_message__text > p {
    font-size: 16px;
    max-height: 100%;
    margin-top: 34px;
    margin-bottom: -6px;
    line-height: 1.75; }
    .about_message__text > p:first-child {
      margin-top: -6px; }
    @media screen and (max-width: 899px) {
      .about_message__text > p {
        font-size: 15px;
        max-height: 100%;
        margin-top: 20.5025px;
        margin-bottom: -5.4975px;
        line-height: 1.733; }
        .about_message__text > p:first-child {
          margin-top: -5.4975px; } }
  .about_message__person {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    @media screen and (max-width: 639px) {
      .about_message__person {
        flex-direction: row;
        align-items: flex-end; } }
    .about_message__person > ._cont {
      order: 2; }
      @media screen and (max-width: 639px) {
        .about_message__person > ._cont {
          width: calc(100% - 138px - 15px); } }
      .about_message__person > ._cont > .__post {
        display: block;
        font-size: 14px; }
        @media screen and (max-width: 639px) {
          .about_message__person > ._cont > .__post {
            font-size: 13px; } }
      .about_message__person > ._cont > .__name {
        display: block;
        font-style: normal;
        margin: 10px 0 20px;
        font-size: 20px;
        font-feature-settings: 'palt'; }
        @media screen and (max-width: 639px) {
          .about_message__person > ._cont > .__name {
            margin: 10px 0 18px;
            font-size: 18px; } }
      .about_message__person > ._cont > .__certified {
        display: block; }
        .about_message__person > ._cont > .__certified > li {
          font-size: 14px;
          max-height: 100%;
          margin-top: 5.002px;
          margin-bottom: -4.998px;
          line-height: 1.714; }
          .about_message__person > ._cont > .__certified > li:first-child {
            margin-top: -4.998px; }
          @media screen and (max-width: 899px) {
            .about_message__person > ._cont > .__certified > li {
              font-size: 13px;
              max-height: 100%;
              margin-top: 9.4975px;
              margin-bottom: -2.5025px;
              line-height: 1.385; }
              .about_message__person > ._cont > .__certified > li:first-child {
                margin-top: -2.5025px; } }
    .about_message__person > ._photo {
      order: 1;
      margin-top: -68px;
      margin-bottom: 20px; }
      @media screen and (max-width: 899px) {
        .about_message__person > ._photo {
          margin-top: 0; } }
      @media screen and (max-width: 639px) {
        .about_message__person > ._photo {
          width: 138px;
          margin: 0 15px 0 0; } }
      .about_message__person > ._photo > img {
        width: 100%; }
  .about_message__profile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: solid 1px #7c7d7e;
    padding: 30px 40px 30px 38px; }
    @media screen and (max-width: 899px) {
      .about_message__profile {
        padding: 15px 13px 15px 13px; } }
    .about_message__profile > ._cont {
      order: 2;
      width: calc( 100% - 640px - 40px ); }
      @media screen and (max-width: 899px) {
        .about_message__profile > ._cont {
          width: 100%; } }
      .about_message__profile > ._cont > ._cont_dl > .__main {
        display: block;
        font-size: 17px;
        font-weight: 500;
        font-style: normal;
        font-feature-settings: 'palt';
        border-bottom: solid 1px #7c7d7e;
        padding-bottom: 15px;
        margin-bottom: 16px; }
      .about_message__profile > ._cont > ._cont_dl > .__text > p {
        font-size: 14px;
        max-height: 100%;
        margin-top: -5.999px;
        margin-bottom: -5.999px;
        line-height: 1.857; }
    .about_message__profile > ._photo {
      order: 1;
      width: 640px;
      overflow: hidden; }
      @media screen and (max-width: 899px) {
        .about_message__profile > ._photo {
          width: 100%;
          margin-bottom: 20px; } }
      .about_message__profile > ._photo > ._photo_list {
        display: flex;
        flex-wrap: wrap;
        font-size: 0; }
        .about_message__profile > ._photo > ._photo_list > li {
          display: block; }
          .about_message__profile > ._photo > ._photo_list > li:nth-child(1) {
            width: 39.375%; }
          .about_message__profile > ._photo > ._photo_list > li:nth-child(n + 2) {
            width: 29.375%;
            margin-left: 0.9375%; }
          .about_message__profile > ._photo > ._photo_list > li > img {
            width: 100%; }

@media screen and (max-width: 899px) {
  .about_hr {
    margin: 0 -15px; } }
.about_hr__photo {
  position: relative;
  height: 270px;
  overflow: hidden; }
  @media screen and (max-width: 899px) {
    .about_hr__photo {
      width: 100%;
      height: auto; } }
  .about_hr__photo_lists {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    display: inline-flex; }
    @media screen and (max-width: 899px) {
      .about_hr__photo_lists {
        transform: none;
        position: static;
        flex-wrap: wrap; } }
    .about_hr__photo_lists > li {
      width: 480px; }
      @media screen and (max-width: 899px) {
        .about_hr__photo_lists > li {
          width: 50%; } }
      .about_hr__photo_lists > li > img {
        width: 100%; }

.about_company {
  padding: 90px 0 0; }
  @media screen and (max-width: 899px) {
    .about_company {
      margin: 0 -15px;
      padding: 90px 15px 0; } }
  @media screen and (max-width: 639px) {
    .about_company {
      margin: 0 -15px;
      padding: 40px 15px 0; } }
  .about_company__cont {
    padding: 0 60px; }
    @media screen and (max-width: 899px) {
      .about_company__cont {
        padding: 0 calc( 23.166vw - 148.26px ); } }
  .about_company__separate {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 52px; }
    .about_company__separate > li {
      width: calc(50% - 20px); }
      @media screen and (max-width: 899px) {
        .about_company__separate > li {
          width: 100%; } }
  .about_company__table {
    width: 100%; }
    @media screen and (max-width: 899px) {
      .about_company__table {
        margin-bottom: 30px; } }
    .about_company__table_tbody > tr {
      border-bottom: solid 1px #d3d3d3; }
      .about_company__table_tbody > tr:first-child {
        border-top: solid 1px #d3d3d3; }
      .about_company__table_tbody > tr > th {
        width: 102px;
        font-weight: 500;
        padding: 21px 0 21px 20px;
        font-size: 15px; }
        @media screen and (max-width: 899px) {
          .about_company__table_tbody > tr > th {
            width: 74px;
            padding: 21px 0 21px 0;
            font-size: 13px; } }
      .about_company__table_tbody > tr > td {
        padding: 21px 0 21px; }
        .about_company__table_tbody > tr > td > .text {
          font-size: 15px;
          max-height: 100%;
          margin-top: -3.9975px;
          margin-bottom: -3.9975px;
          line-height: 1.533; }
  .about_company___map {
    height: 100%; }
    @media screen and (max-width: 899px) {
      .about_company___map {
        height: 320px;
        margin: 0 calc( -23.166vw + 148.26px - 15px ); } }
    @media screen and (max-width: 639px) {
      .about_company___map {
        height: 320px;
        margin: 0 -15px; } }
  .about_company__media {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: solid 1px #7c7d7e;
    padding: 30px 40px 30px 40px; }
    @media screen and (max-width: 899px) {
      .about_company__media {
        padding: 20px 15px; } }
    .about_company__media > ._ttl {
      width: 100%;
      font-size: 20px;
      font-weight: 500;
      font-feature-settings: 'palt';
      margin-bottom: 24px; }
      @media screen and (max-width: 899px) {
        .about_company__media > ._ttl {
          width: 100%;
          font-size: 18px;
          margin-bottom: 20px; } }
    .about_company__media > ._cont {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: calc(50% - 20px); }
      @media screen and (max-width: 899px) {
        .about_company__media > ._cont {
          width: 100%; } }
      .about_company__media > ._cont:last-child {
        margin-top: 30px; }
    .about_company__media_item {
      order: 2;
      width: calc(100% - 240px - 20px); }
      @media screen and (max-width: 579px) {
        .about_company__media_item {
          width: calc(100% - 41.379vw - 20px); } }
      @media screen and (max-width: 459px) {
        .about_company__media_item {
          width: 100%; } }
      .about_company__media_item > ._item_main {
        display: block;
        font-size: 17px;
        font-weight: 500;
        font-style: normal;
        font-feature-settings: 'palt';
        border-bottom: solid 1px #7c7d7e;
        padding-bottom: 15px;
        margin-bottom: 16px; }
      .about_company__media_item > ._item_text > p {
        font-size: 14px;
        max-height: 100%;
        margin-top: -5.999px;
        margin-bottom: -5.999px;
        line-height: 1.857; }
    .about_company__media_photo {
      order: 1;
      width: 240px; }
      @media screen and (max-width: 579px) {
        .about_company__media_photo {
          width: 41.379vw; } }
      @media screen and (max-width: 459px) {
        .about_company__media_photo {
          width: 100%;
          margin-bottom: 20px;
          text-align: center; } }
      .about_company__media_photo > img {
        width: 100%; }
        @media screen and (max-width: 459px) {
          .about_company__media_photo > img {
            width: 240px; } }

/*# sourceMappingURL=common_about.css.map */