.l-main .box-performance h3,
.l-main .box-boxerEngine h3,
.l-main .box-intelligentBoxer h3,
.l-main .box-imperialSystem h3,
.l-main .box-parts h3 {
  text-align: center; }

.l-main .box-performance {
  margin-top: 15px; }
  .l-main .box-performance .ui-popupWrap picture > img {
    width: 100%;
    vertical-align: bottom; }
  .l-main .box-performance .ui-popupWrap .l-wrapper {
    position: absolute;
    top: 0;
    bottom: 0; }
  .l-main .box-performance .ui-popupWrap .box-popup01 {
    margin-top: 39.7%; }
    .l-main .box-performance .ui-popupWrap .box-popup01 .ui-title {
      margin-left: -17vw; }
    .l-main .box-performance .ui-popupWrap .box-popup01 .ui-popupBtn {
      margin-left: -17vw; }
  .l-main .box-performance .ui-popupWrap .box-popup02 {
    margin-top: 32%; }
    .l-main .box-performance .ui-popupWrap .box-popup02 .ui-title {
      margin-left: 0; }
  .l-main .box-performance .ui-popupWrap .box-popup03 {
    margin-top: 26%; }
    .l-main .box-performance .ui-popupWrap .box-popup03 .ui-title {
      -webkit-transform: translate(-11vw, -45px);
      -ms-transform: translate(-11vw, -45px);
      transform: translate(-11vw, -45px);
      margin-left: 18vw;
      white-space: nowrap; }
      .l-main .box-performance .ui-popupWrap .box-popup03 .ui-title:after {
        left: 25%;
        -webkit-transform: rotate(20deg) translateY(-5px);
        -ms-transform: rotate(20deg) translateY(-5px);
        transform: rotate(20deg) translateY(-5px); }
    .l-main .box-performance .ui-popupWrap .box-popup03 .ui-popupBtn {
      margin-left: 14vw; }

.l-main .box-boxerEngine {
  margin-top: 10px; }
  .l-main .box-boxerEngine figure {
    display: block;
    text-align: center; }

.l-main .box-boxerMovie .movie {
  margin-top: 10px; }
  .l-main .box-boxerMovie .movie .c-tac {
    -webkit-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9); }

.l-main .box-tabAccordionWrap {
  margin-top: 30px; }

.l-main .box-intelligentBoxer {
  margin-top: 20px;
  padding-top: 10px; }
  .l-main .box-intelligentBoxer h3 + p {
    text-align: center; }
  .l-main .box-intelligentBoxer .logo-boxer {
    display: block;
    width: 110px;
    margin: 15px auto 10px; }
  .l-main .box-intelligentBoxer .ui-popupWrap {
    position: relative;
    margin-top: 45px; }
    .l-main .box-intelligentBoxer .ui-popupWrap .img-main {
      display: block;
      width: 300px;
      margin: auto; }
    .l-main .box-intelligentBoxer .ui-popupWrap .ui-popup {
      position: absolute;
      top: 0;
      width: 100%; }
    .l-main .box-intelligentBoxer .ui-popupWrap .box-popup01 {
      margin-top: 55px; }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup01 .ui-title {
        margin-left: -85px; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup01 .ui-title:after {
          left: 40%; }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup01 .ui-popupBtn {
        margin-left: -115px; }
    .l-main .box-intelligentBoxer .ui-popupWrap .box-popup02 {
      margin-top: 60px; }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup02 .ui-title {
        margin-left: 10px;
        margin-top: 33px; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup02 .ui-title:after {
          top: 5%;
          left: -15px;
          -webkit-transform: rotate(90deg) translateY(-5px);
          -ms-transform: rotate(90deg) translateY(-5px);
          transform: rotate(90deg) translateY(-5px); }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup02 .ui-popupBtn {
        margin-left: -80px; }
    .l-main .box-intelligentBoxer .ui-popupWrap .box-popup03 {
      margin-top: 95px; }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup03 .ui-title {
        -webkit-transform: translate(-60%, 25px);
        -ms-transform: translate(-60%, 25px);
        transform: translate(-60%, 25px);
        margin-left: -55px; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup03 .ui-title:after {
          top: -18px;
          -webkit-transform: rotate(160deg);
          -ms-transform: rotate(160deg);
          transform: rotate(160deg); }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup03 .ui-popupBtn {
        margin-left: -55px; }
    .l-main .box-intelligentBoxer .ui-popupWrap .box-popup04 {
      margin-top: 80px; }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup04 .ui-title {
        margin-left: 140px;
        width: 100px; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup04 .ui-title:after {
          left: 10%;
          -webkit-transform: rotate(25deg) translateY(-5px);
          -ms-transform: rotate(25deg) translateY(-5px);
          transform: rotate(25deg) translateY(-5px); }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup04 .ui-popupBtn {
        margin-left: 80px; }

.l-main .box-imperialSystem {
  margin-top: 25px;
  padding-top: 15px; }
  .l-main .box-imperialSystem .box-tabAccordionWrap figure + p {
    font-size: 10px;
    -webkit-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    text-align: center; }

.l-main .box-parts {
  margin-top: 25px;
  padding-top: 15px; }
  .l-main .box-parts h3 + p {
    margin-bottom: 20px;
    text-align: center; }

@media screen and (min-width: 1px) and (max-width: 767px) {
  .l-main .box-performance h3,
  .l-main .box-boxerEngine h3,
  .l-main .box-intelligentBoxer h3,
  .l-main .box-imperialSystem h3,
  .l-main .box-parts h3 {
    font-size: 16px; } }

@media all and (min-width: 768px) {
  .l-main .box-performance {
    margin-top: 30px; }
    .l-main .box-performance .l-wrapper {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .l-main .box-performance .ui-popupWrap {
      margin-top: 15px; }
      .l-main .box-performance .ui-popupWrap picture > img {
        height: 500px; }
      .l-main .box-performance .ui-popupWrap .box-popup01 {
        /*
				.box-popupContent {
					display: flex;
					figure {
						padding-right: 20px;
					}
				}*/ }
        .l-main .box-performance .ui-popupWrap .box-popup01 .ui-title {
          top: 300px;
          margin-left: -170px; }
        .l-main .box-performance .ui-popupWrap .box-popup01 .ui-popupBtn {
          top: 320px;
          margin-left: -170px; }
      .l-main .box-performance .ui-popupWrap .box-popup02 .ui-title {
        top: 210px;
        margin-left: 2px; }
      .l-main .box-performance .ui-popupWrap .box-popup02 .ui-popupBtn {
        top: 230px;
        margin-left: 2px; }
      .l-main .box-performance .ui-popupWrap .box-popup03 .ui-title {
        top: 155px;
        margin-left: 225px;
        -webkit-transform: translate(-70%, -45px);
        -ms-transform: translate(-70%, -45px);
        transform: translate(-70%, -45px); }
      .l-main .box-performance .ui-popupWrap .box-popup03 .ui-popupBtn {
        top: 175px;
        margin-left: 145px; }
  .l-main .box-boxerEngine .ui-tabcontent img {
    margin-top: -60px; }
  .l-main .box-boxerMovie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    margin-bottom: 45px; }
    .l-main .box-boxerMovie .text {
      width: 33%;
      line-height: 2.0; }
    .l-main .box-boxerMovie .movie {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-left: 10px; }
  .l-main .box-intelligentBoxer {
    margin-top: 0; }
    .l-main .box-intelligentBoxer h3 + p {
      margin-top: 40px;
      font-size: 20px; }
    .l-main .box-intelligentBoxer .logo-boxer {
      width: auto;
      margin: 0 auto; }
    .l-main .box-intelligentBoxer .box-boxerMovie {
      margin-bottom: 80px; }
      .l-main .box-intelligentBoxer .box-boxerMovie .movie {
        margin-top: 0; }
    .l-main .box-intelligentBoxer .ui-popupWrap {
      margin-top: 20px; }
      .l-main .box-intelligentBoxer .ui-popupWrap .img-main {
        width: auto; }
      .l-main .box-intelligentBoxer .ui-popupWrap .ui-popup {
        position: static; }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup01 {
        margin-top: 0; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup01 .ui-title {
          top: 80px;
          margin-left: -190px; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup01 .ui-popupBtn {
          top: 100px;
          margin-left: -240px; }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup02 {
        margin-top: 0; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup02 .ui-title {
          top: 140px;
          width: auto;
          margin-left: -25px;
          margin-top: 0; }
          .l-main .box-intelligentBoxer .ui-popupWrap .box-popup02 .ui-title:after {
            top: 15%; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup02 .ui-popupBtn {
          top: 110px;
          margin-left: -153px; }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup03 {
        margin-top: 0; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup03 .ui-title {
          top: 190px;
          margin-left: -104px; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup03 .ui-popupBtn {
          top: 183px;
          margin-left: -104px; }
      .l-main .box-intelligentBoxer .ui-popupWrap .box-popup04 {
        margin-top: 0; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup04 .ui-title {
          top: 138px;
          width: auto;
          margin-top: 0;
          margin-left: 240px; }
        .l-main .box-intelligentBoxer .ui-popupWrap .box-popup04 .ui-popupBtn {
          top: 157px;
          margin-left: 157px; }
    .l-main .box-intelligentBoxer .c-contentArea {
      padding-bottom: 75px; }
  .l-main .box-imperialSystem h3 + p {
    margin-top: 45px;
    font-size: 20px;
    text-align: center; }
  .l-main .box-imperialSystem .box-tabAccordionWrap {
    margin-top: 65px; }
    .l-main .box-imperialSystem .box-tabAccordionWrap figure + p {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      margin-top: 30px;
      font-size: 14px; }
  .l-main .box-parts .c-contentArea {
    padding-bottom: 40px; }
  .l-main .box-parts h3 + p {
    margin-top: 45px;
    font-size: 20px;
    text-align: center; }
  .l-main .box-parts .ui-tabmenu li:nth-child(2) {
    letter-spacing: -1px; }
  .l-main .box-parts .ui-tabcontent:nth-child(1) figure {
    margin-top: -15px; }
  .l-main .box-parts .ui-tabcontent:nth-child(2) figure {
    padding-top: 15px; } }

@media all and (min-width: 1024px) {
  .l-main .box-performance picture {
    max-width: 1920px;
    display: block;
    margin: auto; } }