@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
.sec-overview .wrapW, .sec-group .wrapW {
  max-width: 1360px; }

/*==========================================
 OVERVIEW
===========================================*/
.sec-overview .overview-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  letter-spacing: 0.2em;
  font-size: clamp(1.4rem, 1.8vw, 1.8rem); }
  @media screen and (max-width: 767px) {
    .sec-overview .overview-block {
      letter-spacing: 0.1em; } }
  .sec-overview .overview-block .overview-list {
    width: 48%; }
    @media screen and (max-width: 960px) {
      .sec-overview .overview-block .overview-list {
        width: 100%; } }
    .sec-overview .overview-block .overview-list .overview-item {
      border-bottom: 1px solid #000;
      display: flex;
      padding: 2em 0; }
      .sec-overview .overview-block .overview-list .overview-item dt {
        min-width: 8em;
        padding: 0 2em 0 0;
        position: relative; }
        .sec-overview .overview-block .overview-list .overview-item dt::after {
          content: "／";
          display: block;
          position: absolute;
          right: 0;
          top: 0; }
        @media screen and (max-width: 576px) {
          .sec-overview .overview-block .overview-list .overview-item dt {
            min-width: 6.5em;
            padding: 0 1.5em 0 0; } }
      .sec-overview .overview-block .overview-list .overview-item dd {
        width: 100%;
        padding: 0 0 0 1em; }
      @media screen and (max-width: 576px) {
        .sec-overview .overview-block .overview-list .overview-item.lrg {
          display: block; } }
      .sec-overview .overview-block .overview-list .overview-item.lrg dt {
        min-width: fit-content; }
        @media screen and (max-width: 576px) {
          .sec-overview .overview-block .overview-list .overview-item.lrg dt {
            min-width: inherit;
            width: fit-content; } }
      @media screen and (max-width: 576px) {
        .sec-overview .overview-block .overview-list .overview-item.lrg dd {
          padding: 0.5em 0 0; } }
      .sec-overview .overview-block .overview-list .overview-item .tellBox {
        display: flex;
        flex-wrap: wrap; }
        .sec-overview .overview-block .overview-list .overview-item .tellBox li:not(:last-child)::after {
          content: "・";
          padding: 0 1em; }
        .sec-overview .overview-block .overview-list .overview-item .tellBox li.free {
          position: relative; }
          .sec-overview .overview-block .overview-list .overview-item .tellBox li.free::after {
            content: "(フリーアクセス)";
            display: block;
            font-size: clamp(1rem, 1.4vw, 1.4rem);
            letter-spacing: normal;
            position: absolute;
            bottom: -1.2em;
            left: 0; }
      .sec-overview .overview-block .overview-list .overview-item .mapBtn {
        background: var(--text-primary);
        color: #fff;
        padding: 0em 1em 0.3em;
        margin: 0 0 0 0.7em; }
        @media (hover: hover) {
          .sec-overview .overview-block .overview-list .overview-item .mapBtn:hover {
            background: var(--brand-primary); } }

/*==========================================
 GROUP
===========================================*/
.sec-group {
  margin-top: clamp(100px, 20vw, 200px); }
  .sec-group .sec-ttlRgl {
    margin-bottom: clamp(60px, 15vw, 150px); }
  .sec-group .group-list .group-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: clamp(1.6rem, 1.8vw, 1.8rem); }
    @media screen and (max-width: 767px) {
      .sec-group .group-list .group-item:nth-of-type(n+2) {
        margin-top: clamp(80px, 10vw, 100px); } }
    .sec-group .group-list .group-item .item-head {
      width: 50%;
      position: relative;
      min-height: 1000px; }
      @media screen and (max-width: 1360px) {
        .sec-group .group-list .group-item .item-head {
          min-height: 80vw; } }
      @media screen and (max-width: 767px) {
        .sec-group .group-list .group-item .item-head {
          width: 80%;
          margin: 0 auto 40px;
          min-height: 90vw; } }
    .sec-group .group-list .group-item .item-num {
      position: absolute;
      top: calc(0px - clamp(30px,6vw,63.5px));
      width: clamp(60px, 12vw, 127px);
      height: clamp(60px, 12vw, 127px);
      z-index: 1;
      font-size: clamp(20px, 3vw, 3.8rem); }
      .sec-group .group-list .group-item .item-num .num {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1; }
      .sec-group .group-list .group-item .item-num.show .circle-animation {
        stroke-dasharray: 395;
        stroke-dashoffset: 395;
        animation: dash 2s ease-in-out forwards;
        transform: rotate(-90deg);
        transform-origin: 50% 50%; }
@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
    .sec-group .group-list .group-item .item-img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .sec-group .group-list .group-item .item-body {
      width: 40%;
      display: flex;
      align-items: center;
      padding: 40px 0; }
      @media screen and (max-width: 1200px) {
        .sec-group .group-list .group-item .item-body {
          width: 45%; } }
      @media screen and (max-width: 767px) {
        .sec-group .group-list .group-item .item-body {
          width: 100%;
          padding: 0; } }
      @media screen and (max-width: 767px) {
        .sec-group .group-list .group-item .item-body .body-inner {
          max-width: 520px;
          width: 100%;
          margin: 0 auto; } }
    .sec-group .group-list .group-item .item-ttlBlock {
      padding: 0 0 clamp(40px, 6vw, 80px); }
    .sec-group .group-list .group-item .item-ttl {
      letter-spacing: 0.3em; }
      .sec-group .group-list .group-item .item-ttl::after {
        content: "／"; }
    .sec-group .group-list .group-item .item-logo {
      text-align: center;
      width: 90%;
      margin: 0 auto; }
      @media screen and (max-width: 1200px) {
        .sec-group .group-list .group-item .item-logo {
          width: 65%; } }
    .sec-group .group-list .group-item .item-txtBlock {
      border-top: 1px solid var(--text-primary2);
      padding: clamp(40px, 6vw, 80px) 0 0; }
    .sec-group .group-list .group-item .item-lead {
      font-size: clamp(2rem, 2.6vw, 2.6rem);
      letter-spacing: 0.08em;
      margin-bottom: 1em; }
    .sec-group .group-list .group-item .item-txt {
      line-height: 2; }
      @media screen and (max-width: 767px) {
        .sec-group .group-list .group-item .item-txt {
          line-height: 1.6; } }
    .sec-group .group-list .group-item .item-btn {
      margin-top: clamp(40px, 6vw, 80px); }
      .sec-group .group-list .group-item .item-btn a {
        display: inline-block;
        background: var(--brand-primary);
        color: #fff;
        padding: 0.4em 1em;
        border-radius: 100vmax; }
        .sec-group .group-list .group-item .item-btn a::after {
          content: "";
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          margin-left: 0.5em; }
        @media (hover: hover) {
          .sec-group .group-list .group-item .item-btn a:hover {
            background: var(--text-primary2); } }
    .sec-group .group-list .group-item:nth-of-type(2n+1) .item-num {
      right: calc(0px - clamp(30px,6vw,63.5px)); }
    .sec-group .group-list .group-item:nth-of-type(2n) {
      flex-direction: row-reverse; }
      .sec-group .group-list .group-item:nth-of-type(2n) .item-num {
        left: calc(0px - clamp(30px,6vw,63.5px)); }

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