@charset "UTF-8";
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
.header {
  background: transparent;
}

.maintitle__img {
  position: relative;
  background-image: url("../images/main.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: bottom 20% center;
  background-repeat: no-repeat;
  height: calc(150vh - 100px);
  border-radius: 3000px 3000px 0 0;
}
@media all and (max-width: 480px) {
  .maintitle__img {
    background-size: 1600px;
    background-position: top center;
    height: 120vh;
    margin-top: 20px;
    background-color: #eee;
  }
}
.maintitle__img::after {
  position: absolute;
  content: "Ome Line";
  font-family: "hurricane", sans-serif;
  font-weight: 400;
  top: 0;
  left: 10%;
  font-size: min(18vw, 15rem);
  transform: rotate(-10deg);
  color: #69ABAB;
}
@media all and (max-width: 480px) {
  .maintitle__img::after {
    top: -5px;
    left: 0;
  }
}
.maintitle__txt h1 {
  border-color: #69ABAB;
}
@media all and (max-width: 480px) {
  .maintitle__txt h1 {
    border-color: #69ABAB;
  }
}

.rosensearch__list {
  border-bottom: 12px solid #69ABAB;
}
.rosensearch__list li input[type=checkbox]:checked + span {
  border-color: #69ABAB;
}
@media all and (max-width: 320px) {
  .rosensearch__list li.large span {
    font-size: 100%;
  }
}
.rosensearch__list li.large span::after {
  background: url(../images/largest.svg) center center/contain no-repeat;
}
@media all and (max-width: 896px) {
  .rosensearch__list li.large span::after {
    bottom: -45px;
  }
}
@media all and (max-width: 480px) {
  .rosensearch__list li.large span::after {
    bottom: -38px;
  }
}