/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/class-card/class-card.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.class-card_info__FedEI {
  margin-top: 16px;
  font-size: 15px;
}
.class-card_info__FedEI > li {
  display: flex;
  margin-bottom: 8px;
}
.class-card_info__FedEI .class-card_label__20QLV {
  display: inline-block;
  min-width: 50px;
}
@media (min-width: 768px) {
  .class-card_info__FedEI .class-card_label__20QLV {
    min-width: 80px;
  }
}
.class-card_info__FedEI .class-card_value__4pCTT {
  font-weight: bold;
}

.class-card_control__X_781 {
  position: static;
}
@media (min-width: 768px) {
  .class-card_control__X_781 {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
}

.class-card_desc__7F5Ze {
  margin-bottom: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .class-card_desc__7F5Ze {
    width: 600px;
  }
}

.class-card_price__bJ3nC {
  position: static;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .class-card_price__bJ3nC {
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 24px;
  }
}

.class-card_imageWrapper__wRFAE {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
@media (min-width: 768px) {
  .class-card_imageWrapper__wRFAE {
    width: 400px;
    padding-bottom: 225px;
  }
}

.class-card_thumbnail__mh_pD {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f9f9f9;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 24px;
  font-weight: bold;
  color: #574828;
  padding: 24px;
  word-break: keep-all;
  display: flex;
  align-items: flex-end;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/class-card-list/class-card-list.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.class-card-list_container__fZDpo .class-card-list_cardListItem__vVs5L {
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .class-card-list_container__fZDpo .class-card-list_cardListItem__vVs5L {
    margin-bottom: 40px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/page-container/page-container.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page-container_container__AMqUv {
  width: 100%;
}
.page-container_container__AMqUv.page-container_isInnerContainer__8sZaW {
  margin: 0 auto;
  max-width: 1220px;
  padding: 16px 20px;
}
@media (min-width: 1024px) {
  .page-container_container__AMqUv.page-container_isInnerContainer__8sZaW {
    padding: 0 20px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/page-header/page-header.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page-header_container__cudg_ {
  padding: 16px 0 8px;
}
@media (min-width: 768px) {
  .page-header_container__cudg_ {
    padding: 40px 0 16px;
  }
}
.page-header_container__cudg_ .page-header_title__LKhR6 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .page-header_container__cudg_ .page-header_title__LKhR6 {
    font-size: 48px;
  }
}
.page-header_container__cudg_ .page-header_desc__HyaTZ {
  font-size: 16px;
  color: #797979;
  font-weight: 500;
  word-break: keep-all;
}
@media (min-width: 768px) {
  .page-header_container__cudg_ .page-header_desc__HyaTZ {
    font-size: 18px;
  }
}