@charset "utf-8";

#wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

#header .container {
    position: relative;
    width: 100%;
}

.main_visual .description-wrap {
    background: rgba(255, 255, 255, 0.8);
    width: 222px;
    position: absolute;
    padding: 20px;
    right: 10%;
    color: #000;
    font-size: 14px;
    line-height: 2.4;
}



.text-right {
  text-align: right !important;
}

.move-cart-list {
   background: #fff;
   border: 1px solid #d3d3d3;
   color: #000;
   width: 460px;
   margin: 0 auto;
   display: block;
   letter-spacing: 1rem;
}

.margin-row {
  margin: 15px 0;
  position: relative;
  overflow: auto;
}

 .copy {
     font-size: 23px;
     line-height: 58px;
     display: block;
     text-align: center;
 }




.info div {
  float: left;
}

.info .left-box {
  width: 35%;
  text-align: right;
}



@media only screen and (max-width: 767px) {
  .main_visual {
     background-position: center center;
     background-size: cover;
     height: 200px;
  }

  .move-cart-list {
     width: 100%;
     display: block;
  }

 .description {
    color: #000;
    font-size: 15px;
    line-height: 1.4;
    padding: 15px;
 }

 .info {
    display: block;
    overflow: auto;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 100%;
    font-size: 12px;
    padding: 15px;
    text-align: center;
 }

 .box {
    width: 100%;
    clear: both;
 }

  .right-box {
    width: 56%;
    text-align: right;
  }
}

@media only screen and (min-width: 768px) {
  .main_visual {
     background-position: center center;
     background-size: cover;
     height: 650px;
  }

  .copy {
    float: left;
    font-size: 23px;
    line-height: 58px;
  }

  .info {
      width: 300px;
      font-size: 13px;
      font-weight: bold;
      overflow: auto;
      float: right;
  }

  .right-box {
      width: 65%;
      text-align: right;
  }
}