/* Mixin */
/* strong */
.strong {
  background-color: #FFFFFF;
  background-image: radial-gradient(circle, #E6E6E6 0.5vw, transparent 0.5vw);
  background-size: 5vw 5vw;
}
@media screen and ( width >= 920px) {
  .strong {
    background-image: radial-gradient(circle, #E6E6E6 2px, transparent 2px);
    background-size: 20px 20px;
  }
}
.strong .fv {
  padding-top: 10vw;
}
@media screen and ( width >= 920px) {
  .strong .fv {
    padding-top: 40px;
  }
}
.strong .fv__heading--1 {
  position: relative;
  z-index: 0;
}
.strong .fv__heading--1::before, .strong .fv__heading--1::after {
  position: absolute;
  display: block;
  width: 15vw;
  height: 15vw;
  top: 3vw;
  background-image: url(/common/img/information__strong.png);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  z-index: -1;
}
@media screen and ( width >= 920px) {
  .strong .fv__heading--1::before, .strong .fv__heading--1::after {
    width: 60px;
    height: 60px;
    top: 12px;
  }
}
.strong .fv__heading--1::before {
  left: 15vw;
  transform: rotate(-8deg);
}
@media screen and ( width >= 920px) {
  .strong .fv__heading--1::before {
    left: 60px;
  }
}
.strong .fv__heading--1::after {
  right: 15vw;
  transform: rotate(8deg) scale(-1, 1);
}
@media screen and ( width >= 920px) {
  .strong .fv__heading--1::after {
    right: 60px;
  }
}
.strong .fv__catch {
  display: block;
  width: 90vw;
  height: 35vw;
  margin: 4vw auto 0;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(/strong/img/strong__catch.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and ( width >= 920px) {
  .strong .fv__catch {
    width: 360px;
    height: 140px;
    margin: 16px auto 0;
  }
}
.strong__wrap {
  margin-bottom: 18vw;
  padding-top: 7.5vw;
  padding-bottom: 34vw;
}
@media screen and ( width >= 920px) {
  .strong__wrap {
    margin-bottom: 72px;
    padding-top: 30px;
    padding-bottom: 136px;
  }
}
.strong__inner {
  margin: 4vw 4vw 0;
  padding: 4vw;
  border: 0.5vw solid #000000;
  border-radius: 4vw;
  box-shadow: 0.75vw 1vw 0 #000000;
  transform: rotate(5deg);
}
@media screen and ( width >= 920px) {
  .strong__inner {
    margin: 16px 16px 0;
    padding: 16px;
    border: 2px solid #000000;
    border-radius: 16px;
    box-shadow: 3px 4px 0 #000000;
  }
}
.strong__inner:nth-of-type(2n) {
  transform: rotate(-5deg);
}
.strong__inner:nth-of-type(1), .strong__inner:nth-of-type(6) {
  background-color: #FF9538;
}
.strong__inner:nth-of-type(2) {
  background-color: #8FFF78;
}
.strong__inner:nth-of-type(3) {
  background-color: #D494FF;
}
.strong__inner:nth-of-type(4) {
  background-color: #FFEE32;
}
.strong__inner:nth-of-type(5) {
  background-color: #74DAFF;
}
.strong__inner p {
  margin-top: 2.5vw;
  font-weight: 700;
  line-height: 1.75;
}
@media screen and ( width >= 920px) {
  .strong__inner p {
    margin-top: 10px;
  }
}
.strong__heading--2 {
  display: flex;
  align-items: center;
  -webkit-text-stroke: 1vw #000000;
  paint-order: stroke;
  text-shadow: 0 0.75vw 0 #000000, 0 1vw 0 #000000, 0 1.25vw 0 #000000;
  color: #FFFFFF;
  line-height: 1.2;
}
@media screen and ( width >= 920px) {
  .strong__heading--2 {
    -webkit-text-stroke: 4px #000000;
    text-shadow: 0 3px 0 #000000, 0 4px 0 #000000, 0 5px 0 #000000;
  }
}
.strong__heading--2::before {
  display: inline-block;
  width: 9vw;
  height: 9.25vw;
  margin-right: 2.5vw;
  background-image: url(/strong/img/strong__heading--2.png);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
@media screen and ( width >= 920px) {
  .strong__heading--2::before {
    width: 36px;
    height: 37px;
    margin-right: 10px;
  }
}/*# sourceMappingURL=strong.css.map */