@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: top 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: 1500px;
    background-position: top center;
    height: 120vh;
    margin-top: 20px;
  }
}
.maintitle__img::after {
  position: absolute;
  content: "Itsukaichi Line";
  font-family: "hurricane", sans-serif;
  font-weight: 400;
  top: 2%;
  left: -6%;
  font-size: min(18vw, 15rem);
  transform: rotate(-10deg);
  color: #81B553;
}
@media all and (max-width: 480px) {
  .maintitle__img::after {
    top: -5px;
    left: 0;
  }
}
@media all and (max-width: 375px) {
  .maintitle__img::after {
    left: -3%;
  }
}
@media all and (max-width: 340px) {
  .maintitle__img::after {
    left: 0;
  }
}
.maintitle__txt h1 {
  border-color: #81B553;
}
@media all and (max-width: 480px) {
  .maintitle__txt h1 {
    border-color: #81B553;
  }
}

.rosensearch__list {
  border-bottom: 12px solid #81B553;
  height: 185px;
  align-items: center;
}
@media all and (max-width: 480px) {
  .rosensearch__list {
    height: 145px;
  }
}
.rosensearch__list li input[type=checkbox]:checked + span {
  border-color: #81B553;
}
.rosensearch__list li span {
  height: 6.8em;
}
@media all and (max-width: 896px) {
  .rosensearch__list li span {
    height: 7em;
  }
}
@media all and (max-width: 480px) {
  .rosensearch__list li span {
    height: 8em;
  }
}
.rosensearch__list li span::after {
  bottom: -53px;
}
@media all and (max-width: 896px) {
  .rosensearch__list li span::after {
    bottom: -59px;
  }
}
@media all and (max-width: 480px) {
  .rosensearch__list li span::after {
    bottom: -41px;
  }
}
@media all and (max-width: 390px) {
  .rosensearch__list li span::after {
    bottom: -43px;
  }
}
@media all and (max-width: 375px) {
  .rosensearch__list li span::after {
    bottom: -45px;
  }
}
@media all and (max-width: 360px) {
  .rosensearch__list li span::after {
    bottom: -46px;
  }
}
@media all and (max-width: 340px) {
  .rosensearch__list li span::after {
    bottom: -50px;
  }
}
.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: -50px;
  }
}
@media all and (max-width: 480px) {
  .rosensearch__list li.large span::after {
    bottom: -27px;
  }
}