@media print,
screen and (max-width:767px) {
  .custom-kv .cmd-visual_txtarea {
    position: absolute !important;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media print,
screen and (min-width:993px) {
  .custom-kv .cmd-visual_card {
    max-width: 500px;
  }
}

.custom-box .box {
  align-items: center !important;
}

@media print,
screen and (max-width:992px) {
  .custom-box .cmd-box_container {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .bg_our-science {
    background: url('../images/bg_our-science_24aw_sp.jpg?$staticlink$') no-repeat right top/contain;
  }

  .bg_sustainability {
    background: url('../images/bg_sustainability_sp.jpg?$staticlink$') no-repeat left top/contain;
  }

  .custom-box .cmd-box_container::after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    width: 80%;
    height: 101%;
    background: #FFF;
  }

  .custom-box.custom-boxR .cmd-box_container::after {
    left: 0;
  }

  .custom-box.custom-boxL .cmd-box_container::after {
    right: 0;
  }

  .custom-box .box {
    z-index: 1;
  }

  .custom-box.custom-boxR .cmd-visual_card {
    width: calc(80% - 25px) !important;
    margin-left: 0;
    margin-right: auto;
    padding-top: 0;
  }

  .custom-box.custom-boxL .cmd-visual_card {
    width: calc(80% - 25px) !important;
    margin-right: 0;
    margin-left: auto;
    padding-top: 0;
  }

  .custom-boxR {
    padding-left: 30px;
    padding-right: 0;
  }

  .custom-boxL {
    padding-left: 0;
  }
}

@media print,
screen and (min-width:768px) {
  .custom-boxL .cmd-visual_txt_cover {
    padding-left: 50px;
  }

}

.custom-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  width: 100%;
  background: #fff;
  -webkit-align-items: center !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 50px 15px;
}

.custom-inner .cmd-visual_txt_cover {
  width: 100% !important;
}

.custom-inner .cmd-visual_card {
  max-width: 500px;
}