@charset "utf-8";
/*---------------------------------
NUROアクセス冗長化LP用css
-----------------------------------*/
@media print, screen and (max-width: 750px) {
  .internet-btn-col__item.is-fsSmall a {
    font-size: 4.4vw!important;
  }
}
.internet-lp .is-fsSS {
  font-size: 13.5px;
  font-size: .845rem;
}
@media print, screen and (max-width: 750px) {
  .internet-lp .is-fsSS {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}
.lp-marker-yellow {
  background: linear-gradient(transparent 80%, rgba(255, 254, 48, 0.6) 80%);
}
.lp-point-list {
  width: 90%;
  margin: 0 auto;
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.6;
}
@media print, screen and (max-width: 750px) {
  .lp-point-list {
    width: 100%;
    font-size: 1.1rem;
  }
}
.lp-point-list li {
  position: relative;
  margin-bottom: 20px;
  padding: 0.5rem 3rem 0.5rem 3.4rem;
  border: 1px solid #0e64be;
  line-height: 1.5;
}
.lp-point-list li:before {
  position: absolute;
  display: inline-block;
  width: 63px;
  height: 63px;
  content: "";
  top: 50%;
  left: -1em;
  transform: translateY(-50%);
}
@media print, screen and (max-width: 750px) {
  .lp-point-list li:before {
    width: 3.2rem;
    height: 3.2rem;
    left: -0.98em;
  }
}
.lp-point-list li.point01:before {
  background: no-repeat url(/assets/images/internet/nuro-access_redundancy/point01.png) center center/cover;
}
.lp-point-list li.point02:before {
  background: no-repeat url(/assets/images/internet/nuro-access_redundancy/point02.png) center center/cover;
}
.lp-point-list li.point03:before {
  background: no-repeat url(/assets/images/internet/nuro-access_redundancy/point03.png) center center/cover;
}
.lp-point-list li.point04:before {
  background: no-repeat url(/assets/images/internet/nuro-access_redundancy/point04.png) center center/cover;
}
.lp-point-list li a{
  display: block;
  height: 100%;
  width: 100%
}
@media print, screen and (min-width: 1025px) {
  .lp-point-list li a {
    -webkit-transition: 0.3s;
    transition: 0.3s
  }
  .lp-point-list li a:hover::after {
    top: 65%
  }
}
.lp-point-list li a::after {
  display: block;
  width: 2rem;
  height: 1.4rem;
  margin-top: -0.5rem;
  background: url(/assets/images/internet/nuro-access_redundancy/arrowBl.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1rem;
  content: "";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media print, screen and (min-width: 1025px) {
  .lp-point-list li a::after {
    -webkit-transition: top 0.3s;
    transition: top 0.3s
  }
}
@media print, screen and (max-width: 750px) {
  .lp-point-list li a::after {
    width: 1rem;
    height: 0.8rem;
  }
}
.lp-box{
  position: relative;
  margin: 80px 0 150px;
  padding: 28px 55px 24px;
  border: 2px solid #0e64be;
  border-radius: 1rem;
}
@media print, screen and (max-width: 750px) {
  .lp-box {
    margin: 30px 0 80px;
    padding: 28px 12px 24px;
  }
}
.lp-box_ttl {
  position: absolute;
  display: inline-block;
  top: -14px;
  left: 50%;
  padding: 0 9px;
  font-size: 1.25rem;
  background: #FFF;
  font-weight: bold;
  line-height: 1;
  transform: translateX(-50%);
}
@media screen and (max-width: 890px){
  .lp-box_ttl {
    background-color: unset;
    position: unset;
    padding: 0 0.5rem 1rem;
    transform: unset;
  }
}
@media screen and (max-width: 750px){
  .lp-box_ttl {
    font-size: 20px;
    font-size: 4.1vw;
  }
}
.lp-box:after {
  position: absolute;
  display: block;
  width: 75px;
  height: 75px;
  background: no-repeat url(/assets/images/internet/nuro-access_redundancy/down-arrowRD.svg) center center/cover;
  left: 50%;
  bottom: -120px;
  content: "";
  transform: translateX(-50%);
}
@media screen and (max-width: 519px) {
  .lp-box:after {
    width: 48px;
    height: 48px;
    bottom: -68px;
  }
}
.internet-lp .m-service-item__body {
  padding: 1.25rem 5.4% 1.05rem;
  height: 110px;
  justify-content: normal;
}
@media print, screen and (min-width: 1025px) {
  .m-btn-column__item.catalog-dl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 53%;
    flex: 0 0 53%;
  }
}


/* ---------------------------------------------------------
 * 20230928追記
--------------------------------------------------------- */
.fl-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 3.5rem;
}

@media print, screen and (max-width: 750px){
  .fl-wrap{
      display:block;
      margin-bottom: 1.75rem;
  }
  .lp-title-solid-fl{
      font-size: 5.86667vw;
      text-align: center;
      margin-top: 1rem;
  }
  .fl-wrap .h3-image{
      width: 40%;
      margin: auto;
  }
}

body.fl-wrap .m-image{
  width: 20%;
}

picture.h3-image {
  width: 20%;
}

h3.lp-title-solid-fl {
  color: #0e64be;
  font-size: clamp(1.75rem, 3vw, 2.625rem);
}

h3.lp-title-solid-fl mark{
  font-style:normal;
  background-color:#ff0;
}

@media print, screen and (min-width: 1025px) and (max-width: 1350px){
  h3.lp-title-solid-fl{
      font-size:2.125rem;
      font-weight:bold;
  }
}

.internet-mv-bk {
  background-color: black;
}

.internet-btn-col__item .btn-gray {
  background-color: #969696; border-bottom:8px solid #5A5A5A;
}