#main {
  margin: 0 auto;
  height: auto;
}

.main_ttl {
  font-size: 1.5625vw;
  font-weight: bold;
  text-align: center;
  margin-top: 3.0555555556vh;
  margin-top: 3.0555555556dvh;
}
@media (max-width: 1024px) {
  .main_ttl {
    font-size: 2.6986506747vw;
  }
}

.main_txt {
  font-size: 0.9375vw;
  text-align: center;
  margin: 8px 0;
}
@media (max-width: 1024px) {
  .main_txt {
    font-size: 1.7991004498vw;
  }
}

.select_style {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2.8645833333vw 1vw;
  justify-content: center;
  padding: 0;
  width: 75vw;
  margin: 0 auto;
  margin-top: 2.5vh;
  margin-top: 2.5dvh;
}
@media (max-width: 1024px) {
  .select_style {
    max-width: 76.311844078vw;
  }
}

.item_style {
  text-align: center;
  width: calc(25% - 0.75vw);
  cursor: pointer;
}

.item_style.dummy {
  pointer-events: none;
  height: 0;
}

.style_thumb {
  width: 100%;
  height: auto;
  background: #CFD3D9;
  border-radius: 0.4166666667vw;
}

.style_ttl {
  font-size: 1.21vw;
  font-weight: bold;
  margin: 5px 0;
}
@media (max-width: 1024px) {
  .style_ttl {
    font-size: 1.21vw;
  }
}

.style_txt {
  margin: 5px 0;
  font-size: 0.8333333333vw;
}

.notice_box {
  font-size: 0.8333333333vw;
  margin-top: 3.7037037037vh;
  margin-top: 3.7037037037dvh;
  padding-bottom: 4.1666666667vh;
  padding-bottom: 4.1666666667dvh;
  max-width: 75vw;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .notice_box {
    max-width: inherit;
    margin-left: 11.5442278861vw;
    margin-right: 5.3973013493vw;
  }
}

.siss_logo {
  float: right;
}

.siss_logo_color {
  margin-right: 1.0416666667vw;
}