.new-header { display: none; }
.new-nav { display: none; }

#header.fixed::before { display: none; }
#header .header-logo { aspect-ratio: 0; box-sizing: border-box; padding: 20px 25px; max-width: 270px; }
#header .header-logo svg { width: 100%; height: auto; fill: #d12f18; stroke: #d12f18; }
#header .header-logo a { background: none; }

#header .gnav-wrap .btn-gnav-close { width: 11%; }
#header .gnav-wrap .btn-gnav-close .icon { border: none; }

#header .gnav-wrap .btn-gnav-close .iconPC { margin: auto; }

#header .header-cnv { width: 59%; }
#header .header-cnv li { width: 19%; }

.M_brdT::before { display: none; }

/* ----------------------------------- new header */

.new_header { padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #ffffffde; width: 100%; z-index: 9; top: 0; left: 0; position: fixed; }

.new_header h1 { width: 235px; }
.new_header h1 a { display: block; line-height: 110%; }
.new_header h1 svg { width: 100%; height: auto; fill: #d12f18; stroke: #d12f18; }
.new_header .nav ul { display: flex; align-items: center; align-content: center; flex-wrap: wrap; }
.new_header .nav li { margin: 0 15px; }
.new_header .nav li.sns { margin: auto 8px; width: 25px; box-sizing: border-box; display: flex; align-content: center; justify-content: center; }
.new_header .nav li.btn_menu { width: 60px; margin: 0 0 0 20px; }
.new_header .nav li a { color: #BF3E28; font-size: 18px; letter-spacing: 1px; padding: 2px 0; display: block; transition: 0.5s;
    font-family: "Adobe Arabic", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.new_header .nav li a:hover { opacity: 0.7; text-decoration: underline; }

#header .gnav-wrap { right: -100% !important; }
#header .gnav-wrap.open { right: 0% !important; }

main { padding: 76px 0 0 !important; }
main .breadcrumb { padding: 0; z-index: 1; top: 0 !important; position: relative; padding: 12px 0; }
main .fv.fv_head { padding-top: 0; margin-top: 0; }
main .fv_logoArea { top: 0; }

/* ----------------------------------- new footer */

.madori_bnr { width: 25%; z-index: 2; position: fixed; bottom: 60px; right: 0; max-width: 436px; }

#footer { padding: 0 0; }
#footer .f-block:first-child { border: none; }
.f-block { border-top: 1px solid #E28174; padding: 60px 0 30px; width: 94%; max-width: 1400px; margin: auto; justify-content: space-between; display: flex; flex-wrap: wrap; }
.f-block .f-pr { padding: 20px 0; }
.f-block .f-txt { font-size: 15px; }

.f-logo a { margin: 0 0 30px; display: block; }

.sitelinks { max-width: 830px; width: calc(100% - 450px); display: flex; flex-wrap: wrap; }
.sitelinks .col { padding: 0 60px 30px 0; box-sizing: border-box; }
.sitelinks .last ul li a { font-size: 16px; }
.sitelinks .link-head { font-size: 18px; font-weight: 500; padding: 0 0 15px; }
.sitelinks ul li { padding: 5px 0; }
.sitelinks ul li a { font-size: 15px; display: block; position: relative; padding: 0 0 0 15px; transition: 0.2s; }
.sitelinks ul li a:hover { opacity: 0.6; }
.sitelinks ul li a::before { width: 6px; height: 1px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; content: ''; display: block;  background-color: #fff; }

.sitelinks .last ul li a { padding: 0; }
.sitelinks .last ul li a::before { display: none; } 

.branches { display: flex; flex-wrap: wrap; }
.branches .left { max-width: 800px; display: flex; flex-wrap: wrap; }
.branches .card { padding: 0 50px 30px 0; }
.branches .card h5 { font-size: 16px; padding: 0 0 10px; }
.branches .card p { font-size: 14px; line-height: 180%; } 
.f-contact .tel { padding: 0 0 10px; }
.f-contact .tel a { letter-spacing: 3px; font-size: 45px; font-weight: 800px; display: block; padding: 0 0 0 50px;
    background: url("../img/common/icon-tel.svg") no-repeat center left; 
    background-size: 40px auto;
    font-family: "DIN 2014", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
}
.f-contact .sns a { display: inline-block; padding-left: 15px; }
.f-contact .sns a:first-child { padding: 0; }
.f-contact .sns a img { width: 30px; height: auto; }

.f-block.last { padding: 20px 0; }
.f-block .privacy { font-size: 14px; }
.f-block .copyright { font-size: 11px; }

@media screen and (max-width: 1000px) { 

    .sitelinks { padding: 60px 0 0; width: 100%; max-width: none; }
}

@media screen and (max-width: 900px) { 
    .new_header .nav li.link { display: none; }
}

@media screen and (max-width: 768px) {

    main { padding: 50px 0 0 !important; }
    body { padding: 0 0 60px; }
    .header-cnv,
    .M_brdT::before,
    #header .header-logo { display: none; }

    .new-header { transition: 0.5s; padding: 5px 3%; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; width: 100%; }
    .new-header .logo { width: 130px; fill: #e72f18; line-height: 100%; }
    .new-header .new-menu { width: 40px; height: 40px; background: url(../img/common/new-menu_red.png?v2) no-repeat center center; background-size: 100% auto; }

    .new-header.active .new-menu { background-image: url(../img/common/new-menu_white.png); }
    .new-header.active { background-color: #e72f18; }
    .new-header.active .logo { fill: #fff; }

    .new-nav { display: block; position: fixed; left: 0; bottom: 0; width: 100%; box-shadow: 0px 2px 5px 0px #888888; }
    .new-nav ul.site { display: flex; flex-wrap: wrap; background: #fff; }
    .new-nav ul.site li { width: 25%; text-align: center; padding: 8px 0; }
    .new-nav ul.site li:first-child a { border: none; }
    .new-nav ul.site li.active { background: #FFF2F0; }
    .new-nav ul.site li a { display: block; padding: 5px 0; font-size: 12px; line-height: 100%; color: #e72f18; border-left: 1px solid #e72f18; }
    .new-nav ul.site li a span { display: block; font-size: 22px; line-height: 100%; font-family: "Adobe Arabic", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
    
    .new-nav .sns { display: flex; background-color: #fff; }
    .new-nav .sns li { text-align: center; padding: 0; width: 22%; }
    .new-nav .sns li a { display: flex; align-items: center; justify-content: center; padding: 8px 0; box-sizing: border-box; height: 100%; text-align: center; }
    .new-nav .sns li img { width: 20px; display: inline-block; }
    .new-nav .sns li.line { background-color: #00b900; }
    .new-nav .sns li.yt { background-color: #ff0000; }
    .new-nav .sns li.ig { background-color: #cf2e92; }
    .new-nav .sns li.madori { width: 54%; background-color: #d9d9d9; }
    .new-nav .sns li.madori a { color: #000; font-size: 20px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
    .new-nav .sns li.madori img { width: 50%; max-width: 150px; }

    .new_header { padding: 10px 12px; }
    .new_header h1 { width: 150px; }
    .new_header .nav li.sns { margin: 0 5px; }
    .new_header .nav li.btn_menu { width: 45px; margin: 0 0 0 10px; }
    
    .madori_bnr { display: none !important; bottom: 117px; width: 50%; }

    /* ----------------------------------- new footer */

    .f-block { display: block; width: 88%; padding: 30px 0 20px; }
    .f-logo { text-align: center; }
    .f-logo img { margin: auto; }

    .sitelinks { display: block; padding: 30px 0 0; }
    .sitelinks .col { width: 100%; padding: 10px 0; border-top: 1px solid #d0d0d0; }
    .sitelinks .col:first-child { border: none; }
    .sitelinks .link-head { padding: 0; font-size: 16px; position: relative; cursor: pointer; }
    .sitelinks .link-head::after { width: 12px; height: 12px; right: 5px; margin: auto; top: 0; bottom: 0; display: block;  position: absolute; content: '';
        transform: rotate(135deg);
        transition: 0.5s;
        border-top: 2px solid #fff; 
        border-right: 2px solid #fff;
    }
    .sitelinks .link-head.active::after { transform: rotate(-45deg); }
    
    .sitelinks .col ul { display: none; }
    .sitelinks .col.last ul { display: block; }
    .sitelinks .col.last ul li a { font-size: 14px; }

    .f-block .f-pr { font-size: 16px; }
    .f-block .f-txt { font-size: 13px; }
    #footer .branches { display: block; }

    .f-contact p { font-size: 16px; }
    .f-contact { text-align: center; }
    .f-contact .tel { display: inline-block; padding: 5px 0; }
    .f-contact .tel a { font-size: 30px; background-size: 20px auto; padding: 0 0 0 30px; }

    .f-block.last { padding: 10px 0 15px; }
    .f-block .privacy { padding: 0 0 10px; }

    .f-contact .sns a img { width: 25px; }
}

@media screen and (max-width: 420px) {
    .new-nav ul.site li a { font-size: 11px; }
    .new-nav ul.site li a span { font-size: 18px; }
}