/*!
global > Color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > function
------------------------------
*/
.p_culture .logistic_item__txt {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_item__txt {
    font-size: 1rem;
  }
}

.p_culture .logistic_item__ttl {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_item__ttl {
    font-size: 1.5rem;
  }
}

.p_culture .logistic_ttl .ttl {
  font-size: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_ttl .ttl {
    font-size: 4.375rem;
  }
}

.p_culture .c_card {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_culture .c_card {
    margin-top: clamp(5rem, 6.25vw + 2rem, 6.6875rem);
  }
}
.p_culture .logistic {
  color: #fff;
}
.p_culture .logistic .c_bg::after {
  bottom: unset;
  top: 0;
}
.p_culture .logistic_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  width: max-content;
  margin: 0 auto 20px;
  border: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_ttl {
    margin-bottom: 26px;
  }
}
.p_culture .logistic_ttl .ttl {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p_culture .logistic_ttl .ttl:nth-child(2) {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_ttl .ttl {
    width: 100px;
    height: 100px;
  }
}
.p_culture .logistic_ttl__sub {
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_ttl__sub {
    padding-bottom: 13px;
  }
}
.p_culture .logistic_inner {
  padding: 60px 20px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_inner {
    padding: clamp(3.75rem, 11.5740740741vw + -1.8055555556rem, 6.875rem) 25px clamp(3.75rem, 25.462962963vw + -8.4722222222rem, 10.625rem);
  }
}
.p_culture .logistic_inner .c_txt24 {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_inner .c_txt24 {
    text-align: center;
  }
}
.p_culture .logistic_content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(10rem, 15.306122449vw + 6.412627551rem, 13.75rem), 1fr));
  gap: 20px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_content {
    padding-top: 49px;
    display: flex;
    flex-wrap: wrap;
    gap: 11px 25px;
  }
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_item {
    width: calc(33.3333333333% - 17px);
  }
}
.p_culture .logistic_item__desc {
  padding: 10px 0;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_item__desc {
    padding: clamp(1.25rem, 2.3148148148vw + 0.1388888889rem, 1.875rem);
  }
}
.p_culture .logistic_item__txt {
  padding-top: 10px;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p_culture .logistic_item__txt {
    padding-top: 20px;
  }
}

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