@media (min-width: 320px) and (max-width: 991px) {
  .training-detail .ask-price {
    margin: 10px auto; } }

@media (min-width: 767px) and (max-width: 991px) {
  .training-detail .sct.sct-a {
    min-height: 100vh; }
    .training-detail .sct.sct-a::after {
      height: 330px; }
  .training-detail .block-detail-training {
    flex-direction: column; }
    .training-detail .block-detail-training .part-a {
      width: 100%; }
    .training-detail .block-detail-training .wrp-img {
      height: auto; }
      .training-detail .block-detail-training .wrp-img .img {
        display: none; }
    .training-detail .block-detail-training .training-date {
      position: relative;
      top: 0;
      bottom: 0;
      left: 0;
      text-align: center; }
      .training-detail .block-detail-training .training-date .label-dt {
        font-size: 14px;
        text-align: center; }
      .training-detail .block-detail-training .training-date .dt {
        font-size: 15px;
        text-align: center; }
    .training-detail .block-detail-training .line-info-training {
      font-size: 14px; }
      .training-detail .block-detail-training .line-info-training .label-ttl {
        font-size: 15px; }
      .training-detail .block-detail-training .line-info-training .value {
        font-size: 15px; }
    .training-detail .block-detail-training .title-info-training {
      font-size: 18px; }
    .training-detail .block-detail-training .tarif-block .part-a {
      width: auto; }
    .training-detail .block-detail-training .tarif-block .part-b {
      width: auto;
      flex: 1; }
    .training-detail .block-detail-training .tarif-block .price-info-training {
      font-size: 15px; }
    .training-detail .block-detail-training .tarif-block .price-info-training.promo {
      font-size: 14px; }
    .training-detail .block-detail-training .tarif-block .txt-promo {
      font-size: 12px; }
    .training-detail .block-detail-training .wrp-info {
      width: fit-content;
      margin: auto; }
      .training-detail .block-detail-training .wrp-info .part-a {
        width: auto; }
      .training-detail .block-detail-training .wrp-info .part-b {
        flex: 1; }
  .training-detail .tag-matter {
    font-size: 14px; }
  .training-detail .card-training .ttl-card {
    font-size: 15px; }
  .training-detail .card-training .bt {
    font-size: 12px; }
  .training-detail .position-block-detail-training .ttl {
    text-align: center !important; }
  .training-detail .position-block-detail-training .paragraph {
    text-align: center !important; } }

@media (min-width: 320px) and (max-width: 766px) {
  .training-detail .sct.sct-a {
    min-height: 100vh; }
    .training-detail .sct.sct-a::after {
      height: 330px; }
  .training-detail .block-detail-training {
    flex-direction: column; }
    .training-detail .block-detail-training .part-a {
      width: 100%; }
    .training-detail .block-detail-training .wrp-img {
      height: auto; }
      .training-detail .block-detail-training .wrp-img .img {
        display: none; }
    .training-detail .block-detail-training .training-date {
      position: relative;
      top: 0;
      bottom: 0;
      left: 0;
      text-align: center; }
      .training-detail .block-detail-training .training-date .label-dt {
        font-size: 14px;
        text-align: center; }
      .training-detail .block-detail-training .training-date .dt {
        font-size: 15px;
        text-align: center; }
    .training-detail .block-detail-training .line-info-training {
      padding-bottom: 10px;
      gap: 0px;
      flex-wrap: wrap; }
      .training-detail .block-detail-training .line-info-training .label-ttl {
        font-size: 15px;
        width: fit-content;
        min-width: 30px; }
      .training-detail .block-detail-training .line-info-training .value {
        font-size: 15px; }
    .training-detail .block-detail-training .an-info-line {
      flex-wrap: wrap; }
      .training-detail .block-detail-training .an-info-line .label-ttl {
        flex-wrap: wrap;
        gap: 10px; }
      .training-detail .block-detail-training .an-info-line .value {
        padding-left: 27px;
        margin-top: -5px; }
    .training-detail .block-detail-training .title-info-training {
      font-size: 18px; }
    .training-detail .block-detail-training .tarif-block {
      flex-direction: column;
      gap: 0;
      align-items: baseline; }
      .training-detail .block-detail-training .tarif-block .amount {
        gap: 5px;
        justify-content: center; }
      .training-detail .block-detail-training .tarif-block .txt-promo {
        text-align: center; }
      .training-detail .block-detail-training .tarif-block .price-info-training {
        font-size: 18px; }
      .training-detail .block-detail-training .tarif-block .price-info-training.promo {
        font-size: 14px; }
      .training-detail .block-detail-training .tarif-block .title-info-training {
        text-align: center; }
    .training-detail .block-detail-training .wrp-info {
      width: fit-content;
      margin: auto;
      max-width: 460px;
      flex-direction: column; }
      .training-detail .block-detail-training .wrp-info .wrp-icon-dashed-border {
        margin: auto; }
  .training-detail .tag-matter {
    font-size: 14px; }
  .training-detail .card-training .ttl-card {
    font-size: 15px; }
  .training-detail .card-training .bt {
    font-size: 15px; }
  .training-detail .wrp-card-training {
    flex-direction: column; }
    .training-detail .wrp-card-training .card-training .ttl-card {
      text-align: center; }
    .training-detail .wrp-card-training .card-training .bt {
      margin: auto auto 0 auto; }
  .training-detail .position-block-detail-training .ttl {
    text-align: center !important; }
  .training-detail .position-block-detail-training .paragraph {
    text-align: center !important; }
  .training-detail .txt-respons {
    display: none; }
  .training-detail .wrp-cl-info {
    flex-direction: column; }
    .training-detail .wrp-cl-info .cl-info {
      width: 100% !important; }
  .training-detail .wrp-flexible-card {
    flex-direction: column-reverse; }
    .training-detail .wrp-flexible-card .flexible-card {
      width: 100%;
      max-width: none; }
    .training-detail .wrp-flexible-card .candidacy-block .part-flx-a {
      text-align: center;
      font-size: 14px; }
    .training-detail .wrp-flexible-card .candidacy-block .title {
      font-size: 15px; }
    .training-detail .wrp-flexible-card .beginning-training-dt {
      flex-direction: column-reverse;
      align-items: center; }
      .training-detail .wrp-flexible-card .beginning-training-dt .title-dt {
        text-align: center;
        font-size: 15px; }
      .training-detail .wrp-flexible-card .beginning-training-dt .dt {
        text-align: center;
        font-size: 15px; }
      .training-detail .wrp-flexible-card .beginning-training-dt .img-dt {
        max-width: 40px;
        max-height: 40px; } }

/*# sourceMappingURL=responsive-training-detail.css.map */