@charset "utf-8";



/*
    Foundation
*/

body {
    margin-bottom: calc(195px + env(safe-area-inset-bottom));
    /* footer float nav分スペースを最初からとっておく */
}



/*
    Modules Header
*/



/*
    Modules Footer
*/

.footer_site_bottom {
    margin: 0 0 20px 0;
}

.footer_site_bottom .center_box_mini {
    position: relative;
}



/*  Modules Footer float nav
*/

.footer_float_nav {
    padding: 10px 0;
}

.footer_float_nav_one.sp {
    display: inline-block;
}



/*  Modules Footer left
*/

.footer_bottom_left {
    width: 96%;
    margin: 2%;;
}

.footer_bottom_center {
    width: 96%;
    margin: 2%;;
}

.footer_bottom_right {
    width: 96%;
    margin: 2%;
    text-align: center;
}



.site_common_header_freedial_icon,
.site_common_header_tel_number {
    height: 30px;
    line-height: 30px;
    font-size: 30px;
}



.site_common_header_link_contact,
.site_common_header_link_estimate {
    margin: 1em auto;
}



/*  Modules Footer right
*/

.footer_top_right {
    width: 100%;
    margin: 2em 0;
    text-align: center;
}



.footer_top_right .external_site_one_image {
    height: auto;
}



/*
    Modules (Page Top Jump)
*/

.sub_aside_box {
    position: fixed;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    text-align: right;
    font-size: 0;
}

.jump_page_top {
    margin: 0;
    padding: 0;
    height: auto;
    border-radius: 0;
    font-size: 1.8rem;
}



/*
    Modules (Age Warning)
*/

.age-warning .section_body {
    width: 90%;
    height: 20em;
    padding: 1em;
}

.age-warning-box .button_no,
.age-warning-box .button_yes {
    width: 30%;
}



/*  iPhone 12 pro Max : iPad portrate ((428px + 768px) / 2)
*/

@media screen and (max-width: 598px) {
    body {
        margin-bottom: calc(143px + env(safe-area-inset-bottom));
    }
}



/*  iPhone 6/7/8 Plus : iPhone 12 pro Max ((414px + 428px) / 2)
*/

@media screen and (max-width: 421px) {
    body {
        margin-bottom: calc(140px + env(safe-area-inset-bottom));
    }
}



/*  iPhone 12/12 pro : iPhone 6/7/8 Plus ((390px + 414px) / 2)
*/

@media screen and (max-width: 402px) {
    body {
        margin-bottom: calc(133px + env(safe-area-inset-bottom));
    }
}



/*  iPhone 6/7/8 : iPhone 12/12 pro ((375px + 390px) / 2)
*/

@media screen and (max-width: 382px) {
    body {
        margin-bottom: calc(129px + env(safe-area-inset-bottom));
    }
}



/*  iPhone SE : iPhone 6/7/8 ((320px + 375px) / 2)
*/

@media screen and (max-width: 347px) {
    body {
        margin-bottom: calc(100px + env(safe-area-inset-bottom));
    }

    .footer_float_nav {
        padding: 0;
    }

    .footer_float_nav_one {
        margin: 5px;
    }

    .site_common_footer_tel_number {
        font-size: 2em;
    }

}