/* TOP メインスライド 文字コンテンツの幅 */
@media screen and (min-width: 60em) {
  .l-topmain .center-item .slide dl {
    text-align: left;
    max-width: 560px;
    padding: 0 6rem 0 0;
  }
}

/* TOP ライディック株式会社 */
.p-flex-content01 {
  display: flex;
  column-gap: 20px;
  min-width: 500px;

  @media screen and (max-width: 959px) {
    min-width: auto;
    max-width: 100%;
  }
}
.p-flex-content01__image {
  width: 60px;
}

.c-anchor01 {
  text-decoration: underline;
  color: #fff;
}
.c-anchor01:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.5;
}

.p-content01 {
  overflow-x: auto;
  padding: 50px 60px;
  background-color: #fff;

  @media screen and (max-width: 959px) {
    padding: 16px 16px;
  }
}
.p-content01 h3 {
  margin-top: 40px;
  font-size: 2.4rem;
}
.p-content01 h4 {
  margin-top: 20px;
  font-size: 1.8rem;
}
.c-table01 {
  min-width: 430px;
}

@media screen and (max-width: 959px) {
  .p-slide01 {
    min-height: auto!important;
    height: 640px!important;
  }

  .p-slide01 .slide {
    min-height: auto!important;
    height: 640px!important;
  }
}

.p-about {
  max-width: 100%;
}

@media screen and (max-width: 959px) {
  .p-about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .p-about__detail {
    max-width: 100%;
  }
}

@media screen and (min-width: 48em) {
  .btn-sns .main-btn {
    min-width: calc(50% - 10px)!important;
  }
}

/* 汎用変数 */
.mb10 {
  margin-bottom: 10px;
}

.mb30-tb {
    @media screen and (max-width: 959px) {
        margin-bottom: 30px!important;
    }
}

.u-text-center-tb {
  @media screen and (max-width: 959px) {
    text-align: center;
  }
}
.under-tb-none {
  @media screen and (max-width: 959px) {
    display: none;
  }
}