@charset "UTF-8";
/* CSS Document */
body {
  background-color: #F1F5F7;
}

.report-mainvisual {
  background-image: url(../img/report.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 90% 20%;
  background-blend-mode: multiply;
  background-color: rgba(125, 191, 253, 0.9176470588);
  height: 600px;
  display: grid;
}
.report-mainvisual > * {
  grid-area: 1/-1;
}
.report-mainvisual .band {
  justify-self: center;
  align-self: center;
}
.report-mainvisual .band h1 {
  color: #fff;
  font-size: 3rem;
  letter-spacing: 0.2em;
}
@media (max-width: 820px) {
  .report-mainvisual {
    height: 300px;
  }
}
@media (max-width: 520px) {
  .report-mainvisual {
    height: 160px;
  }
}

.report1 {
  margin-top: 80px;
}
@media (max-width: 520px) {
  .report1 {
    margin-top: 40px;
  }
}

.report3 {
  margin-bottom: 80px;
}
@media (max-width: 520px) {
  .report3 {
    margin-top: 40px;
  }
}

span {
  display: inline-block;
}

.report-h2 {
  position: relative;
  border-bottom: 5px solid #ddd;
  padding: 10px 0;
  font-size: 2.5rem;
}
.report-h2::before {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 20%;
  height: 5px;
  content: "";
  background: #27acd9;
}

.report-ul {
  margin-top: 24px;
}

.bridge, .bridge::before, .bridge::after {
  content: "●";
  letter-spacing: 4rem;
  vertical-align: top;
  font-size: 1.4rem;
}

.bridge {
  display: block;
  text-align: center;
  margin: 60px auto;
  color: #5599D1;
}
.bridge::before {
  color: #2771AF;
}
.bridge::after {
  color: #96CAF5;
}
@media (max-width: 520px) {
  .bridge {
    margin: 40px auto;
  }
}/*# sourceMappingURL=report.css.map */