/* _setting CSS */
/* Desktops and laptops */
@media print, screen and (min-width: 751px) {
  #service {
    overflow-x: hidden;
  }
  @-webkit-keyframes bounce {
    0%,
            6.6%,
            16.6%,
            26.6%,
            33.3% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    13.3% {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
    }
    20% {
      -webkit-transform: translateY(-5px);
              transform: translateY(-5px);
    }
  }
  @keyframes bounce {
    0%,
            6.6%,
            16.6%,
            26.6%,
            33.3% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    13.3% {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
    }
    20% {
      -webkit-transform: translateY(-5px);
              transform: translateY(-5px);
    }
  }
  @-webkit-keyframes karakara {
    0% {
      -webkit-transform: rotate(0deg) translateX(0);
              transform: rotate(0deg) translateX(0);
    }
    10% {
      -webkit-transform: rotate(8deg) translateX(2px);
              transform: rotate(8deg) translateX(2px);
    }
    20% {
      -webkit-transform: rotate(-6deg) translateX(-2px);
              transform: rotate(-6deg) translateX(-2px);
    }
    30% {
      -webkit-transform: rotate(5deg) translateX(1px);
              transform: rotate(5deg) translateX(1px);
    }
    40% {
      -webkit-transform: rotate(-4deg) translateX(-1px);
              transform: rotate(-4deg) translateX(-1px);
    }
    50% {
      -webkit-transform: rotate(2deg) translateX(1px);
              transform: rotate(2deg) translateX(1px);
    }
    60% {
      -webkit-transform: rotate(-1deg) translateX(-1px);
              transform: rotate(-1deg) translateX(-1px);
    }
    70%,
            100% {
      -webkit-transform: rotate(0deg) translateX(0);
              transform: rotate(0deg) translateX(0);
    }
  }
  @keyframes karakara {
    0% {
      -webkit-transform: rotate(0deg) translateX(0);
              transform: rotate(0deg) translateX(0);
    }
    10% {
      -webkit-transform: rotate(8deg) translateX(2px);
              transform: rotate(8deg) translateX(2px);
    }
    20% {
      -webkit-transform: rotate(-6deg) translateX(-2px);
              transform: rotate(-6deg) translateX(-2px);
    }
    30% {
      -webkit-transform: rotate(5deg) translateX(1px);
              transform: rotate(5deg) translateX(1px);
    }
    40% {
      -webkit-transform: rotate(-4deg) translateX(-1px);
              transform: rotate(-4deg) translateX(-1px);
    }
    50% {
      -webkit-transform: rotate(2deg) translateX(1px);
              transform: rotate(2deg) translateX(1px);
    }
    60% {
      -webkit-transform: rotate(-1deg) translateX(-1px);
              transform: rotate(-1deg) translateX(-1px);
    }
    70%,
            100% {
      -webkit-transform: rotate(0deg) translateX(0);
              transform: rotate(0deg) translateX(0);
    }
  }
  #service .pankuzu {
    position: relative;
    z-index: 1;
  }
  #service #page-head {
    position: relative;
    z-index: 0;
  }
  #service #page-head .page_head_cont {
    z-index: 1;
    position: absolute;
    left: 50%;
    max-width: 1200px;
    width: 87.5%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #service #page-head .page_head_cont .page_title {
    font-size: min(3vw, 48px);
  }
  #service #page-head .page_head_cont .page_title .icon_title {
    width: min(4.6875vw, 75px);
    margin-right: 0;
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  #service #page-head .page_head_cont .page_title .icon_title::before {
    width: min(4.75vw, 76px);
    height: min(4.75vw, 76px);
  }
  #service #page-head .page_head_cont .page_title .title_text {
    display: inline-block;
    font-weight: bold;
    vertical-align: middle;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  #service #page-head .page_head_cont .title_sub {
    font-size: min(1.875vw, 30px);
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: min(3.75vw, 60px);
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #page-head .page_head_cont .title_btm {
    margin-top: min(2.5vw, 40px);
    line-height: 2.3;
    font-size: min(1.125vw, 18px);
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #page-head .page_head_cont .title_btm strong {
    font-weight: bold;
    color: #f39700;
  }
  #service #page-head #kv {
    position: relative;
    width: 100vw;
    margin-bottom: min(6.25vw, 100px);
    z-index: 0;
  }
  #service #page-head #kv #kv-bg {
    width: min(103.25vw, 1652px);
    height: auto;
    margin-top: max(-8.125vw, -130px);
    position: relative;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
  }
  #service #page-head #kv #kv-cover {
    width: min(51vw, 816px);
    height: auto;
    position: absolute;
    top: max(-6.0625vw, -97px);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    right: calc(50vw - min(21.875vw, 350px));
  }
  #service #page-head #kv #i_flag {
    width: min(5.375vw, 86px);
    height: min(4.8125vw, 77px);
    background: url(../images/service/service_kv_flag.svg) no-repeat;
    background-size: min(48.375vw, 774px) min(4.8125vw, 77px);
    -webkit-animation: flag 2s steps(9) infinite;
            animation: flag 2s steps(9) infinite;
    position: absolute;
    scale: 0.9;
    top: min(6.625vw, 106px);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    right: calc(50vw - min(18.125vw, 290px));
  }
  @-webkit-keyframes flag {
    to {
      background-position: max(-48.375vw, -774px) 0;
    }
  }
  @keyframes flag {
    to {
      background-position: max(-48.375vw, -774px) 0;
    }
  }
  #service #page-head #kv #i_door {
    width: min(4.625vw, 74px);
    height: min(6.375vw, 102px);
    background: url(../images/service/service_kv_door.svg) no-repeat;
    background-size: min(41.625vw, 666px) min(6.375vw, 102px);
    -webkit-animation: door 3.5s steps(9) infinite;
            animation: door 3.5s steps(9) infinite;
    position: absolute;
    scale: 0.9;
    top: min(5.4375vw, 87px);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    right: calc(50vw - max(-8.5625vw, -137px));
  }
  @-webkit-keyframes door {
    to {
      background-position: max(-41.625vw, -666px) 0;
    }
  }
  @keyframes door {
    to {
      background-position: max(-41.625vw, -666px) 0;
    }
  }
  #service #page-head #kv #i_camera {
    width: min(4.625vw, 74px);
    height: min(7.0625vw, 113px);
    background: url(../images/service/service_kv_camera.svg) no-repeat;
    background-size: min(46.25vw, 740px) min(7.0625vw, 113px);
    -webkit-animation: camera 3s steps(10) infinite;
            animation: camera 3s steps(10) infinite;
    position: absolute;
    scale: 0.9;
    top: min(25.4375vw, 407px);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    right: calc(50vw - min(18.75vw, 300px));
  }
  @-webkit-keyframes camera {
    to {
      background-position: max(-46.25vw, -740px) 0;
    }
  }
  @keyframes camera {
    to {
      background-position: max(-46.25vw, -740px) 0;
    }
  }
  #service #page-head #kv #i_dog {
    width: min(3.75vw, 60px);
    height: min(4.125vw, 66px);
    background: url(../images/service/service_kv_dog.svg) no-repeat;
    background-size: min(26.25vw, 420px) min(4.125vw, 66px);
    -webkit-animation: dog 1s steps(7) infinite;
            animation: dog 1s steps(7) infinite;
    position: absolute;
    scale: 0.9;
    top: min(8.4375vw, 135px);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    right: calc(50vw - min(4.625vw, 74px));
  }
  @-webkit-keyframes dog {
    to {
      background-position: max(-26.25vw, -420px) 0;
    }
  }
  @keyframes dog {
    to {
      background-position: max(-26.25vw, -420px) 0;
    }
  }
  #service #page-head #kv #i_fishing {
    width: min(8.3125vw, 133px);
    height: min(7.4375vw, 119px);
    background: url(../images/service/service_kv_fishing.svg) no-repeat;
    background-size: min(58.1875vw, 931px) min(7.4375vw, 119px);
    -webkit-animation: fishing 2.5s steps(7) infinite;
            animation: fishing 2.5s steps(7) infinite;
    position: absolute;
    scale: 0.9;
    top: min(23.937vw, 383px);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    right: calc(50vw - min(43.5625vw, 697px));
  }
  @-webkit-keyframes fishing {
    to {
      background-position: max(-58.1875vw, -931px) 0;
    }
  }
  @keyframes fishing {
    to {
      background-position: max(-58.1875vw, -931px) 0;
    }
  }
  #service #value {
    margin-top: 117px;
    position: relative;
    z-index: 0;
  }
  #service #value::before {
    content: "";
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    height: 100%;
    background-color: #f2f0ea;
    border-radius: 60px 0 0 60px;
    display: block;
    position: absolute;
    z-index: -1;
    left: 100px;
    top: 0;
  }
  #service #value .common_inner {
    width: 100%;
    padding: 150px 0 125px;
  }
  #service #value .value_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 116px;
  }
  #service #value .value_head .value_head_mini {
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 17px;
    border-bottom: #222222 2px solid;
    margin-right: 153px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    letter-spacing: 0.05em;
  }
  #service #value .value_head .value_head_main {
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.7;
  }
  #service #value .value_head .value_head_main .value_underline {
    position: relative;
    display: inline-block;
    font-weight: bold;
    margin-right: -12px;
    vertical-align: top;
    color: #f39700;
  }
  #service #value .value_head .value_head_main .value_underline .line {
    display: block;
    position: relative;
    width: 100%;
    height: 2px;
    border-bottom: 2px dashed #f39700;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    overflow: hidden;
  }
  #service #value .value_head .value_head_main .value_underline .char {
    position: absolute;
    bottom: 0;
    left: -51px;
    width: 42px;
    height: 59px;
    background-image: url(../images/service/value_acce.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
  }
  #service #value .value_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 50px 5%;
  }
  #service #value .value_list .value_item {
    width: 47.5%;
    border: 1px solid #222222;
    border-radius: 20px;
    background-color: #fff;
    padding: 70px 50px;
    -webkit-box-shadow: 8px -8px 0px #fabf5f;
            box-shadow: 8px -8px 0px #fabf5f;
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  #service #value .value_list .value_item .value_item_inner {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #value .value_list .value_item .item_title_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px;
    min-height: 90px;
  }
  #service #value .value_list .value_item .item_title_wrap h4 {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  #service #value .value_list .value_item .item_title_wrap .num {
    font-family: "Rubik", sans-serif;
    font-weight: bold;
    font-size: 3rem;
    border: 2px solid #f39700;
    border-radius: 999px;
    width: 82px;
    height: 82px;
    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;
    position: relative;
    margin-top: -35px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  #service #value .value_list .value_item .item_title_wrap .num::before {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 25px;
    background-color: #fff;
    right: 0;
    bottom: -2px;
    z-index: 1;
  }
  #service #value .value_list .value_item .item_title_wrap .num::after {
    content: "";
    position: absolute;
    display: block;
    width: 37px;
    height: 20px;
    background-image: url(../images/service/value_kakipi.svg);
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 0;
    z-index: 2;
    rotate: -18deg;
  }
  #service #value .value_list .value_item .item_title_wrap .num.karakara::after {
    -webkit-animation: karakara 0.6s ease-in-out;
            animation: karakara 0.6s ease-in-out;
  }
  #service #value .value_list .value_item .value_item_text {
    font-size: 1.6rem;
    line-height: 2.1;
  }
  #service #problem {
    margin-top: 150px;
  }
  #service #problem .problem_head {
    position: relative;
    z-index: 1;
  }
  #service #problem .problem_head h3 {
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.075em;
    text-align: center;
    line-height: 1.5;
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  #service #problem .problem_head h3 .char {
    position: absolute;
    display: block;
    width: 67px;
    height: 116px;
    background-image: url(../images/service/problem_head_acce02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    right: -85px;
    bottom: 0;
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
  }
  #service #problem .problem_head h3 strong {
    font-size: 4.2rem;
    font-weight: bold;
  }
  #service #problem .problem_head h3 strong .problem_underline {
    position: relative;
    display: inline-block;
    font-weight: bold;
    margin-right: -12px;
    vertical-align: top;
    color: #f39700;
  }
  #service #problem .problem_head h3 strong .problem_underline .line {
    display: block;
    position: relative;
    width: 100%;
    height: 2px;
    border-bottom: 2px dashed #f39700;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    overflow: hidden;
  }
  #service #problem .problem_head .problem_head_acce {
    position: absolute;
    width: 84.9%;
    height: auto;
    left: -68%;
    top: -198px;
    z-index: -1;
  }
  #service #problem .problem_head .problem_head_acce .tree {
    width: 100%;
    height: auto;
  }
  #service #problem .problem_head .problem_head_acce .chara {
    position: absolute;
    width: 6%;
    height: auto;
    left: 74%;
    top: 71.6%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec {
    margin-top: 150px;
    width: 58.33%;
    position: relative;
    z-index: 1;
  }
  #service #problem .problem_sec .title_mini {
    font-size: 1.8rem;
    color: #f39700;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 20px;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    overflow: hidden;
  }
  #service #problem .problem_sec .title {
    font-size: 4.6rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec .text_wrap {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec .problem_text {
    font-size: 1.8rem;
    line-height: 2.3;
  }
  #service #problem .problem_sec .support_wrap {
    border: 1px solid #222;
    border-radius: 20px;
    background-color: #fff;
    padding: 40px 40px 40px 90px;
    position: relative;
    margin-top: 30px;
  }
  #service #problem .problem_sec .support_wrap > p {
    font-family: "Rubik", sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.12em;
    font-weight: normal;
    -webkit-transform: rotate(90deg) translateX(100%);
            transform: rotate(90deg) translateX(100%);
    position: absolute;
    left: 0;
    top: 0;
  }
  #service #problem .problem_sec .support_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px 8%;
  }
  #service #problem .problem_sec .support_wrap ul li {
    min-width: 25%;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    line-height: 1.4;
  }
  #service #problem .problem_sec .support_wrap ul li.list_disc::before {
    background-color: #f39700;
  }
  #service #problem .problem_sec .back_btn {
    margin-top: 30px;
    text-align: right;
  }
  #service #problem .problem_sec .back_btn a {
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  #service #problem .problem_sec .back_btn a span {
    font-weight: bold;
  }
  #service #problem .problem_sec .problem_sec_acce {
    position: absolute;
    z-index: -1;
    width: 127%;
    height: auto;
  }
  #service #problem .problem_sec.web {
    margin-left: auto;
  }
  #service #problem .problem_sec.web .problem_sec_acce {
    left: -112%;
    top: 40px;
  }
  #service #problem .problem_sec.web .problem_sec_acce .sign {
    position: absolute;
    width: 15%;
    height: auto;
    left: 39%;
    top: -2.8%;
    opacity: 0;
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  #service #problem .problem_sec.web .problem_sec_acce .chara01 {
    position: absolute;
    width: 9%;
    height: auto;
    left: 54.3%;
    top: 12.5%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec.web .problem_sec_acce .chara02 {
    position: absolute;
    width: 10%;
    height: auto;
    left: 42%;
    top: 25.5%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
  #service #problem .problem_sec.web .problem_sec_acce .chara03 {
    position: absolute;
    width: 41%;
    height: auto;
    left: 34.5%;
    top: 21.4%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec.web .problem_sec_acce .chara04 {
    position: absolute;
    width: 6%;
    height: auto;
    left: 50.5%;
    top: 32.4%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 3.5s;
            animation-delay: 3.5s;
  }
  #service #problem .problem_sec.marketing {
    margin-right: auto;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce {
    right: -112%;
    top: 45px;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .sign {
    position: absolute;
    width: 15%;
    height: auto;
    right: 63.5%;
    top: -0.9%;
    opacity: 0;
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .chara01 {
    position: absolute;
    width: 22%;
    height: auto;
    right: 46.3%;
    top: 6.5%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .chara02 {
    position: absolute;
    width: 2.7%;
    height: auto;
    right: 34.9%;
    top: 61.1%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .chara03 {
    position: absolute;
    width: 2.7%;
    height: auto;
    right: 38%;
    top: 67.3%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .bus {
    position: absolute;
    width: 11%;
    height: auto;
    right: 48.2%;
    top: 73.7%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_maintenance {
    overflow: hidden;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1280px;
    width: 87.5%;
    padding: 4.37% 6.25%;
    margin: 168px auto 160px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
  }
  #service #problem .problem_maintenance .bg_expand {
    position: absolute;
    inset: 0;
    background-color: #f0f0f0;
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    -webkit-transform-origin: center;
            transform-origin: center;
    z-index: 0;
    border-radius: 40px;
    -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;
  }
  #service #problem .problem_maintenance .maintenance_img {
    max-width: 307px;
    max-height: 323px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 78px;
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    position: relative;
    z-index: 1;
  }
  #service #problem .problem_maintenance .maintenance_img img {
    width: 100%;
    height: 100%;
  }
  #service #problem .problem_maintenance .maintenance_text {
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    position: relative;
    z-index: 1;
  }
  #service #problem .problem_maintenance .maintenance_text h4 {
    font-size: 3.4rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 35px;
  }
  #service #problem .problem_maintenance .maintenance_text .sub_title {
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.7;
    margin-bottom: 25px;
    font-weight: bold;
    border-bottom: 2px dashed #f39700;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 5px;
  }
  #service #problem .problem_maintenance .maintenance_text .sub_title svg {
    vertical-align: text-bottom;
  }
  #service #problem .problem_maintenance .maintenance_text .sub_text {
    font-size: 1.6rem;
    line-height: 2.1;
    margin-bottom: 37px;
  }
  #service #problem .problem_maintenance .maintenance_text .back_btn {
    text-align: right;
  }
  #service #problem .problem_maintenance .maintenance_text .back_btn a {
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  #service #problem .problem_maintenance .maintenance_text .back_btn a::before {
    bottom: -24px;
  }
  #service #problem .problem_maintenance .maintenance_text .back_btn a::after {
    width: 40px;
    height: 40px;
  }
  #service #problem .problem_maintenance .maintenance_text .back_btn a span {
    font-weight: bold;
  }
  #service #service-qanda {
    margin-bottom: 200px;
  }
  #service #service-qanda .head_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 90px;
  }
  #service #service-qanda .head_wrap h3 {
    font-size: 3.4rem;
    font-weight: bold;
    letter-spacing: 0.075em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #service #service-qanda .qanda_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #service #service-qanda .qanda_list .qanda_item {
    width: 23.3%;
  }
  #service #service-qanda .qanda_list .qanda_item a {
    display: block;
    width: 100%;
    min-height: 260px;
    position: relative;
  }
  #service #service-qanda .qanda_list .qanda_item a:hover {
    opacity: 1;
  }
  #service #service-qanda .qanda_list .qanda_item a:hover .q_wrap {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  #service #service-qanda .qanda_list .qanda_item a:hover .a_wrap {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  #service #service-qanda .qanda_list .qanda_item .num_q,
  #service #service-qanda .qanda_list .qanda_item .num_a {
    display: inline-block;
    font-family: "Rubik", sans-serif;
    font-weight: bold;
    font-size: 2.6rem;
    letter-spacing: 0.1em;
    border-bottom: 3px solid #f39700;
    padding-bottom: 10px;
    margin-bottom: 12px;
  }
  #service #service-qanda .qanda_list .qanda_item .num_a {
    color: #fff;
    border-color: #fff;
  }
  #service #service-qanda .qanda_list .qanda_item .question,
  #service #service-qanda .qanda_list .qanda_item .answer {
    font-size: 1.8rem;
    line-height: 1.8;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  #service #service-qanda .qanda_list .qanda_item .answer {
    color: #fff;
  }
  #service #service-qanda .qanda_list .qanda_item .arrow_black {
    font-size: 1.6rem;
    display: inline-block;
    font-weight: bold;
    text-align: right;
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
  }
  #service #service-qanda .qanda_list .qanda_item .arrow_black::before {
    background-image: url(../images/common/icon_orange_arrow.svg);
    right: -1px;
  }
  #service #service-qanda .qanda_list .qanda_item .arrow_black::after {
    background-color: #fff;
  }
  #service #service-qanda .qanda_list .qanda_item .q_wrap,
  #service #service-qanda .qanda_list .qanda_item .a_wrap {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border: 1px solid #222;
    border-radius: 20px;
    background-color: #fff;
    padding: 9.92% 8.57%;
  }
  #service #service-qanda .qanda_list .qanda_item .a_wrap {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    border-color: #f39700;
    background-color: #f39700;
  }
  #service #service-qanda .back_btn {
    text-align: right;
    margin-top: 40px;
  }
  #service #service-qanda .back_btn a {
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  #service #service-qanda .back_btn a::before {
    bottom: -24px;
  }
  #service #service-qanda .back_btn a::after {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1500px) {
  #service #value::before {
    left: 0;
    border-radius: 0;
  }
}
@media screen and (min-width: 751px) and (max-width: 1200px) {
  #service #page-head .page_head_cont {
    position: relative;
  }
  #service #page-head .page_head_cont .title_sub {
    margin-top: 30px;
  }
  #service #page-head .page_head_cont .title_btm {
    margin-top: 20px;
  }
  #service #page-head #kv {
    margin-top: -35%;
  }
  #service #value::before {
    border-radius: 0;
    left: inherit;
  }
  #service #value .common_inner {
    width: 87.5%;
  }
  #service #value .value_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #service #value .value_head .value_head_mini {
    margin-right: 0;
    display: inline-block;
    margin-bottom: 40px;
    margin-right: 0;
  }
  #service #value .value_head .value_head_main {
    text-align: center;
  }
  #service #problem .problem_sec.web .problem_sec_acce, #service #problem .problem_sec.marketing .problem_sec_acce {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
  }
  #service #problem .problem_maintenance {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #service #problem .problem_maintenance .maintenance_img {
    margin-right: 0;
    margin-bottom: 30px;
  }
  #service #problem .problem_maintenance .maintenance_text h4 {
    text-align: center;
    margin-bottom: 20px;
  }
  #service #problem .problem_maintenance .maintenance_text .sub_title {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 751px) and (max-width: 999px) {
  #service #value .value_list .value_item {
    width: 100%;
  }
}
/* Smartphones (portrait and landscape) */
@media screen and (max-width: 750px) {
  #service {
    overflow-x: hidden;
  }
  @-webkit-keyframes bounce {
    0%,
            6.6%,
            16.6%,
            26.6%,
            33.3% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    13.3% {
      -webkit-transform: translateY(-2.66667vw);
              transform: translateY(-2.66667vw);
    }
    20% {
      -webkit-transform: translateY(-1.33333vw);
              transform: translateY(-1.33333vw);
    }
  }
  @keyframes bounce {
    0%,
            6.6%,
            16.6%,
            26.6%,
            33.3% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    13.3% {
      -webkit-transform: translateY(-2.66667vw);
              transform: translateY(-2.66667vw);
    }
    20% {
      -webkit-transform: translateY(-1.33333vw);
              transform: translateY(-1.33333vw);
    }
  }
  @-webkit-keyframes karakara {
    0% {
      -webkit-transform: rotate(0deg) translateX(0);
              transform: rotate(0deg) translateX(0);
    }
    10% {
      -webkit-transform: rotate(8deg) translateX(2px);
              transform: rotate(8deg) translateX(2px);
    }
    20% {
      -webkit-transform: rotate(-6deg) translateX(-2px);
              transform: rotate(-6deg) translateX(-2px);
    }
    30% {
      -webkit-transform: rotate(5deg) translateX(1px);
              transform: rotate(5deg) translateX(1px);
    }
    40% {
      -webkit-transform: rotate(-4deg) translateX(-1px);
              transform: rotate(-4deg) translateX(-1px);
    }
    50% {
      -webkit-transform: rotate(2deg) translateX(1px);
              transform: rotate(2deg) translateX(1px);
    }
    60% {
      -webkit-transform: rotate(-1deg) translateX(-1px);
              transform: rotate(-1deg) translateX(-1px);
    }
    70%,
            100% {
      -webkit-transform: rotate(0deg) translateX(0);
              transform: rotate(0deg) translateX(0);
    }
  }
  @keyframes karakara {
    0% {
      -webkit-transform: rotate(0deg) translateX(0);
              transform: rotate(0deg) translateX(0);
    }
    10% {
      -webkit-transform: rotate(8deg) translateX(2px);
              transform: rotate(8deg) translateX(2px);
    }
    20% {
      -webkit-transform: rotate(-6deg) translateX(-2px);
              transform: rotate(-6deg) translateX(-2px);
    }
    30% {
      -webkit-transform: rotate(5deg) translateX(1px);
              transform: rotate(5deg) translateX(1px);
    }
    40% {
      -webkit-transform: rotate(-4deg) translateX(-1px);
              transform: rotate(-4deg) translateX(-1px);
    }
    50% {
      -webkit-transform: rotate(2deg) translateX(1px);
              transform: rotate(2deg) translateX(1px);
    }
    60% {
      -webkit-transform: rotate(-1deg) translateX(-1px);
              transform: rotate(-1deg) translateX(-1px);
    }
    70%,
            100% {
      -webkit-transform: rotate(0deg) translateX(0);
              transform: rotate(0deg) translateX(0);
    }
  }
  #service #page-head {
    position: relative;
    width: 100%;
  }
  #service #page-head .page_head_cont {
    width: 91.46%;
    margin: 0 auto;
  }
  #service #page-head .page_head_cont .page_title {
    font-size: 8vw;
  }
  #service #page-head .page_head_cont .page_title .icon_title {
    width: 13.33333vw;
    margin-right: 0;
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  #service #page-head .page_head_cont .page_title .icon_title::before {
    width: 13.33333vw;
    height: 13.33333vw;
  }
  #service #page-head .page_head_cont .page_title .title_text {
    display: inline-block;
    font-weight: bold;
    vertical-align: middle;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  #service #page-head .page_head_cont .title_sub {
    font-size: 6.93333vw;
    line-height: 1.38;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 12vw;
    opacity: 0;
    -webkit-transform: translateY(2.66667vw);
            transform: translateY(2.66667vw);
  }
  #service #page-head .page_head_cont .title_btm {
    margin-top: 7.2vw;
    font-size: 4vw;
    line-height: 2;
    letter-spacing: 0.05em;
    opacity: 0;
    -webkit-transform: translateY(2.66667vw);
            transform: translateY(2.66667vw);
  }
  #service #page-head .page_head_cont .title_btm strong {
    font-weight: bold;
    color: #f39700;
  }
  #service #page-head #kv #kv-bg-sp {
    width: 100%;
    height: 133.33333vw;
    background-image: url(../images/service/service_kv_bg_sp.svg);
    background-repeat: no-repeat;
    background-size: 173.33333vw auto;
    overflow: hidden;
    -webkit-animation: bg-slider 10s linear infinite;
            animation: bg-slider 10s linear infinite;
  }
  @-webkit-keyframes bg-slider {
    0% {
      background-position: 0 0px;
    }
    100% {
      background-position: -80vw 0px;
    }
    0% {
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    90% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes bg-slider {
    0% {
      background-position: 0 0px;
    }
    100% {
      background-position: -80vw 0px;
    }
    0% {
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    90% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  #service #value {
    margin-top: 21.33333vw;
    position: relative;
    z-index: 0;
    background-color: #f2f0ea;
    padding: 14.66667vw 0 16vw;
    border-radius: 8vw 0 0 8vw;
  }
  #service #value .value_head {
    margin-bottom: 8vw;
  }
  #service #value .value_head .value_head_mini {
    font-size: 4.8vw;
    font-weight: bold;
    padding-bottom: 2vw;
    border-bottom: #222222 0.53333vw solid;
    letter-spacing: 0.05em;
    display: inline-block;
    margin-bottom: 8vw;
  }
  #service #value .value_head .value_head_main {
    font-size: 5.6vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.42;
  }
  #service #value .value_head .value_head_main .value_underline {
    position: relative;
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    color: #f39700;
  }
  #service #value .value_head .value_head_main .value_underline .line {
    display: block;
    position: relative;
    width: 100%;
    height: 2px;
    border-bottom: 2px dashed #f39700;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    overflow: hidden;
  }
  #service #value .value_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12vw;
  }
  #service #value .value_list .value_item {
    width: 100%;
    border: 0.26667vw solid #222222;
    border-radius: 2.66667vw;
    background-color: #fff;
    padding: 10.66667vw 6.66667vw;
    -webkit-box-shadow: 2.66667vw 2.66667vw 0px #fabf5f;
            box-shadow: 2.66667vw 2.66667vw 0px #fabf5f;
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  #service #value .value_list .value_item .item_title_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5.33333vw;
  }
  #service #value .value_list .value_item .item_title_wrap h4 {
    font-size: 5.33333vw;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: 0.05em;
  }
  #service #value .value_list .value_item .item_title_wrap .num {
    font-family: "Rubik", sans-serif;
    font-weight: bold;
    font-size: 5.33333vw;
    border: 0.53333vw solid #f39700;
    border-radius: 999px;
    width: 13.86667vw;
    height: 13.86667vw;
    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;
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  #service #value .value_list .value_item .item_title_wrap .num::before {
    content: "";
    position: absolute;
    display: block;
    width: 6.93333vw;
    height: 3.73333vw;
    background-color: #fff;
    right: -0.53333vw;
    bottom: -0.53333vw;
    z-index: 1;
  }
  #service #value .value_list .value_item .item_title_wrap .num::after {
    content: "";
    position: absolute;
    display: block;
    width: 6.4vw;
    height: 3.2vw;
    background-image: url(../images/service/value_kakipi.svg);
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 0;
    z-index: 2;
    rotate: -18deg;
  }
  #service #value .value_list .value_item .item_title_wrap .num.karakara::after {
    -webkit-animation: karakara 0.6s ease-in-out;
            animation: karakara 0.6s ease-in-out;
  }
  #service #value .value_list .value_item .value_item_text {
    font-size: 4vw;
    line-height: 1.73;
  }
  #service #problem {
    margin-top: 21.33333vw;
  }
  #service #problem .problem_head {
    position: relative;
    z-index: 1;
  }
  #service #problem .problem_head h3 {
    font-size: 5.33333vw;
    font-weight: bold;
    letter-spacing: 0.075em;
    text-align: center;
    line-height: 1.45;
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  #service #problem .problem_head h3 .char {
    position: absolute;
    display: block;
    background-image: url(../images/service/problem_head_acce02.svg);
    width: 11.86667vw;
    height: 20.53333vw;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 2.66667vw;
    opacity: 0;
    bottom: 0;
    -webkit-transform: translateY(2.66667vw);
            transform: translateY(2.66667vw);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
  }
  #service #problem .problem_head h3 strong {
    font-size: 6.93333vw;
    font-weight: bold;
  }
  #service #problem .problem_head h3 strong .problem_underline {
    position: relative;
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    color: #f39700;
  }
  #service #problem .problem_head h3 strong .problem_underline .line {
    display: block;
    position: relative;
    width: 100%;
    height: 2px;
    border-bottom: 2px dashed #f39700;
  }
  #service #problem .problem_head .problem_head_acce {
    position: absolute;
    width: 118.93333vw;
    height: auto;
    left: -88vw;
    top: 10.66667vw;
    z-index: -1;
  }
  #service #problem .problem_head .problem_head_acce .tree {
    width: 100%;
    height: auto;
  }
  #service #problem .problem_head .problem_head_acce .chara {
    position: absolute;
    width: 6%;
    height: auto;
    left: 74%;
    top: 71.6%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec {
    margin-top: 16vw;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #service #problem .problem_sec .problem_sec_inner {
    position: relative;
    z-index: 1;
    margin-top: 7.2vw;
  }
  #service #problem .problem_sec .problem_sec_inner .title_mini {
    font-size: 4.26667vw;
    color: #f39700;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.45;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    overflow: hidden;
  }
  #service #problem .problem_sec .problem_sec_inner .title {
    font-size: 8.53333vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 7.2vw;
    opacity: 0;
    -webkit-transform: translateY(2.66667vw);
            transform: translateY(2.66667vw);
  }
  #service #problem .problem_sec .problem_sec_inner .text_wrap {
    opacity: 0;
    -webkit-transform: translateY(2.66667vw);
            transform: translateY(2.66667vw);
  }
  #service #problem .problem_sec .problem_sec_inner .problem_text {
    font-size: 4vw;
    line-height: 1.73;
  }
  #service #problem .problem_sec .problem_sec_inner .support_wrap {
    border: 0.26667vw solid #222;
    border-radius: 2.66667vw;
    background-color: #fff;
    padding: 5.33333vw 6.66667vw;
    margin-top: 6.66667vw;
  }
  #service #problem .problem_sec .problem_sec_inner .support_wrap > p {
    font-family: "Rubik", sans-serif;
    font-size: 3.2vw;
    letter-spacing: 0.12em;
    margin-bottom: 4vw;
  }
  #service #problem .problem_sec .problem_sec_inner .support_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4vw 8vw;
  }
  #service #problem .problem_sec .problem_sec_inner .support_wrap ul li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 3.46667vw;
    letter-spacing: 0.05em;
    font-weight: bold;
    line-height: 1.4;
  }
  #service #problem .problem_sec .problem_sec_inner .support_wrap ul li.list_disc::before {
    background-color: #f39700;
  }
  #service #problem .problem_sec .problem_sec_inner .back_btn {
    margin-top: 5.33333vw;
    text-align: right;
  }
  #service #problem .problem_sec .problem_sec_inner .back_btn a {
    font-size: 4vw;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  #service #problem .problem_sec .problem_sec_inner .back_btn a::before {
    bottom: -5.33333vw;
  }
  #service #problem .problem_sec .problem_sec_inner .back_btn a::after {
    width: 8.8vw;
    height: 8.8vw;
  }
  #service #problem .problem_sec .problem_sec_acce {
    position: relative;
    z-index: 1;
    width: 143.73333vw;
    height: auto;
  }
  #service #problem .problem_sec.web .problem_sec_acce {
    margin-left: -13.33333vw;
  }
  #service #problem .problem_sec.web .problem_sec_acce .sign {
    position: absolute;
    width: 15%;
    height: auto;
    left: 39%;
    top: -2.8%;
    opacity: 0;
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  #service #problem .problem_sec.web .problem_sec_acce .chara01 {
    position: absolute;
    width: 9%;
    height: auto;
    left: 54.3%;
    top: 12.5%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec.web .problem_sec_acce .chara02 {
    position: absolute;
    width: 10%;
    height: auto;
    left: 42%;
    top: 25.5%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
  #service #problem .problem_sec.web .problem_sec_acce .chara03 {
    position: absolute;
    width: 41%;
    height: auto;
    left: 34.5%;
    top: 21.4%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec.web .problem_sec_acce .chara04 {
    position: absolute;
    width: 6%;
    height: auto;
    left: 50.5%;
    top: 32.4%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 3.5s;
            animation-delay: 3.5s;
  }
  #service #problem .problem_sec.marketing {
    margin-top: 21.33333vw;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce {
    margin-right: -16vw;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .sign {
    position: absolute;
    width: 15%;
    height: auto;
    right: 63.5%;
    top: -0.9%;
    opacity: 0;
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .chara01 {
    position: absolute;
    width: 22%;
    height: auto;
    right: 46.3%;
    top: 6.5%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .chara02 {
    position: absolute;
    width: 2.7%;
    height: auto;
    right: 34.9%;
    top: 61.1%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .chara03 {
    position: absolute;
    width: 2.7%;
    height: auto;
    right: 38%;
    top: 67.3%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-animation: bounce 3s ease-in-out infinite;
            animation: bounce 3s ease-in-out infinite;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }
  #service #problem .problem_sec.marketing .problem_sec_acce .bus {
    position: absolute;
    width: 11%;
    height: auto;
    right: 48.2%;
    top: 73.7%;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  #service #problem .problem_maintenance {
    background-color: #f0f0f0;
    width: 91.46%;
    padding: 10.66667vw 6.66667vw;
    margin: 21.33333vw auto;
    border-radius: 5.33333vw;
    position: relative;
    overflow: hidden;
  }
  #service #problem .problem_maintenance .bg_expand {
    position: absolute;
    inset: 0;
    background-color: #f0f0f0;
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    -webkit-transform-origin: center;
            transform-origin: center;
    z-index: 0;
    border-radius: 5.33333vw;
    -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;
  }
  #service #problem .problem_maintenance .maintenance_img {
    width: 50.4vw;
    height: auto;
    margin: 0 auto 8vw;
    opacity: 0;
    -webkit-transform: translateY(4vw);
            transform: translateY(4vw);
    position: relative;
    z-index: 1;
  }
  #service #problem .problem_maintenance .maintenance_img img {
    width: 100%;
    height: auto;
  }
  #service #problem .problem_maintenance .maintenance_text {
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(4vw);
            transform: translateY(4vw);
    position: relative;
    z-index: 1;
  }
  #service #problem .problem_maintenance .maintenance_text h4 {
    font-size: 6.4vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 5.33333vw;
  }
  #service #problem .problem_maintenance .maintenance_text .sub_title {
    font-size: 4.26667vw;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-bottom: 4vw;
    font-weight: bold;
    border-bottom: 0.53333vw dashed #f39700;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 1.33333vw;
  }
  #service #problem .problem_maintenance .maintenance_text .sub_title svg {
    vertical-align: bottom;
    width: 5.06667vw;
    margin-left: -2.13333vw;
  }
  #service #problem .problem_maintenance .maintenance_text .sub_text {
    font-size: 4vw;
    line-height: 1.7;
    margin-bottom: 6.66667vw;
  }
  #service #problem .problem_maintenance .maintenance_text .back_btn {
    margin-top: 5.33333vw;
    text-align: right;
  }
  #service #problem .problem_maintenance .maintenance_text .back_btn a {
    font-size: 4vw;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  #service #problem .problem_maintenance .maintenance_text .back_btn a::before {
    bottom: -5.33333vw;
  }
  #service #problem .problem_maintenance .maintenance_text .back_btn a::after {
    width: 8.8vw;
    height: 8.8vw;
  }
  #service #service-qanda {
    padding-bottom: 13.33333vw;
    position: relative;
    width: 91.46%;
    margin: 21.33333vw auto 21.33333vw;
  }
  #service #service-qanda .head_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto 6.66667vw;
  }
  #service #service-qanda .head_wrap h3 {
    font-size: 5.86667vw;
    line-height: 1.45;
    font-weight: bold;
    letter-spacing: 0.075em;
  }
  #service #service-qanda .head_wrap .acce {
    width: 24.4vw;
    height: auto;
    margin-left: 4.53333vw;
  }
  #service #service-qanda .qanda_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw;
    width: 100%;
    margin-bottom: 5.33333vw;
  }
  #service #service-qanda .qanda_list .qanda_item a {
    display: block;
    width: 100%;
  }
  #service #service-qanda .qanda_list .qanda_item .num_q {
    display: inline-block;
    font-family: "Rubik", sans-serif;
    font-weight: bold;
    font-size: 6.4vw;
    letter-spacing: 0.1em;
    border-bottom: 0.66667vw solid #f39700;
    padding-bottom: 0.53333vw;
    margin-bottom: 2.66667vw;
  }
  #service #service-qanda .qanda_list .qanda_item .question {
    font-size: 4vw;
    line-height: 2;
  }
  #service #service-qanda .qanda_list .qanda_item .q_wrap {
    border: 1px solid #222;
    border-radius: 2.66667vw;
    background-color: #fff;
    padding: 5.33333vw 7.33333vw;
  }
  #service #service-qanda .qanda_list .qanda_item .a_wrap {
    display: none;
  }
  #service #service-qanda .back_btn {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #service #service-qanda .back_btn a {
    font-size: 4vw;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  #service #service-qanda .back_btn a::before {
    bottom: -5.06667vw;
  }
  #service #service-qanda .back_btn a::after {
    width: 8.8vw;
    height: 8.8vw;
  }
}