@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : oubaitouri.css
Description : 桜梅桃李
===================================================================== */
/* =====================================================================
    contents
======================================================================*/
#oubaitouri {
  padding-top: 9rem;
  background-image: url("../images/oubaitouri/bg.jpg");
  background-repeat: repeat;
  background-size: auto;
  position: center top;
}

.o-inner {
  width: 90.6666666667%;
  background-color: #fff;
  opacity: 0.7;
  margin: 0 auto;
}
.o-inner h2 {
  width: 79.4117647059%;
  margin: 0 auto;
  padding: 4rem 0;
}
.o-inner h5 {
  color: #d5006b;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 700;
  width: 90%;
}
.o-inner .txt-p {
  line-height: 2;
  margin: 0 auto;
  padding: 1em 0 10rem;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .o-inner {
    max-width: 1280px;
    background-image: url("../images/oubaitouri/img_cloud1.png"), url("../images/oubaitouri/img_cloud2.png");
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
    background-position: left 0 top 13rem, right 0 top 26rem;
  }
  .o-inner h2 {
    width: 42.34375%;
  }
  .o-inner h5 {
    width: 75%;
    text-align: left;
    margin: 0 auto;
  }
  .o-inner .txt-p {
    width: 75%;
  }
}

.o-box {
  display: flex;
  flex-direction: column;
}
.o-box dl {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.o-box dt {
  width: 44.1176470588%;
}
.o-box dt img {
  text-align: center;
}
.o-box dd {
  color: #d5006b;
  padding: 1em;
  font-size: 2.8rem;
  line-height: 3.6rem;
  width: 55.8823529412%;
}
.o-box dd span {
  color: #232323;
}
.o-box dl:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .o-box {
    width: 75%;
    margin: 0 auto;
  }
  .o-box dl {
    width: 78.125%;
    margin: 0 auto 0 3rem;
  }
  .o-box dt {
    width: 40%;
  }
  .o-box dd {
    font-size: 2.4rem;
  }
  .o-box dl:nth-child(even) {
    margin: 0 3rem 0 auto;
  }
  .o-box dl:nth-child(n+2) {
    margin-top: -3rem;
  }
}
.o-box figure {
  width: 32.8125%;
  margin: 10rem 3rem 0 auto;
}/*# sourceMappingURL=oubaitouri.css.map */