@import url("sp-singular.css") screen and (max-width:800px);
@import url("pc-singular.css") screen and (min-width:801px), print;

.shigakkan-customize-button a{
    margin: 3rem auto;
}
.block-scroll img{
    display: block;
    width:100%;
    min-width:900px;
    margin: 3rem auto;
}
@media (min-width: 801px) and (max-width: 1390px) {
    .block-scroll{
        width: clamp(656px, 80vw, 800px);
        overflow: auto;
        margin: 0px auto;
    }
    .block-sp-swipe{
        content: "";
        display: block;
        width: clamp(200px, 44vw, 330px);
        height: clamp(80px, 16vw, 120px);
        background-image: url("../../../common/img/swipe.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        margin: 0px auto;
        padding-bottom: 35px;
    }
}
@media screen and (max-width: 800px) {
  .block-scroll{
      width: 100%;
      overflow: auto;
      margin: 0px 0px!important;
  }
  .block-scroll img{
      display: block;
      max-width: 900px;
      margin: clamp(17px, 4.67vw, 35px) 0px;
  }
  .block-sp-swipe{
      content: "";
      display: block;
      width: clamp(200px, 41.3vw, 310px);
      height: clamp(50px, 10.7vw, 80px);
      background-image: url("../../../common/img/swipe.svg");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      margin: 0px auto;
      padding-bottom: clamp(17px, 4.7vw, 35px);
  }
}