/*!
global > Color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > function
------------------------------
*/
.p_top .minute_item__ttl {
  font-size: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__ttl {
    font-size: 1.875rem;
  }
}

.p_top .minute_item__number {
  font-size: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__number {
    font-size: clamp(3.125rem, 1.3661202186vw + 2.4692622951rem, 3.75rem);
  }
}

.p_top .mv {
  width: 100%;
  height: 100%;
  position: relative;
}
.p_top .mv_img {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top .mv_img {
    flex-direction: row;
  }
}
.p_top .mv_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2a3546;
  opacity: 0.54;
  mix-blend-mode: multiply;
}
.p_top .mv_img__txt {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  position: absolute;
  font-family: "Akshar", sans-serif;
  left: 0;
  top: 0;
  font-weight: 500;
  font-size: 3.375rem;
  text-transform: uppercase;
  letter-spacing: 0.0012em;
  opacity: 0.53;
  line-height: 1.0185185185;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p_top .mv_img__txt {
    font-size: clamp(2.5rem, 6.994047619vw + -0.8571428571rem, 5.4375rem);
  }
}
.p_top .mv_txt {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.6875rem;
  writing-mode: vertical-lr;
  color: #fff;
  letter-spacing: 0.52em;
  padding-top: 13px;
}
@media screen and (min-width: 768px) {
  .p_top .mv_txt {
    font-size: clamp(1.625rem, 2.7777777778vw + 0.2916666667rem, 2.375rem);
    letter-spacing: 0.765em;
    padding-right: 3px;
    padding-top: 28px;
  }
}
.p_top .message {
  padding-top: 60px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_top .message {
    padding-top: clamp(5rem, 13.3928571429vw + -1.4285714286rem, 10.625rem);
  }
}
.p_top .message_content {
  width: 100%;
  max-width: 895px;
  margin-left: auto;
  line-height: 2.2222222222;
  color: #000000;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_top .message_content {
    padding-top: 44px;
  }
}
.p_top .message_subtxt {
  position: absolute;
  width: 100vw;
  bottom: 82%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 21.5vw;
  font-family: "Akshar", sans-serif;
  font-weight: 300;
  color: #98a4ac;
  opacity: 0.15;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0.005em;
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p_top .message_subtxt {
    bottom: 79.3%;
    font-size: 22.1875vw;
    left: 48.3%;
  }
}
.p_top .message_img {
  z-index: 1;
  position: relative;
  margin-top: clamp(4.375rem, 14.4927536232vw + -0.6974637681rem, 6.25rem);
  display: flex;
  justify-content: center;
  width: calc(100% + 40px);
  margin-left: -20px;
}
@media screen and (min-width: 768px) {
  .p_top .message_img {
    width: calc(100% + clamp(2.5rem, 45vw + -31.25rem, 13.75rem));
    margin-left: clamp(-6.875rem, -22.5vw + 15.625rem, -1.25rem);
    margin-top: clamp(6.25rem, 5.2083333333vw + 3.75rem, 8.4375rem);
  }
}
.p_top .message_img .img {
  width: 100%;
  max-width: 360px;
}
@media screen and (min-width: 768px) {
  .p_top .message_img .img {
    max-width: 460px;
  }
}
.p_top .message_img .img:nth-child(even) {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .p_top .message_img .img:nth-child(even) {
    margin-top: clamp(2.5rem, 6.3988095238vw + -0.5714285714rem, 5.1875rem);
  }
}
.p_top__content {
  color: #fff;
  position: relative;
  z-index: 1;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .p_top__content {
    padding-bottom: clamp(3.75rem, 14.880952381vw + -3.3928571429rem, 10rem);
  }
}
.p_top__content.c_bg::after {
  height: calc(104% + 29px);
}
.p_top .minute {
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_top .minute {
    padding-top: clamp(5rem, 5.3571428571vw + 2.4285714286rem, 7.25rem);
  }
}
.p_top .minute .c_txt {
  padding-block: 30px 0;
}
@media screen and (min-width: 768px) {
  .p_top .minute .c_txt {
    padding-block: clamp(2.5rem, 10.1851851852vw + -2.3888888889rem, 5.25rem) clamp(2.5rem, 4.6296296296vw + 0.2777777778rem, 3.75rem);
  }
}
.p_top .minute .c_btn {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_top .minute .c_btn {
    margin-top: 0;
  }
}
.p_top .minute_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 10px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_top .minute_content {
    display: grid;
    padding-top: clamp(2.5rem, 9.4907407407vw + -2.0555555556rem, 5.0625rem);
    grid-template-columns: repeat(auto-fill, minmax(clamp(11.25rem, 41.6666666667vw + -8.75rem, 22.5rem), 1fr));
    gap: clamp(1.25rem, 4.6296296296vw + -0.9722222222rem, 2.5rem);
  }
}
.p_top .minute_item {
  width: clamp(9.6875rem, 18.8775510204vw + 5.2630739796rem, 14.3125rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item {
    width: 100%;
  }
}
.p_top .minute_item__ttl {
  padding-bottom: 14px;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__ttl {
    padding-bottom: 24px;
  }
}
.p_top .minute_item__img {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__img {
    padding-bottom: 40px;
  }
}
.p_top .minute_item__img .w_100 {
  width: 75px;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__img .w_100 {
    width: 100px;
  }
}
.p_top .minute_item__img .w_103 {
  width: 75px;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__img .w_103 {
    width: 103px;
  }
}
.p_top .minute_item__img .w_108 {
  width: 75px;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__img .w_108 {
    width: 108px;
  }
}
.p_top .minute_item__txt {
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__txt {
    font-size: 1.4375rem;
  }
}
.p_top .minute_item__txt.fz_32 {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__txt.fz_32 {
    font-size: 2rem;
  }
}
.p_top .minute_item__number {
  position: relative;
  padding: 0 7px;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__number {
    top: -4px;
  }
}
.p_top .minute_item__subtxt {
  font-size: 0.875rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p_top .minute_item__subtxt {
    font-size: 1.25rem;
  }
}
.p_top .business {
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p_top .business {
    flex-direction: row;
    padding-top: clamp(5rem, 15.1785714286vw + -2.2857142857rem, 11.375rem);
  }
}
.p_top .business .c_txt {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .p_top .business .c_txt {
    padding: 58px clamp(1.25rem, 11.9047619048vw + -4.4642857143rem, 6.25rem) 60px 0;
  }
}
@media screen and (min-width: 768px) {
  .p_top .business_content {
    width: clamp(22.5rem, 14.4345238095vw + 15.5714285714rem, 28.5625rem);
  }
}
.p_top .business_img {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top .business_img {
    aspect-ratio: 0.7390300231;
    width: clamp(22.5rem, 41.6666666667vw + 2.5rem, 40rem);
  }
}
.p_top .business_img img {
  width: calc(100% + 20px);
  max-width: calc(100% + 20px);
}
@media screen and (min-width: 768px) {
  .p_top .business_img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    width: calc((100vw - 1160px) * 0.5 + 100%);
    min-width: calc(100% + 20px);
    max-width: 100vw;
  }
}
.p_top .introduction {
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_top .introduction {
    padding-top: clamp(5rem, 4.6130952381vw + 2.7857142857rem, 6.9375rem);
  }
}
.p_top .introduction .c_txt {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .p_top .introduction .c_txt {
    padding: 58px clamp(1.25rem, 11.9047619048vw + -4.4642857143rem, 6.25rem) 60px 0;
  }
}
.p_top .introduction_img {
  position: relative;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_top .introduction_img {
    margin-top: clamp(2.5rem, 11.9047619048vw + -3.2142857143rem, 7.5rem);
    aspect-ratio: 1.8125;
  }
}
.p_top .introduction_img img {
  width: calc(100% + 20px);
  max-width: calc(100% + 20px);
}
@media screen and (min-width: 768px) {
  .p_top .introduction_img img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100vw;
    width: calc((100vw - 1160px) * 0.5 + 100%);
    min-width: calc(100% + 20px);
    height: 100%;
    object-fit: cover;
  }
}
.p_top .culture {
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_top .culture {
    padding-top: clamp(3.75rem, 18.3035714286vw + -5.0357142857rem, 11.4375rem);
  }
}
.p_top .culture_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p_top .culture_inner {
    gap: 40px;
  }
}
.p_top .culture_inner .c_ttl {
  flex-shrink: 0;
}
.p_top .culture_content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 20px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_top .culture_content {
    max-width: 560px;
    flex-direction: row;
    padding-top: clamp(0rem, 16.6666666667vw + -12.5rem, 2.5rem);
    gap: 40px;
  }
}
.p_top .culture_img {
  margin-top: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top .culture_img {
    margin-top: clamp(2.5rem, 7.6388888889vw + -1.1666666667rem, 4.5625rem);
  }
}
.p_top .culture .c_btn {
  display: block;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .p_top .culture .c_btn {
    padding-top: 0;
  }
}
.p_top .culture .c_btn__link {
  padding: 0 20px;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.4583333333;
  max-width: 100%;
  height: 80px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p_top .culture .c_btn__link {
    font-size: clamp(1.25rem, 0.9259259259vw + 0.8055555556rem, 1.5rem);
    height: 120px;
    padding: 0 clamp(1.25rem, 6.9444444444vw + -2.0833333333rem, 3.125rem);
  }
}
.p_top .culture .c_btn__link .icon {
  width: 18px;
  height: 16px;
}

.c_entry {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .c_entry {
    margin-top: clamp(3.75rem, 14.880952381vw + -3.3928571429rem, 10rem);
  }
}

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