.br_group {
  display: inline-block;
}

@media only screen and (max-width: 767.98px) {
  .no--padding--sp {
    padding: 0;
  }
}

.dx__movie__popup__head .heading1__inner {
  position: relative;
}
.dx__movie__popup__head .heading1__inner #video-pop-up-button {
  position: absolute;
  right: 32px;
  top: 3em;
  text-align: center;
}
.dx__movie__popup__head .heading1__inner #video-pop-up-button p {
  margin: 0;
}
@media only screen and (max-width: 767.98px) {
  .dx__movie__popup__head .heading1__inner #video-pop-up-button {
    font-size: 0.9rem;
    right: 15px;
  }
}
.dx__movie__popup__head .heading1__inner #video-pop-up-button img {
  text-align: center;
  width: 230px;
  height: 130px;
}
.dx__movie__popup__head .heading1__inner #video-pop-up-button img:hover {
  opacity: .7;
}
@media only screen and (max-width: 767.98px) {
  .dx__movie__popup__head .heading1__inner #video-pop-up-button img {
    width: 115px;
    height: 65px;
  }
}

.dx__index__body .dx-vision {
  position: relative;
  width: 100%;
  margin: 2.5em auto 0;
  text-align: center;
  margin: 2.5em auto 0;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision {
    width: 100%;
  }
}
.dx__index__body .dx-vision .background img {
  width: 800px;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision .background img {
    width: 100%;
  }
}
.dx__index__body .dx-vision .link-imege {
  width: 25%;
  position: absolute;
  max-width: 322px;
}
.dx__index__body .dx-vision .link-imege .link--image--inner--wrap {
  position: relative;
}
.dx__index__body .dx-vision .link-imege img {
  position: absolute;
  top: 0;
  left: 0;
}
.dx__index__body .dx-vision .link-imege .on {
  opacity: 0;
}
.dx__index__body .dx-vision .link-imege .off {
  opacity: 1;
}
.dx__index__body .dx-vision .link-imege:hover .on {
  opacity: 1;
}
.dx__index__body .dx-vision .link-imege:hover .off {
  opacity: 0;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision .link-imege {
    width: 38%;
  }
}
.dx__index__body .dx-vision #link-image1 {
  left: 24%;
  top: 41%;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision #link-image1 {
    left: 10%;
  }
}
.dx__index__body .dx-vision #link-image2 {
  right: 24%;
  top: 41%;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision #link-image2 {
    right: 10%;
  }
}
.dx__index__body .dx-vision #link-image3 {
  left: 24%;
  bottom: 21%;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision #link-image3 {
    left: 10%;
  }
}
.dx__index__body .dx-vision #link-image4 {
  right: 24%;
  bottom: 21%;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision #link-image4 {
    right: 10%;
  }
}
.dx__index__body .dx-vision .modal-link-wrap {
  background-color: #fff;
  position: absolute;
  max-width: 100px;
  right: 20%;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision .modal-link-wrap {
    right: 4%;
    max-width: 75px;
  }
}
@media only screen and (max-width: 500px) {
  .dx__index__body .dx-vision .modal-link-wrap {
    right: 4%;
    max-width: 75px;
    width: 15%;
  }
}
.dx__index__body .dx-vision .modal-link-wrap img:hover {
  opacity: .7;
}
.dx__index__body .dx-vision #modal-02-link-wrap {
  top: 3%;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision #modal-02-link-wrap {
    top: 3.5%;
  }
}
@media only screen and (max-width: 667.98px) {
  .dx__index__body .dx-vision #modal-02-link-wrap {
    top: 3%;
  }
}
@media only screen and (max-width: 567.98px) {
  .dx__index__body .dx-vision #modal-02-link-wrap {
    top: 2%;
  }
}
.dx__index__body .dx-vision #modal-03-link-wrap {
  top: 29.5%;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision #modal-03-link-wrap {
    top: 29%;
  }
}
.dx__index__body .dx-vision #modal-04-link-wrap {
  top: 67.5%;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .dx-vision #modal-04-link-wrap {
    top: 67%;
  }
}
.dx__index__body .president_message {
  width: 1200px;
  margin: 3.5em auto 0;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .president_message {
    width: 100%;
  }
}
.dx__index__body .president_message img {
  width: 1200px;
}
@media only screen and (max-width: 767.98px) {
  .dx__index__body .president_message img {
    width: 100%;
  }
}
.dx__index__body .report__box {
  margin-top: 3em;
}
.dx__index__body .report__box .button-wrap--centering {
  margin-top: 1em;
}

.dx_message_body .lead {
  text-align: center;
}
.dx_message_body .black {
  color: #000;
}
.dx_message_body .dx_message_main_text p {
  text-indent: 1em;
  text-align: justify;
}
.dx_message_body .dx_message_main_text .lead-v2--right {
  text-align: right;
}
.dx_message_body .dx_message_main_text .flex--box {
  margin-bottom: 1em;
  display: flex;
}
.dx_message_body .dx_message_main_text .flex--box.box1 {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767.98px) {
  .dx_message_body .dx_message_main_text .flex--box {
    display: block;
  }
}
.dx_message_body .dx_message_main_text .flex--box .image--box {
  width: 500px;
  padding-top: 3em;
}
@media only screen and (max-width: 767.98px) {
  .dx_message_body .dx_message_main_text .flex--box .image--box {
    padding-top: 0;
    width: 100%;
  }
}
.dx_message_body .dx_message_main_text .flex--box .text--box {
  flex: 1;
}
.dx_message_body .dx_message_main_text .flex--box .text--box p:first-child {
  margin-top: 0;
}
.dx_message_body .dx_message_main_text .flex--box .text--box.right {
  padding-left: 2em;
}
@media only screen and (max-width: 767.98px) {
  .dx_message_body .dx_message_main_text .flex--box .text--box.right {
    padding-left: 0;
  }
}
.dx_message_body .dx_message_main_text .flex--box .text--box.left {
  padding-right: 2em;
}
@media only screen and (max-width: 767.98px) {
  .dx_message_body .dx_message_main_text .flex--box .text--box.left {
    padding-right: 0;
  }
}
.dx_message_body .dx_message_president_photo {
  text-align: center;
}

.dx__service__head .heading1__inner {
  position: relative;
}
.dx__service__head .heading1__inner #video-pop-up-button {
  position: absolute;
  right: 32px;
  top: 3em;
  text-align: center;
}
.dx__service__head .heading1__inner #video-pop-up-button p {
  margin: 0;
}
@media only screen and (max-width: 767.98px) {
  .dx__service__head .heading1__inner #video-pop-up-button {
    font-size: 0.9rem;
    right: 15px;
  }
}
.dx__service__head .heading1__inner #video-pop-up-button img {
  text-align: center;
  width: 230px;
  height: 130px;
}
@media only screen and (max-width: 767.98px) {
  .dx__service__head .heading1__inner #video-pop-up-button img {
    width: 115px;
    height: 65px;
  }
}

.dx__service__body .note-list-v2[data-col-pc] > li {
  margin-top: .1em;
}

.scroll--box--wrap {
  text-align: center;
}
.scroll--box--wrap .scroll--box {
  texa-align: center;
}
@media only screen and (max-width: 767.98px) {
  .scroll--box--wrap .scroll--box {
    width: 100%;
    overflow-x: scroll;
  }
}
.scroll--box--wrap .scroll--box .scroll--x {
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .scroll--box--wrap .scroll--box .scroll--x {
    width: 800px !important;
    max-width: initial;
  }
}