.read-box {
  transform: rotate(.05deg);
}
.u-pink {
  color: #f0027f !important;
}
.u-red {
  color: #c80003 !important;
}
.u-orange {
  color: #FF9900 !important;
}
.u-blue {
  color: rgb(0 182 222) !important;
}
.u-blue2 {
  color: rgb(0 112 192) !important;
}
.u-blue3 {
  color: rgb(0 32 96) !important;
}
.u-navy {
  color: #000080 !important;
}
.u-green {
  color: rgb(64 170 85) !important;
}
.u-black {
  color: #000000 !important;
}
.u-silver {
  color: #C0C0C0 !important;
}
.u-gray {
  color: #808080 !important;
}
.u-white {
  color: #ffffff !important;
}
.u-yellow {
  color: rgb(191 144 0) !important;
}
.device-type-mobile {
  /* SP用の記述 */
  .copy-a {
    background: #c80003;
    padding: 1.33333vw 2.66667vw;
    font-weight: 700;
    color: #fff;
    font-size: 120% !important;
  }
  .copy-b {
    background: rgba(134, 134, 134, 1);
    padding: 1.33333vw 2.66667vw;
    font-weight: 700;
    color: #fff;
    font-size: 120% !important;
  }
  .copy-c {
    background: rgb(191 144 0);
    padding: 1.33333vw 2.66667vw;
    font-weight: 700;
    color: #fff;
    font-size: 120% !important;
  }
  .main-title {
    display: block;
    text-align: center;
  }
  .main-title + .sub-title {
    display: block;
    text-align: center;
  }
}
.device-type-desktop {
  /* PC用の記述 */
  .copy-a {
    background: #c80003;
    padding: 10px 20px;
    font-weight: 700;
    color: #fff;
  }
  .copy-b {
    background: rgba(134, 134, 134, 1);
    padding: 10px 20px;
    font-weight: 700;
    color: #fff;
  }
  .copy-c {
    background: rgb(191 144 0);
    padding: 10px 20px;
    font-weight: 700;
    color: #fff;
  }
  #wrapper .img-box1 img {
    max-width: inherit;
    height: auto;
  }
  .main-title + .sub-title {
    margin-left: 80px;
    position: relative;
  }
  .main-title + .sub-title:before {
    position: absolute;
    content: "………";
    top: 0px;
    bottom: 0px;
    left: -74px;
  }
}