/* color */
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .box.large.left .text {
    width: 42.109375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .box.large.left .text {
    width: 539px;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .box.large.left .ph {
    width: calc(50% - 4.6875vw);
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .box.large.left .ph {
    width: calc(50% - 60px);
  }
}
@media screen and (min-width: 768px) {
  #sec01 .box.large.left .ph img {
    object-position: 65% center;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .box.large.left .ph img {
    height: 50vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .box.large.left .ph img {
    height: 640px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .box.large.right .text {
    width: 50vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .box.large.right .text {
    width: 640px;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .box.large.right .ph {
    width: calc(50% - 12.5vw);
  }
}
@media screen and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .box.large.right .ph {
    width: calc(50% - 160px);
  }
}
@media screen and (min-width: 768px) {
  #sec01 .box.large.right .ph img {
    object-position: center center;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .box.large.right .ph img {
    height: 66.40625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .box.large.right .ph img {
    height: 850px;
  }
}
@media screen and (min-width: 768px) {
  #sec01 .large_image .im img {
    object-position: center 42%;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .large_image .inner {
    padding-top: 34.84375vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .large_image .inner {
    padding-top: 446px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #sec01 .large_image .inner {
    padding-left: 6.71875vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (min-width: 1281px) {
  #sec01 .large_image .inner {
    padding-left: 86px;
  }
}
@media screen and (max-width: 767px) {
  #sec01 .large_image .inner {
    padding: 81.2820512821vw 0 0 9.4871794872vw;
  }
}
/*# sourceMappingURL=index.css.map */