@charset "UTF-8";
/*! Writen  by SCSS */
sup {
  font-size: 0.5em; }

.sec_main {
  background-image: url("../images/main_bg.jpg"); }
  .sec_main .inner_head {
    max-width: 576px;
    width: 48%;
    margin-inline: auto;
    filter: drop-shadow(0px 0px 0px rgba(13, 100, 157, 0.25)) drop-shadow(0px 0px 1px rgba(13, 100, 157, 0.25)) drop-shadow(0px 0px 2px rgba(13, 100, 157, 0.25)) drop-shadow(0px 0px 3px rgba(13, 100, 157, 0.25)) drop-shadow(0px 0px 4px rgba(13, 100, 157, 0.25)) drop-shadow(0px 0px 5px rgba(13, 100, 157, 0.25)); }

.sec01 {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(70px, 12.5%, 150px); }

.sec02 {
  padding-top: clamp(60px, 8.34%, 100px);
  padding-bottom: clamp(60px, 8.34%, 100px);
  background: linear-gradient(90deg, #f1f8f9 0%, #f3efe9 100%); }

.sec_lead_wrap {
  margin-bottom: clamp(80px, 10%, 120px); }
  .sec_lead_wrap .sec_head {
    margin-bottom: clamp(40px, 5%, 60px); }

.sec01_wrap {
  align-items: flex-start;
  margin-bottom: clamp(40px, 5.84%, 70px); }
  @media screen and (max-width: 480px) {
    .sec01_wrap {
      flex-direction: column;
      gap: 30px 0; } }
  .sec01_wrap .image_box {
    max-width: 640px;
    width: 53.34%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .image_box {
        width: 100%; } }
  .sec01_wrap .text_box {
    width: 41.67%; }
    @media screen and (max-width: 480px) {
      .sec01_wrap .text_box {
        width: 100%; } }
    .sec01_wrap .text_box .sec01_en_head {
      max-width: 102px;
      width: 20.4%; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .text_box .sec01_en_head {
          width: 114.1%;
          margin-inline: auto; } }
    .sec01_wrap .text_box .sec_head {
      margin-top: 1em;
      margin-bottom: 2em; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .text_box .sec_head {
          text-align: center;
          margin-top: 0.6em;
          margin-bottom: 1em; } }
    .sec01_wrap .text_box .lead_wrap .clear_after {
      clear: both;
      height: 0; }
    .sec01_wrap .text_box .lead_wrap .clear {
      clear: both; }
    .sec01_wrap .text_box .lead_wrap .space {
      float: right;
      height: 10em; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .text_box .lead_wrap .space {
          display: none; } }
    .sec01_wrap .text_box .lead_wrap .image {
      width: 200px;
      float: right;
      /* 画像を左下に配置する場合は値をleftにする */
      clear: both;
      margin-left: 10px; }
      @media screen and (max-width: 480px) {
        .sec01_wrap .text_box .lead_wrap .image {
          float: none;
          margin-inline: auto;
          margin-bottom: 15px; } }
      .sec01_wrap .text_box .lead_wrap .image img {
        width: 100%;
        height: auto;
        vertical-align: top; }

.profile_wrap {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-bottom: clamp(40px, 5.84%, 70px);
  padding: 1.66%;
  align-items: center; }
  @media screen and (max-width: 480px) {
    .profile_wrap {
      padding: 15px;
      flex-direction: column;
      gap: 15px 0; } }
  .profile_wrap .peofle_box {
    width: 31.9%;
    align-items: center;
    gap: 0 5.4%; }
    @media screen and (max-width: 480px) {
      .profile_wrap .peofle_box {
        width: 100%; } }
    .profile_wrap .peofle_box .image_box {
      max-width: 160px;
      width: 43.25%;
      flex-shrink: 0; }
    .profile_wrap .peofle_box .name {
      font-size: clamp(18px, 2.25vw, 28px);
      line-height: 1;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      gap: 0.42em; }
      .profile_wrap .peofle_box .name .position {
        font-size: 0.6em; }
      .profile_wrap .peofle_box .name .name_main {
        letter-spacing: 0.2em; }
        .profile_wrap .peofle_box .name .name_main .text_min {
          letter-spacing: 0;
          font-size: 0.8em; }
  .profile_wrap .read {
    width: 64.66%; }
    @media screen and (max-width: 480px) {
      .profile_wrap .read {
        width: 100%; } }

.sec02_wrap {
  align-items: flex-start;
  margin-top: clamp(40px, 5.84%, 70px);
  margin-bottom: clamp(40px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .sec02_wrap {
      flex-direction: column;
      gap: 30px 0; } }
  .sec02_wrap .image_box {
    max-width: 797px;
    width: 66.42%; }
    @media screen and (max-width: 480px) {
      .sec02_wrap .image_box {
        width: 100%; } }
    .sec02_wrap .image_box .cap_r {
      margin-right: 7.53%; }
  .sec02_wrap .sec02_list {
    margin-top: 2.09%;
    width: 31.67%; }
    @media screen and (max-width: 480px) {
      .sec02_wrap .sec02_list {
        width: 100%;
        margin-top: 0; } }
    .sec02_wrap .sec02_list .item {
      display: flex;
      align-items: center;
      gap: 0 1em; }
      .sec02_wrap .sec02_list .item + .item {
        padding-top: 1.25em;
        margin-top: 1.25em;
        border-top: 1px solid; }
      .sec02_wrap .sec02_list .item .icon {
        width: 2em;
        flex-shrink: 0;
        line-height: 0; }

.sec02_bg_wrap {
  background: #deecf6;
  padding-top: clamp(25px, 3.34%, 40px);
  padding-bottom: 15px; }
  .sec02_bg_wrap .sec02_bg_inner {
    max-width: 1140px;
    width: calc(100% - 40px);
    margin-inline: auto;
    margin-bottom: 10px; }
    @media screen and (max-width: 480px) {
      .sec02_bg_wrap .sec02_bg_inner {
        flex-direction: column;
        gap: 20px 0; } }
    .sec02_bg_wrap .sec02_bg_inner .text_box {
      width: 68.43%; }
      @media screen and (max-width: 480px) {
        .sec02_bg_wrap .sec02_bg_inner .text_box {
          width: 100%; } }
      .sec02_bg_wrap .sec02_bg_inner .text_box .sec02_en_head {
        max-width: 167px;
        width: 21.42%; }
        @media screen and (max-width: 480px) {
          .sec02_bg_wrap .sec02_bg_inner .text_box .sec02_en_head {
            width: 41.75%; } }
      .sec02_bg_wrap .sec02_bg_inner .text_box .sec_head {
        margin-top: 0.4em;
        margin-bottom: 0.8em;
        letter-spacing: 0.1em; }
    .sec02_bg_wrap .sec02_bg_inner .image_list {
      width: 29.83%;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: clamp(10px, 1.67vw, 20px) 5.29%; }
      @media screen and (max-width: 480px) {
        .sec02_bg_wrap .sec02_bg_inner .image_list {
          width: 100%; } }
      .sec02_bg_wrap .sec02_bg_inner .image_list .item {
        max-width: 100px;
        width: 29.42%; }
        .sec02_bg_wrap .sec02_bg_inner .image_list .item .item_text {
          font-size: clamp(10px, 0.96vw, 12px);
          text-align: center;
          margin-top: 0.6em;
          line-height: 1;
          font-feature-settings: "palt"; }
  .sec02_bg_wrap > .cap_r {
    padding-left: 15px;
    padding-right: 15px; }

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