@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;
}

#lanLoading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  z-index: 1001;
  background-color: #fff;
  -webkit-transition: opacity 1s ease, visibility 1s ease;
  transition: opacity 1s ease, visibility 1s ease;
}
#lanLoading.is-fadeout {
  opacity: 0;
  visibility: hidden;
}
#lanLoading .loading-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 180px;
}
@media print, screen and (min-width: 768px) {
  #lanLoading .loading-img {
    width: 283px;
  }
}
#lanLoading .loading-img img {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
#lanLoading .loading-img img.is-show {
  -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 {
  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;
  /* 共通背景 */
  /* サービス特徴 */
  /* 事例 */
  /* よくあるご質問 */
}
#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 .btn-animation {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}
#contentsWrap.lanWrap .btn-animation.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 {
  overflow-x: clip;
  /* animation settings */
  /* animation settings */
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .breadCrumb {
    position: relative;
    background: transparent;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .breadCrumb ul li a {
    color: #000;
  }
}
#contentsWrap.lanWrap #billboard .billboardInner {
  position: relative;
  padding-bottom: 5.3333333333vw;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardInner {
    max-width: 93.5%;
    margin-top: -0.5333333333vw;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardInner {
    letter-spacing: 0.05em;
    padding-bottom: 57px;
  }
}
#contentsWrap.lanWrap #billboard .billboardInner:after {
  content: "";
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  display: block;
  background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_billboard_footerBg_sp.png) type("image/webp"), url(../images/10fwnorinobe/lan_billboard_footerBg_sp.png) type("image/png"));
  background-image: image-set(url(../images/10fwnorinobe/lan_billboard_footerBg_sp.png) type("image/webp"), url(../images/10fwnorinobe/lan_billboard_footerBg_sp.png) type("image/png"));
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  width: 107%;
  height: 20.8vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardInner:after {
    background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_billboard_footerBg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_billboard_footerBg.png) type("image/png"));
    background-image: image-set(url(../images/10fwnorinobe/lan_billboard_footerBg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_billboard_footerBg.png) type("image/png"));
    width: 116%;
    height: 200px;
  }
}
#contentsWrap.lanWrap #billboard .billboardImage-1Base {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
#contentsWrap.lanWrap #billboard .billboardImage-1Icon {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-delay: 1s, 1.2s;
          transition-delay: 1s, 1.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
#contentsWrap.lanWrap #billboard .billboardImage-2 {
  opacity: 0;
  -webkit-transform: translate3d(-130px, 0, 0);
          transform: translate3d(-130px, 0, 0);
  -webkit-transform-origin: center left;
          transform-origin: center left;
  -webkit-transition: opacity 0.3s ease 1.6s, -webkit-transform 0.3s ease 1.6s;
  transition: opacity 0.3s ease 1.6s, -webkit-transform 0.3s ease 1.6s;
  transition: transform 0.3s ease 1.6s, opacity 0.3s ease 1.6s;
  transition: transform 0.3s ease 1.6s, opacity 0.3s ease 1.6s, -webkit-transform 0.3s ease 1.6s;
}
#contentsWrap.lanWrap #billboard .billboardImage-3 {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
#contentsWrap.lanWrap #billboard .billboardContent {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
#contentsWrap.lanWrap #billboard .billboardContentWrap.is-on .billboardImage-1Base {
  -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 #billboard .billboardContentWrap.is-on .billboardImage-1Icon {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
#contentsWrap.lanWrap #billboard .billboardContentWrap.is-on .billboardImage-2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#contentsWrap.lanWrap #billboard .billboardContentWrap.is-on .billboardImage-3 {
  -webkit-animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s 1 forwards;
          animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s 1 forwards;
}
#contentsWrap.lanWrap #billboard .billboardContentWrap.is-on .billboardContent {
  -webkit-animation-name: bannerBounce;
          animation-name: bannerBounce;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
          animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-delay: 0.6;
          animation-delay: 0.6;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardContentWrap.is-on .billboardContent {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
}
#contentsWrap.lanWrap #billboard .billboardBanner {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBanner {
    margin-top: -16px;
  }
}
#contentsWrap.lanWrap #billboard .billboardBanner.is-on {
  -webkit-animation-name: bannerBounce;
          animation-name: bannerBounce;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
          animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-delay: 0.6;
          animation-delay: 0.6;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBanner.is-on {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
}
#contentsWrap.lanWrap #billboard .billboardContentWrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4.6666666667vw;
}
@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 {
    padding-left: min(1.2142857143vw, 1.0625rem);
    margin-top: min(2.5714285714vw, 2.25rem);
  }
}
#contentsWrap.lanWrap #billboard .billboardImage {
  position: relative;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardImage {
    width: 97.4%;
    margin-left: 0.8vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardImage {
    width: min(46.1428571429vw, 40.375rem);
  }
}
#contentsWrap.lanWrap #billboard .billboardImage .billboardImage-1 {
  position: relative;
}
#contentsWrap.lanWrap #billboard .billboardImage .billboardImage-1 .billboardImage-1Icon {
  position: absolute;
  width: 65.6vw;
  left: 11.4666666667vw;
  bottom: 18.1333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardImage .billboardImage-1 .billboardImage-1Icon {
    bottom: min(7.5vw, 5.625rem);
    left: min(7.5vw, 5.625rem);
    width: min(36.1666666667vw, 27.125rem);
  }
}
#contentsWrap.lanWrap #billboard .billboardImage .billboardImage-2 {
  position: absolute;
  top: 5.6vw;
  left: 3.4666666667vw;
  width: 66.4vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardImage .billboardImage-2 {
    top: min(3vw, 2.625rem);
    left: min(3.0714285714vw, 2.6875rem);
    width: min(33.0714285714vw, 28.9375rem);
  }
}
#contentsWrap.lanWrap #billboard .billboardImage .billboardImage-3 {
  position: absolute;
  top: 6.8vw;
  right: -2.8vw;
  width: 32.4vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardImage .billboardImage-3 {
    top: min(3.0714285714vw, 2.6875rem);
    right: min(1vw, 0.875rem);
    width: 28%;
  }
}
#contentsWrap.lanWrap #billboard .billboardContent {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 1;
  margin-top: -16.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardContent {
    margin-top: min(4.2857142857vw, 3.75rem);
  }
}
@media print, screen and (min-width: 1201px) {
  #contentsWrap.lanWrap #billboard .billboardContent {
    margin-top: 65px;
  }
}
#contentsWrap.lanWrap #billboard .billboardContent .billboardContent1 {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardContent .billboardContent1 {
    width: 84%;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardContent .billboardContent1 {
    width: 77%;
  }
}
#contentsWrap.lanWrap #billboard .billboardContent .billboardContent2 {
  font-size: 2.4666666667vw;
  text-align: center;
  font-weight: 500;
  margin-block: 2.4vw 6.1333333333vw;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardContent .billboardContent2 {
    text-wrap: nowrap;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardContent .billboardContent2 {
    font-size: min(0.7857142857vw, 0.6875rem);
    margin-block: min(1.0714285714vw, 0.9375rem) min(2.5vw, 2.1875rem);
  }
}
#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;
    max-width: 480px;
    margin-inline: auto;
  }
}
#contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* &.box1 {
  	img {
  		width: 84%;
  		@include min(){
  			width: 92%;
  		}
  	}
  	.billboardBoxText {


  		@include min(){
  			padding-left: calc_min(76, $billboardInnerW);
  			margin-top: vw(-42, $billboardInnerW);
  		}
  		@include min(1200px){
  			margin-top: -42px;
  		}
  	}
  }
  &.box2 {
  	img {
  		width: 94%;
  		@include min(){
  			width: 79%;
  		}
  	}
  	.billboardBoxText {

  		@include min(){
  			padding-left: calc_min(73, $billboardInnerW);
  			margin-top: vw(-21, $billboardInnerW);
  		}
  		@include min(1200px){
  			margin-top: -21px;
  		}
  	}
  } */
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBoxWrap .billboardBox {
    border-radius: min(1.4285714286vw, 1.25rem);
  }
}
#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 img {
  width: 100%;
}
#contentsWrap.lanWrap #billboard .billboardBanner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap #billboard .billboardBanner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 3.3333333333vw;
    margin-top: 7.4666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBanner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-inline: 39px;
    margin-top: -18px;
  }
}
#contentsWrap.lanWrap #billboard .billboardBannerItem {
  border: 1.3333333333vw solid var(--color-key);
  border-radius: 8vw;
  padding: 1.6vw 1.3333333333vw;
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBannerItem {
    border-width: min(0.5714285714vw, 0.5rem);
    border-radius: min(3.2142857143vw, 2.8125rem);
    width: 46.3%;
    padding: min(0.5714285714vw, 0.5rem);
  }
}
#contentsWrap.lanWrap #billboard .billboardBannerItem .billboardBannerText {
  font-size: 3.4666666667vw;
  line-height: 1.55;
  letter-spacing: -0.02em;
  padding: 2.2666666667vw 1.6vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap #billboard .billboardBannerItem .billboardBannerText {
    font-size: min(1.1428571429vw, 1rem);
    letter-spacing: 0;
    padding: min(1vw, 0.875rem) min(1.5714285714vw, 1.375rem) 0;
  }
}
@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);
  background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_service_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_bg.png) type("image/png"));
  background-image: image-set(url(../images/10fwnorinobe/lan_service_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_bg.png) type("image/png"));
  overflow: hidden;
}
#contentsWrap.lanWrap .inner01 .inner01Bg {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .inner01 .inner01Bg {
    display: 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;
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left1 {
  left: -107px;
  top: 1015px;
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left2 {
  left: -253px;
  top: 2071px;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.left3 {
  left: -110px;
  top: 2458px;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right1 {
  right: -100px;
  top: 810px;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right2 {
  right: -153px;
  top: 1653px;
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right3 {
  right: -96px;
  top: 2213px;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
#contentsWrap.lanWrap .inner01 .inner01Bg .serviceBgItem.right4 {
  right: -53px;
  top: 2740px;
}
#contentsWrap.lanWrap .service {
  position: relative;
  padding-top: 27.0666666667vw;
  padding-bottom: 19.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service {
    padding-top: min(16.4285714286vw, 14.375rem);
    padding-bottom: 7.1428571429vw;
  }
}
#contentsWrap.lanWrap .service .serviceHeader {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 0;
  padding-top: 100vw;
  /* animation setings */
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader {
    padding-top: min(46.6666666667vw, 35rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader.is-on .serviceHeaderItem.item1 {
  -webkit-animation: serviceHeaderBounce 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s 1 forwards;
          animation: serviceHeaderBounce 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.3s 1 forwards;
}
#contentsWrap.lanWrap .service .serviceHeader.is-on .serviceHeaderItem.item1 img {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
}
#contentsWrap.lanWrap .service .serviceHeader.is-on .serviceHeaderItem.item2 {
  -webkit-animation: serviceHeaderBounce 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
          animation: serviceHeaderBounce 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
}
#contentsWrap.lanWrap .service .serviceHeader.is-on .serviceHeaderItem.item2 img {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
}
#contentsWrap.lanWrap .service .serviceHeader.is-on .serviceHeaderItem.item3 {
  -webkit-animation: serviceHeaderBounce 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 forwards;
          animation: serviceHeaderBounce 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s 1 forwards;
}
#contentsWrap.lanWrap .service .serviceHeader.is-on .serviceHeaderItem.item3 img {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
}
#contentsWrap.lanWrap .service .serviceHeader.is-on .serviceHeaderItem.arrow:before {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
#contentsWrap.lanWrap .service .serviceHeader.is-on .serviceHeaderItem.icon {
  -webkit-animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) 2s 1 forwards;
          animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) 2s 1 forwards;
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item1 {
  opacity: 1;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  /* img {
  	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s, opacity 0.3s ease 0.8s;
  } */
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item2 {
  opacity: 1;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  /* img {
  	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7s, opacity 0.3s ease 1.7s;
  } */
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item3 {
  opacity: 1;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  /* img {
  	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7s, opacity 0.3s ease 1.7s;
  } */
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  background-color: #fff;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: -webkit-transform 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;
  transition: -webkit-transform 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;
  transition: transform 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;
  transition: transform 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, -webkit-transform 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.arrow:before {
    height: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.arrow:before {
    padding-top: 100%;
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.icon {
  opacity: 0;
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: 0;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem {
    background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_service_header_fukidashi.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_header_fukidashi.png) type("image/png"));
    background-image: image-set(url(../images/10fwnorinobe/lan_service_header_fukidashi.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_header_fukidashi.png) type("image/png"));
    background-size: cover;
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item1 {
  width: 38.6666666667vw;
  padding-top: 40vw;
  top: 4vw;
  left: 25.3333333333vw;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item1 {
    background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_service_header_fukidashi1_sp.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_header_fukidashi1_sp.png) type("image/png"));
    background-image: image-set(url(../images/10fwnorinobe/lan_service_header_fukidashi1_sp.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_header_fukidashi1_sp.png) type("image/png"));
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item1 {
    width: min(25.6666666667vw, 19.25rem);
    padding-top: min(22.4166666667vw, 16.8125rem);
    top: -28px;
    left: min(10.3333333333vw, 7.75rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item1 img {
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0.3) translate(-50%, -50%);
          transform: scale(0.3) translate(-50%, -50%);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item1 img {
    width: 23.0666666667vw;
    top: 20.8vw;
    left: 19.6vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item1 img {
    width: 81.5%;
    top: 55%;
    left: 50%;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item2 {
    background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_service_header_fukidashi2_sp.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_header_fukidashi2_sp.png) type("image/png"));
    background-image: image-set(url(../images/10fwnorinobe/lan_service_header_fukidashi2_sp.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_header_fukidashi2_sp.png) type("image/png"));
    width: 37.8666666667vw;
    padding-top: 45.3333333333vw;
    top: 20vw;
    right: 1.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item2 {
    width: min(28.8333333333vw, 21.625rem);
    padding-top: min(25vw, 18.75rem);
    top: min(3.4166666667vw, 2.5625rem);
    left: min(63.8333333333vw, 47.875rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item2 img {
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0.3) translate(-50%, -50%);
          transform: scale(0.3) translate(-50%, -50%);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item2 img {
    width: 65%;
    top: 54%;
    left: 51%;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item2 img {
    width: 70%;
    top: 59%;
    left: 51%;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item3 {
    background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_service_header_fukidashi3_sp.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_header_fukidashi3_sp.png) type("image/png"));
    background-image: image-set(url(../images/10fwnorinobe/lan_service_header_fukidashi3_sp.webp) type("image/webp"), url(../images/10fwnorinobe/lan_service_header_fukidashi3_sp.png) type("image/png"));
    width: 41.3333333333vw;
    padding-top: 46.8vw;
    top: 35.6vw;
    left: 1.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item3 {
    width: min(28.75vw, 21.5625rem);
    padding-top: min(25vw, 18.75rem);
    top: min(8.0833333333vw, 6.0625rem);
    left: min(34.1666666667vw, 25.625rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item3 img {
  position: absolute;
  width: 58%;
  top: 54%;
  left: 51%;
  opacity: 0;
  -webkit-transform: scale(0.3) translate(-50%, -50%);
          transform: scale(0.3) translate(-50%, -50%);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.item3 img {
    width: 60%;
    top: 53%;
    left: 53%;
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud {
  -webkit-animation: fluffy1 5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite normal;
          animation: fluffy1 5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite normal;
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud1 {
  z-index: -1;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud1 {
    top: 8vw;
    right: 24vw;
    width: 17.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud1 {
    bottom: min(50vw, 37.5rem);
    left: min(7.5vw, 5.625rem);
    width: min(6vw, 4.5rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud2 {
  top: 48.1333333333vw;
  left: 10.1333333333vw;
  width: 9.8666666667vw;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud2 {
    top: min(20.8333333333vw, 15.625rem);
    left: min(10vw, 7.5rem);
    width: min(8.8333333333vw, 6.625rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud3 {
  top: 52.5333333333vw;
  right: 14.8vw;
  width: 10.2666666667vw;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud3 {
    top: min(0.8333333333vw, 0.625rem);
    left: min(61.6666666667vw, 46.25rem);
    width: min(11.3333333333vw, 8.5rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud4 {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud4 {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud4 {
    top: min(1.25vw, 0.9375rem);
    right: min(10vw, 7.5rem);
    width: min(4.3333333333vw, 3.25rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud5 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud5 {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud5 {
    top: min(17.5vw, 13.125rem);
    right: min(11.9166666667vw, 8.9375rem);
    width: min(6.0833333333vw, 4.5625rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud6 {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud6 {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.cloud6 {
    top: min(25vw, 18.75rem);
    left: min(28.6666666667vw, 21.5rem);
    width: min(4.1666666667vw, 3.125rem);
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.arrow {
  top: 35.4666666667vw;
  left: 36.2666666667vw;
  width: 42.6666666667vw;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.arrow {
    height: auto;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.arrow {
    top: min(15.5833333333vw, 11.6875rem);
    left: min(20.0833333333vw, 15.0625rem);
    width: 62%;
  }
}
#contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.icon {
  top: 73.8666666667vw;
  left: 40.9333333333vw;
  width: 18.5333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceHeader .serviceHeaderItem.icon {
    top: min(38.3333333333vw, 28.75rem);
    left: min(45.5833333333vw, 34.1875rem);
    width: 9.6%;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItemWrap {
    padding-inline: 3.3333333333vw;
    margin-top: 3.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItemWrap {
    margin-top: 40px;
    padding-inline: 90px;
  }
}
#contentsWrap.lanWrap .service .serviceItem {
  position: relative;
  z-index: 0;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem {
    max-width: min(73.75vw, 55.3125rem);
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem:nth-child(odd) {
    margin-inline: 4px auto;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem:nth-child(even) {
    margin-inline: auto 4px;
    max-width: min(72.5vw, 54.375rem);
  }
}
#contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemInner.is-on .serviceItemCatch {
  -webkit-animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
          animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
}
#contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemInner .serviceItemImage {
  -webkit-transition: opacity 0.6s linear 1.6s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
  transition: opacity 0.6s linear 1.6s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, opacity 0.6s linear 1.6s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, opacity 0.6s linear 1.6s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
}
#contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemInner .serviceItemLink {
  -webkit-transition: opacity 0.3s ease 2s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: opacity 0.3s ease 2s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s, opacity 0.3s ease 2s;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s, opacity 0.3s ease 2s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
}
#contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemInner .serviceItemText {
  -webkit-transition: opacity 0.6s ease 1.8s, -webkit-transform 0.6s ease 1.8s;
  transition: opacity 0.6s ease 1.8s, -webkit-transform 0.6s ease 1.8s;
  transition: transform 0.6s ease 1.8s, opacity 0.6s ease 1.8s;
  transition: transform 0.6s ease 1.8s, opacity 0.6s ease 1.8s, -webkit-transform 0.6s ease 1.8s;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemStep {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: 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 screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem .serviceItemStep {
    width: 29.3333333333vw;
    top: -3.4666666667vw;
    left: 32vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem .serviceItemStep {
    font-size: min(8.3333333333vw, 6.25rem);
    top: -0.16em;
    width: min(11.3333333333vw, 8.5rem);
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem .serviceItemStep.left {
    left: min(9.4166666667vw, 7.0625rem);
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem .serviceItemStep.right {
    right: min(9.4166666667vw, 7.0625rem);
  }
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemStep.is-on {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner {
  border: 1.0666666667vw solid #5fa698;
  background-color: #fff;
  border-radius: 14.4vw;
  /* animarion settings */
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem .serviceItemInner {
    border-width: 4px;
    border-radius: min(6.6666666667vw, 5rem);
  }
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner.is-on .serviceItemFukidashi, #contentsWrap.lanWrap .service .serviceItem .serviceItemInner.is-on .serviceItemFukidashi, #contentsWrap.lanWrap .service .serviceItem .serviceItemInner.is-on .serviceItemLink {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner.is-on .serviceItemCatch {
  -webkit-animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s 1 forwards;
          animation: billboardBounce 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s 1 forwards;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner.is-on .serviceItemImage {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner.is-on .serviceItemText {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner .serviceItemFukidashi {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.3s ease 1s, -webkit-transform 0.3s ease 1s;
  transition: opacity 0.3s ease 1s, -webkit-transform 0.3s ease 1s;
  transition: transform 0.3s ease 1s, opacity 0.3s ease 1s;
  transition: transform 0.3s ease 1s, opacity 0.3s ease 1s, -webkit-transform 0.3s ease 1s;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner .serviceItemImage {
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  opacity: 0;
  -webkit-transition: opacity 0.6s linear 1.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
  transition: opacity 0.6s linear 1.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, opacity 0.6s linear 1.2s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, opacity 0.6s linear 1.2s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner .serviceItemCatch {
  opacity: 0;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner .serviceItemLink {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.3s ease 2s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: opacity 0.3s ease 2s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s, opacity 0.3s ease 2s;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s, opacity 0.3s ease 2s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemInner .serviceItemText {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.6s ease 2s, -webkit-transform 0.6s ease 2s;
  transition: opacity 0.6s ease 2s, -webkit-transform 0.6s ease 2s;
  transition: transform 0.6s ease 2s, opacity 0.6s ease 2s;
  transition: transform 0.6s ease 2s, opacity 0.6s ease 2s, -webkit-transform 0.6s ease 2s;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemFukidashi, #contentsWrap.lanWrap .service .serviceItem .serviceItemCatch, #contentsWrap.lanWrap .service .serviceItem .serviceItemImage, #contentsWrap.lanWrap .service .serviceItem .serviceItemText {
  position: absolute;
  font-size: 3.5333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem .serviceItemFukidashi, #contentsWrap.lanWrap .service .serviceItem .serviceItemCatch, #contentsWrap.lanWrap .service .serviceItem .serviceItemImage, #contentsWrap.lanWrap .service .serviceItem .serviceItemText {
    font-size: min(1.5vw, 1.125rem);
  }
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemLink {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.3333333333vw;
  line-height: 2.7;
  line-height: 2.7;
  width: 35.4666666667vw;
  background-color: #cd4040;
  color: #fff;
  border-radius: 50vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem .serviceItemLink {
    font-size: min(1.1666666667vw, 0.875rem);
    width: min(13.1666666667vw, 9.875rem);
  }
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemLink span {
  display: block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.49 50.33'%3E%3Cpath d='M5.32 50.33a5.317 5.317 0 0 1-3.76-9.07l16.1-16.08L1.56 9.07a5.3 5.3 0 0 1 0-7.51 5.311 5.311 0 0 1 7.52 0l19.86 19.86a5.314 5.314 0 0 1 0 7.52L9.08 48.78a5.31 5.31 0 0 1-3.75 1.55' style='fill:%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemDecoration {
  position: absolute;
  /* animarion settings */
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemDecoration .decoItem {
  position: absolute;
  z-index: -1;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem .serviceItemDecoration .decoItem {
    font-size: min(8.3333333333vw, 6.25rem);
  }
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemDecoration.is-on .decoItem.item1:before {
  height: 0;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemDecoration.is-on .decoItem.item2 {
  -webkit-animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) 1s 1 forwards;
          animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) 1s 1 forwards;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemDecoration.is-on .decoItem.item3 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemDecoration .decoItem.item1:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: height 1.6s ease 0.3s;
  transition: height 1.6s ease 0.3s;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemDecoration .decoItem.item2 {
  opacity: 0;
}
#contentsWrap.lanWrap .service .serviceItem .serviceItemDecoration .decoItem.item3 {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.5s ease 1.5s;
  transition: -webkit-transform 0.5s ease 1.5s;
  transition: transform 0.5s ease 1.5s;
  transition: transform 0.5s ease 1.5s, -webkit-transform 0.5s ease 1.5s;
}
#contentsWrap.lanWrap .service .serviceItem.item1 {
  margin-bottom: 24.2666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 {
    margin-bottom: min(7.9166666667vw, 5.9375rem);
  }
}
#contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemInner {
  height: 113.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemInner {
    height: min(20.8333333333vw, 15.625rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemImage {
    width: 65.0666666667vw;
    bottom: 17.8666666667vw;
    right: 6vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemImage {
    width: min(27.4166666667vw, 20.5625rem);
    top: -85px;
    right: min(0.8333333333vw, 0.625rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemCatch {
    width: 34.5333333333vw;
    top: 53.2vw;
    left: 5.7333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemCatch {
    width: min(13.9166666667vw, 10.4375rem);
    top: min(7.1666666667vw, 5.375rem);
    left: min(41.1666666667vw, 30.875rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemFukidashi {
    width: 76vw;
    top: 7.3333333333vw;
    left: 10.1333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemFukidashi {
    width: min(37.8333333333vw, 28.375rem);
    top: min(2.8333333333vw, 2.125rem);
    left: min(2.6666666667vw, 2rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemLink {
    left: 28.9333333333vw;
    bottom: 6.9333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemLink {
    top: min(15.4166666667vw, 11.5625rem);
    left: min(30.6666666667vw, 23rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemDecoration .decoItem.item1 {
    width: 40.6666666667vw;
    left: 23.0666666667vw;
    top: -1.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemDecoration .decoItem.item1 {
    width: min(13.25vw, 9.9375rem);
    left: min(43.5833333333vw, 32.6875rem);
    top: -0.1em;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemDecoration .decoItem.item2 {
    width: 19.0666666667vw;
    left: 43.6vw;
    top: 3.8666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item1 .serviceItemDecoration .decoItem.item2 {
    width: min(9.4166666667vw, 7.0625rem);
    left: min(47.8333333333vw, 35.875rem);
    top: min(0.25vw, 0.1875rem);
  }
}
#contentsWrap.lanWrap .service .serviceItem.item2 {
  margin-bottom: 23.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 {
    margin-bottom: min(7.9166666667vw, 5.9375rem);
  }
}
#contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemInner {
  height: 106.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemInner {
    height: min(23.5vw, 17.625rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemImage {
    width: 43.7333333333vw;
    bottom: 14.6666666667vw;
    left: 17.2vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemImage {
    width: min(17.6666666667vw, 13.25rem);
    top: -30px;
    left: min(7.5vw, 5.625rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemCatch {
    width: 32.9333333333vw;
    top: 60.2666666667vw;
    right: 7.8666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemCatch {
    width: min(13.3333333333vw, 10rem);
    top: min(8.75vw, 6.5625rem);
    left: min(20.3333333333vw, 15.25rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemFukidashi {
    width: 77.3333333333vw;
    top: 7.4666666667vw;
    left: 9.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemFukidashi {
    width: min(31.6666666667vw, 23.75rem);
    top: min(3.9166666667vw, 2.9375rem);
    right: min(3.8333333333vw, 2.875rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemLink {
    left: 28.9333333333vw;
    bottom: 7.0666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemLink {
    top: min(17.6666666667vw, 13.25rem);
    left: min(29.6666666667vw, 22.25rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemDecoration .decoItem.item1 {
    width: 56vw;
    left: 27.3333333333vw;
    top: -5.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemDecoration .decoItem.item1 {
    width: min(23.3333333333vw, 17.5rem);
    left: min(10.4166666667vw, 7.8125rem);
    top: -0.4em;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemDecoration .decoItem.item2 {
    width: 19.2vw;
    top: 2.4vw;
    left: 50.1333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item2 .serviceItemDecoration .decoItem.item2 {
    width: min(9.4166666667vw, 7.0625rem);
    left: min(18.1666666667vw, 13.625rem);
    top: 0.03em;
    z-index: 0;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 {
    margin-bottom: 24.2666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 {
    max-width: min(82.3333333333vw, 61.75rem);
    margin-left: -17px;
    margin-bottom: min(7.8333333333vw, 5.875rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemInner {
    height: 127.7333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemInner {
    height: min(23.5vw, 17.625rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemImage {
    width: 59.6vw;
    bottom: 20.8vw;
    right: 6vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemImage {
    width: min(25vw, 18.75rem);
    top: -33px;
    right: min(3.5833333333vw, 2.6875rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemCatch {
    width: 48vw;
    top: 39.7333333333vw;
    left: 5.8666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemCatch {
    width: min(18vw, 13.5rem);
    top: min(6vw, 4.5rem);
    left: min(34.6666666667vw, 26rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemFukidashi {
    width: 72.4vw;
    top: 6.8vw;
    left: 10.1333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemFukidashi {
    width: min(31vw, 23.25rem);
    top: min(5.5833333333vw, 4.1875rem);
    left: min(2.6666666667vw, 2rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemLink {
    left: 29.0666666667vw;
    bottom: 6.4vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemLink {
    top: min(17.6666666667vw, 13.25rem);
    left: min(35vw, 26.25rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemDecoration .decoItem.item1 {
    width: 41.7333333333vw;
    top: -5.3333333333vw;
    left: 12.5333333333vw;
    -webkit-transform: rotate(-191deg);
            transform: rotate(-191deg);
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemDecoration .decoItem.item1 {
    width: min(20vw, 15rem);
    left: min(39.3333333333vw, 29.5rem);
    top: -0.75em;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemDecoration .decoItem.item1:before {
    top: 0;
    bottom: auto;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemDecoration .decoItem.item2 {
    width: 19.2vw;
    top: 2.2666666667vw;
    left: 34.6666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item3 .serviceItemDecoration .decoItem.item2 {
    width: min(9.4166666667vw, 7.0625rem);
    left: min(46.5833333333vw, 34.9375rem);
    top: 0.08em;
    z-index: 0;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 {
    margin-bottom: 65.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 {
    max-width: min(78.9166666667vw, 59.1875rem);
    margin-right: -17px;
    margin-bottom: min(29.25vw, 21.9375rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemInner {
    height: 117.0666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemInner {
    height: min(23.5vw, 17.625rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemImage {
    width: 57.6vw;
    top: 54.2666666667vw;
    left: 19.0666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemImage {
    width: min(22.6666666667vw, 17rem);
    top: min(3.0833333333vw, 2.3125rem);
    left: min(6.8333333333vw, 5.125rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemCatch {
    width: 93%;
    top: 26vw;
    right: 3.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemCatch {
    width: min(38.8333333333vw, 29.125rem);
    top: min(10.3333333333vw, 7.75rem);
    left: min(30.1666666667vw, 22.625rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemFukidashi {
    width: 82.6666666667vw;
    left: 5.3333333333vw;
    top: 6.2666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemFukidashi {
    width: min(36vw, 27rem);
    top: min(2.5vw, 1.875rem);
    right: min(10.25vw, 7.6875rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemLink {
    left: 28.9333333333vw;
    bottom: 6.8vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemLink {
    top: min(17.9166666667vw, 13.4375rem);
    left: min(32.1666666667vw, 24.125rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemDecoration .decoItem.item1 {
    width: 73.3333333333vw;
    top: -18.5333333333vw;
    left: 10vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemDecoration .decoItem.item1 {
    width: min(27.6666666667vw, 20.75rem);
    left: min(20.6666666667vw, 15.5rem);
    top: -0.36em;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemDecoration .decoItem.item2 {
    width: 21.4666666667vw;
    top: 3.6vw;
    left: 36.9333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemDecoration .decoItem.item2 {
    width: min(10vw, 7.5rem);
    left: min(30vw, 22.5rem);
    top: min(1.9166666667vw, 1.4375rem);
    z-index: 0;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemDecoration .decoItem.item3 {
    width: 43.3333333333vw;
    left: 25.3333333333vw;
    top: 14.8vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item4 .serviceItemDecoration .decoItem.item3 {
    width: min(17.6666666667vw, 13.25rem);
    left: min(25.8333333333vw, 19.375rem);
    top: min(7.5vw, 5.625rem);
    z-index: 0;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 {
    max-width: min(70.8333333333vw, 53.125rem);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemInner {
    height: 132vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemInner {
    height: min(27.8333333333vw, 20.875rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemImage {
    width: 47.0666666667vw;
    top: 62.1333333333vw;
    left: 23.0666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemImage {
    width: min(17.9166666667vw, 13.4375rem);
    top: min(4.1666666667vw, 3.125rem);
    right: min(6.5833333333vw, 4.9375rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemCatch {
    width: 81.3333333333vw;
    top: 8.9333333333vw;
    left: 6.6666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemCatch {
    width: min(32.8333333333vw, 24.625rem);
    top: min(3.0833333333vw, 2.3125rem);
    left: min(7.5833333333vw, 5.6875rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemLink {
    left: 28.9333333333vw;
    bottom: 7.2vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemLink {
    top: min(22.5vw, 16.875rem);
    left: min(17.5vw, 13.125rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemText {
    top: 26.1333333333vw;
    left: 11.2vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemText {
    top: min(11.5vw, 8.625rem);
    left: min(8.0833333333vw, 6.0625rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemFukidashi {
    width: 83.7333333333vw;
    left: 4.8vw;
    top: 27.7333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceItem.item5 .serviceItemFukidashi {
    width: min(36vw, 27rem);
    top: min(11vw, 8.25rem);
    left: min(6.6666666667vw, 5rem);
  }
}
#contentsWrap.lanWrap .service .serviceInfo {
  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: 26px;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceInfo {
    padding-inline: 3.3333333333vw;
    margin-top: 11.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceInfo {
    max-width: 755px;
    margin-top: 70px;
    margin-inline: auto;
  }
}
#contentsWrap.lanWrap .service .serviceInfoTitle {
  width: 79%;
  margin-inline: auto;
}
#contentsWrap.lanWrap .service .serviceInfoText {
  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: 1.7em;
  background-image: url(../images/10fwnorinobe/lan_service_info_bg.png);
  background-repeat: repeat;
  background-size: 244.6666666667vw;
  border-radius: 4vw;
  padding: 6.6666666667vw 0;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceInfoText {
    row-gap: 0.75em;
    border-radius: 10px;
    background-size: 755px;
    padding: min(3.3333333333vw, 2.5rem) min(0.8333333333vw, 0.625rem);
  }
}
#contentsWrap.lanWrap .service .serviceInfoText p {
  font-size: 3.6vw;
  line-height: 1.6666666667;
  letter-spacing: 0.01em;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceInfoText p {
    font-size: 18px;
    line-height: 1.8333333333;
  }
}
#contentsWrap.lanWrap .service .serviceInfoText em {
  font-size: 4.4vw;
  font-weight: 700;
  font-style: normal;
  color: #c00000;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .service .serviceInfoText em {
    line-height: 1.3636363636;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .service .serviceInfoText em {
    font-size: 21px;
    text-decoration-thickness: 3.5px;
  }
}
#contentsWrap.lanWrap .case {
  position: relative;
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case {
    padding-top: 9.3333333333vw;
    padding-bottom: 6.6666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case {
    padding-bottom: min(4.7142857143vw, 4.125rem);
  }
}
#contentsWrap.lanWrap .case:before {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(100% - 6px);
  left: 0;
  width: 100%;
  height: 12vw;
  background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_casee_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_casee_bg.png) type("image/png"));
  background-image: image-set(url(../images/10fwnorinobe/lan_casee_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_casee_bg.png) type("image/png"));
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseInner {
    max-width: 100%;
  }
}
#contentsWrap.lanWrap .case .caseContentWrap {
  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: 6.6666666667vw;
  margin-top: 6.4vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContentWrap {
    row-gap: 50px;
    margin-top: min(4.4166666667vw, 3.3125rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseContentBg {
    display: none;
  }
}
#contentsWrap.lanWrap .case .caseContentBg .caseContentBgItem {
  font-size: 100vw;
  position: absolute;
  z-index: -1;
  display: block;
  border-radius: 50px;
  background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_case_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_case_bg.png) type("image/png"));
  background-image: image-set(url(../images/10fwnorinobe/lan_case_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_case_bg.png) type("image/png"));
  background-repeat: repeat;
  background-size: 22.5px auto;
}
#contentsWrap.lanWrap .case .caseContentBg .caseContentBgItem.item1 {
  top: -37px;
  right: 71.6666666667%;
  width: 58.3333333333vw;
  height: 316px;
}
#contentsWrap.lanWrap .case .caseContentBg .caseContentBgItem.item2 {
  top: 270px;
  left: 47.5%;
  width: 60vw;
  height: 406px;
}
#contentsWrap.lanWrap .case .caseContentBg .caseContentBgItem.item3 {
  top: 723px;
  left: -37.5%;
  width: 52.5vw;
  height: 729px;
}
#contentsWrap.lanWrap .case .caseContentBg .caseContentBgItem.item4 {
  top: 1100px;
  right: -16.75%;
  width: 44.1666666667vw;
  height: 792px;
}
#contentsWrap.lanWrap .case .caseContent {
  background-color: #fff;
  border-radius: 8vw;
  padding: 6.9333333333vw 3.0666666667vw 10.4vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContent {
    border-radius: min(4.1666666667vw, 3.125rem);
    padding: min(5.0833333333vw, 3.8125rem) min(4.3333333333vw, 3.25rem) min(7.1666666667vw, 5.375rem);
  }
}
#contentsWrap.lanWrap .case .caseContentGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseContentGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContentGroup.group1 {
    -webkit-column-gap: min(4.1666666667vw, 3.125rem);
       -moz-column-gap: min(4.1666666667vw, 3.125rem);
            column-gap: min(4.1666666667vw, 3.125rem);
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContentGroup.group2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-inline: min(0.8333333333vw, 0.625rem);
    margin-top: min(1.9166666667vw, 1.4375rem);
  }
}
#contentsWrap.lanWrap .case .caseContent1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseContent1 {
    row-gap: 2.1333333333vw;
    padding-inline: 3.2vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContent1 {
    row-gap: min(2.5vw, 1.875rem);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: min(5.25vw, 3.9375rem);
    padding-left: min(0.8333333333vw, 0.625rem);
  }
}
#contentsWrap.lanWrap .case .caseContent2 {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseContent2 {
    margin-top: 5.0666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContent2 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#contentsWrap.lanWrap .case .caseContent2.is-on {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#contentsWrap.lanWrap .case .caseContent3 {
  background-color: #f6f4ef;
  font-size: min(1.3333333333vw, 1rem);
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseContent3 {
    border-radius: 2.6666666667vw;
    padding-top: 6.6666666667vw;
    margin-top: 5.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContent3 {
    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: 1em;
    width: 49%;
    border-radius: min(2.0833333333vw, 1.5625rem);
    padding-block: min(3.9166666667vw, 2.9375rem) min(5vw, 3.75rem);
    padding-inline: min(5.25vw, 3.9375rem);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseContent4 {
    padding-inline: 3.0666666667vw;
    margin-top: 9.2vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContent4 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    left: -33px;
  }
}
#contentsWrap.lanWrap .case .caseContent4 .caseContent4Image {
  width: 73.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContent4 .caseContent4Image {
    width: 67%;
  }
}
#contentsWrap.lanWrap .case .caseContent4 .caseContent4Image:nth-child(2) {
  margin-top: -2px;
  margin-left: auto;
  margin-right: 0;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContent4 .caseContent4Image:nth-child(2) {
    margin-top: -8px;
  }
}
#contentsWrap.lanWrap .case .caseContent5 {
  position: relative;
  border: 1.4666666667vw solid var(--color-key);
  border-radius: 2.6666666667vw;
  background-color: #f6f4ef;
  margin-top: 18.6666666667vw;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseContent5 {
    border-radius: min(2.5vw, 1.875rem);
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContent5 {
    border-width: 5px;
    border-radius: min(2.1666666667vw, 1.625rem);
    max-width: 95%;
    margin-top: min(6.9166666667vw, 5.1875rem);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseContent5 .caseContent5Icon {
    width: 34.6666666667vw;
    margin-inline: auto;
    margin-top: -10.6666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseContent5 .caseContent5Icon {
    position: absolute;
    width: min(21.613832853vw, 14.0625rem);
    top: -62px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
#contentsWrap.lanWrap .case .caseNum {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 18.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseNum {
    width: min(12.5vw, 9.375rem);
  }
}
#contentsWrap.lanWrap .case .caseNum.is-on {
  -webkit-animation: billboardBounce 0.8s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.2s 1 forwards;
          animation: billboardBounce 0.8s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.2s 1 forwards;
}
#contentsWrap.lanWrap .case .caseTitle {
  font-size: 4.2666666667vw;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseTitle {
    font-size: min(2.25vw, 1.6875rem);
    letter-spacing: 0.05em;
  }
}
#contentsWrap.lanWrap .case .caseSubTitle {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseSubTitle {
    width: 17.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseSubTitle {
    width: min(7.5vw, 5.625rem);
  }
}
#contentsWrap.lanWrap .case .caseSubText {
  font-size: 3.6vw;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseSubText {
    padding: 2.5333333333vw 6.1333333333vw 5.8666666667vw 9.6vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseSubText {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.01em;
  }
}
#contentsWrap.lanWrap .case .caseSolution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseSolution {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5.7333333333vw 6.6666666667vw 7.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseSolution {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: min(5vw, 3.75rem);
       -moz-column-gap: min(5vw, 3.75rem);
            column-gap: min(5vw, 3.75rem);
    padding-inline: min(4.1666666667vw, 3.125rem) min(5vw, 3.75rem);
    padding-block: min(4.6666666667vw, 3.5rem);
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseSolution .caseSolutionImage {
    width: min(45.437079731vw, 29.5625rem);
  }
}
#contentsWrap.lanWrap .case .caseSolution .caseSolutionText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.8125;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .caseSolution .caseSolutionText {
    font-size: 3.7333333333vw;
    line-height: 1.43;
    margin-top: 6.4vw;
  }
}
#contentsWrap.lanWrap .case .caseVoice {
  background-color: #1fb095;
  border-radius: 0 0 1.0666666667vw 1.0666666667vw;
  background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_case_voice_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_case_voice_bg.png) type("image/png"));
  background-image: image-set(url(../images/10fwnorinobe/lan_case_voice_bg.webp) type("image/webp"), url(../images/10fwnorinobe/lan_case_voice_bg.png) type("image/png"));
  background-repeat: no-repeat;
  background-position: top min(1.6666666667vw, 1.25rem) left min(2.0833333333vw, 1.5625rem);
  background-size: min(2.1666666667vw, 1.625rem) auto;
  padding-block: 5.3333333333vw 5.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseVoice {
    border-radius: 0 0 min(1.6666666667vw, 1.25rem) min(1.6666666667vw, 1.25rem);
    padding-top: min(2.8333333333vw, 2.125rem);
    padding-bottom: min(3.5vw, 2.625rem);
  }
}
#contentsWrap.lanWrap .case .voice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 23px;
     -moz-column-gap: 23px;
          column-gap: 23px;
  width: 89%;
  margin-inline: auto;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .voice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#contentsWrap.lanWrap .case .voice .voiceImage {
  width: 46.2666666667vw;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .voice .voiceImage {
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .voice .voiceImage {
    margin-left: 30px;
    width: 26.7%;
  }
}
#contentsWrap.lanWrap .case .voice .voiceTextWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 0;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .voice .voiceTextWrap {
    margin-top: 3.3333333333vw;
  }
}
#contentsWrap.lanWrap .case .voice .voiceTextWrap.is-on {
  -webkit-animation: billboardBounce 0.8s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.2s 1 forwards;
          animation: billboardBounce 0.8s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.2s 1 forwards;
}
#contentsWrap.lanWrap .case .voice .fukidashi {
  content: "";
  position: absolute;
  background-image: url(../images/10fwnorinobe/lan_case_fukidashi.png);
  background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_case_fukidashi.webp) type("image/webp"), url(../images/10fwnorinobe/lan_case_fukidashi.png) type("image/png"));
  background-image: image-set(url(../images/10fwnorinobe/lan_case_fukidashi.webp) type("image/webp"), url(../images/10fwnorinobe/lan_case_fukidashi.png) type("image/png"));
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 59px;
  height: 56px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .voice .fukidashi {
    top: -4.8vw;
    left: 18.2666666667vw;
    -webkit-transform: rotate(104deg);
            transform: rotate(104deg);
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .voice .fukidashi {
    bottom: 3px;
    left: -27px;
  }
}
#contentsWrap.lanWrap .case .voice .voiceText {
  letter-spacing: 0.01em;
  border-radius: 6.6666666667vw;
  background-color: #fff;
  -webkit-box-shadow: 14px 10px 0 #1c9d85;
          box-shadow: 14px 10px 0 #1c9d85;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .case .voice .voiceText {
    font-size: 3.7333333333vw;
    padding: 4.9333333333vw 5.6vw;
    line-height: 1.45;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .voice .voiceText {
    line-height: 1.8;
    border-radius: 30px;
    padding-inline: 54px 60px;
    padding-block: 40px;
  }
}
#contentsWrap.lanWrap .case .caseBtn {
  margin-top: 10.6666666667vw;
  width: 76vw;
  margin-inline: auto;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .case .caseBtn {
    margin-top: min(5.5vw, 4.125rem);
    width: min(58.9914367269vw, 38.75rem);
  }
}
#contentsWrap.lanWrap .faq {
  background-color: #fff;
  padding-top: 9.3333333333vw;
  padding-bottom: 100px;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .faq {
    padding-top: min(6.6666666667vw, 5rem);
  }
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .faq .faqInner {
    max-width: 93%;
  }
}
#contentsWrap.lanWrap .faq .faqList {
  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: 6vw;
  margin-top: 4.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .faq .faqList {
    row-gap: 35px;
    width: min(85vw, 63.75rem);
    margin-top: min(3.5833333333vw, 2.6875rem);
    margin-inline: auto;
  }
}
#contentsWrap.lanWrap .faq .faqItem {
  position: relative;
  border: 9px solid #f3f3f3;
  border-radius: 8vw;
  padding-block: 7.2vw 17.3333333333vw;
  padding-inline: 6.5333333333vw 8vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .faq .faqItem {
    border-radius: 30px;
    padding-block: 40px 30px;
    padding-inline: 40px 80px;
  }
}
#contentsWrap.lanWrap .faq .faqQuestion {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .faq .faqQuestion {
    row-gap: 1.7333333333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 3.8666666667vw;
    letter-spacing: 0.03em;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .faq .faqQuestion {
    font-size: 22px;
    letter-spacing: 0.01em;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}
#contentsWrap.lanWrap .faq .faqQuestion img {
  width: 2.8em;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .faq .faqQuestion img {
    width: 2.5em;
  }
}
#contentsWrap.lanWrap .faq .faqQuestion span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#contentsWrap.lanWrap .faq .faqOpenClose {
  position: absolute;
  border: none;
  background: transparent;
  cursor: pointer;
  background-image: url(../images/10fwnorinobe/lan_faq_btn.png);
  background-image: -webkit-image-set(url(../images/10fwnorinobe/lan_faq_btn.webp) type("image/webp"), url(../images/10fwnorinobe/lan_faq_btn.png) type("image/png"));
  background-image: image-set(url(../images/10fwnorinobe/lan_faq_btn.webp) type("image/webp"), url(../images/10fwnorinobe/lan_faq_btn.png) type("image/png"));
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #contentsWrap.lanWrap .faq .faqOpenClose {
    width: 8vw;
    height: 8vw;
    left: 41.2vw;
    bottom: 3.6vw;
  }
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .faq .faqOpenClose {
    right: -6.8027210884%;
    top: -10px;
    width: 46px;
    height: 46px;
  }
}
#contentsWrap.lanWrap .faq .faqOpenClose.is-on {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#contentsWrap.lanWrap .faq .faqAnswer {
  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;
}
#contentsWrap.lanWrap .faq .faqAnswer .faqAnswerInner {
  font-size: 3.7333333333vw;
  letter-spacing: 0.01em;
  line-height: 1.35;
  padding-top: 2.9333333333vw;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .faq .faqAnswer .faqAnswerInner {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 15px;
    padding-left: 5em;
  }
}
#contentsWrap.lanWrap .faq .faqBtn {
  width: 75.4666666667vw;
  margin-top: 9.6vw;
  margin-inline: auto;
}
@media print, screen and (min-width: 768px) {
  #contentsWrap.lanWrap .faq .faqBtn {
    width: min(51.6666666667vw, 38.75rem);
    margin-top: 0;
  }
}