/*----------------------------------

master => hss/business/cjs_assets

----------------------------------*/
.motion-wrap {
  width: 100%;
  max-width: 1100px;
  padding: 20px;
  background-color: #fff;
  opacity: 1; }

.top-main {
  background-image: url("../business/img/top/main/bg_img.jpg");
  overflow: hidden; }
  .top-main .top-main-inner {
    margin-top: -0.560%;
    margin-bottom: -4%; }
  .top-main .copy-container {
    right: 1%; }
    .top-main .copy-container .copy {
      width: calc(100% - 2rem);
      font-size: 2.5rem;
      text-align: left; }
  .top-main .cjs-container {
    top: -3%; }
  @media screen and (max-width: 960px) {
    .top-main .copy-container img {
      margin-bottom: 10%; }
    .top-main .copy-container .copy {
      font-size: 2.5vw; } }
  @media screen and (max-width: 700px) {
    .top-main {
      background-image: url("../business/img/top/main/bg_img_sp.jpg"); }
      .top-main .pc-size {
        display: none; }
      .top-main .sp-size {
        display: block; }
      .top-main .cjs-container {
        width: 80%;
        left: 10%;
        top: 22%; }
      .top-main .copy-container {
        top: 8.5%;
        left: 0%;
        width: 100%;
        display: block;
        height: calc(100% - 8.5%); }
        .top-main .copy-container img {
          width: 64%;
          max-width: none;
          margin: 0 auto; }
        .top-main .copy-container .copy {
          position: absolute;
          left: 50%;
          bottom: 3%;
          transform: translateX(-50%);
          text-align: center;
          font-size: 4.5vw;
          margin-left: auto; } }