* {
  box-sizing: border-box; }

.container {
  width: 83.33333vw;
  margin: 0 auto;
  margin-bottom: 5.20833vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #fff; }
  @media screen and (max-width: 750px) {
    .container {
      flex-direction: column-reverse;
      width: 89.33333vw;
      margin: 0 auto 13.33333vw;
      padding: 0;
      background: #fff; } }
  .container .left {
    padding-left: 5.20833vw;
    display: flex;
    flex-direction: column;
    padding-top: 3.75vw; }
    @media screen and (max-width: 750px) {
      .container .left {
        padding: 7.73333vw 6.66666vw 8vw; } }
    .container .left h3 {
      margin-bottom: 3.02083vw;
      line-height: 1.6; }
      @media screen and (max-width: 750px) {
        .container .left h3 {
          font-size: 3.73333vw;
          margin-bottom: 6.66666vw; } }
    .container .left .left-list .left-item {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      margin-bottom: 1.5625vw; }
      .container .left .left-list .left-item:last-child {
        margin-bottom: 0; }
      @media screen and (max-width: 750px) {
        .container .left .left-list .left-item {
          margin-bottom: 4vw; } }
      .container .left .left-list .left-item span {
        display: block;
        line-height: 1.25vw; }
        @media screen and (max-width: 750px) {
          .container .left .left-list .left-item span {
            line-height: 4.8vw;
            font-size: 3.2vw; } }
        .container .left .left-list .left-item span:first-child {
          flex-shrink: 0;
          margin-right: 1.04166vw; }
          @media screen and (max-width: 750px) {
            .container .left .left-list .left-item span:first-child {
              margin-right: 2.66666vw; } }
  .container .imgBox {
    width: 41.66666vw; }
    @media screen and (max-width: 750px) {
      .container .imgBox {
        width: 100%; } }
    .container .imgBox img {
      width: 100%; }