/*
* top.css
*
*/
/*
* _opening.scss
*
*/
.opening {
  overflow: hidden;
  position: fixed;
  z-index: 3;
  pointer-events: none;

  inset: 0;
}

.opening::before {
  content: "";
  position: absolute;
  background-color: #fff;

  inset: 0;
}

.opening::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, #fff 100%);

  inset: 0;
}

html.is-loaded .opening::before {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

html.is-loaded .opening::after {
  transition: -webkit-transform 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.mv {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: clamp(320px,41.66667vw, 600px);
  background-image: url(../img/about/mv_lg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .mv {
    height: 156.53333vw;
    background-image: url(../img/about/mv_sm.jpg);
  }
}

.mv_title {
  color: #fff;
  font-size: clamp(17px,2.22223vw, 32px);
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .mv_title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 8.53333vw;
  }
}

.mv_scroll {
  position: absolute;
  margin: auto;
  width: 1px;
  height: clamp(29px,3.88889vw, 56px);
  background-color: #fff;

  inset: auto 0 0 0;
}

@media screen and (max-width: 768px) {
  .mv_scroll {
    height: 14.93333vw;
  }
}

.concept {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .concept {
    overflow: initial;
  }
}

.concept_inner {
  position: relative;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .concept_inner {
    padding-top: 10.66667vw;
  }
}

.concept_content {
  display: flex;
  height: 80vh;
}

@media screen and (max-width: 768px) {
  .concept_content {
    display: block;
    overflow: hidden;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .concept_content + .concept_content {
    margin-top: 10.66667vw;
  }
}

.concept_left {
  position: absolute;
  top: 50vh;
  left: 0;
  margin: auto auto auto clamp(94px,12.36112vw, 178px);
  width: 50%;
  height: 100%;
  height: 50vh;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .concept_left {
    position: static;
    margin: 0;
    padding: 19.73333vw 0 20.26667vw 15.46667vw;
    width: 100%;
    height: auto;
    -webkit-transform: none;
            transform: none;
  }
}

.concept_content:nth-of-type(1) .concept_left::after {
  content: "";
  opacity: 0.1;
  position: absolute;
  top: clamp(-593px,-41.18055vw, -317px);
  left: clamp(-436px,-30.27777vw, -233px);
  width: clamp(325px,42.36112vw, 610px);
  height: clamp(320px,41.66667vw, 600px);
  background-image: url(../img/common/noren.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(1) .concept_left::after {
    display: none;
  }
}

.concept_dots {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  margin: auto;

  inset: 0 auto 0 clamp(-80px,-5.55555vw, -43px);
}

@media screen and (max-width: 768px) {
  .concept_dots {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .concept_spFixed .concept_dots {
    display: flex;
    justify-content: center;
    left: 3.2vw;
  }
}

.concept_dots_item {
  position: relative;
  border-radius: 50%;
  width: clamp(5px,0.69445vw, 10px);
  height: clamp(5px,0.69445vw, 10px);
  background-color: #ced4d2;
}

@media screen and (max-width: 768px) {
  .concept_dots_item {
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

.concept_dots_item + .concept_dots_item {
  margin-top: clamp(12px,1.66667vw, 24px);
}

@media screen and (max-width: 768px) {
  .concept_dots_item + .concept_dots_item {
    margin-top: 6.4vw;
  }
}

.concept_dots_item + .concept_dots_item span {
  position: absolute;
  margin: auto;
  width: 2px;
  height: clamp(12px,1.66667vw, 24px);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  background-color: #ced4d2;

  inset: 0 0 auto 0;
}

@media screen and (max-width: 768px) {
  .concept_dots_item + .concept_dots_item span {
    height: 6.4vw;
  }
}

.concept_dots_item + .concept_dots_item span::after {
  content: "";
  position: absolute;
  margin: auto;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  background-color: #0b3126;

  inset: 0;
}

.concept_dots_item::before {
  content: "";
  position: absolute;
  margin: auto;
  border: 1px solid #0b3126;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center;
          transform-origin: center;

  inset: 0;
}

.concept_dots_item::after {
  content: "";
  opacity: 0;
  position: absolute;
  margin: auto;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  background-color: #0b3126;

  inset: 0;
}

[data-index="1"] .concept_dots_item:nth-of-type(1)::before {
  opacity: 0;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1.9);
          transform: scale(1.9);
}

[data-index="1"] .concept_dots_item:nth-of-type(1)::after {
  opacity: 1;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

[data-before="1"][data-index="2"] .concept_dots_item:nth-of-type(2) span::after {
  -webkit-animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

[data-before="2"][data-index="1"] .concept_dots_item:nth-of-type(2) span::after {
  -webkit-animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

[data-index="2"] .concept_dots_item:nth-of-type(2)::before {
  opacity: 0;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1.9);
          transform: scale(1.9);
}

[data-index="2"] .concept_dots_item:nth-of-type(2)::after {
  opacity: 1;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

[data-before="2"][data-index="3"] .concept_dots_item:nth-of-type(3) span::after {
  -webkit-animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

[data-before="3"][data-index="2"] .concept_dots_item:nth-of-type(3) span::after {
  -webkit-animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

[data-index="3"] .concept_dots_item:nth-of-type(3)::before {
  opacity: 0;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1.9);
          transform: scale(1.9);
}

[data-index="3"] .concept_dots_item:nth-of-type(3)::after {
  opacity: 1;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

[data-before="3"][data-index="4"] .concept_dots_item:nth-of-type(4) span::after {
  -webkit-animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

[data-before="4"][data-index="3"] .concept_dots_item:nth-of-type(4) span::after {
  -webkit-animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

[data-index="4"] .concept_dots_item:nth-of-type(4)::before {
  opacity: 0;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1.9);
          transform: scale(1.9);
}

[data-index="4"] .concept_dots_item:nth-of-type(4)::after {
  opacity: 1;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

[data-before="4"][data-index="5"] .concept_dots_item:nth-of-type(5) span::after {
  -webkit-animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

[data-before="5"][data-index="4"] .concept_dots_item:nth-of-type(5) span::after {
  -webkit-animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

[data-index="5"] .concept_dots_item:nth-of-type(5)::before {
  opacity: 0;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1.9);
          transform: scale(1.9);
}

[data-index="5"] .concept_dots_item:nth-of-type(5)::after {
  opacity: 1;
  transition: opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.8s 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

[data-before="5"][data-index="6"] .concept_dots_item:nth-of-type(6) span::after {
  -webkit-animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineDown 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

[data-before="6"][data-index="5"] .concept_dots_item:nth-of-type(6) span::after {
  -webkit-animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
          animation: dotsLineUp 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95) both;
}

.concept_lead {
  display: flex;
  align-items: center;
  margin: auto;
  font-size: clamp(13px,1.80556vw, 26px);
}

@media screen and (max-width: 768px) {
  .concept_lead {
    display: flex;
    align-items: flex-start;
    width: 100%;
    font-size: 5.33333vw;
  }
}

.concept_lead .br {
  display: block;
  height: 1em;
}

@media screen and (max-width: 768px) {
  .concept_lead .br {
    height: 2em;
  }
}

.concept_scroll_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
}

.concept_scroll {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: clamp(29px,3.88889vw, 56px);
  background-color: #000;
}

@media screen and (max-width: 768px) {
  .concept_scroll {
    display: none;
  }
}

.concept_right {
  margin-left: auto;
  width: 50%;
}

@media screen and (max-width: 768px) {
  .concept_right {
    width: 100%;
  }
}

.concept_img {
  position: relative;
}

.concept_img img {
  width: 100%;
}

.concept_content:nth-of-type(1) .concept_img {
  margin-top: clamp(74px,9.72223vw, 140px);
  width: clamp(384px,50vw, 720px);
  box-shadow: 6px 5px 18px -6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(1) .concept_img {
    margin-top: 0;
    margin-left: auto;
    width: 84.53333vw;
  }
}

.concept_content:nth-of-type(2) .concept_img:nth-of-type(1) {
  margin-top: clamp(117px,15.27778vw, 220px);
  width: clamp(187px,24.44445vw, 352px);
  box-shadow: 10px 8px 18px -6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(2) .concept_img:nth-of-type(1) {
    margin-top: -6.4vw;
    margin-left: 15.2vw;
    width: 41.86667vw;
  }
}

.concept_content:nth-of-type(2) .concept_img:nth-of-type(2) {
  margin-top: clamp(26px,3.47223vw, 50px);
  margin-left: auto;
  width: clamp(281px,36.66667vw, 528px);
  box-shadow: 6px 5px 18px -6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(2) .concept_img:nth-of-type(2) {
    margin-top: 4vw;
    margin-left: auto;
    width: 61.86667vw;
  }
}

.concept_content:nth-of-type(3) .concept_img:nth-of-type(1) {
  margin-top: clamp(160px,20.83334vw, 300px);
  width: clamp(160px,20.83334vw, 300px);
  box-shadow: 6px 5px 18px -6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(3) .concept_img:nth-of-type(1) {
    margin-top: 0;
    margin-left: 7.2vw;
    width: 53.33333vw;
  }
}

.concept_content:nth-of-type(3) .concept_img:nth-of-type(2) {
  margin-top: clamp(-240px,-16.66666vw, -128px);
  margin-right: clamp(14px,1.875vw, 27px);
  margin-left: auto;
  width: clamp(192px,25vw, 360px);
  box-shadow: 10px 8px 18px -6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(3) .concept_img:nth-of-type(2) {
    margin-top: -40vw;
    margin-right: 7.2vw;
    width: 42.66667vw;
  }
}

.concept_content:nth-of-type(4) .concept_img:nth-of-type(1) {
  margin-top: clamp(122px,15.97223vw, 230px);
  margin-left: auto;
  width: clamp(320px,41.66667vw, 600px);
  box-shadow: 10px 8px 18px -6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(4) .concept_img:nth-of-type(1) {
    margin-top: 0;
    width: 61.33333vw;
  }
}

.concept_content:nth-of-type(4) .concept_img:nth-of-type(2) {
  margin-top: clamp(-60px,-4.16666vw, -32px);
  width: clamp(170px,22.22223vw, 320px);
  box-shadow: 6px 5px 18px -6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(4) .concept_img:nth-of-type(2) {
    margin-top: -13.33333vw;
    width: 85.33333vw;
  }
}

.concept_content:nth-of-type(5) .concept_img:nth-of-type(1) {
  margin-top: clamp(85px,11.11112vw, 160px);
  width: clamp(160px,20.83334vw, 300px);
  box-shadow: 6px 5px 18px -6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(5) .concept_img:nth-of-type(1) {
    z-index: 1;
    margin-top: 0;
    width: 40vw;
  }
}

.concept_content:nth-of-type(5) .concept_img:nth-of-type(2) {
  margin-top: clamp(-200px,-13.88888vw, -107px);
  margin-left: auto;
  width: clamp(212px,27.63889vw, 398px);
  box-shadow: 6px 5px 18px -6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .concept_content:nth-of-type(5) .concept_img:nth-of-type(2) {
    margin-top: -29.33333vw;
    width: 80vw;
  }
}

.concept_spFixed {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .concept_spFixed {
    display: block;
    position: absolute;
    z-index: 2;

    inset: 0;
  }
}

@media screen and (max-width: 768px) {
  .concept_spFixed_content {
    position: -webkit-sticky;
    position: sticky;
    height: 100vh;

    inset: 0 0 auto 0;
  }
}

@media screen and (max-width: 768px) {
  .concept_spFixed_content::after {
    content: "";
    opacity: 0.1;
    position: absolute;
    bottom: -24vw;
    left: -37.33333vw;
    width: 112vw;
    height: 122.66667vw;
    background-image: url(../img/common/noren.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}

.mind {
  margin-top: clamp(106px,13.88889vw, 200px);
}

@media screen and (max-width: 768px) {
  .mind {
    margin-top: 32vw;
  }
}

.mind_content {
  display: flex;
}

@media screen and (max-width: 768px) {
  .mind_content {
    display: block;
  }
}

.mind_title {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  font-size: clamp(14px,1.94445vw, 28px);
}

@media screen and (max-width: 768px) {
  .mind_title {
    margin: auto;
    font-size: 7.46667vw;
  }
}

.mind_profile {
  flex-shrink: 1;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .mind_profile {
    margin-top: 60px;
    padding-right: 0;
    width: 100%;
  }
}

.mind_img {
  flex-shrink: 1;
  width: 100%;
}

.mind_profile_wrap {
  display: grid;
  gap: 45px;
  margin-top: clamp(21px,2.77778vw, 40px);
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 768px) {
  .mind_profile_wrap {
    flex-direction: column;
  }
}

.mind_profile_content {
  display: flex;
  flex-shrink: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .mind_profile_content {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .mind_profile_content + .mind_profile_content {
    margin-top: 10.66667vw;
  }
}

.mind_textArea {
  flex: 1;
}

@media screen and (max-width: 768px) {
  .mind_textArea {
    padding-left: 0;
  }
}

.mind_job {
  font-size: clamp(7px,0.97223vw, 14px);
  margin-top: clamp(21px, 0.77778vw, 40px);
}

@media screen and (max-width: 768px) {
  .mind_job {
    font-size: 3.73333vw;
  }
}

.mind_name {
  font-size: clamp(13px,1.80556vw, 26px);
}

@media screen and (max-width: 768px) {
  .mind_name {
    font-size: 6.93333vw;
  }
}

.mind_text {
  position: relative;
  margin-top: clamp(8px,1.11112vw, 16px);
  padding-top: clamp(10px,1.31945vw, 19px);
  font-size: clamp(7px,0.97223vw, 14px);
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .mind_text {
    margin-top: 4.26667vw;
    padding-top: 5.06667vw;
    font-size: 3.73333vw;
  }
}

.mind_text > span {
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;

  inset: 0 0 auto;
}
/*# sourceMappingURL=about.css.map */

.column2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

.about_copy {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
.about_copy {
  font-size: 5.33333vw;
}

.column2 {
  grid-template-columns: 1fr;
}

.mind_profile_wrap {
  grid-template-columns: 1fr;
}

.mind_textArea img {
  display: block;
  margin: 0 auto;
}

}

.splide__slide img {
  height: 100%!important;
  object-fit: cover!important;
}