@charset "utf-8";

@media only screen and (min-width: 751px) and (max-width: 1100px) {
html { font-size: 0.9090909090909091vw; }

}


@media only screen and (min-width: 0px) and (max-width: 750px) {
html { font-size: 1.3333333333333335vw; }

#title {
  height: 40.0rem;
}
h2 {
  font-size: 4.0rem;
  margin-bottom: 6.0rem;
}
.contents h3 {
  font-size: 4.0rem;
  margin-bottom: 3.0rem;
}
.contents h3 span {
  font-size: 2.3rem;
}
.box-a,
.box-b {
  width: 68.0rem;
  margin: 0 auto 8.0rem;
}
.box-a p {
  font-size: 2.2rem;
  width: 68.0rem;
  padding: 4.0rem 4.0rem 10.0rem;
}
.box-a p:before {
  display: none;
}
.box-a figure {
  position: relative;
  top: -6.0rem;
  left: auto;
  width: 54.0rem;
  margin: 0 auto;
}
.box-b p {
  font-size: 2.2rem;
  width: 68.0rem;
  padding: 4.0rem 4.0rem 10.0rem;
}
.box-b p:after {
  display: none;
}
.box-b figure {
  position: relative;
  top: -6.0rem;
  left: auto;
  width: 54.0rem;
  margin: 0 auto;
}
}