.mv {
  background: unset;
}

.inner {
  position: relative;
  background: #f8f7f5;
}
.inner.culture {
  padding-bottom: calc(80 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .inner.culture {
    padding-bottom: calc(80 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.intro {
  padding-right: calc(48 / var(--base-full-width) * var(--inner-width) * 1px);
  padding-bottom: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .intro {
    padding-right: 0;
    padding-bottom: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.intro__lead {
  text-align: left;
  font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: 0;
}
@media only screen and (max-width: 47.9375em) {
  .intro__lead {
    font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.culture-top {
  padding-left: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  padding-right: calc(48 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .culture-top {
    padding-left: 0;
    padding-right: 0;
  }
}

.culture-head {
  font-size: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: calc(16 / var(--base-full-width) * var(--inner-width) * 1px) 0;
  margin-bottom: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .culture-head {
    font-size: calc(20 / var(--base-full-width) * var(--inner-width) * 1px);
    padding: calc(16 / var(--base-full-width) * var(--inner-width) * 1px) 0;
    margin-bottom: calc(70 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.culture-keyword__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: calc(64 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .culture-keyword__nav {
    gap: 0;
    justify-content: space-between;
  }
}

.culture-keyword__item {
  width: calc(240 / var(--base-full-width) * var(--inner-width) * 1px);
  height: calc(240 / var(--base-full-width) * var(--inner-width) * 1px);
  border-radius: 50%;
  border: 1px solid #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  .culture-keyword__item {
    width: calc(100 / var(--base-full-width) * var(--inner-width) * 1px);
    height: calc(100 / var(--base-full-width) * var(--inner-width) * 1px);
    flex-shrink: 0;
  }
}
.culture-keyword__item::before {
  display: block;
  content: "";
  width: calc(200 / var(--base-full-width) * var(--inner-width) * 1px);
  height: calc(200 / var(--base-full-width) * var(--inner-width) * 1px);
  border-radius: 50%;
  border: 1px dashed #333;
  position: absolute;
  inset: 0;
  margin: auto;
  transition: 0.3s ease;
  opacity: 0;
}
@media only screen and (max-width: 47.9375em) {
  .culture-keyword__item::before {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .culture-keyword__item:hover::before {
    width: calc(220 / var(--base-full-width) * var(--inner-width) * 1px);
    height: calc(220 / var(--base-full-width) * var(--inner-width) * 1px);
    opacity: 1;
  }
  .culture-keyword__item:hover > img {
    transform: translateY(20px);
  }
  .culture-keyword__item:hover .culture-keyword__title {
    transform: scale(1.08);
  }
}

.culture-keyword__number {
  font-size: calc(20 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 1;
  font-family: "Lexend Tera", sans-serif;
  border-bottom: calc(2 / var(--base-full-width) * var(--inner-width) * 1px) solid #ffa000;
  padding-bottom: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .culture-keyword__number {
    font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    padding-bottom: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-bottom: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.culture-keyword__number.num02 {
  border-bottom: calc(2 / var(--base-full-width) * var(--inner-width) * 1px) solid #0094e1;
}
.culture-keyword__number.num03 {
  border-bottom: calc(2 / var(--base-full-width) * var(--inner-width) * 1px) solid #00479d;
}

.culture-keyword__title {
  text-align: center;
  font-size: calc(56 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 1;
  letter-spacing: 0.08em;
  margin-bottom: calc(22 / var(--base-full-width) * var(--inner-width) * 1px);
  transition: 0.3s ease;
}
@media only screen and (max-width: 47.9375em) {
  .culture-keyword__title {
    font-size: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-bottom: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.culture-keyword__item > img {
  width: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  height: auto;
  transition: 0.3s ease;
}
@media only screen and (max-width: 47.9375em) {
  .culture-keyword__item > img {
    width: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.cross {
  width: calc(68 / var(--base-full-width) * var(--inner-width) * 1px);
  height: auto;
}
@media only screen and (max-width: 47.9375em) {
  .cross {
    display: none;
  }
}

.keyword-inner {
  border: 1px solid #333;
  border-radius: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  padding: calc(64 / var(--base-full-width) * var(--inner-width) * 1px);
  width: calc(988 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-left: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  .keyword-inner {
    width: 100%;
    margin-left: 0;
    padding: calc(24 / var(--base-full-width) * var(--inner-width) * 1px) calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    border-radius: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.keyword-inner + .keyword-inner {
  margin-top: calc(64 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-inner + .keyword-inner {
    margin-top: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.keyword-contents {
  margin-bottom: calc(64 / var(--base-full-width) * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  .keyword-contents {
    margin-bottom: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.keyword-contents__body .message__video {
  width: calc(682 / var(--base-full-width) * var(--inner-width) * 1px);
  height: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-left: auto;
  position: absolute;
  top: calc(3 / var(--base-full-width) * var(--inner-width) * 1px);
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 47.9375em) {
  .keyword-contents__body .message__video {
    width: 100%;
    height: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
    top: 0;
  }
}

@media only screen and (max-width: 47.9375em) {
  .keyword-contents__body {
    padding-top: calc(32 / var(--base-full-width) * var(--inner-width) * 1px);
    display: flex;
    justify-content: space-between;
    margin-bottom: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.keyword-contents__number {
  font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  font-family: "Lexend Tera", sans-serif;
  margin-bottom: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  letter-spacing: 0.09em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-contents__number {
    font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-bottom: 0;
  }
  .keyword-contents__number span {
    font-size: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.keyword-contents__title {
  font-size: calc(64 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 1;
  margin-bottom: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-contents__title {
    font-size: calc(48 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-bottom: 0;
  }
}

.keyword-contents__text {
  font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 2;
  padding-right: calc(520 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-contents__text {
    padding-right: 0;
    font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.keyword-contents__img {
  width: calc(480 / var(--base-full-width) * var(--inner-width) * 1px);
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 47.9375em) {
  .keyword-contents__img {
    width: 100%;
    height: calc(217 / var(--base-full-width) * var(--inner-width) * 1px);
    position: relative;
    border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
    right: unset;
    bottom: unset;
    margin-bottom: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.keyword-point__title {
  text-align: center;
  font-size: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: calc(16 / var(--base-full-width) * var(--inner-width) * 1px) 0;
  margin-bottom: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__title {
    font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
    padding: calc(16 / var(--base-full-width) * var(--inner-width) * 1px) 0;
    margin-bottom: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.keyword-point__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(32 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__body {
    flex-direction: column;
    gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.keyword-point__body + .keyword-point__body {
  margin-top: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}

.keyword-point__body .thumbnail {
  width: calc(300 / var(--base-full-width) * var(--inner-width) * 1px);
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__body .thumbnail {
    width: 100%;
  }
}

.keyword-point__body .thumbnail .caption {
  font-size: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  color: #fff;
  position: absolute;
  bottom: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  right: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__body .thumbnail .caption {
    font-size: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
    bottom: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
    right: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.keyword-point__subtitle {
  font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__subtitle {
    font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-bottom: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.keyword-point__text {
  font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 2;
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__text {
    font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.keyword-point__text + .keyword-point__text {
  margin-top: calc(20 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__text + .keyword-point__text {
    margin-top: calc(20 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.keyword-point__text small {
  font-size: calc(12 / var(--base-full-width) * var(--inner-width) * 1px);
}
.keyword-point__text small a {
  color: #0094e1;
}

.keyword-point__body.keyword03 {
  position: relative;
  align-items: flex-start;
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__body.keyword03 {
    flex-direction: column;
    align-items: center;
  }
}
.keyword-point__body.keyword03 .thumbnail.keyword03-img01 {
  position: relative;
  bottom: calc(-64 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__body.keyword03 .thumbnail.keyword03-img01 {
    bottom: unset;
  }
}
.keyword-point__body.keyword03 .thumbnail.keyword03-img02 {
  position: absolute;
  top: calc(296 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .keyword-point__body.keyword03 .thumbnail.keyword03-img02 {
    position: relative;
    top: unset;
  }
}/*# sourceMappingURL=culture.css.map */