@charset "UTF-8";

#top > .img > picture img {
  object-position: center top;
}
.index div ul {
  margin-top: 0;
}
.content h3 .caption {
  font-size: 1.4rem;
  line-height: 1.5;
  display: block;
  padding-top: 0;
  padding-left: .5em;
  color: #434242;
}
.content .picture {
    margin-top: 20px;
}
.content .picture .caption {
  line-height: 1.44;
  color: #434242;
  padding-right: 3vw;
  padding-left: 3vw;
}
.content .inner .text {
  margin-top: 20px;
}
.content.yokoku  .inner .text {
  margin-top: 0;
}
.content .marginTop {
  max-width: 730px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  #pre2 #top > div.text h1 {
    top: 6.11vh;
    right: 3.12vw;
  }
  #pre2 #top > div.text h2 img {
    width: 31.597vw;
    margin: 0;
    margin-left: 3.819vw;
  }
  #pre2 #top > div.text > picture img {
    object-position: -16vw -40vh;
    object-position: -16vw -40svh;
  }
  .content .marginTop {
    margin-top: 40px;
  }
}
@media (max-width: 992px) {
  #pre2 #top > div.text h2 img {
    width: 62.849vw;
    margin: 0;
    margin-left: 4.071vw;
  }
  #pre2 #top > div.text > picture img {
    transform: scale(1.75);
    -o-object-position: 4vw -44vw;
    object-position: 4vw -44vw;
  }
  .content {
    padding-bottom: 40px;
  }
}
@media (min-width: 600px) {
  hr {
    padding-bottom: 0;
    z-index: 1;
    position: relative;
  }
  .content {
    padding-bottom: 80px;
  }
  .content.yokoku {
    padding-top: 80px;
  }
  .content .inner .text {
    margin-top: 40px;
  }
  .content .picture div {
    margin-top: 40px;
    display: flex;
  }
  .content .picture div img {
    width: 50%;
  }
  .content .picture .caption {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}