img {
  width: 100%;
  height: auto;
}

.btn {
  width: 75%;
  margin: 4vw auto 0;
}

.name-price {
  text-align: center;
}

.name-price * {
  letter-spacing: 0.12em;
}

.name-price dt {
  font-size: 5.5vw;
  line-height: 1.5;
}

.name-price dd {
  font-size: 4.2vw;
  line-height: 1.5;
}

.name-price dd .num {
  font-size: 5.5vw;
}

#key {
  background: url("../img/hitori/key.jpg") no-repeat center top/cover;
}

#sec1 {
  padding-bottom: 10vw;
}

#sec1 h2 {
  padding: 15vw 18% 5vw;
}

#sec1 .photo {
  margin: 0 -4.5% 0;
  height: 70vw;
}

#sec1 .photo img {
  height: 100%;
  object-fit: cover;
}

#sec2 {
  background: url("../img/hitori/sec2_deco1.png") no-repeat center top/70%, url("../img/hitori/sec2_deco2.png") no-repeat left 4% top 93vw/30%, url("../img/shared/bg-2.jpg") repeat center top;
  padding: 10vw 0 12vw;
}

#sec2 h2 {
  margin: 0 17% 0;
}

#sec2 .note {
  text-align: center;
}

#sec2 h3 {
  margin: 10vw 22% 5vw;
}

#sec3 {
  background: url("../img/hitori/sec3_deco.png") no-repeat left -30vw top 130vw/120%, url("../img/shared/bg-2.jpg") repeat center;
  padding-bottom: 10vw;
}

#sec3 .box-img.box-img1 {
  margin: 7vw -4% 0;
}

#sec3 .box-img.box-img1 .name-price {
  margin-top: -5vw;
}

#sec3 .box-img.box-img2 {
  margin: 10vw 4% 0;
}

#sec3 .box-img.box-img2 .name-price dt {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#sec3 .txt {
  margin-top: 5vw;
}

#sec4 {
  background: url("../img/hitori/sec4_deco1.png") no-repeat left -20vw top 90vw/70%, url("../img/hitori/sec4_deco1.png") no-repeat right -20vw top 235vw/70%, url("../img/hitori/sec4_deco2.png") no-repeat right 4% top 188vw/25%, url("../img/shared/bg-2.jpg") repeat center top;
}

#sec4 h2 {
  padding: 0 22% 5vw;
}

#sec4 .box-img {
  margin-top: 10vw;
}

#sec4 .box-img .name-price {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#sec4 .box-img .name-price dt {
  margin-right: 10%;
}

#sec4 .box-img.box-img1 .name-price {
  margin-top: -10vw;
}

#sec4 .box-img.box-img2 .name-price {
  margin-top: -3vw;
}

#sec4 .txt {
  margin-top: 5vw;
}

#sec5 {
  background: url("../img/hitori/sec5_deco1.png") no-repeat right 8% top 25vw/30%, url("../img/hitori/sec5_deco2.png") no-repeat right bottom/70%, url("../img/shared/bg-2.jpg") repeat center top;
  padding: 10vw 0;
}

#sec5 h2 {
  margin-right: 12%;
}

#sec5 .box-img {
  margin-top: 5vw;
}

#sec5 .box-img .name-price {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#sec5 .box-img .name-price dt {
  margin-right: 10%;
}

#sec5 .txt {
  margin-top: 5vw;
}

#sec6 {
  padding: 15vw 0;
  background: url("../img/hitori/sec6_deco1.png") no-repeat left -10vw top 5vw/60%, url("../img/hitori/sec6_deco2.png") no-repeat right 4% top 3vw/20%;
}

#sec6 p {
  padding-bottom: 0;
}