@charset "utf-8";

@import url("./common.css");

:root{
    --font-family-bold: noto-sans-cjk-jp, sans-serif;
    --font-family-medium: noto-sans-cjk-jp, sans-serif;
    --font-family-regular:  noto-sans-cjk-jp, sans-serif;
    --font-family-demilight:  noto-sans-cjk-jp, sans-serif;
    --font-family-light:  noto-sans-cjk-jp, sans-serif;
    --font-family-thin:  noto-sans-cjk-jp, sans-serif;

    --font-size-sec-title: 3.96vw;

    --font-size-xx-large: 5.33vw;   /* 40px */
    --font-size-x-large: 4.8vw;   /* 36px */
    --font-size-large: 4vw;     /* 30px */
    --font-size-normal: 3.73vw; /* 28px */
    --font-size-small: 3.2vw;   /* 24px */
    --font-size-x-small: 2.93vw;    /* 22px */
    --font-size-xx-small: 2.66vw;   /* 20px */

    --font-color-sec-title: white;
    --font-color-text: #666666;
    --font-color-highlight: #48b6b8;
    --font-color-impact: #e25d27;
    --font-color-regular: #9a671e;


    --line-height-more-narrow: 4.8vw;   /* 36px */
    --line-height-narrow: 5.87vw;   /* 44px */
    --line-height-default: 7.33vw;  /* 55px */
    --line-height-large: 8vw;   /* 60px */
        
    --border-color-form: #f3f2e5;
    --border-color-form-qa: #a8a68e;
    --border-color-dashed: #9a671e;

    --bg-color-default: white;
    --bg-color-section-title:#48b6b8;
    --bg-color-block-tel: #a7a48d;
    --bg-color-yellow: #fdf9f0;

    --bg-color-stlipe: linear-gradient(
        -45deg,
        #dddddd 25%,
        #cccccc 25%,
        #cccccc 50%,
        #dddddd 50%,
        #dddddd 75%,
        #cccccc 75%,
        #cccccc
    );
    --bg-color-stlipe-yellow: linear-gradient(
        -45deg,
        #f9eed2 25%,
        #fcf7eb 25%,
        #fcf7eb 50%,
        #f9eed2 50%,
        #f9eed2 75%,
        #fcf7eb 75%,
        #fcf7eb
    );
    --bg-color-stlipe-brown: linear-gradient(
        45deg,
        #a6a58c 25%,
        #aba992 25%,
        #aba992 50%,
        #a6a58c 50%,
        #a6a58c 75%,
        #aba992 75%,
        #aba992
    );
    --box-height-h2: 10.67vw;
    --box-height-cv: 21.73vw;
}


.background{
    width: 100%;
    margin: 0 auto;
    
    background-color: var(--bg-color-default);
}

/* =========== コンテンツ（セクション） ========== */
    .c-cont{
        position: relative;
        width: 100vw;
        margin: 0;
        display: block;
    }
    .c-cont_inner{
        width: 90%;
        margin: 0 5%;
        display: block;
    }
    .c-cont_h1{
        width: 100%;
        margin: 2vw 0 15vw;
        display: block;
    }
    .c-cont_h1 > h1{
        text-align: left;
        margin: 0;
        --line-height-px: 60;
        line-height: calc((var(--line-height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }
    .c-cont_h1 > h1 > img{
        width: 44.67vw;
        margin: auto 0 auto 4.53vw;
        padding: 3px 0 3px 0;
    }


/* =========== テキストコンテンツ ========== */

    /* テキストコンテンツ（汎用） */
    .c-text{
        display: block;
    }
    .c-text > p{ margin: 0; }

    /* テキストコンテンツ（中央） */
    .c-text_center{
        display: block;
        text-align: center;
    }
        .c-text_center > p{ margin: 0; }

    /* テキストコンテンツ（タイトル用） */
    .c-text_title{
        display: block;
        text-align: center;
    }
        .c-text_title > h2{ 
            width: 72vw;
            max-width: 540px;
            border-bottom: 1px solid var(--color-brown);
            margin: 0 auto;
            padding-bottom: calc((20/750) * 100vw);
        }
        .c-text_title > h3{ margin: 0; }

    /* テキストコンテンツ（大きめ用） */
    .c-text_gt{
        display: block;
    }
        .c-text_gt > p{
            margin: 0;
        }





.c-cont_text_regular{
    display: block;
}
.c-cont_text_regular > p{
    font-family: var(--font-family-regular);
    font-weight: 400;
    font-size: 3.73vw;
    color: var(--font-color-regular);
    line-height: 5vw;
    margin: 0;
}
.c-cont_text_regular > p > strong{
    color: var(--color-impact);
}
.c-cont_text_thin{
    display: block;
}
.c-cont_text_thin > p{
    font-family: var(--font-family-thin);
    font-weight: 100;
    font-size: 2.93vw;
    color: var(--color-brown);
    line-height: 4.53vw;
    margin: 0;
}
.c-cont_text_demilight{
    display: block;
}
.c-cont_text_demilight > p{
    font-family: var(--font-family-demilight);
    font-weight: 300;
    font-size: 3.73vw;
    line-height: var(--line-height-default);
    margin: 0;
}
.c-cont_text_demilight > p > strong{
    color: var(--color-impact);
}
.c-cont_text_light{
    display: block;
}
.c-cont_text_light > p{
    font-family: var(--font-family-light);
    font-weight: 200;
    font-size: 3.47vw;
    line-height: 6.4vw;
    margin: 0;
}

.text-color_white{
    color: var(--color-white);
}
.text-color_impact{
    color: var(--color-impact);
}

.c-cont_text_title{
    width: 72vw;
    max-width: 540px;
    border-bottom: 1px solid var(--color-brown);
    display: block;
    margin: 0 auto;
    text-align: center;
}
.c-cont_text_title > h2{
    font-family: var(--font-family-regular);
    font-weight: 400;
    font-size: 4.8vw;
    line-height: 7.33vw;
    color: var(--color-brown);

    margin: 3.3vw auto;
}

/* Text-Size */
.font-size-large{
    font-size: var(--font-size-large);
}


.font-color-brown{
    color: var(--color-brown);
}
.font-color-impact{
    color: var(--color-impact);
}





/* ============= 属性付与 ============ */
    .att-float_left{
        float: left;
    }

    .att-position_fixed{
        position: fixed;
    }


/* ============= ブロックコンテンツ =============  */
    .c-block_full{
        position: relative;

        width: 100%;
        margin: 0;
        display: inline-block;
    }
    .c-block_full_middle_90{
        width: 100%;
        margin: 5vw 0;
        display: inline-block;

        margin-bottom:32px;
    }
    .c-block_half{
        width: 50%;
        margin: 0;
        display: inline-block;
    }
    .c-block_center_95{
        width: 95%;
        margin: auto 2.5%;
        display: inline-block;
    }
    .c-block_center_90{
        width: 90%;
        margin: 0 5%;
        display: inline-block;        
    }
    .c-block_center_80{
        width: 80%;
        margin: 0 10%;
        display: inline-block;
    }
    .c-block_center_middle_80{
        width: 80%;
        margin: 5% 10%;
        display: inline-block;
    }
    .c-block_center_middle{
        width: 90%;
        margin: 5% 5%;
        display: inline-block;
    }
    .c-block_center_middle_90_95{
        width: 90%;
        margin: 2.5% 5%;
        display: inline-block;
    }

/* ============= フォントスタイル =============  */

    /* フォントスタイル（汎用タイトル用） */
    .font-style_title{
        font-family: var(--font-family-regular);
        font-weight: 400;
        color: var(--color-brown);
    }
        .font-style_title > h2{
            font-size: var(--font-size-x-large);
            line-height: 7.33vw;
        }

    /* フォントスタイル（大きめ用） */
    .font-style_gt{
        font-family: var(--font-family-medium);
        font-weight: 500;
    }
        .font-style_gt > p{
            font-size: 5.87vw;
            color: var(--color-green);
            line-height: calc((65/750) * 100vw);
        }
            .font-style_gt > p > strong{
                color: var(--font-color-impact);
            }
                .font-style_gt > p > strong > b{
                    font-size: 8vw;       
                    background-image: url("/img/lp_shop/icon-font-impact.png");
                    background-repeat: no-repeat;
                    background-size: 4vw 4vw;
                    background-position: 100% 0;
                    padding-right: 1.5vw;
                }

    /* フォントスタイル（メッセージ用） */
    .font-style_message{
        font-family: var(--font-family-light);
        font-weight: 200;
        font-size: var(--font-size-normal);
        line-height: 6.4vw; /* 48px */
    }
        .font-style_message > p{
            color: var(--color-darkbrown);
        }
        .font-style_message > p > strong{
            color: var(--color-impact);
        }

    /* フォントスタイル（太字） */
    .font-style_bold{
        font-family: var(--font-family-bold);
        font-weight: 700;
        font-size: var(--font-size-normal);
        line-height: var(--font-size-normal);   
    }
        .font-style_bold > p{
            color: var(--color-gray);
        }

    /* フォントスタイル（強調） */
    .font-style_impact{
        font-family: var(--font-family-medium);
        font-weight: 500;
        font-size: var(--font-size-xx-large);
        line-height: var(--line-height-large);
    }
        .font-style_impact > p{
            color: var(--color-gray);
            margin: 0;
        }
        .font-style_impact > p > strong{
            color: var(--color-impact);
        }








/* *********** ヘッダ固有 ************ */

    /* 背景 */
    .bg_image_header{
        background-image: url("/img/lp_shop/bg-fv-sp.jpeg");
        background-repeat: no-repeat;
        background-size: cover; 
        background-position: center;
    }

    .c-cont_header{
        position: relative;
        width: 100vw;
        margin: 0;
        display: block;

        --margin-bottom-px: 50;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }

    /* ブロック */
    .c-block_header{
        position: relative;

        width: 100%;
        --height-px: 906;
        height: calc((var(--height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        padding-bottom:24px;

        margin: 0;
        text-align: center;

        display: inline-block;
        --margin-bottom-px: 13;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }

    .c-block_header_area{
        /*
        width: 90%;
        margin: 5% 5%;
        display: inline-block;
        text-align: right;

        position: relative;
        */

        width: 100%;
        margin: 0;
        padding: 10px 4px 0;
        box-sizing: border-box;
        text-align: right;
    }
        .c-block_header_area:first-child{
            padding: 10px 4px 20px;
        }
        .c-block_header_area:nth-child(1){
            padding: 50px 12px 0;
        }

    .c-block_header_message{
        width: 100%;
        margin: 0;
        display: inline-block;
    }

    /* フォントスタイル（ヘッダ飾り文字エリア） */
    .font-style_header_area01{
        font-size: 6.17vw;  /* 46.28px */
        line-height: 1.3em;
        color: white;
    }
        .font-style_header_area01 > p{
            font-family: var(--font-family-bold);
            font-weight: 700;
            text-shadow: 2px 2px  #250202;
            margin: 0;
        }

    /* フォントスタイル（ヘッダ飾り文字エリア） */
    .font-style_header_area02{
        writing-mode: vertical-lr;
        text-orientation: upright;
        font-family: var(--font-family-bold);
        font-weight: 700;
        text-shadow: 2px 2px #250202;
        display: inline-block;
        position: relative;
    }
        .font-style_header_area02 > p{
            color: var(--color-white);
            text-shadow: -2px 2px #250202;
            font-size: 6.67vw;  /* 50px */
            line-height: 1.5em;
            letter-spacing: 0.25rem;
        }
        .font-style_header_area02 > p > strong{
            font-family: 'Arial Black',sans-serif;
            writing-mode: horizontal-tb;
            color: var(--color-impact);
            font-size: 36.7vw;
            line-height: 29vw;
            text-shadow: 2px 2px #250202;

            position: relative;
        }
        .font-style_header_area02 > p > strong > em{
            position: absolute;
            right: 18%;
            top: 50%;
            transform: translate(0, -50%);

            writing-mode: vertical-lr;
            text-orientation: upright;
            font-family: var(--font-family-bold);
            font-weight: 700;
            text-shadow: none;
            display: inline-block;

            --font-size-px: 35.22;
            font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

            color: var(--color-white);
            line-height: 1em;
        }
        .font-style_header_area02 > img{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

            --width-px: 163;
            width: calc((var(--width-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        }


    /* フォントスタイル（アピール） */
    .font-style_header_appeal{
        font-family: var(--font-family-bold);
        font-weight: 700;
        color: white;
        text-shadow: 2px 2px #250202;
        padding-top:20px;
    }
        .font-style_header_appeal > p {
            font-size: 6.17vw;
        }
        .font-style_header_appeal > p > strong{
            font-size: 7.47vw;
        }

    /* フォントスタイル（告知） */
    .font-style_header_annaunce{
        font-family: var(--font-family-demilight);
        font-weight: 300;
        font-size: var(--font-size-small);
        color: var(--color-gray);

        display: flex;
        justify-content: center;
        align-items: center;
    }
        .font-style_header_annaunce > p{
            display: inline-block;
        }
        .font-style_header_annaunce > img{
            width: 35.73vw;
        }

    /* フォントスタイル（メッセージ） */
    .font-style_header_message{
        font-family: var(--font-family-bold);
        font-weight: 700;
    }
        .font-style_header_message > p{
            font-size: 3.96vw;
            color: var(--color-gray);
        }
        .font-style_header_message > p > strong{
            font-size: 5.1vw;
            color: var(--color-impact);
        }




/* *********** Section固有（CV） ************ */

    #cv-float{
        position: fixed;
        display: block;
    }
    #cv-static{
        display: block;
    }

    /* block */
    .c-block_left_30{
        width: 30%;
        float: left;
    }
    .c-block_left_70{
        width: 70%;
        float: left;
    }
    .c-block_cv_button{
        width:50%;

        margin: 0;
        --margin-bottom-px: 15;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        display: inline-block;
    }
    .c-block_cv{
        width: 100%;
        top: 0;
        margin: 0 auto;
        z-index: 50;
        display: inline-block;
    }

    /* フォントスタイル（CVボタン） */
    .font-style_cv_button{
        font-family: var(--font-family-medium);
        font-weight: 500;
        font-size: var(--font-size-normal);
        color: var(--color-white);
    }
        .font-style_cv_button > a{
            text-decoration: none;
            margin: 0;
            padding-left: 15.86vw;
            line-height: 12vw;  /* 90px */
            color: white;
        }

    .cv-tel{
        background-image: url("/img/lp_shop/icon-cv-tel.png");
        background-repeat: no-repeat;
        background-size: 11.06vw 11.47vw;
        background-position: 1.87vw 2.13vw;
    }
    .cv-form{
        background-image: url("/img/lp_shop/icon-cv-form.png");
        background-repeat: no-repeat;
        background-size: 11.33vw 9.6vw;
        background-position: 1.86vw 2.93vw;
    }
    

/* =========== CV =========== */
.c-cont_cv{
    position: fixed;

    width: 100vw;
    bottom: 0;
    margin: 0;
    z-index: 50;
}
.font-style_cv{
    width: 100vw;
    font-size: var(--font-size-small);
    line-height: 6.4vw; /* 48px */
    color: var(--color-gray);
}
.font-style_cv > p{
    font-family: var(--font-family-bold);
    font-weight: 700;
}
.cv-area p{
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 3.2vw;
    color: #666666;
    height: 30.6%;
    margin: 0 auto;
}
.cv-button{
    display: inline-block;
    width: 49.25%;
    height: 55.21%;
}
.tel{
    background-color: #e25d27;
    background-image: url("/img/lp_shop/icon-tel.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.cv-button a{
    font-family: var(--font-family-medium);
    font-size: 3.96vw;
    line-height: 12vw;
    color: white;
    text-decoration: none;
    margin: auto 0 auto 15.86vw;
}
.form{
    background-color: #48b6b8;
    background-image: url("/img/lp_shop/icon-form.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}






/* *********** Section固有（TOPへボタン） ************ */
    
    .button_to_top{
        position: fixed;
        right: calc((8/750) * 100vw);
        bottom: calc((180/750) * 100vw);

        width: calc((120/750) * 100vw);
        height: calc((120/750) * 100vw);
        border-radius: 45px;

        display: block;
        text-align: center;

        background-color: var(--color-green);
    }
    .button_to_top > a{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        font-family: var(--font-family-regular);
        font-weight: 400;
        font-size: calc((32/750) * 100vw);
        line-height: calc((32/750) * 100vw);
        color: var(--color-white);
        text-decoration: none;
    }
    .color-reverse{
        background-color: var(--color-white) !important;
    }
    .color-reverse > a{
        color: var(--color-green) !important;
    }
  



/* *********** Section固有（お悩み） ************ */

    /* ----- 背景 ----- */
    .bg_image_probrem_icon{
        background-image: url("/img/lp_shop/background-icon-probrem.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right bottom;   
    }

    .bg_image_probrem{
        position: relative;
        display: block;
    }
        .image_probrem_parallax{
            
            width: 100vw;
            height: 68vw;
            object-fit: cover;
        }

    /* コンテンツ */
    .c-cont_probrem{
        width: 100%;

        --margin-bottom-px: 90;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

        display: block;
    }
    
    /* block */
    .c-block_probrem{
        position: absolute;
        top: 0;
        left: 0;

        width: 90%;
        margin: 5% 5%;
        display: inline-block;
    }
    .c-block_title_probrem{
        width: 95%;

        --margin-top-px: 105;
        margin: calc((var(--margin-top-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px))) 2.5% 0 2.5%;
        
        display: inline-block;
    }
    .c-text_title_probrem{
        display: block;
        text-align: center;

        --margin-bottom-px: 154;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }

    /* ----- リストスタイル ----- */
    .list-style_probrem{
        
        list-style: none;
        padding-left: 5.33vw;   /* 40px */
    }
        .list-style_probrem > li {
            padding-top: 4.4vw;
            padding-left: 7.33vw;
            margin-bottom: 2.2vw;

            background: url("/img/lp_shop/icon-probrem-list.png") left 0 top 2.2vw no-repeat;
            background-size: 5.33vw 6.67vw;
        }

    /* ----- フォントスタイル ----- */
    .font-style_probrem{
        font-family: var(--font-family-light);
        font-weight: 200;
        font-size: var(--font-size-large);
        color: var(--color-brown);
        
        margin: 0;
        padding: 15px 20px 30px;
    }
        .font-style_probrem > li > p{
            margin: 0;
            line-height: var(--font-size-large);   /* 50px */
            padding-left: 2em;
            text-indent: -2em;
        }   
     






/* *********** Section固有（導入企業） ************ */

    /* ----- 背景 ----- */
    .bg_image_logo{
        background-image: url("/img/lp_shop/background-img-inst.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;  
        display: inline-block;
    }

    /* ----- コンテンツ ----- */
    .c-cont_inst_about{
        width: 100%;
        display: block;

        --margin-bottom-px: 6;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }

    /* ----- block ----- */
    .c-text_about{
        text-align: center;
        --margin-top-px: 140;
        --margin-bottom-px: 160;

        margin: calc((var(--margin-top-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px))) auto calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px))) auto;
    }
    .c-text_inst_title{
        display: block;
        text-align: center;

        --margin-top-px: 43;
        --margin-bottom-px: 68;

        margin: calc((var(--margin-top-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px))) auto calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px))) auto;
    }
        .c-text_inst_title > p{ margin: 0; }

    .c-text_inst_appeal{
        display: block;
        text-align: center;

        --margin-bottom-px: 33;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }
        .c-text_inst_appeal > p{ margin: 0; }

        
    .c-block_inst{
        width: 100%;
        display: inline-block;

        --margin-bottom-px: 80;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }
    .c-block_inst_imgs{
        width: 90%;
        margin: 0 5%;
        display: inline-block;
    }

    .c-block_inst_example{
        width: 24%;
        height: 21.3vw;
    
        margin: 0 4.1%;
        display: inline-block;
    }

    .c-block_inst_example_img{
        width: 100%;
        height: calc((118/750)*100vw);

        display: inline-block;
        text-align: center;
    }
        .c-block_inst_example_img > img{
            width: auto;
            max-height: calc((118/750)*100vw);
        }

    /* ----- フォントスタイル ----- */
    .font-style_inst > p{
        font-family: var(--font-family-medium);
        font-weight: 500;
    }
        .font-style_inst_title{
            text-align: center;
        }
        .font-style_inst_title > p{
            font-family: var(--font-family-medium);
            font-weight: 500;

            --font-size-px: 32px;
            font-size: var(--font-size);
            color: var(--color-brown);
        }

        .font-style_inst_example{
            text-align:center;
        }
            .font-style_inst_example > p{
                font-family: var(--font-family-light);
                font-weight: 200;
                font-size: var(--font-size-xx-small);
                color: var(--color-gray);
                line-height: var(--font-size-large);
            }

    .font-style_inst_appeal{
        text-align: center;
    }
        .font-style_inst_appeal > p{
            color: var(--color-gray);

            font-family: var(--font-family-regular);
            font-weight: 400;
            font-size: var(--font-size-large);
            line-height: 1.3rem;
        }
        .font-style_inst_appeal > p > strong{
            color: var(--color-impact);

            font-family: var(--font-family-medium);
            font-weight: 500;
            font-size: var(--font-size-xx-large);
        }




/* *********** Section固有（導入メリット） ************ */

    /* ----- 背景 ----- */
    .bg_image_merit{
        position: relative;
        padding: 24px 0 28px;
    }
    .image_merit_parallax{
        --width-px: 750;
        --height-px: 550;
        width: calc((var(--width-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        height: calc((var(--height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        object-fit: cover;
    }

    /* block */
    .c-block_merit{
        position: absolute;
        left: 0;
        top: 0;

        width: 90%;
        margin: 10% 5%;
        display: inline-block;

    }

    /* ----- フォントスタイル ----- */
    .font-style_title_merit{
        color: var(--color-white);
    }
        .font-style_title_merit > h3{
            font-family: var(--font-family-medium);
            font-weight: 500;

            --font-size-px: 30;
            font-size: var(--font-size-large);

            --line-height-px: 60;
            line-height: var(--line-height-large);
        }



    /* ----- フォントスタイル ----- */
    .font-style_merit{
        font-family: var(--font-family-light);
        font-weight: 200;
        font-size: var(--font-size-large);
        color: var(--color-brown);
        
    }
        .font-style_merit > li > p{
            margin: 0;
            line-height: 1.3rem;
            padding-left: 1em;
            text-indent: -1em;
        }   
        .font-style_merit > li > p > strong{
            color: var(--color-impact);
        }


    .list-style_merit{
        list-style: none;
        padding-left: 5.33vw;   /* 40px */

        margin-top: 0;
        padding-bottom: 10px;
    }
        .list-style_merit > li {
            padding-top: 4.4vw;
            padding-left: 7.33vw;
            margin-bottom: 2.2vw;

            background: url("/img/lp_shop/icon-merit.png") left 0 top 2.2vw no-repeat;
            background-size: 5.33vw 6.67vw;
        }




/* *********** Section固有（仕組み） ************ */
    /* コンテンツ */
    .c-cont_archtecture{
        width: 100%;
        display: block;

        --margin-bottom-px: 165;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }

    /* block */
    .c-block_archtecture_title{
        width: 100%;
        --margin-bottom-px: 60;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        display: inline-block;
    }

    .c-block_archtecture_comment{
        width: 100%;

        --margin-bottom-px: 45;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        display: inline-block;
    }

/* *********** Section固有（お客様の声） ************ */

    /* ----- コンテンツ ----- */
    .c-cont_voice{
        width: 100%;
        margin: 0;
        display: block;

        --margin-bottom-px: 165;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px))); 
    }

    /* ブロック */
    .c-block_voice{
        width: 100%;
        margin: 0;
        display: inline-block;

        position: relative;
    }

    /* レイアウト指定 */
    .voice_left{
        position: relative; 

        height: 21.2vw; /* 159px */
    }
        .voice_left > img{
            width: 22.8vw;  /* 171px */
            height: 21.2vw; /* 159px */

            position: absolute;
            left: 0;
            top: 10px;
        }
        .voice_left > div{
            position: absolute;
            bottom: 0;
            right: 0;

            width: 64.5vw;      /* 487px */
            height: 14.13vw;    /* 106px */

            text-align: left;
            background-image: url("/img/lp_shop/background-comment-left.png");
            background-repeat: no-repeat;
            background-size: contain;
        }

    .voice_right{
        position: relative; 

        height: 21.2vw; /* 159px */
    }
        .voice_right > img{
            width: 22.8vw;  /* 171px */
            height: 21.2vw; /* 159px */

            position: absolute;
            right: 0;
            top: 10px;
        }
        .voice_right > div{
            position: absolute;
            bottom: 0;
            left: 0;

            width: 64.5vw;      /* 487px */
            height: 14.13vw;    /* 106px */

            text-align: left;
            background-image: url("/img/lp_shop/background-comment-right.png");
            background-repeat: no-repeat;
            background-size: contain;
        }


    /* ----- フォントスタイル ----- */
    .font-style_voice{
        line-height: var(--line-height-more-narrow);
        font-size: var(--font-size-small);
    }
        .font-style_voice > p{
            font-family: var(--font-family-light);
            font-weight: 200;
            color: var(--color-white);

            margin: 2.2vw 5.2vw;    /* 39px */
        }
        .font-style_voice > span{
            position: absolute;
            top: -6.4vw;

            font-size: var(--font-size-xx-small);
            font-family: var(--font-family-thin);
            font-weight: 100;
            color: var(--color-gray);

            margin: 1.2vw 5.2vw; /* 9px */
        }



/* *********** Section固有（お得情報） ************ */
.c-cont_info{
    width: 100%;
    display: block;

    --margin-bottom-px: 120;
    margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
}    

    .c-block_info{
        width: 32%;
        margin: 0 0.5%;
        display: block;

        float: left;
    }
        .c-block_info > img{
            width: 100%;

            --margin-bottom-px: 24;
            margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        }
.c-block_info > p{
    width: 100%;
}
.c-block_info_text{
    width: 90%;
    background-color: rgba(255,255,255,0.8);
    display: inline-block;
}
.c-block_info_title{
    width: 100%;
    display: inline-block;

    --margin-bottom-px: 28;
    margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
}
.c-block_info_message{
    width: 100%;
    display: inline-block;

    --margin-bottom-px: 60;
    margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
}


    .font-style_info_value{
        font-size: 3.2vw;
        line-height: 3.73vw;
    }
        .font-style_info_value > p{
            font-family: var(--font-family-demilight);
            font-weight: 300;
            color: var(--color-darkbrown);
        }
        .font-style_info_value > p > strong{
            color: var(--color-impact);
        }

    .font-style_info_text{
        --font-size-px: 36;
        font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

        --line-height-px: 55;
        line-height: calc((var(--line-height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }
        .font-style_info_text > p{
            color: var(--color-brown);
        }
        .font-style_info_text > p > strong{
            font-family: var(--font-family-bold);
            font-weight: 700;
            color: var(--color-impact);
        }



/* *********** Section固有（よくある質問） ************ */
    /* コンテンツ */
    .c-cont_sec_qa{
        width: 100%;
        display: block;

        --margin-bottom-px: 100;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }

    /* ----- block ----- */
    .c-block_title_qa{
        width: 100%;
        border-bottom: calc((13.61/750)*100vw) solid #d2cdcd;

        --margin-bottom-px: 23;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }
    .c-block_question{
        border-radius: 15px 15px 0 0;
    }
    .c-block_answer{
        border-radius: 0 0 15px 15px;
    }
    .c-block_qa{
        width: 90%;
        margin: 0 5%;
        display: block;

        --margin-bottom-px: 30;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }

    /* ----- フォントスタイル ----- */
    .font-style_qa{
        font-family: var(--font-family-regular);
        font-weight: 400;
        color: var(--color-gray);
    }
        .font-style_qa > h2{
            font-size: var(--font-size-large);
            line-height: var(--font-size-large);
            margin: 1.26vw auto;
        }

   .font-style_question{
        font-family: var(--font-family-demilight);
        font-weight: 300;
        font-size: 3.73vw;
        line-height: calc((84 / 750) * 100vw);
    }
        .font-style_question > p{
            color: var(--color-white);
            margin: 0;   
        }

    .font-style_answer{
        text-align: left;
    }
        .font-style_answer > p{
            font-family: var(--font-family-thin);
            font-weight: 100;
            font-size: 2.93vw;
            line-height: 4.53vw;
            color: var(--color-brown);
            margin: 0;
        }
        .font-style_answer > p > strong{
            font-family: var(--font-family-light);
            font-weight: 200;
            font-size: 3.47vw;
            line-height: 6.4vw;
            color: var(--color-impact);            
        }
 
    .font-style_qa_message{
        font-family: var(--font-family-regular);
        font-weight: 400;
        color: var(--color-gray);
    }
        .font-style_qa_message > p{
            --font-size-px: 32;
            --line-height-px: 55;

            font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
            line-height: calc((var(--line-height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        }

    /* ----- テキスト ----- */
    .text-prefix_A::before{
        content: "A.";
        font-family: "ヒラギノ角ゴシック";
        font-size: 4vw;
        line-height: var(--line-height-default);
    }
    .text-prefix_Q::before{
        content: "Q.";
        font-family: "ヒラギノ角ゴシック";
        font-size: 4.8vw;
        line-height: var(--line-height-default);
    }

    /* ---- JS動作用 ----- */
    .button_answer_open{
        position: relative;
    }
    .button_answer_open > p::after{
        position: absolute;
        right: 0;

        content: "▼";
        font-size: 4.8vw;
    }
    .button_answer_close{
        position: relative;
    }
    .button_answer_close > p::after{
        position: absolute;
        right: 0;

        content: "▲";
        font-size: 4.8vw;
    }

/* ************ Section固有（検討） ************ */

    /* ----- block ----- */
    .c-block_consider_innder{
        width: 100%;
        margin: 0;
        display: inline-block;
    }
    .c-text_consider_message{
        --margin-bottom-px: 20;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }
        .c-text_consider_message > p {
            --padding-top-px: 20;
            padding-top: calc((var(--padding-top-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

            margin: 0;
        } 
    .c-text_consider_text{
        --margin-bottom-px: 15;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }
        .c-text_consider_text > p{
            margin: 0;
        }

    /* フォントスタイル */
    .font-style_consider_text{
        font-family: var(--font-family-regular);
        font-weight: 400;
    }
        .font-style_consider_text > p{
            color: var(--font-color-regular);
            font-weight: 400;

            --font-size-px: 28;
            --line-height-px: 44;

            font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
            line-height: calc((var(--line-height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

            margin: 0;
        }


    .font-style_consider_message{
        font-family: var(--font-family-medium);
        font-weight: 500;
    }
        .font-style_consider_message > p{
            --font-size-px: 44;
            --line-height-px: 55;

            font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
            line-height: calc((var(--line-height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

            color: var(--color-green);
        }
            .font-style_consider_message > p > strong{
                color: var(--font-color-impact);
            }
                .font-style_consider_message > p > strong > b{
                    --font-size-px: 60;
                    font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
            
                    background-image: url("/img/lp_shop/icon-font-impact.png");
                    background-repeat: no-repeat;
                    background-position: 100% 0;
                    background-size: 20px;
                    padding-right: 10px;
                }

    .font-style_consider{
        font-family: var(--font-family-bold);
        font-weight: 700;
        --font-size-px: 32;

        font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        line-height: 1.5rem;
    }
        .font-style_consider > p{
            color: var(--color-gray);
        }

/* ************ Section固有（お問い合わせフォーム） ************ */
    .c-cont_form{
        width: 100vw;
        margin: 0;   
    
        background-image: var(--bg-color-stlipe-yellow);
        background-size: 15px 15px;
        display: inline-block;
    }
    
    /* block */
    .c-block_form_title{
        width: 100%;
        margin: 0;

        background-color: var(--color-green);
        text-align: center;

        background-image: url("/img/lp_shop/icon-cv-form.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 20% 1.5vw;
    }


    /* フォントスタイル */
        .font-style_form_title > h2{
            --font-size-px: 30;
            --line-height-px: 80;
        
            font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
            line-height: calc((var(--line-height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        
            color: var(--color-white);
            margin: 0;
        }
    

/* *********** Section固有（連絡先） ************ */

    /* ----- コンテンツ ----- */
    .c-cont_connect{
        width: 100%;
        display: block;

        --margin-bottom-px: 55;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

        text-align: center;
    }

    /* ----- block ----- */
    .c-block_connect_text{
        width: 100%;
        margin: 0;
        display: inline-block;

        text-align: center;;
    }

    .c-block_tel{
        width: 50%;
        --height-px: 90;
        height: calc((var(--height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

        background-color: var(--bg-color-block-tel);  

        background-image: url("/img/lp_shop/icon-tel_gray.png");
        background-repeat: no-repeat;
        background-size: 11.06vw 11.47vw;
        background-position: 1.87vw 2.13vw;

        display: inline-block;
    }
        .c-block_tel > a{
            text-decoration: none;
            font-family: var(--font-family-medium);
            font-weight: 500;

            --font-size-px: 32;
            font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

            --line-height-px: 90;
            line-height: calc((var(--line-height-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

            color: var(--color-white);

            margin: 0;
            --padding-left-px: 115;
            padding-left: calc((var(--padding-left-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
        }

    /* ----- フォントスタイル ----- */
    .font-style_connect_text{
        --font-size-px: 28;
        font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));

        line-height: 1.5rem;
    }
        .font-style_connect_text > p{
            color: var(--color-gray);
        }


.c-box{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;  
}






.position_message{
    position: absolute;
    right: 7.73vw;
    bottom: 14.77vw;
}
.position_message > img{
    width: 30.93vw;
    height: 46vw;   
}


.border_dashed{
    border-top: 2px dashed var(--border-color-dashed);
    border-bottom: 2px dashed var(--border-color-dashed);
}









    /* 仕組み */
    .c-block_archtecture_img{
        width: 95%;
        margin: 0 2.5%;
        display: inline-block;
        text-align: center;

        --margin-bottom-px: 36;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }
    .c-block_archtecture_img > img{
        width: 100%;
    }

.font-style_archtecture_comment{
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 5.29vw;  /* 39.65px */
    line-height: 9.6vw; /* 72px */
}
    .font-style_archtecture_comment > p{
        color: var(--color-brown);
    }
    .font-style_archtecture_comment > p > strong{
        color: var(--color-impact);
        font-size: 8.46vw;  /* 63.44px */
    }

.c-block_archtecture_cost{
    width: 90%;
    max-width: 680px;
    display: inline-block;
    text-align: center;
    margin: 0 5%;

    --margin-bottom-px: 15;
    margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
}
.c-block_archtecture_cost > div{
    width: 27.8vw;    /* 210px */
    height: 27.2vw;     /* 204px */
    border-radius: 15px;

    margin: 0 1.06vw;   /* 8px */
    background-color: white;
    float: left;

    position: relative;
}
.font-style_archtecture_cost > p{
    font-family: var(--font-family-thin);
    font-weight: 100;
    font-size: var(--font-size-x-small);
    color: var(--color-gray);
}
.font-style_archtecture_cost > span{
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: var(--font-size-small);
    color: #666666;

    position:absolute;
    bottom:3.2vw; /* 24px */
    right: 3.2vw;
}
.font-style_archtecture_cost > strong{
    font-family: 'Arial Black',sans-serif;
    font-size: 17.5vw; /* 131px */
    color: #e25d27;
    line-height: 17.5vw;

    position: absolute;
    bottom: 3.2vw; /* 24px */
    left: 50%;
    transform: translate(-50%, 0);
}


/* ご来店したら */
    /* コンテンツ */
    .c-cont_welcome{
        width: 100%;
        display: block;

        --margin-bottom-px: 97;
        margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    }

.c-block_welcome_title{
    width: 100%;
    display: inline-block;

    --margin-bottom-px: 92;
    margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
}

.c-block_welcome_comment{
    width: 90%;
    margin: 0 5%;
    display: inline-block;
    text-align: center;

    border-radius: 15px;
    background-color: var(--color-impact);
}

.c-block_welcome_flow{
    width: 100%;
    display: inline-block;

    --margin-bottom-px: 63;
    margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
}

.c-block_arrow_down{
    width: 100%;
    display: inline-block;
    text-align: center;   
    
    --margin-bottom-px: 52;
    margin-bottom: calc((var(--margin-bottom-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
}
.c-block_arrow_down > img{
    width: 7.57vw;  /* 56.81px */
}
.c-block_welcome_img{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.c-block_welcome_img > img{
    width: 67.47vw;
}
.font-style_welcome_text{
    font-size: var(--font-size-normal);
    line-height: 6.4vw; /* 48px */
}
.font-style_welcome_text > p{
    color: var(--color-darkbrown);
}
.font-style_welcome_text > p >strong{
    color: var(--color-impact);
}
.font-style_welcome_comment{
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: var(--font-size-small);
    line-height: var(--line-height-narrow);

    margin: 3.6vw auto; /* 42px */
}
.font-style_welcome_comment > p{
    color: var(--color-white);
}







/* よくある質問 */


.form_layout{
    width: 95vw;

    margin: 13px 2.5vw;
    border: 2px solid var(--border-color-form);
    box-sizing: border-box;
}
.c-cont_qa{
    width: 100%;
    border-left: 2px solid var(--border-color-form-qa);
    border-right: 2px solid var(--border-color-form-qa);
    border-bottom: 2px solid var(--border-color-form-qa);
    box-sizing: border-box;
}
.c-cont_question{
    background-image: var(--bg-color-stlipe-brown);
    background-size: 10px 10px;
    line-height: 42px;
}
.c-cont_select{
    background-color: var(--bg-color-default);
    display: block;
}
.c-cont_button{
    width: 100%;
    margin: 3.4vw auto;
}
.button_submit{
    text-align: center;
}
.button_submit > button{
    width: 97%;
    margin: auto 1.5%;
    border: 1px solid #a7a48d;
    border-radius: 1.6vw;
    box-sizing: border-box;
    background-color: #e25d27;

    font-family: var(--font-family-medium);
    font-size: 4vw;
    color: var(--font-color-sec-title);
    line-height: 7.73vw;
}
.input_radio{
    padding-left: 20px;

    padding: 8px 10px;
    font-size: 13px;
}
.input_radio > input{
    width: auto;
}
.input_text{
    padding: 10px;
}
.input_text > input{
    width: 100%;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    padding: 8px;
    margin: 0;
}
.input_text > input::placeholder{
	color: #cdcdcd;
    margin: 8px;
}
.input_text > textarea{
    width: 100%;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    padding: 8px;
    margin: 0;
}
.input_text > textarea::placeholder{
    color: #cdcdcd;
    margin: 8px;
}
.input_number{
    text-align: left;
    padding: 8px 5%;
}
.input_number > input{
    width: 20vw;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    padding: 8px;
}
.input_email{
    text-align: center;
    padding: 8px 0;
}
.input_email > input{
    width: 90%;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    padding: 8px;
}
.input_email > input::placeholder{
    color: #cdcdcd;
    margin: 8px;
}
.input_tel{
    text-align: center;
    padding: 8px 0;
}
.input_tel > input{
    width: 90%;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    padding: 8px;
}
.input_tel > input::placeholder{
    color: #cdcdcd;
    margin: 8px;
}
.mark_must{
    margin: 0;
    color: #fff;
    font-size: 13px;
    padding: 6px;
}
.mark_must::before{
    background-color: #e25d27;
    content: "必須";
    color: white;

    padding: 6px;
    font-size: 12px;
}.mark_may{
    margin: 0;
    color: #fff;
    font-size: 13px;
    padding: 6px;
}
.mark_may::before{
    background-color: #48b6b8;
    content: "任意";
    color: white;
    padding: 6px;
    margin: 5px;

    font-size: 13px;
}

.c-cont_img_center{
    width: 100%;
    display: block;
    text-align: center;

    margin: 30px 0 25px;
}
.c-cont_img_center > img{
    width: 17.33vw;
}

.text_left{
    text-align: left;
}

.c-cont_block_tel{
    width: 100%;
    display: block;
    text-align: center;   
}
.c-cont_block_tel > div{
    width: 50vw;
    height: 12vw;

    background-color: var(--bg-color-block-tel);  

    background-image: url("/img/lp_shop/icon-tel_gray.png");
    background-repeat: no-repeat;
    background-size: 11.06vw 11.47vw;
    background-position: 1.87vw 2.13vw;

    display: inline-block;
}
.c-cont_block_tel > div > a{
    text-decoration: none;
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 4.27vw;
    color: var(--font-color-sec-title);

    margin: 0;
    padding-left: 15.86vw;
    line-height: 12vw;  /* 90px */
}








header{
    width: 100%;
    background-color: white;
}
/* =========== QA =========== */
.faq-question{
    border-radius: 15px 15px 0 0;
}
.faq-question > div >p{
    line-height: 11.2vw;
    padding-left: 3.73vw;
}



main{
    width: 100%;
    margin: 0;
}



.faq-q{
    font-family: "ヒラギノ角ゴシック";
    --font-size-px: 48;
    font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    color: var(--color-green);
}
.faq-and{
    font-family: "ヒラギノ角ゴシック";
    --font-size-px: 36;
    font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    color: #666666;
}
.faq-a{
    font-family: "ヒラギノ角ゴシック";
    --font-size-px: 48;
    font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
    color: var(--font-color-impact);
}

/* =========== フッター =========== */
    footer {
        padding: 50px 0 0;
        text-align: center;
    }

        footer > h2 {
            font-family: noto-sans-cjk-jp, sans-serif;

            --font-size-px: 24;
            font-size: calc((var(--font-size-px)/var(--bg-max-width)) * min(100vw, var(--bg-max-width-px)));
            margin-bottom: 25px;
        }
        footer > .tel_f {
            margin: 0 50px 35px;
        }
            footer > .tel_f > a > img {
                max-width: 100%;
                height: auto;
                width: 100%;
            }
        footer > dl.day {
            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;
            margin-bottom: 50px;
        }
            footer > dl.day > dt, footer > dl.day > dd {
                margin-right: 10px;
            
            }
            footer > dl.day > dt {
                font-family: noto-sans-cjk-jp, sans-serif;
                font-size: 13px;
                color: #48B6B8;
                border: #48B6B8 1px solid;
                width: 4em;
            }

            footer > dl.day > dd {
                font-family: noto-sans-cjk-jp, sans-serif;
                color: #E05D26;
                font-size: 13px;
                margin-inline-start: 0;
            }
            
        footer > dl.company {
            margin-bottom: 50px;

        }
            footer > dl.company > dt {
                font-family: noto-sans-cjk-jp, sans-serif;
                font-size: 8 px;
                margin-bottom: 10px;
            }
                footer > dl.company > dd{
                    margin-inline-start: 0;
                }
                footer > dl.company > dd > img {
                    width: 87px;
                }
        footer #copy {
            background-color: black;
            color: white;
            font-family: noto-sans-cjk-jp, sans-serif;
            font-size: 8px;
            padding: 20px 0;
            margin: 0;
        }





/*


*/