@charset "UTF-8";
@-webkit-keyframes billboardBounce {
  0% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  90% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes billboardBounce {
  0% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  90% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes bannerBounce {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  60% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  80% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bannerBounce {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  60% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  80% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fluffy1 {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@keyframes fluffy1 {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@-webkit-keyframes fluffy {
  0% {
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
  45% {
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  100% {
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
}
@keyframes fluffy {
  0% {
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
  45% {
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  100% {
    -webkit-transform: translateX(-21px);
            transform: translateX(-21px);
  }
}
@-webkit-keyframes serviceHeaderBounce {
  0% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.1;
  }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  90% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes serviceHeaderBounce {
  0% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.1;
  }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  90% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes shake {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  10% {
    opacity: 1;
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
            transform: translate(-2px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(2px, -2px) rotate(1deg);
            transform: translate(2px, -2px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(-2px, 2px) rotate(-1deg);
            transform: translate(-2px, 2px) rotate(-1deg);
  }
  40% {
    -webkit-transform: translate(2px, 2px) rotate(1deg);
            transform: translate(2px, 2px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
            transform: translate(-2px, -2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(2px, -2px) rotate(1deg);
            transform: translate(2px, -2px) rotate(1deg);
  }
  70% {
    -webkit-transform: translate(-2px, 2px) rotate(-1deg);
            transform: translate(-2px, 2px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(2px, 2px) rotate(1deg);
            transform: translate(2px, 2px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
            transform: translate(-2px, -2px) rotate(-1deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes shake {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  10% {
    opacity: 1;
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
            transform: translate(-2px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(2px, -2px) rotate(1deg);
            transform: translate(2px, -2px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(-2px, 2px) rotate(-1deg);
            transform: translate(-2px, 2px) rotate(-1deg);
  }
  40% {
    -webkit-transform: translate(2px, 2px) rotate(1deg);
            transform: translate(2px, 2px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
            transform: translate(-2px, -2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(2px, -2px) rotate(1deg);
            transform: translate(2px, -2px) rotate(1deg);
  }
  70% {
    -webkit-transform: translate(-2px, 2px) rotate(-1deg);
            transform: translate(-2px, 2px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(2px, 2px) rotate(1deg);
            transform: translate(2px, 2px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
            transform: translate(-2px, -2px) rotate(-1deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes billboardBounceHover {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  90% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes billboardBounceHover {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  45% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  90% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
/* フェード
-------------------------- */
@media (scripting: enabled) {
  .js-fade-in {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 2.5s;
            transition-duration: 2.5s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
            transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  .js-fade-in.fade-outQuit {
    -webkit-transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
            transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
  }
  .js-fade-in.fade-in-up {
    -webkit-transform: translate3d(0, 50px, 0) !important;
            transform: translate3d(0, 50px, 0) !important;
  }
  .js-fade-in.fade-in-down {
    -webkit-transform: translate3d(0, -60px, 0) !important;
            transform: translate3d(0, -60px, 0) !important;
  }
  .js-fade-in.fade-in-left {
    -webkit-transform: translate3d(-30px, 0, 0) !important;
            transform: translate3d(-30px, 0, 0) !important;
  }
  .js-fade-in.fade-in-right {
    -webkit-transform: translate3d(100px, 50px, 0) !important;
            transform: translate3d(100px, 50px, 0) !important;
  }
  .js-fade-in.js-scroll-in {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
            transform: translate3d(0, 0, 0) !important;
  }
}

/* ポップアップ
------------------------------------------------------ */
.js-popup {
  -webkit-transition: opacity 0.1s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.1s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.1s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.1s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (scripting: enabled) {
  .js-popup {
    opacity: 0;
    -webkit-transform: translateY(40px) scale(0.8);
            transform: translateY(40px) scale(0.8);
  }
}
.js-popup.js-scroll-in {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}

@-webkit-keyframes popup {
  0% {
    -webkit-transform: translateY(40px) scale(0.8);
            transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}

@keyframes popup {
  0% {
    -webkit-transform: translateY(40px) scale(0.8);
            transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}
/* アコーディオン
------------------------------------------------------ */
@media (scripting: enabled) {
  .js-accordion {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) max-height;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) max-height;
    padding-top: 0;
  }
}

:root {
  --color-key: #388b7b;
}

#contentsWrap.lanWrap {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_bg.png) type("image/png"));
  background-image: image-set(url(../images/10fwnorinobe/lan_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_bg.png) type("image/png"));
  background-size: auto;
  background-repeat: repeat;
  overflow-x: clip;
  /* 共通背景 */
}
#contentsWrap.lanWrap .cursolIcon {
  width: 53px;
  position: absolute;
  z-index: 9999;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .cursolIcon {
    display: none;
  }
}
#contentsWrap.lanWrap .cursolIcon img {
  -webkit-transform: rotate(-18deg);
          transform: rotate(-18deg);
}
#contentsWrap.lanWrap #billboard {
  position: relative;
  overflow-x: clip;
}
#contentsWrap.lanWrap #billboard:after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  background-image: url(../images/10fwnorinobe/lan-service_billboard_footerBg_sp.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  width: 100%;
  height: 54.6666666667vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard:after {
    top: 10.5333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard:after {
    bottom: -96%;
    background-image: url(../images/10fwnorinobe/lan-service_billboard_footerBg.png);
    width: 100%;
    max-width: 1400px;
    height: min(30vw, 26.25rem);
  }
}
#contentsWrap.lanWrap #billboard .breadCrumb {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .breadCrumb {
    background: transparent;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .breadCrumb ul li a {
    color: #000;
  }
}
#contentsWrap.lanWrap #billboard .billboardInner {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardInner {
    max-width: 93.5%;
    padding-top: 10.9333333333vw;
    padding-bottom: 0;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardInner {
    letter-spacing: 0.05em;
    padding-bottom: min(0.3571428571vw, 0.3125rem);
  }
}
#contentsWrap.lanWrap #billboard .billboardContentWrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardContentWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardContentWrap {
    margin-top: 65px;
  }
}
#contentsWrap.lanWrap #billboard .billboardIcon {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  -webkit-transition: opacity 0.6s ease 1s, -webkit-transform 0.6s ease 1s;
  transition: opacity 0.6s ease 1s, -webkit-transform 0.6s ease 1s;
  transition: opacity 0.6s ease 1s, transform 0.6s ease 1s;
  transition: opacity 0.6s ease 1s, transform 0.6s ease 1s, -webkit-transform 0.6s ease 1s;
  width: 32vw;
  bottom: -6.2666666667vw;
  left: -1.0666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardIcon {
    width: min(17vw, 14.875rem);
    left: min(18.5714285714vw, 16.25rem);
    bottom: calc(-64px + (1vw - 7.68px) * 3.7037037037);
  }
}
@media print, screen and (min-width: 1201px) {
  #contentsWrap.lanWrap #billboard .billboardIcon {
    bottom: calc(-47px + (1vw - 12.01px) * 0);
    left: calc(260px + (1vw - 12.01px) * 16.0804020101);
  }
}
@media print, screen and (min-width: 1400px) {
  #contentsWrap.lanWrap #billboard .billboardIcon {
    bottom: -47px;
    left: 260px;
  }
}
#contentsWrap.lanWrap #billboard .billboardIcon.is-on {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#contentsWrap.lanWrap #billboard .billboardTitle {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardTitle {
    width: 53.3333333333vw;
    margin-top: 1.3333333333vw;
    margin-left: auto;
    margin-right: 6.9333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardTitle {
    position: relative;
    left: min(5.3571428571vw, 4.6875rem);
    width: min(25vw, 21.875rem);
    margin-inline: auto;
  }
}
#contentsWrap.lanWrap #billboard .billboardTitle.is-on {
  -webkit-animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s 1 forwards;
          animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s 1 forwards;
}
#contentsWrap.lanWrap #billboard .billboardBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2vw;
     -moz-column-gap: 2vw;
          column-gap: 2vw;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap {
    width: 98%;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap {
    -webkit-column-gap: 9px;
       -moz-column-gap: 9px;
            column-gap: 9px;
  }
}
#contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #e3e0d0;
  border-radius: 4vw;
  padding: 2.9333333333vw 0.9333333333vw 3.2vw 2.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox {
    border-radius: min(1.4285714286vw, 1.25rem);
    padding: 12px 9px 12px 5px;
  }
}
#contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox .billboardBoxText {
  font-size: 2.6666666667vw;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox .billboardBoxText {
    letter-spacing: 0.01em;
    padding-inline: 0.4vw;
    margin-top: 1.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox .billboardBoxText {
    font-size: min(0.7142857143vw, 0.625rem);
    line-height: 1.75;
  }
}
#contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox.box1 img {
  width: 84%;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox.box1 img {
    width: 92%;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox.box1 .billboardBoxText {
    padding-left: min(5.4285714286vw, 4.75rem);
    margin-top: -3vw;
  }
}
@media print, screen and (min-width: 1200px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox.box1 .billboardBoxText {
    margin-top: -42px;
  }
}
#contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox.box2 img {
  width: 94%;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox.box2 img {
    width: 79%;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox.box2 .billboardBoxText {
    padding-left: min(5.2142857143vw, 4.5625rem);
    margin-top: -1.5vw;
  }
}
@media print, screen and (min-width: 1200px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox.box2 .billboardBoxText {
    margin-top: -21px;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .lanContents .serviceMw1200 {
    max-width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .lanContents .serviceMw1200 {
    max-width: 1200px;
    padding-inline: 15px;
  }
}
#contentsWrap.lanWrap .lanContents .lanContentsInner {
  background-color: #fff;
  border-radius: 8vw;
  padding-top: 10.6666666667vw;
  padding-bottom: 12vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .lanContents .lanContentsInner {
    border-radius: min(4.1666666667vw, 3.125rem);
    padding-top: min(5.25vw, 3.9375rem);
    padding-bottom: min(9.1666666667vw, 6.875rem);
  }
}
#contentsWrap.lanWrap .lanContents .lanContentsTitle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .lanContents .lanContentsTitle.titleService {
    width: 40.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .lanContents .lanContentsTitle.titleCase {
    width: 29.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .lanContents .lanContentsTitle.titleCase {
    width: 180px;
  }
}
#contentsWrap.lanWrap .lanContents .lanContentsTitle.titleVoice {
  width: 31.4666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .lanContents .lanContentsTitle.titleVoice {
    width: 160px;
  }
}
#contentsWrap.lanWrap .lanContents .lanContentsTitle.titleFaq {
  width: 44.8vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .lanContents .lanContentsTitle.titleFaq {
    width: 280px;
  }
}
#contentsWrap.lanWrap .inner01 {
  position: relative;
  background-image: url(../images/10fwnorinobe/lan_service_bg.png);
}
#contentsWrap.lanWrap .inner01 .inner01Bg {
  pointer-events: none;
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem {
  position: absolute;
  width: auto;
  -webkit-animation: fluffy 3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite normal;
          animation: fluffy 3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite normal;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem {
    width: 60.1333333333vw;
  }
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left1 {
  left: -25.6vw;
  top: 19.6vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left1 {
    left: -107px;
    top: 1015px;
  }
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left2 {
  left: -9.3333333333vw;
  top: 226.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left2 {
    left: -253px;
    top: 2071px;
  }
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left3 {
  top: 564vw;
  left: -10.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left3 {
    left: -110px;
    top: 2458px;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left4 {
    top: 813.3333333333vw;
    left: -32vw;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left5 {
    top: 929.3333333333vw;
    left: -12vw;
  }
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right1 {
  right: -16vw;
  top: 154.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right1 {
    right: -100px;
    top: 810px;
  }
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right2 {
  right: -17.7333333333vw;
  top: 353.7333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right2 {
    right: -153px;
    top: 1653px;
  }
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right3 {
  right: -12.8vw;
  top: 775.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right3 {
    right: -96px;
    top: 2213px;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right4 {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right4 {
    right: -53px;
    top: 2740px;
  }
}
#contentsWrap.lanWrap .reason {
  position: relative;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .reason {
    padding-top: 33.4666666667vw;
    padding-bottom: 16vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason {
    padding-top: 234px;
    padding-bottom: min(8.3333333333vw, 6.25rem);
  }
}
#contentsWrap.lanWrap .reason .reasonList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonList {
    row-gap: 43px;
  }
}
#contentsWrap.lanWrap .reason .reasonItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .reason .reasonItem {
    scroll-margin-top: 33.4666666667vw;
    border-radius: 13.3333333333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 13.3333333333vw;
    padding-bottom: 8.9333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonItem {
    scroll-margin-top: 234px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    border-radius: 80px;
    padding-block: min(4vw, 3rem) min(2.5vw, 1.875rem);
    padding-inline: min(4.5vw, 3.375rem) min(3.3333333333vw, 2.5rem);
  }
}
#contentsWrap.lanWrap .reason .reasonItemStep {
  position: absolute;
  top: -3.6vw;
  left: 50%;
  width: 30.6666666667vw;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(20px);
          transform: translateX(-50%) translateY(20px);
  -webkit-transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;
  transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;
  transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s;
  transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonItemStep {
    top: -20px;
    width: min(12.0833333333vw, 9.0625rem);
  }
}
#contentsWrap.lanWrap .reason .reasonItemStep.is-on {
  opacity: 1;
  -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
          transform: translateX(-50%) translate3d(0, 0, 0);
}
#contentsWrap.lanWrap .reason .reasonImage {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .reason .reasonImage {
    padding-inline: 10.4vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonImage {
    width: 32.5%;
  }
}
#contentsWrap.lanWrap .reason .reasonImage.is-on {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#contentsWrap.lanWrap .reason .reasonContent {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .reason .reasonContent {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .reason .reasonTitle {
    font-size: 9.6vw;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonTitle {
    font-size: 50px;
    margin-top: -13px;
  }
}
#contentsWrap.lanWrap .reason .reasonTitle.title3e {
  width: 3em;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonTitle.title3e {
    width: 2.94em;
  }
}
#contentsWrap.lanWrap .reason .reasonTitle.title9e {
  width: 8em;
}
#contentsWrap.lanWrap .reason .reasonTitle.title12e {
  width: 69.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonTitle.title12e {
    width: 9.68em;
  }
}
#contentsWrap.lanWrap .reason .reasonLead, #contentsWrap.lanWrap .reason .reasonText {
  margin-left: 7px;
}
#contentsWrap.lanWrap .reason .reasonLead {
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.375;
  margin-top: 1.8666666667vw;
  color: #4c9385;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .reason .reasonLead {
    letter-spacing: -0.01em;
    padding-inline: 5.8666666667vw 6.1333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonLead {
    font-size: min(1.6666666667vw, 1.25rem);
    line-height: 1.45;
    letter-spacing: 0;
    text-wrap: nowrap;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .reason .reasonText {
    font-size: 3.6vw;
    line-height: 1.65;
    padding-inline: 6vw 5.6vw;
    margin-top: 2.4vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonText {
    font-size: 15px;
    margin-top: 13px;
  }
}
#contentsWrap.lanWrap .reason .reasonText span {
  font-size: 0.8em;
}
#contentsWrap.lanWrap .reason .reasonPoint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f3f3f3;
  width: 87%;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .reason .reasonPoint {
    row-gap: 2.4vw;
    border-radius: 2.6666666667vw;
    padding: 4.6666666667vw 3.3333333333vw;
    margin-top: 3.0666666667vw;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonPoint {
    row-gap: min(0.4166666667vw, 0.3125rem);
    border-radius: min(0.8333333333vw, 0.625rem);
    padding-block: min(1.3333333333vw, 1rem);
    padding-inline: min(1.3333333333vw, 1rem);
    width: 90%;
    max-width: 582px;
    margin-left: min(1.25vw, 0.9375rem);
    margin-top: min(1.1666666667vw, 0.875rem);
    margin-bottom: min(1.3333333333vw, 1rem);
  }
}
#contentsWrap.lanWrap .reason .reasonPoint li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .reason .reasonPoint li {
    line-height: 1.5;
    letter-spacing: 0.01em;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonPoint li {
    font-size: min(1.3333333333vw, 1rem);
    line-height: 1.85;
    letter-spacing: 0;
  }
}
#contentsWrap.lanWrap .reason .reasonPoint li span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#contentsWrap.lanWrap .reason .reasonPoint li:before {
  content: "";
  display: block;
  width: 3vw;
  height: 3vw;
  border-radius: 50vw;
  background-color: var(--color-key);
  margin-top: 0.4666666667em;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .reason .reasonPoint li:before {
    width: 0.71875em;
    height: 0.71875em;
  }
}
#contentsWrap.lanWrap .backBtn {
  cursor: pointer;
  margin-inline: auto;
  width: 66.6666666667vw;
  margin-top: 60px;
  opacity: 0;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .backBtn {
    width: 365px;
    margin-top: 50px;
  }
}
#contentsWrap.lanWrap .backBtn.is-on {
  -webkit-animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s 1 forwards;
          animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s 1 forwards;
}
#contentsWrap.lanWrap .backBtn a {
  display: block;
}
#contentsWrap.lanWrap .backBtn a:hover {
  -webkit-animation: billboardBounceHover 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 forwards;
          animation: billboardBounceHover 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s 1 forwards;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}