@charset "UTF-8";

.p-ov-hero + .l-main-contents{
  padding-bottom:0;
}

.p-ov-hero{
  position:relative;
  overflow:hidden;
}

.p-ov-hero__band{
  position:relative;
  overflow:hidden;
  padding:18px 20px 20px;
  background:radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 4px 4px,
    linear-gradient(100deg, #123a5c 0%, #184a72 55%, #1d567f 100%);
  color:#fff;
}

.p-ov-hero__band::before,
.p-ov-hero__band::after{
  position:absolute;
  top:0;
  height:100%;
  background:rgba(255, 255, 255, 0.05);
  -webkit-transform:skewX(-22deg);
          transform:skewX(-22deg);
  -webkit-transform-origin:top right;
          transform-origin:top right;
  pointer-events:none;
  content:"";
}

.p-ov-hero__band::before{
  right:8%;
  width:340px;
}

.p-ov-hero__band::after{
  right:0;
  width:160px;
  background:rgba(255, 255, 255, 0.04);
}

.p-ov-hero__band-sub{
  margin:0 0 6px;
  font-size:11px;
  letter-spacing:0.08em;
  opacity:0.92;
}

.p-ov-hero__band-title{
  margin:0;
  font-size:18px;
  font-weight:700;
  letter-spacing:0.1em;
}

.p-ov-hero__inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}

.p-ov-hero__body{
  position:relative;
  padding:40px 20px 36px;
}

.p-ov-hero__deco{
  display:none;
  position:absolute;
  pointer-events:none;
  z-index:0;
}

.p-ov-hero__deco-shape{
  position:absolute;
  display:block;
}

.p-ov-hero__title{
  position:relative;
  z-index:1;
  margin:0 0 24px;
  font-size:34px;
  font-weight:500;
  line-height:1.34;
  letter-spacing:0.05em;
  color:#222;
}

.p-ov-hero__visual{
  width:100%;
  overflow:hidden;
}

.p-ov-hero__visual > img:first-child{
  display:block;
  width:100%;
  height:280px;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:22% 10%;
     object-position:22% 10%;
  -webkit-transform:scaleX(-1);
          transform:scaleX(-1);
}

.p-ov-hero__photo-kazari{
  position:absolute;
  display:none;
  pointer-events:none;
}

.p-ov-intro__lead{
  margin:0 0 26px;
  font-size:15px;
  line-height:2;
  color:#222;
}

.p-ov-intro__lead br{
  display:none;
}

.p-ov-intro__values{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  grid-gap:11px;
  margin:0 0 26px;
  padding:0;
  list-style:none;
}

.p-ov-intro__value{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  grid-gap:16px;
  -webkit-box-align:baseline;
      -ms-flex-align:baseline;
          align-items:baseline;
  font-size:15px;
  line-height:1.8;
}

.p-ov-intro__value-name{
  -ms-flex-negative:0;
      flex-shrink:0;
  min-width:3.4em;
  font-weight:700;
  color:#222;
}

.p-ov-intro__value-desc{
  color:#222;
}

.p-ov-intro__closing{
  margin:0;
  font-size:15px;
  font-weight:400;
  line-height:1.95;
  color:#222;
}

.p-ov-movie__wrap{
  position:relative;
  max-width:880px;
  margin:0 auto;
}

.p-ov-movie__deco{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:1;
}

.p-ov-movie__deco-corner{
  position:absolute;
  display:block;
}

.p-ov-movie__deco-corner._tl::before,
.p-ov-movie__deco-corner._tl::after{
  position:absolute;
  background:#194c77;
  content:"";
}

.p-ov-movie__deco-corner._tl{
  top:-14px;
  left:-14px;
}

.p-ov-movie__deco-corner._tl::before{
  width:155px;
  height:15px;
}

.p-ov-movie__deco-corner._tl::after{
  width:15px;
  height:95px;
}

.p-ov-movie__deco-corner._br::before,
.p-ov-movie__deco-corner._br::after{
  position:absolute;
  background:radial-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px) 0 0 / 4px 4px, #1f6f9a;
  content:"";
}

.p-ov-movie__deco-corner._br{
  bottom:-14px;
  right:-14px;
}

.p-ov-movie__deco-corner._br::before{
  right:0;
  bottom:0;
  width:155px;
  height:15px;
}

.p-ov-movie__deco-corner._br::after{
  right:0;
  bottom:0;
  width:15px;
  height:95px;
}

.p-ov-movie__thumb{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  overflow:hidden;
  background-color:#000;
  border:none;
  border-radius:4px;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  cursor:pointer;
}

.p-ov-movie__thumb img{
  display:block;
  width:100%;
  height:auto;
  -webkit-transition:-webkit-transform 0.4s ease;
  transition:-webkit-transform 0.4s ease;
  transition:transform 0.4s ease;
  transition:transform 0.4s ease, -webkit-transform 0.4s ease;
}

.p-ov-movie__thumb:hover img{
  -webkit-transform:scale(1.03);
          transform:scale(1.03);
}

.p-ov-movie__play{
  position:absolute;
  top:50%;
  left:50%;
  width:64px;
  height:64px;
  background-color:rgba(0, 0, 0, 0.55);
  border-radius:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  -webkit-transition:background-color 0.3s ease;
  transition:background-color 0.3s ease;
  pointer-events:none;
}

.p-ov-movie__thumb:hover .p-ov-movie__play{
  background-color:#0c2e58;
}

.p-ov-movie__play::before{
  position:absolute;
  top:50%;
  left:54%;
  width:0;
  height:0;
  border-width:11px 0 11px 18px;
  border-style:solid;
  border-color:transparent transparent transparent #fff;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  content:"";
}

.p-ov-movie__label{
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  margin-top:48px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  letter-spacing:0.2em;
  text-shadow:0 1px 4px rgba(0, 0, 0, 0.5);
  -webkit-transform:translate(-50%, 0);
          transform:translate(-50%, 0);
  pointer-events:none;
}

.p-ov-value{
  position:relative;
  overflow:hidden;
}

.p-ov-value__bg{
  display:none;
}

.p-ov-value._dark{
  color:#fff;
  background-color:#0c2e58;
}

.p-ov-value__body{
  position:relative;
  z-index:1;
  padding:50px 0;
}

.p-ov-value__grid{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  grid-gap:30px;
}

.p-ov-value__text{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}

.p-ov-value__image{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  overflow:hidden;
  border-radius:4px;
}

.p-ov-value__image img{
  display:block;
  width:100%;
  height:300px;
  -o-object-fit:cover;
     object-fit:cover;
}

.p-ov-value__image._dual{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  grid-gap:20px;
}

.p-ov-value__image._dual img{
  height:232px;
  margin-bottom:0;
}

.p-ov-value__label{
  margin:0 0 16px;
  font-size:16px;
  font-weight:700;
  line-height:1.8;
  letter-spacing:0.05em;
  opacity:0.8;
}

.p-ov-value._dark .p-ov-value__label{
  opacity:0.7;
}

.p-ov-value__title{
  margin:0 0 24px;
  line-height:1.2;
}

.p-ov-value__title-main{
  display:block;
  font-size:54px;
  font-weight:500;
  letter-spacing:0.1em;
}

.p-ov-value__title-sub{
  display:block;
  font-size:54px;
  font-weight:500;
  letter-spacing:0.1em;
}

.p-ov-value__lead{
  margin:0 0 20px;
  font-size:16px;
  font-weight:700;
  line-height:1.8;
}

.p-ov-value__desc{
  margin:0 0 16px;
  font-size:14px;
  line-height:2;
}

.p-ov-value__desc:last-child{
  margin-bottom:0;
}

.p-ov-value._dark .p-ov-value__desc{
  color:rgba(255, 255, 255, 0.85);
}

.p-ov-service{
  background:url("/assets/images/business/officevision/bg-grade.png") center / cover no-repeat;
  color:#fff;
}

.p-ov-service__header{
  padding:24px 0;
  margin-bottom:24px;
}

.p-ov-service__header::after{
  display:block;
  width:46px;
  height:3px;
  margin-top:16px;
  background:#1f6f9a;
  content:"";
}

.p-ov-service__label{
  margin:0;
  font-size:14px;
  color:#fff;
  letter-spacing:0.1em;
}

.p-ov-service__label em{
  display:block;
  font-size:42px;
  font-style:normal;
  font-weight:500;
  line-height:1.2;
  color:#fff;
  letter-spacing:1.4px;
}

.p-ov-service__label span{
  display:block;
  font-size:42px;
  font-weight:500;
  line-height:1.8;
  letter-spacing:1.4px;
}

.p-ov-service__list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  grid-gap:0;
  margin:0;
  padding:0 0 40px;
  list-style:none;
}

.p-ov-service__item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  grid-gap:16px;
  padding:22px 0;
  background:none;
  border-radius:0;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
}

.p-ov-service__item:last-child{
  border-bottom:none;
}

.p-ov-service__img{
  -ms-flex-negative:0;
      flex-shrink:0;
  width:130px;
  height:130px;
  overflow:hidden;
  border-radius:4px;
}

.p-ov-service__img img{
  display:block;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}

.p-ov-service__content{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  min-width:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}

.p-ov-service__name{
  margin:0 0 8px;
  font-size:15px;
  font-weight:700;
  color:#fff;
  line-height:1.4;
}

.p-ov-service__desc{
  margin:0;
  font-size:14px;
  line-height:2;
  color:rgba(255, 255, 255, 0.8);
}

.p-ov-service__link{
  display:inline-block;
  margin-top:auto;
  font-size:13px;
  color:#9ec7e3;
  text-decoration:none;
}

.p-ov-service__link::after{
  display:inline-block;
  margin-left:4px;
  color:#9ec7e3;
  content:"\203A";
}

.p-ov-service__link:hover{
  text-decoration:none;
  opacity:0.6;
}

.p-ov-service__links{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  grid-gap:16px;
  margin-top:auto;
}

.p-ov-service__links .p-ov-service__link{
  margin-top:0;
}

.p-ov-jr-band{
  position:relative;
  overflow:hidden;
  padding:64px 0;
  margin-top:0;
  margin-bottom:0;
  text-align:center;
  background:#fff;
}

.l-section + .p-ov-jr-band.l-section,
.p-ov-jr-band.l-section + .l-section{
  margin-top:0;
}

.p-ov-jr-band__deco{
  position:absolute;
  width:240px;
  height:104px;
}

.p-ov-jr-band__deco._left{
  top:0;
  left:0;
}

.p-ov-jr-band__deco._right{
  bottom:0;
  right:0;
}

.p-ov-jr-band__content{
  position:relative;
  z-index:1;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  grid-gap:5px;
}

.p-ov-jr-band__logo{
  width:70px;
  height:auto;
}

.ov-modal{
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width:100%;
  height:100%;
  -webkit-transition:opacity 0.3s ease;
  transition:opacity 0.3s ease;
}

.ov-modal__bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.8);
  cursor:pointer;
}

.ov-modal__wrapper{
  position:absolute;
  top:50%;
  left:50%;
  width:92%;
  max-width:960px;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.ov-modal__inner{
  position:relative;
}

.ov-modal__video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  background-color:#000;
}

.ov-modal__close{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  display:block;
  width:40px;
  height:40px;
  padding:0;
  background-color:rgba(0, 0, 0, 0.5);
  border:none;
  border-radius:50%;
  outline:none;
  cursor:pointer;
  -webkit-transition:background-color 0.3s ease;
  transition:background-color 0.3s ease;
}

.ov-modal__close:hover{
  background-color:rgba(0, 0, 0, 0.8);
}

.p-ov-movie__thumb.focus-visible,
.ov-modal__close.focus-visible{
  outline:2px solid #4a90d9;
  outline-offset:2px;
}

.ov-modal__close::before,
.ov-modal__close::after{
  position:absolute;
  top:50%;
  left:50%;
  width:18px;
  height:2px;
  background-color:#fff;
  content:"";
}

.ov-modal__close::before{
  -webkit-transform:translate(-50%, -50%) rotate(45deg);
          transform:translate(-50%, -50%) rotate(45deg);
}

.ov-modal__close::after{
  -webkit-transform:translate(-50%, -50%) rotate(-45deg);
          transform:translate(-50%, -50%) rotate(-45deg);
}

@media (min-width: 768px){
  .p-ov-hero__band{
    padding:22px 50px 24px;
  }

  .p-ov-hero__band-sub{
    margin-bottom:6px;
    font-size:13px;
  }

  .p-ov-hero__band-title{
    font-size:22px;
  }

  .p-ov-hero__inner{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    grid-gap:40px;
    max-width:1500px;
    margin:0 auto;
    padding:0 50px 70px;
  }

  .p-ov-hero__body{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    min-width:0;
    padding:70px 0 0;
  }

  .p-ov-hero__deco{
    display:block;
    top:70px;
    left:-50px;
    width:500px;
    height:360px;
  }

  .p-ov-hero__deco-shape._a{
    top:0;
    left:53px;
    width:201px;
    height:151px;
  }

  .p-ov-hero__deco-shape._b{
    top:0;
    left:2px;
    width:197px;
    height:194px;
  }

  .p-ov-hero__title{
    margin-top:60px;
    font-size:44px;
    margin-bottom:30px;
  }

  .p-ov-hero__visual{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    min-width:0;
    position:relative;
    overflow:visible;
  }

  .p-ov-hero__visual > img:first-child{
    height:620px;
    -o-object-position:22% 10%;
       object-position:22% 10%;
  }

  .p-ov-hero__photo-kazari{
    display:none;
    width:114px;
    height:auto;
    left:78%;
    bottom:-18px;
  }

  .p-ov-intro__lead{
    font-size:15px;
  }

  .p-ov-intro__lead br{
    display:inline;
  }

  .p-ov-movie__play{
    width:80px;
    height:80px;
  }

  .p-ov-movie__play::before{
    border-width:13px 0 13px 22px;
  }

  .p-ov-movie__label{
    margin-top:56px;
    font-size:14px;
  }

  .p-ov-value{
    overflow:visible;
  }

  .p-ov-value .l-inner{
    max-width:1500px;
  }


  .p-ov-value__body{
    padding:80px 0;
  }

  .p-ov-value__grid{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    grid-gap:60px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }

  .p-ov-value__image{
    -webkit-box-flex:1.15;
        -ms-flex:1.15;
            flex:1.15;
    border-radius:0;
    overflow:visible;
  }

  .p-ov-value__grid._reverse{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
            flex-direction:row-reverse;
  }

  .p-ov-value__image img{
    height:550px;
    margin-bottom:-60px;
    position:relative;
    z-index:2;
  }

  .p-ov-value._dark .p-ov-value__bg{
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:45%;
    height:100%;
  }

  .p-ov-value._dark .p-ov-value__bg img{
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
  }

  .p-ov-value._dark .p-ov-value__grid{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
  }

  .p-ov-value._dark .p-ov-value__text{
    max-width:55%;
  }

  .p-ov-value__title-main{
    font-size:72px;
  }

  .p-ov-value__title-sub{
    font-size:72px;
  }

  .p-ov-value__desc{
    font-size:15px;
  }

  .p-ov-service__desc{
    font-size:15px;
  }

  .p-ov-service .l-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    grid-gap:50px;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
  }

  .p-ov-service__header{
    width:210px;
    -ms-flex-negative:0;
        flex-shrink:0;
    padding:0;
    margin-bottom:0;
  }

  .p-ov-service{
    padding-top:150px;
  }

  .p-ov-service__list{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    grid-gap:0;
  }

  .p-ov-service__item{
    -webkit-box-flex:0;
        -ms-flex:none;
            flex:none;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    grid-gap:22px;
  }

  .p-ov-service__img{
    width:130px;
    height:130px;
    margin-bottom:0;
  }
}

@media (min-width: 1024px){
  .p-ov-hero__band{
    padding:26px 50px;
  }

  .p-ov-hero__band-title{
    font-size:27px;
  }

  .p-ov-hero__inner{
    max-width:1600px;
    grid-gap:56px;
    padding:0 50px 90px;
  }

  .p-ov-hero__body{
    padding-top:90px;
  }

  .p-ov-hero__deco{
    top:90px;
    left:-60px;
    width:550px;
    height:400px;
  }

  .p-ov-hero__title{
    margin-top:70px;
    font-size:50px;
    margin-bottom:30px;
  }

  .p-ov-hero__visual > img:first-child{
    height:730px;
  }

  .p-ov-hero__photo-kazari{
    display:block;
    width:126px;
  }

  .p-ov-value__grid{
    grid-gap:60px;
  }

  .p-ov-value__image img{
    height:800px;
    margin-bottom:-130px;
    position:relative;
    z-index:2;
  }

  .p-ov-value + .l-section{
    margin-top:0;
  }
}