@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');
:root {
  --co-teal: #29bcbe;
  --co-orange: #ff7f32;
  --co-blue-dark: #00499d;
  --co-green-dark: #009a5b;
  
}
.txt-teal {color: var(--co-teal) !important;
  * {color: var(--co-teal) !important;}
}
.txt-org {color: var(--co-orange) !important;
  * {color: var(--co-orange) !important;}
}
.txt-blue__dark {color: var(--co-blue-dark) !important;
  * {color: var(--co-blue-dark) !important;}
}
.txt-green__dark {color: var(--co-green-dark) !important;
  * {color: var(--co-green-dark) !important;}
}
.txt-line__yel {
  display: inline;
  background: linear-gradient( to bottom, transparent 60%, #ffde3a 60%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.fw-exbold {font-weight: 800 !important;}
.clearFl:after {content: ""; display: block; clear: both;}

.newPages.hnm {
  * {font-weight: 500; font-size: 14px; font-family: "M PLUS Rounded 1c", sans-serif; color: #3e3a39;}
  strong, strong * {font-weight: 800;}
  .img-full {display: block;}

  .hnm-banner {
    img {display: block; width: 100%; height: 100%; object-fit: cover;}
  }
  .hnm-header {padding-top: 64px; margin-bottom: 24px; text-align: center;
    h1 {display: inline-block; color: #091a69; font-size: 33px; font-weight: bold; padding: 15px 12vw; margin-bottom: 40px; position: relative;
      &:before, &:after {content: ""; width: 60px; height: 32px; border: solid 1px #091a69; position: absolute;}
      &:before {top: 0; left: 0; border-bottom: none; border-right: none;}
      &:after {bottom: 0; right: 0; border-top: none; border-left: none;}
      span {margin-left: -0.5em; transform: scale(-1, 1); display: inline-block; color: #091a69; font-size: inherit; font-weight: inherit;}
    }
    h2 {display: inline-block; text-align: left; font-weight: bold; color: var(--co-teal); font-size: 18px; line-height: 1.6;}
    small {color: var(--co-teal); font-size: 76%; display: flex; font-weight: bold; margin-top: 5px;
      &:before {content: "〜"; margin-right: 7px;}
    }
  }
  .hnm-user {
    &:after {
      content: "";
      display: block;
      width: 100px;
      aspect-ratio: 175 / 162;
      mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 339.13 313.97'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23091a69; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='_レイヤー_1' data-name='レイヤー 1'%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M335.02,239.34c.12-.21,0-.46-.23-.52-12.99-2.93-24.74-4.5-40.26-7.22-10.69-1.88-23.56-3.79-35.56-6.04-8.89-1.67-14.62-2.83-17.21-3.48-8.42-2.09-17.74-5.21-27.98-9.36-.4-.16-.53-.67-.24-1l.21-.23c.28-.32.72-.44,1.12-.31,11.54,3.5,21.51,6.92,32.68,9.08,12.6,2.44,20.34,3.88,23.22,4.35,15.4,2.51,23.12,3.76,23.16,3.77,8.65,1.59,15.48,2.75,20.47,3.5,8.76,1.31,15.55,2.58,20.39,3.82,1.21.31,1.85,0,2.83-.69.37-.26.88-.08.99.35l.47,1.79c.08.3.04.6-.09.87-3.16,6.26-7.97,15.29-10.45,23.69-3.54,12.03-6.24,23.86-11.03,35.73-1.77,4.42-3.64,9.29-5.62,14.64-.33.88-1.06,1.55-1.98,1.79l-.33.09c-.65.17-1.24-.44-1.04-1.08,1.73-5.76,3.64-11.1,5.74-16.06,4.38-10.29,5.79-16.93,9.61-30.34,3.05-10.68,6.4-18.56,11.13-27.13Z'/%3E%3Cpath class='cls-1' d='M322.16,300.94l3.82-14.46c.02-.11.07-.21.12-.32,2.65-5.15,4.22-8.59,4.72-10.31,1.69-5.8,3.55-13.71,5.58-23.71.23-1.1.72-2.06,1.48-2.88.34-.36.96-.08.9.41-.84,8.74-2.8,17.97-5.88,27.67-1.43,4.5-3.77,8.74-6,13.69-1.48,3.28-2.47,7.01-4.49,10.03-.04.06-.12.08-.18.05-.06-.04-.1-.1-.08-.18Z'/%3E%3Cpath class='cls-1' d='M320.21,228.51c-1.47.03-4.59-.46-9.37-1.47-3.59-.75-6.69-1.29-9.32-1.61-7.24-.88-14.93-2.14-23.08-3.79-16.28-3.3-31.82-6.63-46.61-9.99-4.74-1.08-8.49-2.02-11.24-2.83-4.63-1.37-9.69-2.39-14.91-4.16-6.05-2.05-14.01-4.77-23.85-8.14-.39-.13-.53-.6-.3-.93l.27-.4c.26-.38.73-.55,1.18-.44,9.64,2.41,20.15,6.91,30.6,9.6,31.88,8.19,62.35,14.55,91.42,19.07,5.86.91,10.77,2.17,15.05,3.7.26.09.46.29.63.63.18.35-.07.75-.46.77Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-1' d='M279.02,27.37l1.71.52c1.4.43,1.98,2.08,1.17,3.31-7.28,11-14,23.74-22.55,34.29-10.55,13-17.54,22.07-20.98,27.2-10.77,16.05-21.55,31.59-32.33,46.58-.31.45-.55.91-.73,1.4l-1.68,4.77c-.11.31-.25.61-.43.89-4.76,7.73-8.04,13.79-13.67,20.65-7.63,9.27-11.63,14.11-12,14.55-.6.72-1.3,1.36-2.08,1.91-2.5,1.77-4.21,3.28-5.12,4.52-12.03,16.38-22.41,29.6-31.13,39.66-9.8,11.3-23.89,26.08-42.25,44.34-.35.36-.86.48-1.36.37-2.32-.56-3.1-1.95-2.35-4.19,1.23-3.61,3.53-8.97,6.91-16.06,5.28-11.06,8.9-21.48,14.29-35.13.32-.82.75-1.59,1.27-2.29,7.4-9.88,14-19.22,19.79-28.01,7.43-11.23,18.66-25.18,24.36-34.94,6.79-11.65,13.57-21.83,20.37-30.59,14.57-18.77,25.78-35.25,40.1-53.74,14.74-19.06,22.76-29.45,24.05-31.17,3.16-4.19,6.29-8.27,9.41-12.26.27-.35.11-.85-.31-.98l-3.76-1.13c-.56-.17-1.19,0-1.57.47-3.53,4.27-6.38,8.04-8.52,11.32-5.79,8.77-15.17,23.1-28.08,42.98-2.8,4.31-6.43,7.18-10.89,8.63-1.89.62-3.66-1.23-2.96-3.09.67-1.84,1.71-3.68,3.1-5.55,8.37-11.14,15.24-20.05,20.59-26.76,6.84-8.58,12.47-19,19.34-27.66,4.5-5.65,9.75-9.46,14.54-1.71.25.42.84.47,1.15.11.7-.77,1.39-1.74,2.06-2.9,1.53-2.68,3.28-3.17,5.21-1.48.3.26.75.21.97-.13l9.61-14.77c.31-.48.77-.83,1.32-1,4.79-1.43,10.12,2.67,13.59,6.01.39.39.58.95.45,1.49-.33,1.49-1.26,3.44-2.78,5.86-3.95,6.27-6.7,10.41-8.25,12.42-.36.45-.16,1.12.4,1.3ZM125.73,222.66c-.61.57-1.28.94-1.97,1.13-.59.15-1.3-.12-2.11-.8-.72-.61-1.32-1.05-1.77-1.31-.71-.39-1.6-.07-1.91.68-3.05,7.14-6.7,15.86-10.96,26.15-.5,1.21.11,2.53,1.82,3.99.38.32.95.29,1.28-.07l20.5-21.78c.57-.62.56-1.57-.02-2.18-1.48-1.51-2.52-3.3-3.14-5.34-.23-.75-1.15-1-1.73-.47ZM218.09,114.54l.45-.93c.22-.46.09-1.02-.34-1.32l-13.66-10.18c-.65-.49-1.58-.34-2.07.31-13.01,17.23-22.28,28.33-33.37,45.31-4.85,7.41-15.93,23.95-33.25,49.61-4.34,6.43-8.6,12.14-12.77,17.09-.54.64-.22,1.65.61,1.84,1.17.26,2.16.63,2.96,1.14.4.25.73.59,1,.98,1.66,2.57,3.96,4.53,6.91,5.89.77.36,1.68.14,2.2-.51,7.38-9.2,14.27-18.17,20.69-26.93,17.32-23.64,36.24-49.89,56.74-78.78.1-.13.06-.33-.07-.43l-12.93-9.62c-.68-.51-.77-1.48-.22-2.11l1.04-1.19c.73-.81,1.97-.9,2.82-.21l12.28,10.24c.31.25.78.16.96-.21ZM207.75,95.66c4.22.04,11.69,6.31,14.94,9.31.3.27.77.24,1-.1l50.98-71.7c.62-.87.43-2.06-.43-2.69l-12.07-8.98c-.19-.14-.45-.1-.6.1l-54.34,73.02c-.32.43-.02,1.04.51,1.05ZM273.94,22.62c.19.13.45.08.58-.11l8.11-12.02c.13-.19.08-.46-.11-.58l-5.18-3.49c-.19-.13-.45-.08-.58.11l-8.11,12.02c-.13.19-.08.46.11.58l5.18,3.49Z'/%3E%3Cpath class='cls-1' d='M98.58,270.11c-.69,1.05-2.08.75-3.21,1.5-.27.18-.58.29-.91.32-1.26.1-3.12.48-5.58,1.1-1.46.37-3.33.71-5.6,1.01-4.2.55-9.32,1.41-15.36,2.59-2.2.43-4.78,1.21-7.72,2.32-3.12,1.18-6.5,2.22-10.13,3.11-.71.17-1.42-.25-1.61-.95l-.02-.1c-.17-.76.23-1.54.95-1.84l16.47-6.98c.34-.14.72-.08,1,.15.35.29.78.27,1.27-.07.15-.1.06-.34-.12-.32-1.27.16-2.14-.29-3.43,0-13.18,2.86-23.53,5.51-31.03,7.95-11.3,3.67-21.71,6.83-31.26,9.49-.7.2-1.44.05-2.02-.39l-.03-.03c-.38-.31-.27-.92.2-1.06l47.42-14.54c.22-.06.43-.16.62-.29l7.35-4.71c.27-.17.16-.59-.16-.6-.22,0-.79.1-1.73.34-9.39,2.3-18.82,5.36-28.3,9.17-.31.13-.67-.03-.8-.34v-.03c-.15-.34,0-.72.34-.87,6.72-3.06,12.01-5.12,15.85-6.18,3.53-.97,7.53-2.14,12.02-3.52,1.04-.32,3.57-1.03,4.6-.08.54.5.61,1.34.17,1.98-1.45,2.11-3.44,2.74-5.44,4.13-.12.08-.03.27.11.24,6-1.47,11.37-2.59,16.1-3.35,1.17-.19,2.2-.17,3.12.06.64.15,1.03.8.87,1.44-.36,1.51-2.99,2.15-5.12,3.04-.17.07-.24.26-.19.43h.01s.05.03.08.03l28.14-4.55c.19-.03.29-.24.18-.41'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      mask-repeat: no-repeat no-repeat;
      mask-position: center center;
      mask-size: 100% 100%;
      background-color: #091a69;
      margin: 30px 20px 20px auto;
    }
    .hnm-user__stt {
      display: flex;
      justify-content: center;
      align-items: center;
      align-self: center;
      font-size: 20px;
      color: #fff;
      background-color: var(--co-teal);
      border-radius: 999px;
      width: calc(100% - 100px);
      margin-right: -30px;
      height: 40px;
      line-height: 1;
    }
    .hnm-user__img {width: 140px; height: auto; aspect-ratio: 1; flex-shrink: 0; border-radius: 999px; overflow: hidden;
      img {width: 100%; height: 100%; object-fit: cover;}
    }
    .hnm-user__name {color: var(--co-teal); text-align: center; font-weight: bold; font-size: 20px; width: calc(100% - 100px); margin-top: -30px;
      small {font-size: 80%; color: var(--co-teal); font-weight: bold;}
    }
  }
  .hnm-user__desp {font-size: 11px; letter-spacing: 0;}

  .hnm-tit {font-weight: bold; font-size: 20px; margin-bottom: 15px; letter-spacing: 0;}

  .nSty-heading__t {position: relative; width: fit-content; color: #091a69; font-size: clamp(16px, 1.6vw, 18px); font-weight: bold; margin-bottom: 30px; padding: 10px 20px; line-height: 1;
    &:before, &:after {content: ""; width: 33px; height: 16px; border: solid 1px #091a69; position: absolute;}
    &:before {top: 0; left: 0; border-bottom: none; border-right: none;}
    &:after {bottom: 0; right: 0; border-top: none; border-left: none;}
  }
  .nSty-heading {
    font-size: clamp(22px, 2.2vw, 29px);
    letter-spacing: 0;
    color: var(--co-green-dark);
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-template-columns: 44.8px auto;
    gap: 0.5em;
    position: relative;
  }
  .nSty-heading:before {
    content: "";
    width: 44.8px;
    height: 44.8px;
    display: inline-block;
    background-color: currentColor;
    mix-blend-mode: multiply;
    flex-shrink: 0;
    border-radius: 0 0 13px 13px;
    margin-top: 10px;
  }
  .nSty-heading:after {
    content: "";
    width: 15px;
    aspect-ratio: 1;
    background-color: #fff;
    border-radius: 999px;
    position: absolute;
    top: calc(50% - 10px);
    left: 16px;
    transform: translateY(-50%);
    z-index: 2;
  }
  .nSty-heading__sub {font-size: clamp(14px, 1.2vw, 16px); display: flex; gap: 10px; color: var(--tit_b); margin-top: 15px; margin-bottom: 0;}
  .nSty-heading__sub:before {content: ""; margin-left: calc(0.5em + 44.8px); pointer-events: none;}
}

@media screen and (min-width: 769px) {
  .float-md-l {float: left !important;}
  .float-md-r {float: right !important;}
  .sBr-space {padding: 0 20px;}
  
  .txt-line__yel {
    padding-bottom: 1px;
    background: linear-gradient( to bottom, transparent 65%, #ffde3a 65%);
  }

  .newPages.hnm {
    * {font-size: 18px;}
    .hnm-banner {border-radius: 0 0 50px 50px; overflow: hidden}
    .hnm-header {padding-top: 98px; max-width: 800px; margin: 0 auto 60px;
      h1 {font-size: clamp(33px, 4.5vw, 62px); padding: 35px 4.5vw; margin-bottom: 60px;
        &:before, &:after {width: 156px; height: 77px;}
      }
      h2 {font-size: clamp(18px, 2.4vw, 32px); letter-spacing: 2.7px;}
      small {margin-top: 5px;
        &:before {margin-right: 10px;}
      }
    }
    .hnm-user {position: relative; width: fit-content; margin: 0 auto 60px;
      &:after {
        width: 240px;
        position: absolute;
        bottom: -12px;
        left: calc(100% + 2.2vw);
        margin: 0;
      }
      .hnm-user__stt {font-size: 27px; width: 333px; height: 50px; margin-right: -40px;}
      .hnm-user__img {width: 200px;}
      .hnm-user__name {font-size: 24px; margin-top: 10px; width: 100%; margin-top: 0;}
    }
    .hnm-user__desp {font-size: 15px; letter-spacing: 0.29px;}

    .hnm-tit {font-size: 24px; margin-bottom: 30px;}
  }
  .pc-426px {flex: 1; min-width: clamp(300px, 42%, 426px);}
  .pc-270px {flex: 270px;}
}
@media screen and (min-width: 320px) and (max-width: 768.99px) {
  .sp-flex {display: flex; flex-direction: column;}
  .sp-order-2 {order: 2;}
  .sBr-space {display: block;}
  .sp-flex-column {flex-direction: column;}
  .sp-f12 {font-size: 12px !important; line-height: 1.6 !important;
    .sBr-space {margin-top: -5px;}
  }
  .mt-sp-20 {margin-top: 20px !important;}

  .newPages.hnm {
    * {letter-spacing: 0;}
    .line-18 {line-height: 1.8;}
    .hnm-banner {margin-left: -15px !important; margin-right: -15px !important; border-radius: 20px; overflow: hidden;}
    .nSty-heading__t {margin-left: auto; margin-right: auto;}
    .nSty-heading:before {margin-top: 0;}
    .nSty-heading:after {top: 15px; transform: translateY(0);}
    .nSty-heading__sub:before {content: none;}
  }
  small.d-block.text-right.mt-5 {font-size: 12px;}
}

br.only-small {display: none !important;}
@media screen and (min-width: 391px) and (max-width: 431px) {
  .newPages.hnm {
    & .hnm-header {
      small {font-size: 13px;}
    }
  }
}
@media screen and (min-width: 375px) and (max-width: 389px) {
  .newPages.hnm {
    .hnm-header {
      h2 {font-size: 16px;}
    }
    .hnm-user {
      .hnm-user__img {width: 140px;}
    }
  }
}
@media screen and (min-width: 320px) and (max-width: 375.99px) {
  .newPages.hnm {
    .hnm-tit {font-size: 4.7vw;}
  }
  small.d-block.text-right.mt-5 {font-size: 11px;}
}
@media screen and (min-width: 320px) and (max-width: 394px) {
  .newPages.hnm {
    .nSty-heading__sub {font-size: 3.1vw;}
    .hnm-tit {font-size: 4.6vw;}
  }
}
@media screen and (min-width: 320px) and (max-width: 426px) {
  br.only-small {display: block !important;}
  .newPages.hnm {
    .nSty-heading {font-size: 5.22vw; letter-spacing: 0;}
  }
}