@charset "utf-8";
@media (max-width: 700px){
    .pc {
        display: none !important;
    }
    h2.title{
        margin: 50px 0;
        text-align: center;
        font-size: 45px;
        font-family: "Kosugi Maru", sans-serif;
        line-height: 1.2;
    }
    h2.title .title-txt1 {
        font-size: 17px;
        position: relative;
        display: inline-block;
    }
    h2.title .title-txt1 span {
        color: #E84646;
        font-size: 20px;
    }
    h2.title .title-txt1:before {
        content: "";
        display: block;
        width: 1.3em;
        height: 1.3em;
        background: url(../../img/kurapital/light-mark.webp) center center no-repeat;
        background-size: contain;
        position: absolute;
        left: -2em;
        bottom: 0;
    }
    h2.title .title-txt1:after {
        content: "";
        display: block;
        width: 1.3em;
        height: 1.3em;
        background: url(../../img/kurapital/light-mark.webp) center center no-repeat;
        background-size: contain;
        position: absolute;
        right: -2em;
        transform: scaleX(-1);
        bottom: 0;
    }
    h2.title .title-txt3{
        position: relative;
        display: inline-block;
    }
    h2.title .title-txt3:before {
        content: "";
        display: block;
        width: 1em;
        height: 1em;
        background: url(../../img/kurapital/light-mark.webp) center center no-repeat;
        background-size: contain;
        position: absolute;
        left: -1em;
        bottom: 0;
    }
    h2.title .title-txt3:after {
        content: "";
        display: block;
        width: 1em;
        height: 1em;
        background: url(../../img/kurapital/light-mark.webp) center center no-repeat;
        background-size: contain;
        position: absolute;
        right: -1em;
        transform: scaleX(-1);
        bottom: 0;
    }
    /* ================================= 
    header start 
    ================================= */
    #header .contents  {
        display: flex;
        justify-content: space-between;
        padding: 0;
        height: 41px;
    }
    div#siteId a {
        display: flex;
        height: 100%;
        align-items: center;
    }
    div#siteId a img{
        height: 70%;
        width: auto;
    }
    .header_contact {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 149px;
        min-width: 250px;
        position: relative;
        box-sizing: border-box;
    }
    .call-header.sp {
        position: absolute;
        right: 0;
        top: 0;
        width: 149px;
        z-index: 1;
    }
    .cont {
        position: relative;
        right: 0;
        background: #A92525;
        padding: 10px 2px 5px;
        font-weight: bold;
        color: #ffffff;
        font-size: 24px;
        top: -20px;
        text-align: center;
        line-height: 1;
    }
    .cont span{
        font-size: 15px;
    }
    /* ================================= 
    first-view-up start 
    ================================= */
    .first-view-up{
        background: url(../../img/kurapital/firstView_text_bg.webp), linear-gradient(180deg, #FFC93D 0%, rgba(255, 201, 61, 0.23) 100%) ;
        background-size: contain;
        padding: 10px 0 20px 0;
    }
    .first-view-up .set-width{
        padding: 0;
        display: flex;
        justify-content: space-between;
    }
    .first-view-up img {
        max-width: 100%;
        width: 100% !important;
    }
    .call-first-view-sp {
        text-align: center;
        margin-top: -50px;
        width: 95%;
        margin-left: auto;
    margin-right: auto;
    }
    p.first-view-note-sp.set-width {
        font-size: max(2vw, 12px);
        text-align: left;
        padding-left: 1em;
        text-indent: -1em;
        color: #675E48;
    }
    .FV-right {
        max-width: 63vw;
        font-size: 0;
    }
    .right-contents {
        position: absolute;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .catch-copy {
        font-size: min(32vw, 185px);
        line-height: 1;
        font-family: "Mochiy Pop One", sans-serif;
        -webkit-text-stroke: #fff min(2.5vw, 15px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        left: 10px;
        filter: drop-shadow(0.6vw 1vw 2px rgba(0, 0, 0, 0.41));
        max-width: 37vw;
    }
    .catch-copy .text-5:after {
        content: "安心施工";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
        width: 1em;
        top: 0;
    }
    
    /* ---------------- ページのカテゴリ文字制御 start ---------------- */
    .cat {
        font-size: 0;
        line-height: 1;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: bold;
        -webkit-text-stroke: #48370A min(2vw, 5px);
        display: flex;
        position: relative;
        right: 0;
        padding-right: 5px;
        align-items: flex-end;
    }
    .cat:after {
        content: "";
        display: block;
        width: 48vw;
        height: 25px;
        background: #48370A;
        border-radius: 25px 0 0 0;
        position: absolute;
        bottom: -13px;
        right: 0;
        z-index: 0;
    }
    .cat span.text-6 {
        font-size: min(10vw, 38px);
        line-height: 1;
        color: #fff;
        position: relative;
        z-index: 1;
    }
    .cat span.text-7 {
        font-size: min(5vw, 24px);
        line-height: 1;
        color: #fff;
        position: relative;
        -webkit-text-stroke: #48370A min(2vw, 5px);
        z-index: 1;
    }
    .cat span.text-7:after {
        content: "のトラブル";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }

    /* 電気 */
    .lp_denki .cat span.text-6:after {
        content: "電気";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }
    /* エアコン */
    .lp_aircon ul.service-list{
        top: 2vw;
    }
    .lp_aircon .cat{
        align-items: center;
        flex-direction: column;
        right: 3vw;
    }
    .lp_aircon .cat:after{
        height: 35px;
        border-radius: 35px 0 0 0;
        bottom: -7px;
        right: -3vw;
    }
    .lp_aircon .cat span.text-6 {
        font-size: min(10vw, 49px);
    }
    .lp_aircon .cat span.text-7 {
        font-size: min(5vw, 24px);
        -webkit-text-stroke: #48370A min(1.3vw, 8px);
    }
    .lp_aircon .cat span.text-6:after {
        content: "エアコン";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }
    
    /* アンテナ */
    .lp_antenna ul.service-list{
        top: 2vw;
    }
    .lp_antenna .cat{
        align-items: center;
        flex-direction: column;
        right: 3vw;
    }
    .lp_antenna .cat:after{
        height: 35px;
        border-radius: 35px 0 0 0;
        bottom: -7px;
        right: -3vw;
    }
    .lp_antenna .cat span.text-6 {
        font-size: min(10vw, 49px);
    }
    .lp_antenna .cat span.text-7 {
        font-size: min(5vw, 24px);
        -webkit-text-stroke: #48370A min(1.3vw, 8px);
    }
    .lp_antenna .cat span.text-6:after {
        content: "アンテナ";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }
    
    /* インターホン */
    .lp_intercom ul.service-list{
        top: 2vw;
    }
    .lp_intercom .cat{
        align-items: center;
        flex-direction: column;
    }
    .lp_intercom .cat:after{
        height: 35px;
        border-radius: 35px 0 0 0;
        bottom: -7px;
    }
    .lp_intercom .cat span.text-6 {
        font-size: min(7vw, 49px);
    }
    .lp_intercom .cat span.text-7 {
        font-size: min(5vw, 24px);
        -webkit-text-stroke: #48370A min(1.3vw, 8px);
    }
    .lp_intercom .cat span.text-6:after {
        content: "インターホン";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }
    
    /* コンセント */
    .lp_outlet ul.service-list{
        top: 2vw;
    }
    .lp_outlet .cat{
        align-items: center;
        flex-direction: column;
    }
    .lp_outlet .cat:after{
        height: 35px;
        border-radius: 35px 0 0 0;
        bottom: -7px;
    }
    .lp_outlet .cat span.text-6 {
        font-size: min(9vw, 49px);
    }
    .lp_outlet .cat span.text-7 {
        font-size: min(5vw, 24px);
        -webkit-text-stroke: #48370A min(1.3vw, 8px);
    }
    .lp_outlet .cat span.text-6:after {
        content: "コンセント";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }
    
    /* スイッチ */
    .lp_switch ul.service-list{
        top: 2vw;
    }
    .lp_switch .cat{
        align-items: center;
        flex-direction: column;
        right: 3vw;
    }
    .lp_switch .cat:after{
        height: 35px;
        border-radius: 35px 0 0 0;
        bottom: -7px;
        right: -3vw;
    }
    .lp_switch .cat span.text-6 {
        font-size: min(10vw, 49px);
    }
    .lp_switch .cat span.text-7 {
        font-size: min(5vw, 24px);
        -webkit-text-stroke: #48370A min(1.3vw, 8px);
    }
    .lp_switch .cat span.text-6:after {
        content: "スイッチ";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }
    
    /* 換気扇 */
    .lp_ventilator ul.service-list{
        top: 2vw;
    }
    .lp_ventilator .cat{
        align-items: center;
        flex-direction: column;
        right: 7vw;
    }
    .lp_ventilator .cat:after{
        height: 35px;
        border-radius: 35px 0 0 0;
        bottom: -7px;
        right: -7vw;
    }
    .lp_ventilator .cat span.text-6 {
        font-size: min(10vw, 49px);
    }
    .lp_ventilator .cat span.text-7 {
        font-size: min(5vw, 24px);
        -webkit-text-stroke: #48370A min(1.3vw, 8px);
    }
    .lp_ventilator .cat span.text-6:after {
        content: "換気扇";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }

    /* 漏電 */
    .lp_leakage .cat span.text-6:after {
        content: "漏電";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }

    /* 照明 */
    .lp_light .cat span.text-6:after {
        content: "照明";
        -webkit-text-stroke: 0;
        position: absolute;
        left: 0;
    }
    /* ---------------- ページのカテゴリ文字制御 end ---------------- */
    ul.service-list li {
        background: #fff;
        border-radius: 5px;
        margin-top: 2vw;
        border: 1px solid #D0D0D0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        font-size: max(3.3vw, 12px);
        font-weight: bold;
        font-family: "Kosugi Maru", sans-serif;
        position: relative;
        right: 2vw;
    }
    ul.service-list {
        position: relative;
        top: 4vw;
    }
    ul.service-list img {
        width: 20vw !important;
        height: auto;
        margin: 0 3px;
    }
    p.service-name {
        width: 22vw;
        line-height: 1.2;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: 1px solid #D0D0D0;
        height: 4em;
        text-align: center;
    }
    /* ================================= 
    理由大公開 start 
    ================================= */
    .reason_of_price_banner_girl img{
        width: 100%;
        top: -25px;
    }
    .reason-of-today h2.title {
        margin: 0 0 20px;
    }
    .js-wrapper {
        padding: 20px 0 50px;
    }
    ul.reason-content {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        padding: 0 8px;
    }
    ul.reason-content li {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    ul.reason-content li > img {
        height: min(33.5vw, 445px);
        width: auto;
    }
    .reason-txt {
        font-size: min(4.5vw, 34px);
        font-family: "Kosugi Maru", sans-serif;
        text-align: center;
        line-height: 1.5;
        position: absolute;
    }
    .reason-txt p {
        margin-bottom: min(3.5vw, 20px);
    }
    .reason-txt span {
        font-size: min(7.5vw, 45px);
        color: #E32525;
        font-weight: bold;
    }
    li.reason1 .reason-txt {
        bottom: min(12vw, 92px);
    }
    li.reason2 {
        margin-top: -42px;
    }
    li.reason2 .reason-txt {
        right: min(5vw);
    }
    li.reason3 {
        margin-top: -30px;
    }
    li.reason3 .reason-txt {
        left: min(4vw);
    }
    li.reason4 {
        margin-top: -20px;
    }
    li.reason4 .reason-txt {
        right: min(14vw);
        bottom: min(10vw);
    }
    li.reason5 {
        margin-top: -25px;
    }
    li.reason5 .reason-txt {
        left: min(8vw);
        bottom: min(18vw);
    }
    img.logo2 {
        width: min(50vw);
    }
    .reason-detail {
        padding: 0;
    }
    .reason-detail img {
        width: 100%;
    }
    /* ================================= 
    実績件数 start 
    ================================= */
    section.num-of-achievements.set-width{
        padding: 0;
    }
    section.num-of-achievements > div p {
        font-size: 46px;
        display: block !important;
        position: relative;
        font-weight: bold;
        z-index: 1;
    }
    .achievements-num-of-last-month {
        width: 50%;
        position: absolute;
        right: 10%;
        top: 12%;
        text-align: center;
    }
    
    .achievements-num-of-last-month:before {
        content: "※対象期間:2024年1月～6月";
        display: block;
        position: absolute;
        bottom: -12%;
        padding-left: 13% !important;
        box-sizing: border-box;
        font-size: 12px;
        z-index: 1;
        color: #48370A;
    }
    .achievements-num-of-last-month p{
        position: relative;
    }
    
    .achievements-num-of-last-month p:after{
        content: "";
        display: block;
        width: 0.6em;
        height: 1.1em;
        background: url(../../img/kurapital/tree-white.webp) right no-repeat;
        position: absolute;
        right: -10px;
        top: 10px;
        background-size: contain;
    }
    .achievements-num-of-last-month p:before{
        content: "";
        display: block;
        width: 0.6em;
        height: 1.1em;
        background: url(../../img/kurapital/tree-white.webp) left no-repeat;
        position: absolute;
        left: -10px;
        top: 10px;
        transform: rotateY(180deg);
        background-size: contain;
    }
    .achievements-bg-for-sp,.achievements-bg-for-sp img{
        width: 100%;
        font-size: 0;
    }
    .achievements-bg-for-sp .achievements-txt1-sp {
        font-size: max(3vw, 11px) !important;
        position: absolute !important;
        text-align: center;
        right: 4%;
        bottom: 28%;
        font-family: "Kosugi Maru", sans-serif;
        font-weight: normal !important;
    }
    .banner-down {
        background: #A92525;
        color: #fff;
        font-size: min(4vw, 24px);
        padding: 10px 0 10px 37%;
        font-family: "Kosugi Maru", sans-serif;
        line-height: 3.2vw;
        position: relative;
    }
    span.founding-13years {
        line-height: 1.2;
        display: inline-block;
        background: url(../../img/kurapital/founding-13years-bk.webp) center center no-repeat;
        width: min(35vw, 200px);
        height: min(20vw, 110px);
        background-size: cover;
        color: #A92525;
        font-weight: bold;
        padding-top: 12px;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        bottom: calc(50% - 10vw);
        font-size: max(4vw, 18px);
        text-align: center;
    }
    .banner-down .num{
        font-size: min(6.5vw, 30px);
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-weight: bold;
    }
    /* ================================= 
    安心価格 start 
    ================================= */
    
    .reason-of-price {
        margin-top: 30vw;
        text-align: center;
    }
    .reason-of-price .title {
        position: relative;
        top: -20vw;
        margin: 0;
    }
    .title-txt2.price {
        -webkit-text-stroke: #fff 10px;
        position: relative;
        line-height: 1;
        display: inline-block;
    }
    .title-txt2.price:after {
        content: "安心価格！";
        position: absolute;
        left: 0;
        -webkit-text-stroke: 0;
    }
    .reason-of-price .contents {
        display: grid;
        grid-template-columns: 1fr;
        gap: 50px;
        padding: 0;
        font-size: 0;
        overflow: hidden;
        padding-bottom: 5px;
        margin-top: -3vw;
    }
    .price-reason{
        position: relative;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .price-reason img{
        position: absolute;
        left: -4vw;
        bottom: 0;
        z-index: 1;
        width: min(27vw, 139px);

    }
    p.item_ttl {
        padding-left: min(23vw, 139px);
        font-size: min(5vw, 25px);
        font-weight: bold;
        color: #fff;
        text-shadow: 0 4px 4px rgb(0 0 0 / 20%);
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        font-family: "Noto Sans JP", sans-serif;
    }
    p.item_ttl span {
        font-size: min(6vw, 20px);
        background: #48370A;
        padding: 3px 10px;
        margin: 0 5px;
        line-height: 1.5;
    }
    p.item_txt {
        width: calc(100% - 8px);
        background: #FFFFEB;
        padding: 10px 15px 10px min(23vw, 139px);
        box-sizing: border-box;
        border-radius: 0 50px 50px 0;
        text-align: center;
        font-family: "Kosugi Maru", sans-serif;
        font-size: max(4.7vw, 16px);
        box-shadow: 0 4px 4px rgb(0 0 0 / 20%);
        line-height: 1.5;
    }
    p.item_txt span {
        color: #E32525;
    }

    .price-reason:nth-child(odd) {
        align-items: flex-end;
    }
    .price-reason:nth-child(odd) img {
        right: -4vw;
        left: unset;
        transform: scaleX(-1);
    }
    .price-reason:nth-child(odd) .item_ttl {
        padding-right: min(23vw, 139px);
        padding-left: 0;
    }
    .price-reason:nth-child(odd) p.item_txt {
        border-radius: 50px 0 0 50px;
        padding: 10px min(23vw, 139px) 10px 10px;
    }
    /* ================================= 
    コンタクト start 
    ================================= */
    .contact {
        background: #FFE03D;
        padding: 50px 8px;
        text-align: center;
    }
    .contact > div{
        padding: 0;
    }
    .contact .line-button{
        margin-right: 20px;
    }
    .contact .line-mail {
        display: flex;
        margin-top: 20px;
        justify-content: center;
    }
    /* ================================= 
    不安・疑問解消 start 
    ================================= */
    .QA {
        margin-bottom: 50px;
    }
        
    .QA .title {
        margin-bottom: 20px;
    }
    p.question span {
        background: #FAB400;
        display: inline-flex;
        width: 2em;
        height: 2em;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        color: #fff;
        position: absolute;
        left: 10px;
        font-size: 16px;
    }
    p.question span strong {
        font-size: 20px;
        position: relative;
        top: -2px;
    }
    p.question:after {
        background: url(../../img/kurapital/Vector.webp) no-repeat center center;
        background-size: 1em;
        content: "";
        display: inline-block;
        height: 1.5em;
        position: absolute;
        right: 10px;
        transition: transform .5s;
        width: 1.5em;
        border-radius: 50%;
        top: calc(50% - 14px);
    }
    .QA .contents{
        margin-top: 2.5em;
        padding: 10px;
    }
    p.question {
        font-weight: bold;
        position: relative;
        font-size: 18px;
        padding: 20px 50px 20px 60px;
        line-height: 1.5;
    }

    /* ================================= 
    自社工事部 start 
    ================================= */
    .construction-text {
        padding: 0 16px;
    }
    section.construction-department .set-width {
        padding: 0;
    }
    .construction-point {
        width: 100%;
        margin-bottom: 50px;
    }
    .construction-point-text {
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        padding: 5px 0 5px 160px;
        box-sizing: border-box;
        position: relative;
    }
    .construction-point2 .construction-point-text {
        padding: 5px;
    }
    p.construction-point-text span {
        font-size: 18px;
    }
    .construction-point1 .construction-text div {
        float: left;
        height: 40px;
        width: 150px;
    }
    .construction-point1 .construction-text img {
        position: relative;
        top: -80px;
        left: -16px;
    }
    .construction-point2 .construction-text div {
        float: right;
        height: 40px;
        width: 150px;
    }
    .construction-point2 .construction-text img{
        position: relative;
        top: -70px;
    }
    .construction-point3 .construction-text div {
        float: left;
        height: 40px;
        width: 150px;
    }
    .construction-point3 .construction-text img{
        position: relative;
        top: -95px;
        left: -16px;
    }
    /* ================================= 
    提携会社 start 
    ================================= */
    section.partner-company .contents ul {
        display: grid;
        grid-template-columns: 1fr;
        font-size: 16px;
        text-align: center;
    }
    .partner-company .contents{
        padding: 16px 0 50px;
    }
    .partner-company .contents div{
        max-height: 300px;
        overflow-y: scroll;
        padding: 16px;
    }

    /* ================================= 
    依頼までの流れ start 
    ================================= */
    .flow{
        padding-top: 20px;
        margin-top: 30px;
    }
    .flow .title{
        margin-top: 0;
    }
    .js-item-flow {
        overflow: scroll;
    }
    .js-item-flow img {
        height: 350px;
        width: auto;
        max-width: unset;
    }
    .flow > p {
        font-size: 13px;
    }
    .step-content{
        width: 725px;
    }
    .step-content img{
        width: 100%;
        height: auto;
    }
    .process {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }
    .process img {
        height: 272px;
        width: auto;
    }
    .steps {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    p.flow-txt1 {
        position: absolute;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        top: 8px;
    }
    
    p.flow-txt2 {
        position: absolute;
        font-size: 18px;
        font-family: "Kosugi Maru", sans-serif;
        font-weight: bold;
        top: 56px;
        text-align: center;
    }
    /* ================================= 
    アフターサービス start 
    ================================= */
    .after-service > p {
        text-align: left;
        font-size: 13px;
        padding: 0 16px;
    }

    .after-service {
        background: #EFF8F9;
        padding: 50px 0;
        margin-top: 50px;
    }
    /* ================================= 
    対応エリア start 
    ================================= */
    .area > p {
        font-size: 13px;
    }
    /* ================================= 
    会社概要 start 
    ================================= */
    .company {
        font-size: 16px;
        margin-bottom: 50px;
    }

    /* ================================= 
    footer start 
    ================================= */
    footer .other_link li{
        width: 100%;
        text-align: center;
    }
       
    .footer2 ul li{
        border: none !important;
    }
    /* ================================= 
    フッター電話ボタン start 
    ================================= */
    .tap {
        bottom: 0;
        box-sizing: border-box;
        left: 0;
        position: fixed;
        transition: .5s;
        width: 100%;
        z-index: 10;
        font-size: 0;
    }
    .tap.hide {
        transform: translateY(100%);
    }
    .tap a{
        display: block;
    }
    .tap img{
        width: 100%;
    }



    /* ================================= 
    漏電 start 
    ================================= */
    .first-view-up{
        background: url(../../img/kurapital/firstView_text_bg_kyukou.webp), linear-gradient(180deg, #FFC93D 0%, rgba(255, 201, 61, 0.23) 100%) ;
        background-size: contain;
    }
    
    .guidance-possible.sp {
        display: inline-block;
        text-align: right;
        font-weight: bold;
        position: absolute;
        right: 0;
        z-index: 1;
        background: #FFED4B;
        /* border: 2px solid #FAB400; */
        border-radius: 10px 0 0 10px;
        border-right-width: 0;
        line-height:1.4;
        top: min(53vw, 250px);
        transform: translateX(120%);
        animation:guidance-possible-sp 0.5s 0.5s cubic-bezier(0.48, 0.04, 1, 1) forwards;
    }
    .guidance-possible.sp a {
        display: block;
        font-size: 4vw;
        padding: 3vw 2vw 1vw 7vw;
        width: 37vw;
    }
    .guidance-possible.sp a p{
        display: block;
        line-height: 1.2;
    }

    .guidance-possible.sp .guidance {
        font-size: 6vw;
        color: #FF2E00;
        letter-spacing: -1px;
    }
    .guidance-possible.sp .running-worker {
        position: absolute;
        left: -8vw;
        width: min(23vw, 110px) !important;
        top: -1vw;
    }
}

@media (max-width: 700px ) and ( min-width: 540px){
    
    .guidance-possible.sp {
        top: 48vw;
    }
    /* ================================= 
    依頼までの流れ start 
    ================================= */
    .js-item-flow img {
        width: 100%;
        height: auto;
    }
}

@keyframes guidance-possible-sp {
    from{
        transform: translateX(120%);
    }
    to {
        transform:translateX(0);
    }
}


/* 景表法注釈 */
a.introS_4:after {
    content: "※提携の電気工事業者がお伺いすることがあります";
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 12px;
    bottom: max(-28vw, -51px);
    color: #675E48;
    font-weight: normal;
    z-index: 1;
}