@media screen and (min-width: 769px) {
  .pTop .work__main--list {
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -33px -16.5px;
  }
  .pTop .work__main--list article {
    width: 483px;
    margin: 33px 16.5px;
    background: #F1F1F1;
    -moz-border-radius: 8.13px;
         border-radius: 8.13px;
  }
  .pTop .work__main--list article::before {
    display: none;
  }
  .pTop .work__main--list article h3 {
    min-width: 276px;
    float: none;
    margin: 0 30px;
    font-size: 26px;
    line-height: 28px;
    padding-top: 30px;
    background: url("../img/workMessWhite.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    height: 96.89px;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
    margin-top: -24px;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pTop .work__main--list article > figure {
    width: 115.05px;
    margin-left: 28px;
    margin-right: 17.95px;
    float: left;
  }
  .pTop .work__main--list article .datalist {
    padding: 0;
    margin-top: 0;
    width: -webkit-calc(100% - 161px);
    width: -moz-calc(100% - 161px);
    width: calc(100% - 161px);
  }
  .pTop .work__main--list article .datalist dl {
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .pTop .work__main--list article .datalist dl dt {
    width: 250.77px;
    height: 38.03px;
    font-size: 17.82px;
    -moz-border-radius: 26.26px;
         border-radius: 26.26px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pTop .work__main--list article .datalist dl dd img {
    margin-top: 0;
  }
  .pTop .work__main--list article .datalist dl dd .graph1 {
    margin-top: 15.45px;
    width: 304px;
  }
  .pTop .work__main--list article .datalist dl dd .graph2 {
    margin-top: 14.97px;
    width: 284px;
  }
  .pTop .work__main--list article .datalist dl dd .graph3 {
    margin-top: 9.97px;
    width: 306px;
  }
}

@media screen and (max-width: 769px) {
  .pTop .mv__main--mac {
    margin-left: -2.657vw;
    width: auto;
  }
  .pTop .mv__main--mac img {
    width: 87.92271vw;
  }
  .pTop .mv__main--mac::after {
    background-position: center;
  }
  .pTop .mv__main--mac .wrapVideo {
    width: 82.1256vw;
    padding-top: 45.16908vw;
    left: 6.03865vw;
    margin-top: 3.62319vw;
  }
  .pTop .mv__main--hexa {
    margin-top: -6.76329vw;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .pTop .work__main--list article {
    padding-bottom: 6.28019vw;
  }
  .pTop .work__main--list article + article {
    margin-top: 7.72947vw;
  }
  .pTop .work__main--list article .datalist dl dd {
    margin-top: 0;
  }
  .pTop .work__main--list article .datalist dl dd img {
    margin-top: 0;
  }
}