@charset "UTF-8";
html {
  margin-top: 0 !important;
}

#main {
  padding-top: 0px;
}

br.pc-hide {
  display: none;
}

br.sp-hide {
  display: inline;
}

@media only screen and (max-width: 599px) {
  br.pc-hide {
    display: inline;
  }
  br.sp-hide {
    display: none;
  }
}
.en_catch img {
  margin-top: -1px;
}

/*
アニメーション
*/
.inview {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.inview.fadeLeft {
  transform: translate(-40%, 0);
}
.inview.fadeLeft.show {
  animation-name: ani_fadeLeft;
}
@keyframes ani_fadeLeft {
  from {
    transform: translate(-40%, 0);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.inview.fadeRight {
  transform: translate(40%, 0);
}
.inview.fadeRight.show {
  animation-name: ani_fadeRight;
}
@keyframes ani_fadeRight {
  from {
    transform: translate(40%, 0);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.inview.fadeUp {
  transform: translate(0, 100%);
}
.inview.fadeUp.show {
  animation-name: ani_fadeUp;
}
@keyframes ani_fadeUp {
  from {
    transform: translate(0, 100%);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.visio_ctl27-content {
  margin: 0 auto;
  background: #fff;
}
.visio_ctl27-content .b_grade {
  width: 320px;
  height: 86px;
  border-radius: 86px;
  border: solid 1px #fff;
  background: linear-gradient(to right, #3F6AEC, #612CCB);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  box-shadow: 0 10px 0 rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}
.visio_ctl27-content .b_grade.b_white {
  background: #fff;
  color: #612CCB;
  border-color: #612CCB;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .b_grade {
    width: 22.2222222222vw;
    height: 5.9722222222vw;
    border-radius: 5.9722222222vw;
    font-size: 1.3888888889vw;
    box-shadow: 0 0.6944444444vw 0 rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .b_grade {
    width: 53.3333333333vw;
    height: 14.1333333333vw;
    border-radius: 14.1333333333vw;
    font-size: 3.7333333333vw;
    box-shadow: 0 1.3157894737vw 0 rgba(0, 0, 0, 0.2);
  }
}
.visio_ctl27-content h2 {
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 16px;
  position: relative;
}
.visio_ctl27-content h2:after {
  content: "";
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0;
}
@media (min-width: 1441px) {
  .visio_ctl27-content h2 {
    font-size: 1.9444444444vw;
    padding-bottom: 1.1111111111vw;
  }
  .visio_ctl27-content h2:after {
    height: 0.1388888889vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content h2 {
    font-size: 26px;
  }
}
.visio_ctl27-content p {
  font-size: 16px;
  line-height: 1.9;
}
@media (min-width: 1441px) {
  .visio_ctl27-content p {
    font-size: 1.1111111111vw;
  }
}
.visio_ctl27-content .kv {
  height: calc(100dvh - 120px);
  position: relative;
  overflow: hidden;
}
@media (max-width: 896px) {
  .visio_ctl27-content .kv {
    height: calc(100dvh - 64px);
  }
}
.visio_ctl27-content .kv__movie {
  width: 100%;
  aspect-ratio: 1280/720;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
@media (max-width: 896px) {
  .visio_ctl27-content .kv__movie {
    height: calc(100dvh - 64px);
    width: auto;
  }
}
.visio_ctl27-content .kv__movie video {
  width: 100%;
  height: 100%;
}
.visio_ctl27-content .kv__logo {
  width: 378px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.visio_ctl27-content .kv__logo h1 {
  margin-bottom: 60px;
}
.visio_ctl27-content .kv__logo h1 img {
  width: 100%;
}
.visio_ctl27-content .kv__logo a {
  margin: 0 auto;
}
.visio_ctl27-content .kv .b_movie {
  position: absolute;
  z-index: 2;
  top: 33px;
  right: 140px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition-duration: 0.3s;
}
@media (max-width: 896px) {
  .visio_ctl27-content .kv .b_movie {
    top: 26px;
    right: 13px;
  }
}
.visio_ctl27-content .kv .b_movie:hover {
  opacity: 0.7;
}
.visio_ctl27-content .kv .b_movie .b_play {
  display: none;
}
.visio_ctl27-content .kv .b_movie.pause .b_pause {
  display: none;
}
.visio_ctl27-content .kv .b_movie.pause .b_play {
  display: inline;
}
.visio_ctl27-content .handtracking {
  background: #fff;
  position: relative;
  width: 1440px;
  margin: 0 auto;
  padding-bottom: 110px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking {
    width: 100%;
    padding-bottom: 7.6388888889vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking {
    width: 100%;
    padding-bottom: 26.6666666667%;
  }
}
.visio_ctl27-content .handtracking__container ._ttl {
  padding-left: 66px;
  margin-top: 0px;
  margin-bottom: 50px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container ._ttl {
    padding-left: 4.5833333333vw;
    margin-bottom: 3.4722222222vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container ._ttl {
    text-align: center;
    padding-left: 0;
    margin-bottom: 6.25%;
  }
}
.visio_ctl27-content .handtracking__container ._ttl .en_catch img {
  width: 635px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container ._ttl .en_catch img {
    width: 44.0972222222vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container ._ttl .en_catch img {
    width: 81.3333333333%;
  }
}
.visio_ctl27-content .handtracking__container img.pic1 {
  position: absolute;
  right: 63px;
  top: -182px;
  width: 461px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container img.pic1 {
    right: 4.375vw;
    top: -12.6388888889vw;
    width: 32.0138888889vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container img.pic1 {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    width: 53.5714285714%;
    margin: 0 auto 5.3571428571%;
  }
}
.visio_ctl27-content .handtracking__container .handtracking__txt {
  margin: 0 66px 0;
  padding: 0 74px 230px;
  position: relative;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt {
    margin: 0 4.5833333333vw 0;
    padding: 0 5.1388888889vw 15.9722222222vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt {
    margin: 0;
    padding: 0 0;
  }
  .visio_ctl27-content .handtracking__container .handtracking__txt:after {
    content: "";
    height: 1px;
    width: 1px;
    display: block;
    clear: both;
  }
}
.visio_ctl27-content .handtracking__container .handtracking__txt h2 {
  line-height: 1;
  margin-bottom: 22px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt h2 {
    margin-bottom: 1.5277777778vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt h2 {
    padding-left: 28px;
  }
}
.visio_ctl27-content .handtracking__container .handtracking__txt h2:after {
  width: 300px;
  background: #000;
  left: -140px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt h2:after {
    width: 20.8333333333vw;
    left: -9.7222222222vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt h2:after {
    width: 32.8%;
    left: 0;
  }
}
.visio_ctl27-content .handtracking__container .handtracking__txt p {
  margin-bottom: 30px;
  width: 776px;
}
.visio_ctl27-content .handtracking__container .handtracking__txt p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt p {
    margin-bottom: 2.0833333333vw;
    width: 53.8888888889vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt p {
    width: auto;
    padding: 0 28px;
    margin-bottom: 5.3571428571%;
    clear: both;
  }
  .visio_ctl27-content .handtracking__container .handtracking__txt p:last-of-type {
    padding: 5.3571428571% 28px;
  }
}
.visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn {
  width: 304px;
  height: auto;
  position: absolute;
  bottom: 0;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn {
    width: 21.1111111111vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn {
    width: auto;
    position: relative;
    bottom: auto;
  }
}
.visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn1 {
  left: 0;
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn1 {
    width: 82.1333333333%;
    left: auto;
    border-radius: 0 4.2666666667vw 4.2666666667vw 0;
  }
}
.visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn2 {
  left: 334px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn2 {
    left: 23.1944444444vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn2 {
    float: right;
    width: 82.1333333333%;
    left: auto;
    margin-top: -10.6666666667vw;
    border-radius: 4.2666666667vw 0 0 4.2666666667vw;
  }
}
.visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn3 {
  left: 669px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn3 {
    left: 46.4583333333vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn3 {
    width: 82.1333333333%;
    left: auto;
    border-radius: 0 4.2666666667vw 4.2666666667vw 0;
  }
}
.visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn4 {
  right: 0px;
}
@media (max-width: 896px) {
  .visio_ctl27-content .handtracking__container .handtracking__txt img.pic_tn--tn4 {
    float: right;
    width: 82.1333333333%;
    right: auto;
    margin-top: -10.6666666667vw;
    border-radius: 4.2666666667vw 0 0 4.2666666667vw;
  }
}
.visio_ctl27-content .sect_wrapper._engagement {
  background: #090909;
  padding-bottom: 108px;
  margin-bottom: 120px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._engagement {
    padding-bottom: 7.5vw;
    margin-bottom: 8.3333333333vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._engagement {
    padding-bottom: 65px;
    margin-bottom: 100px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._engagement {
    padding-bottom: 17.3333333333vw;
    margin-bottom: 26.6666666667vw;
  }
}
.visio_ctl27-content .sect_wrapper._engagement .engagement {
  width: 1440px;
  margin: 0 auto;
  position: relative;
  color: #fff;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement {
    width: 100%;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement {
    width: 100%;
  }
}
.visio_ctl27-content .sect_wrapper._engagement .engagement__container ._ttl {
  padding-left: 66px;
  margin-top: 0px;
  margin-bottom: 188px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container ._ttl {
    padding-left: 4.5833333333vw;
    margin-bottom: 13.0555555556vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container ._ttl {
    padding-left: 0;
    margin-bottom: 60px;
    text-align: center;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container ._ttl {
    margin-bottom: 8vw;
  }
}
.visio_ctl27-content .sect_wrapper._engagement .engagement__container ._ttl .en_catch img {
  width: 510px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container ._ttl .en_catch img {
    width: 35.4166666667vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container ._ttl .en_catch img {
    width: 65.8666666667%;
  }
}
.visio_ctl27-content .sect_wrapper._engagement .engagement__container .pic1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 720px;
  z-index: 0;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .pic1 {
    width: 50vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .pic1 {
    position: relative;
    width: 83.2%;
    margin-bottom: 25px;
    float: right;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .pic1 {
    margin-bottom: 6.9333333333vw;
  }
}
.visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt {
  margin: 0 66px 18px;
  padding: 0 0 0 74px;
  width: 634px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt {
    margin: 0 4.5833333333vw 1.25vw;
    padding: 0 0 0 5.1388888889vw;
    width: 44.0277777778vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
  }
}
.visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt h2 {
  line-height: 1.6;
  margin-bottom: 22px;
}
.visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt h2:after {
  width: 196px;
  background: #fff;
  left: -42px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt h2 {
    margin-bottom: 1.5277777778vw;
  }
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt h2:after {
    width: 13.6111111111vw;
    left: -2.9166666667vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt h2 {
    padding: 0 28px 16px 28px;
  }
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt h2:after {
    width: 32.8%;
    left: 0;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt h2 {
    padding: 0 3.7333333333vw 16px;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt p {
    padding: 0 28px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._engagement .engagement__container .engagement__txt p {
    padding: 0 3.7333333333vw;
  }
}
.visio_ctl27-content .allinone {
  width: 1440px;
  margin: 0 auto 120px;
  position: relative;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .allinone {
    width: 90.9090909091vw;
    margin: 0 auto 7.5757575758vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .allinone {
    width: 100%;
    margin-bottom: 100px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .allinone {
    margin-bottom: 26.6666666667vw;
  }
}
.visio_ctl27-content .allinone ._ttl {
  position: absolute;
  z-index: 2;
  left: 788px;
}
.visio_ctl27-content .allinone ._ttl img {
  width: 456px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .allinone ._ttl {
    left: 49.7474747475vw;
  }
  .visio_ctl27-content .allinone ._ttl img {
    width: 28.7878787879vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .allinone ._ttl {
    left: auto;
    width: 100%;
    text-align: center;
  }
}
.visio_ctl27-content .allinone .pic1 {
  position: relative;
  z-index: 0;
  display: block;
  margin-bottom: 56px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .allinone .pic1 {
    margin-bottom: 3.5353535354vw;
  }
  .visio_ctl27-content .allinone .pic1 img {
    width: 100%;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .allinone .pic1 {
    width: 100%;
    margin: 0;
  }
  .visio_ctl27-content .allinone .pic1 img {
    width: 100%;
  }
}
.visio_ctl27-content .allinone .movie {
  position: relative;
  z-index: 1;
  width: 902px;
  aspect-ratio: 1280/720;
  position: relative;
  z-index: 0;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .allinone .movie {
    width: 56.9444444444vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .allinone .movie {
    width: 100%;
  }
}
.visio_ctl27-content .allinone .movie video {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.visio_ctl27-content .allinone .movie .b_movie {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 30px;
  right: 28px;
  cursor: pointer;
  transition-duration: 0.3s;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .allinone .movie .b_movie {
    width: 3.1565656566vw;
    height: 3.1565656566vw;
    bottom: 1.8939393939vw;
    right: 1.7676767677vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .allinone .movie .b_movie {
    top: 28px;
    bottom: auto;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .allinone .movie .b_movie {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    top: 7.4666666667vw;
    right: 7.4666666667vw;
  }
}
.visio_ctl27-content .allinone .movie .b_movie:hover {
  opacity: 0.7;
}
.visio_ctl27-content .allinone .movie .b_movie .b_play {
  display: none;
}
.visio_ctl27-content .allinone .movie .b_movie.pause .b_pause {
  display: none;
}
.visio_ctl27-content .allinone .movie .b_movie.pause .b_play {
  display: inline;
}
.visio_ctl27-content .allinone .allinone__txt {
  width: 720px;
  height: 398px;
  padding: 42px 50px;
  background: #000000;
  color: #fff;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 488px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .allinone .allinone__txt {
    width: 45.4545454545vw;
    height: 25.1262626263vw;
    padding: 2.6515151515vw 3.1565656566vw;
    top: 30.8080808081vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .allinone .allinone__txt {
    width: 100%;
    height: auto;
    padding: 40px 0;
    position: relative;
    top: auto;
    padding-bottom: 12.2666666667%;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .allinone .allinone__txt {
    padding: 10.6666666667vw 0;
    padding-bottom: 12vw;
  }
}
.visio_ctl27-content .allinone .allinone__txt h2 {
  line-height: 1.6;
  margin-bottom: 22px;
}
.visio_ctl27-content .allinone .allinone__txt h2:after {
  width: 196px;
  background: #fff;
  left: -50px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .allinone .allinone__txt h2 {
    margin-bottom: 1.3888888889vw;
  }
  .visio_ctl27-content .allinone .allinone__txt h2:after {
    width: 12.3737373737vw;
    left: -3.1565656566vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .allinone .allinone__txt h2 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .visio_ctl27-content .allinone .allinone__txt h2:after {
    width: 32.8%;
    left: 0;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .allinone .allinone__txt p {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.visio_ctl27-content .technology {
  width: 1440px;
  margin: 0 auto 120px;
  position: relative;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .technology {
    width: 90.9090909091vw;
    margin: 0 auto 7.5757575758vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .technology {
    width: 100%;
    margin-bottom: 180px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .technology {
    margin-bottom: 5.3333333333vw;
  }
}
.visio_ctl27-content .technology ._ttl {
  position: absolute;
  z-index: 2;
  left: 788px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .technology ._ttl {
    left: 49.7474747475vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .technology ._ttl {
    left: auto;
    width: 100%;
    text-align: center;
  }
}
.visio_ctl27-content .technology ._ttl .en_catch img {
  width: 503px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .technology ._ttl .en_catch img {
    width: 31.7550505051vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .technology ._ttl .en_catch img {
    width: 65.0666666667%;
  }
}
.visio_ctl27-content .technology .pic1 {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 102px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .technology .pic1 {
    margin-bottom: 6.4393939394vw;
  }
  .visio_ctl27-content .technology .pic1 img {
    width: 100%;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .technology .pic1 {
    margin-bottom: 0;
  }
  .visio_ctl27-content .technology .pic1 img {
    width: 100%;
  }
}
.visio_ctl27-content .technology .technology__txt {
  width: 720px;
  height: 404px;
  padding: 42px 50px 42px 190px;
  background: #000000;
  color: #fff;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 500px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .technology .technology__txt {
    width: 45.4545454545vw;
    /*height:pxtovw(404,1584);*/
    height: auto;
    padding: 2.6515151515vw 3.1565656566vw 2.6515151515vw 11.9949494949vw;
    top: 31.5656565657vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .technology .technology__txt {
    width: 100%;
    height: auto;
    padding: 46px 0 120px;
    position: relative;
    top: auto;
    left: auto;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .technology .technology__txt {
    padding: 12.2666666667vw 0 32vw;
  }
}
.visio_ctl27-content .technology .technology__txt h2 {
  line-height: 1.6;
  margin-bottom: 22px;
}
.visio_ctl27-content .technology .technology__txt h2:after {
  width: 314px;
  background: #fff;
  left: -190px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .technology .technology__txt h2 {
    margin-bottom: 1.3888888889vw;
    font-size: 1.7676767677vw;
  }
  .visio_ctl27-content .technology .technology__txt h2:after {
    width: 19.8232323232vw;
    left: -11.9949494949vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .technology .technology__txt h2 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .visio_ctl27-content .technology .technology__txt h2:after {
    width: 32.8%;
    left: 0;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .technology .technology__txt p {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.visio_ctl27-content .technology .pic2 {
  width: 464px;
  margin-left: 875px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .technology .pic2 {
    width: 29.2929292929vw;
    margin-left: 55.2398989899vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .technology .pic2 {
    width: 74.6666666667%;
    max-width: 280px;
    height: 42.6666666667%;
    display: block;
    margin: -80px auto 0;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .technology .pic2 {
    width: 74.6666666667vw;
    height: auto;
    margin: 0 auto 0;
    transform: translateY(-50%);
  }
}
.visio_ctl27-content .technology .pic_grade {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 152px;
}
@media (min-width: 1584px) {
  .visio_ctl27-content .technology .pic_grade {
    top: 9.595959596vw;
    width: 100%;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .technology .pic_grade {
    display: none;
  }
}
.visio_ctl27-content .economical {
  width: 1440px;
  margin: 0 auto 120px;
  position: relative;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .economical {
    width: 100%;
    margin: 0 auto 8.3333333333vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .economical {
    width: 100%;
    margin-bottom: 90px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .economical {
    margin-bottom: 24vw;
  }
}
.visio_ctl27-content .economical ._ttl {
  position: absolute;
  z-index: 2;
  left: 204px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .economical ._ttl {
    left: 14.1666666667vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .economical ._ttl {
    left: auto;
    width: 100%;
    text-align: center;
  }
}
.visio_ctl27-content .economical ._ttl .en_catch img {
  width: 942px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .economical ._ttl .en_catch img {
    width: 65.4166666667vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .economical ._ttl .en_catch img {
    width: 90.1333333333%;
  }
}
.visio_ctl27-content .economical .pic1 {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 56px;
  padding-left: 140px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .economical .pic1 {
    margin-bottom: 3.8888888889vw;
    padding-left: 9.7222222222vw;
  }
  .visio_ctl27-content .economical .pic1 img {
    width: 100%;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .economical .pic1 {
    margin-bottom: 0;
    padding-left: 0;
  }
  .visio_ctl27-content .economical .pic1 img {
    width: 100%;
  }
}
.visio_ctl27-content .economical .economical__txt {
  width: 560px;
  height: 362px;
  padding: 42px 144px 42px 50px;
  background: #000000;
  color: #fff;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 104px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .economical .economical__txt {
    width: 38.8888888889vw;
    height: 25.1388888889vw;
    padding: 2.9166666667vw 10vw 2.9166666667vw 3.4722222222vw;
    top: 7.2222222222vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .economical .economical__txt {
    width: 100%;
    height: auto;
    padding: 46px 0 40px;
    margin-bottom: 72px;
    position: relative;
    top: auto;
    left: auto;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .economical .economical__txt {
    padding: 12.2666666667vw 0 10.6666666667vw;
  }
}
.visio_ctl27-content .economical .economical__txt h2 {
  line-height: 1.6;
  margin-bottom: 22px;
}
.visio_ctl27-content .economical .economical__txt h2:after {
  width: 314px;
  background: #fff;
  left: -50px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .economical .economical__txt h2 {
    margin-bottom: 1.5277777778vw;
    font-size: 1.7676767677vw;
  }
  .visio_ctl27-content .economical .economical__txt h2:after {
    width: 21.8055555556vw;
    left: -3.4722222222vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .economical .economical__txt h2 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .visio_ctl27-content .economical .economical__txt h2:after {
    width: 32.8%;
    left: 0;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .economical .economical__txt p {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.visio_ctl27-content .sect_wrapper._andmore {
  background: #090909;
  padding-bottom: 86px;
  margin-bottom: 120px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._andmore {
    padding-bottom: 5.9722222222vw;
    margin-bottom: 8.3333333333vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._andmore {
    width: 100%;
    margin-bottom: 100px;
    padding-bottom: 44px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._andmore {
    margin-bottom: 26.6666666667vw;
    padding-bottom: 11.7333333333vw;
  }
}
.visio_ctl27-content .sect_wrapper._andmore .andmore {
  width: 1440px;
  margin: 0 auto;
  position: relative;
  color: #fff;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore {
    width: 100%;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore {
    width: 100%;
  }
}
.visio_ctl27-content .sect_wrapper._andmore .andmore__container ._ttl {
  padding-left: 66px;
  margin-top: 0px;
  margin-bottom: 138px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container ._ttl {
    padding-left: 4.5833333333vw;
    margin-bottom: 9.5833333333vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container ._ttl {
    padding-left: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 2;
  }
}
.visio_ctl27-content .sect_wrapper._andmore .andmore__container ._ttl .en_catch img {
  width: 400px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container ._ttl .en_catch img {
    width: 27.7777777778vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container ._ttl .en_catch img {
    width: 66.1333333333%;
  }
}
.visio_ctl27-content .sect_wrapper._andmore .andmore__container .pic1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 892px;
  z-index: 0;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .pic1 {
    width: 61.9444444444vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .pic1 {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .pic1 img {
    width: 100%;
  }
}
.visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt {
  margin: 0 66px 18px;
  padding: 0 0 0 74px;
  width: 634px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt {
    margin: 0 4.5833333333vw 1.25vw;
    padding: 0 0 0 5.1388888889vw;
    width: 44.0277777778vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt {
    width: 100%;
    margin: 0;
    padding: 20px 0 0;
  }
}
.visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt h2 {
  line-height: 1.6;
  margin-bottom: 22px;
}
.visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt h2:after {
  width: 196px;
  background: #fff;
  left: -42px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt h2 {
    margin-bottom: 1.5277777778vw;
  }
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt h2:after {
    width: 13.6111111111vw;
    left: -2.9166666667vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt h2 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt h2:after {
    width: 32.8%;
    left: 0;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._andmore .andmore__container .andmore__txt p {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.visio_ctl27-content .casestudy {
  width: 1440px;
  margin: 0 auto 120px;
  padding: 0 0 112px;
  position: relative;
  background: #B3B1B9;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy {
    width: 100%;
    margin: 0 auto 8.3333333333vw;
    padding: 0 0 7.7777777778vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .casestudy {
    width: 100%;
    margin-bottom: 100px;
    padding: 0 0 75px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy {
    margin-bottom: 26.6666666667vw;
    padding-bottom: 20vw;
  }
}
.visio_ctl27-content .casestudy ._ttl {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 76px;
}
.visio_ctl27-content .casestudy ._ttl img {
  width: 651px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy ._ttl {
    margin-bottom: 5.2777777778vw;
  }
  .visio_ctl27-content .casestudy ._ttl img {
    width: 45.2083333333vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .casestudy ._ttl {
    margin-bottom: 40px;
    margin-bottom: 11.2vw;
  }
  .visio_ctl27-content .casestudy ._ttl img {
    width: 71.4666666667%;
  }
}
.visio_ctl27-content .casestudy .subttl {
  width: 360px;
  height: 80px;
  padding: 0;
  margin: 0 auto;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.12em;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy .subttl {
    width: 25vw;
    height: 5.5555555556vw;
    font-size: 1.5277777778vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .casestudy .subttl {
    width: 200px;
    height: 48px;
    width: 53.3333333333vw;
    height: 12.8vw;
    font-size: 4.2666666667vw;
  }
}
.visio_ctl27-content .casestudy__slider {
  margin-bottom: 0;
}
.visio_ctl27-content .casestudy__slider > div .slide_p {
  padding: 0 26px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider > div .slide_p {
    padding: 0 1.8055555556vw;
  }
  .visio_ctl27-content .casestudy__slider > div .slide_p img {
    width: 100%;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .casestudy__slider > div .slide_p {
    padding: 0;
  }
}
.visio_ctl27-content .casestudy__slider_asides {
  width: 1160px;
  margin: 0 auto;
  padding-left: 64px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides {
    width: 80.5555555556vw;
    padding-left: 4.4444444444vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .casestudy__slider_asides {
    width: auto;
    padding: 0 28px;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 48px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy__slider_asides {
    margin-bottom: 12.8vw;
  }
}
.visio_ctl27-content .casestudy__slider_asides .casestudy__slider2 {
  background: #fff;
  width: 462px;
  padding: 36px;
  margin-top: -114px;
  margin-bottom: 92px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides .casestudy__slider2 {
    width: 32.0833333333vw;
    padding: 2.5vw;
    margin-top: -7.9166666667vw;
    margin-bottom: 6.3888888889vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .casestudy__slider_asides .casestudy__slider2 {
    width: 100%;
    padding: 18px 28px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.visio_ctl27-content .casestudy__slider_asides .casestudy__slider2 div p {
  font-size: 16px;
  line-height: 1.8;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides .casestudy__slider2 div p {
    font-size: 1.1111111111vw;
  }
}
.visio_ctl27-content .casestudy__slider_asides .casestudy__slider2 div p.ttl {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 0.8em;
  line-height: 1.4;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides .casestudy__slider2 div p.ttl {
    font-size: 1.9444444444vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .casestudy__slider_asides .casestudy__slider2 div {
    margin-bottom: 0.34em;
  }
}
.visio_ctl27-content .casestudy__slider_asides .slider_ctrl {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 28px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl {
    padding-top: 1.9444444444vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl {
    padding-top: 33px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl {
    padding-top: 8.8vw;
  }
}
.visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots {
  position: relative;
  bottom: auto;
  background: #88868E;
  width: 180px;
  height: 64px;
  border-radius: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots {
    width: 12.5vw;
    height: 4.4444444444vw;
    border-radius: 4.4444444444vw;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots {
    /*
    width:118px;
    height:42px;
    border-radius: 42px;
    */
    width: 31.4666666667vw;
    height: 11.2vw;
    border-radius: 11.2vw;
    /*
    width:118px;
    height:42px;
    */
  }
}
.visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 0 6px;
  transition-duration: 0.3s;
  background: #fff;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li {
    width: 0.6944444444vw;
    height: 0.6944444444vw;
    border-radius: 0.6944444444vw;
    margin: 0 0.4166666667vw;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li {
    /*
    width:6px;
    height:6px;
    border-radius: 6px;
    margin:0 4px;
    */
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 1.6vw;
    margin: 0 1.0666666667vw;
  }
}
.visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li button {
  opacity: 0;
  transition-duration: 0.3s;
  width: 10px;
  height: 10px;
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li button {
    /*
    width:6px;
    height:6px;
    */
    width: 1.6vw;
    height: 1.6vw;
  }
}
.visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li.slick-active {
  width: 60px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li.slick-active {
    width: 4.1666666667vw;
  }
}
.visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li.slick-active button {
  width: 60px;
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li.slick-active {
    width: 39px;
    width: 10.4vw;
  }
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl .slick-dots li.slick-active button {
    width: 39px;
    width: 10.4vw;
  }
}
.visio_ctl27-content .casestudy__slider_asides .slider_ctrl__btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 149px;
  margin-left: 21px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl__btns {
    width: 10.3472222222vw;
    margin-left: 1.4583333333vw;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl__btns {
    width: 98px;
    margin-left: 15px;
    width: 26.1333333333vw;
    margin-left: 4vw;
  }
}
.visio_ctl27-content .casestudy__slider_asides .slider_ctrl__btns img {
  cursor: pointer;
  transition-duration: 0.3s;
  width: 64px;
  height: 64px;
}
.visio_ctl27-content .casestudy__slider_asides .slider_ctrl__btns img:hover {
  opacity: 0.7;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl__btns img {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy__slider_asides .slider_ctrl__btns img {
    width: 42px;
    width: 11.2vw;
  }
}
.visio_ctl27-content .casestudy .b_grade {
  width: 380px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .casestudy .b_grade {
    width: 26.3888888889vw;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .casestudy .b_grade {
    width: 240px;
    width: 64vw;
  }
}
.visio_ctl27-content .sect_wrapper._spec {
  background: #090909;
  padding-bottom: 86px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec {
    padding-bottom: 5.9722222222vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._spec {
    margin-bottom: 100px;
    padding: 0 0 75px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._spec {
    padding: 0 0 20.2666666667vw;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec {
  width: 1440px;
  margin: 0 auto;
  position: relative;
  color: #fff;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec {
    width: 100%;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._spec .spec {
    width: 100%;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl {
  margin-top: 0px;
  margin-bottom: 48px;
  text-align: center;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl {
    margin-bottom: 3.3333333333vw;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl .en_catch {
  margin-bottom: 26px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl .en_catch {
    margin-bottom: 1.8055555556vw;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl .en_catch {
    margin-bottom: 2.6666666667vw;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl .en_catch img {
  width: 248px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl .en_catch img {
    width: 17.2222222222vw;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl .en_catch img {
    width: 26.9333333333vw;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl p {
  font-size: 28px;
  font-weight: bold;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl p {
    font-size: 1.9444444444vw;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container ._ttl p {
    font-size: 6.9333333333vw;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex {
  width: 1160px;
  margin: 0 auto 52px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex {
    width: 80.5555555556vw;
    margin: 0 auto 3.6111111111vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex {
    width: 100%;
    padding: 0 28px;
    display: block;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt {
  width: 572px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt {
    width: 39.7222222222vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt {
    width: 100%;
    margin-bottom: 36px;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt {
    margin-bottom: 9.6vw;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl {
  display: flex;
  line-height: 2.2;
  font-size: 18px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl {
    font-size: 1.25vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl {
    display: block;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl dt {
  width: 136px;
  margin-bottom: 0.4em;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl dt {
    width: 9.4444444444vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl dt {
    width: 100%;
    line-height: 1;
    margin-bottom: 0.2em;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl dt i {
  color: #3F6AEC;
  font-style: normal;
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl dd {
  width: 424px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl dd {
    width: 29.4444444444vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__txt dl dd {
    width: 100%;
    margin-bottom: 1em;
    font-size: 16px;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__pic {
  width: 562px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__pic {
    width: 39.0277777778vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__pic {
    width: 100%;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__pic img {
  border-radius: 22px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__pic img {
    border-radius: 1.8055555556vw;
  }
}
@media (max-width: 896px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__flex__pic img {
    border-radius: 1.7857142857vw;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__btn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__btn {
    flex-direction: column;
    align-items: center;
  }
}
.visio_ctl27-content .sect_wrapper._spec .spec__container .spec__btn a {
  margin: 0 18px;
}
@media (min-width: 1441px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__btn a {
    margin: 0 1.25vw;
  }
}
@media (max-width: 599px) {
  .visio_ctl27-content .sect_wrapper._spec .spec__container .spec__btn a {
    width: 64vw;
    height: 14.1333333333vw;
    font-size: 3.7333333333vw;
    margin-bottom: 4.8vw;
  }
}/*# sourceMappingURL=visio_ctl27.css.map */