@charset "UTF-8";
/*--------------------------------
width
--------------------------------*/
/*--------------------------------
レスポンシブ
--------------------------------*/
/* タブレット・SP */
/* PC */
/* PC */
/* SP */
@media (max-width: 767px) {
  .nosp {
    display: none !important;
  }
  .nopc {
    display: block;
  }
}
/* PC */
@media (min-width: 768px) {
  .nosp {
    display: block;
  }
  .nopc {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .nosp-inline {
    display: none !important;
  }
  .nopc-inline {
    display: inline-block;
  }
}
/* PC */
@media (min-width: 768px) {
  .nosp-inline {
    display: inline-block;
  }
  .nopc-inline {
    display: none !important;
  }
}
.material-img-block {
  margin: 0 20px 20px;
}
@media (min-width: 768px) {
  .material-img-block {
    width: 980px;
    margin: 50px auto;
  }
}
.material-img-block .material-img {
  width: 100%;
}
@media (max-width: 767px) {
  .material-img-block .material-img-inner .material-list-block .material-btn-block {
    width: 100%;
    aspect-ratio: 5/1;
    background-image: url(/img/chiiku/material_close_btn1_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .material-img-block .material-img-inner .material-list-block .material-btn-block.is-active {
    background-image: url(/img/chiiku/material_open_btn1_sp.png);
  }
  .material-img-block .material-img-inner .material-list-block .material-item-block {
    display: none;
  }
  .material-img-block .material-img-inner .material-list-block .material-item-block .material-list-img {
    width: 100%;
  }
  .material-img-block .material-img-inner .material-list-block:nth-of-type(2) .material-btn-block {
    background-image: url(/img/chiiku/material_close_btn2_sp.png);
  }
  .material-img-block .material-img-inner .material-list-block:nth-of-type(2) .material-btn-block.is-active {
    background-image: url(/img/chiiku/material_open_btn2_sp.png);
  }
  .material-img-block .material-img-inner .material-list-block:nth-of-type(3) .material-btn-block {
    background-image: url(/img/chiiku/material_close_btn3_sp.png);
  }
  .material-img-block .material-img-inner .material-list-block:nth-of-type(3) .material-btn-block.is-active {
    background-image: url(/img/chiiku/material_open_btn3_sp.png);
  }
}