.first_area{

}
.first_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .text{
        max-width:800px;
        margin:0 auto;

        p{
            font-family:"IBM Plex Sans JP", sans-serif;
            font-weight:500;
            font-size:16px;
            line-height:28px;
        }
    }
}

.sec01_area{
    padding-top:64px;
}
.sec01_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .container{
        margin-top:48px;
        padding:45px 80px 43px;
        background-color:#ffffff;
        border:1px solid #cccfd1;
        border-radius:4px;

        h3{
            position:relative;
            margin-bottom:9px;
            padding:0 0 9px 16px;
            font-family:"IBM Plex Sans JP", sans-serif;
            font-weight:600;
            font-size:20px;
            line-height:30px;
            border-bottom:1px solid #cccfd1;

            &:before{
                content:'';
                position:absolute;
                top:3px;
                left:0;
                width:4px;
                height:20px;
                background-color:#c50018;
            }
        }
        ul{
            display:flex;
            flex-wrap:wrap;
            gap:12px 8px;

            li{
                position:relative;
                padding-right:8px;
                
                &:after{
                    content:'';
                    position:absolute;
                    top:3px;
                    right:0;
                    width:1px;
                    height:16px;
                    background-color:#cccfd1;
                }
                &:last-child{
                    padding:0;

                    &:after{
                        content:none;
                    }
                }
                a{
                    font-family:"IBM Plex Sans JP", sans-serif;
                    font-weight:500;
                    font-size:16px;
                    line-height:24px;
                    color:#0356cb;
                    text-decoration:underline;
                }
            }
        }
    }
}

.sec02_area{
    padding-top:124px;
}
.sec02_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .container{
        display:grid;
        grid-template-columns:repeat(4, 1fr);
        gap:20px;
        margin-top:48px;

        .box{
            background-color:#ffffff;
            border:1px solid #cccfd1;
            border-radius:4px;
            overflow:hidden;

            .title{
                padding:17px 0 15px;
                font-family:"IBM Plex Sans JP", sans-serif;
                font-weight:600;
                font-size:16px;
                line-height:24px;
                text-align:center;
                color:#ffffff;
                background-color:#32373e;
            }
            .text{
                display:flex;
                flex-direction:column;
                justify-content:center;
                align-items:center;
                height:110px;

                p{
                    margin:0;
                    font-family:"IBM Plex Sans JP", sans-serif;
                    font-weight:600;
                    font-size:20px;
                    line-height:1;

                    .lg{
                        font-size:28px;
                        line-height:32px;
                        color:#c50018;
                    }
                    .sm{
                        display:block;
                        margin-top:-2px;
                        font-weight:500;
                        font-size:14px;
                        line-height:20px;
                    }
                }
            }
        }
    }
    .note{
        margin-top:32px;
        font-family:"IBM Plex Sans JP", sans-serif;
        font-weight:500;
        font-size:14px;
        line-height:20px;
        color:#6b6f75;
    }
}

.sec03_area{
    padding-top:117px;
}
.sec03_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .table{
        margin-top:48px;

        table{
            width:100%;
            outline:1px solid #cccfd1;
            border-radius:4px;
            border-collapse:collapse;
            overflow:hidden;

            tr{
                border-bottom:1px solid #cccfd1;

                &:last-child{
                    border-bottom:0;
                }
                th{
                    padding:17px 0 16px;
                    font-family:"IBM Plex Sans JP", sans-serif;
                    font-weight:600;
                    font-size:16px;
                    line-height:24px;
                    text-align:center;
                    color:#ffffff;
                    background-color:#32373e;
                    border-right:1px solid #cccfd1;

                    &:last-child{
                        border-right:0;
                    }
                }
                td{
                    padding:13px 0 12px;
                    font-family:"IBM Plex Sans JP", sans-serif;
                    font-weight:600;
                    font-size:16px;
                    line-height:24px;
                    text-align:center;
                    background-color:#ffffff;
                    border-right:1px solid #cccfd1;

                    &:last-child{
                        border-right:0;
                    }
                }
            }
        }
    }
}

.sec04_area{
    padding-top:124px;
}
.sec04_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .img_table{
        margin-top:48px;
        padding:45px 40px 28px;
        background-color:#ffffff;
        border:1px solid #cccfd1;
        border-radius:4px;

        .img_scroll{
            .img{
                img{
                    width:100%;
                }
            }
        }
    }
    .note{
        margin-top:32px;
        font-family:"IBM Plex Sans JP", sans-serif;
        font-weight:500;
        font-size:14px;
        line-height:20px;
        color:#6b6f75;
    }
}

.sec05_area{
    padding-top:117px;
}
.sec05_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .text{
        max-width:800px;
        margin:48px auto 0;

        p{
            font-family:"IBM Plex Sans JP", sans-serif;
            font-weight:500;
            font-size:16px;
            line-height:28px;
        }
    }
}
.compare_area{
    margin-top:40px;
}

.sec06_area{
    padding:124px 0;
}
.sec06_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .note{
        margin-top:32px;
        font-family:"IBM Plex Sans JP", sans-serif;
        font-weight:500;
        font-size:14px;
        line-height:20px;
        color:#6b6f75;
    }

    .text{
        display:flex;
        justify-content:center;
        margin-top:48px;
        padding:32px 0 26px;
        background-color:#ffffff;
        border:1px solid #cccfd1;
        border-radius:4px;

        dl{
            margin:0;

            dt{
                font-family:"IBM Plex Sans JP", sans-serif;
                font-weight:600;
                font-size:20px;
                line-height:32px;
                text-align:center;
                color:#c50018;
            }
            dd{
                position:relative;
                margin:0;
                padding-top:27px;
                font-family:"IBM Plex Sans JP", sans-serif;
                font-weight:600;
                font-size:18px;
                line-height:26px;

                &:before{
                    content:'=';
                    position:absolute;
                    top:-2px;
                    left:50%;
                    transform:translateX(-50%) rotate(90deg);
                    font-size:20px;
                }
            }
        }
    }
    .container{
        display:grid;
        gap:24px;
        margin-top:32px;

        dl{
            margin:0;
            border:1px solid #cccfd1;
            border-radius:4px;
            overflow:hidden;

            dt{
                display:flex;
                align-items:center;
                gap:12px;
                padding:15px 24px 11px;
                font-family:"IBM Plex Sans JP", sans-serif;
                font-weight:600;
                font-size:16px;
                line-height:24px;
                color:#ffffff;
                background-color:#32373e;
                
                span{
                    font-size:20px;
                    line-height:30px;
                }
            }
            dd{
                margin:0;
                padding:24px 24px 16px;
                font-family:"IBM Plex Sans JP", sans-serif;
                font-weight:500;
                font-size:16px;
                line-height:24px;
                background-color:#ffffff;
                border-top:1px solid #cccfd1;
            }
        }
    }
}

.sec07_area{
    padding:96px 0;
    background:url('../images/top/arrival_back.webp') top -2px center / cover no-repeat;
    overflow:hidden;
}
.sec07_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;
}

.sec08_area{
    padding-top:124px;
}
.sec08_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .container{
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        gap:20px;
        margin-top:48px;

        .box{
            padding:24px 32px;
            background-color:#ffffff;
            border:1px solid #cccfd1;
            border-radius:4px;
            overflow:hidden;

            .title{
                display:grid;
                grid-template-columns:113px 1fr;
                align-items:center;
                gap:16px;
                margin-bottom:16px;

                .img{
                    height:60px;

                    img{
                        width:100%;
                        height:100%;
                        object-fit:contain;
                    }
                }
                h3{
                    font-family:"IBM Plex Sans JP", sans-serif;
                    font-weight:600;
                    font-size:20px;
                    line-height:32px;
                }
            }
            .content{
                display:grid;
                gap:24px;
                margin-bottom:24px;

                dl{
                    display:grid;
                    grid-template-columns:120px 1fr;
                    margin:0;
                    border-bottom:1px solid #cccfd1;

                    dt{
                        position:relative;
                        padding-bottom:8px;
                        font-family:"IBM Plex Sans JP", sans-serif;
                        font-weight:600;
                        font-size:16px;
                        line-height:24px;

                        &:before{
                            content:'';
                            position:absolute;
                            bottom:-1px;
                            left:0;
                            width:100%;
                            height:2px;
                            background-color:#c50018;
                        }
                    }
                    dd{
                        margin:0;
                        padding:0 0 8px 20px;
                        font-family:"IBM Plex Sans JP", sans-serif;
                        font-weight:500;
                        font-size:16px;
                        line-height:24px;
                    }
                }
            }
            .link{
                display:flex;
                justify-content:center;

                a{
                    width:100%;
                    max-width:280px;
                    padding:15px 0 12px;
                    font-family:"IBM Plex Sans JP", sans-serif;
                    font-weight:500;
                    font-size:14px;
                    line-height:24px;
                    text-align:center;
                    color:#32373e;
                    background:url('../images/common/red_circle_white_arrow.png') center right 12px / 24px no-repeat;
                    border:1px solid #cccfd1;
                    border-radius:32px;
                }
            }
        }
    }
}

.sec09_area{
    padding-top:124px;
}
.sec09_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .container{
        display:grid;
        gap:24px;
        margin-top:32px;

        .box{
            border:1px solid #cccfd1;

            .title{
                display:flex;
                align-items:center;
                gap:8px;
                padding:15px 24px 11px;
                font-family:"IBM Plex Sans JP", sans-serif;
                font-weight:600;
                font-size:16px;
                line-height:24px;
                color:#ffffff;
                background-color:#32373e;
                border-bottom:1px solid #cccfd1;

                .faq{
                    font-size:20px;
                    line-height:30px;
                }
            }
            .content{
                display:flex;
                align-items:baseline;
                gap:8px;
                padding:29px 24px 24px;
                background-color:#ffffff;

                .faq{
                    font-family:"IBM Plex Sans JP", sans-serif;
                    font-weight:600;
                    font-size:20px;
                    line-height:30px;
                    color:#c50018;
                }
                .text{
                    font-family:"IBM Plex Sans JP", sans-serif;
                    font-weight:500;
                    font-size:16px;
                    line-height:24px;

                    p{
                        margin-bottom:13px;
                    }
                    a{
                        display:inline-block;
                        position:relative;
                        margin-bottom:19px;
                        color:#0356cb;
                        text-decoration:underline;

                        &:after{
                            content:'';
                            position:absolute;
                            top:50%;
                            right:-22px;
                            transform:translateY(-50%);
                            width:22px;
                            height:16px;
                            background:url('../images/common/blue_arrow_right.png') center right 0 / cover no-repeat;
                            
                        }
                    }
                    .note{
                        margin:0;
                        font-size:14px;
                        line-height:20px;
                        color:#6b6f75;
                    }
                }
            }
        }
    }
}

.sec10_area{
    padding-top:124px;
}
.sec10_wrap{
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:content-box;

    .container{
        display:grid;
        grid-template-columns:repeat(3, 1fr);
        gap:20px;
        margin-top:48px;

        .link{
            display:block;
            padding:27px 0 26px;
            font-family:"IBM Plex Sans JP", sans-serif;
            font-weight:600;
            font-size:16px;
            line-height:21px;
            text-align:center;
            color:#32373e;
            background:url('../images/common/red_circle_white_arrow.png') center right 28px / 24px no-repeat;
            background-color:#ffffff;
            border:1px solid #cccfd1;
            border-radius:40px;
            transition:0.3s;

            span{
                font-size:18px;
                color:#c50018
            }
            &:hover{
                border-color:#c50018;
            }
        }
    }
}

.fixed_area{
    display:flex;
    justify-content:center;
    gap:20px;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    padding:16px;
    background-color:rgba(223, 226, 229, 0.8);
    z-index:3000;
}
.fixed_box{
    p{
        display:none;
    }
    a{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:12px;
        width:590px;
        padding:21px 0 19px;
        font-family:"IBM Plex Sans JP", sans-serif;
        font-weight:600;
        font-size:16px;
        line-height:24px;
        color:#32373e;
        background:url('../images/common/red_circle_white_arrow.png') center right 28px / 24px no-repeat;
        background-color:#ffffff;
        border:1px solid #ffffff;
        border-radius:32px;
        transition:0.3s;

        span{
            font-size:14px;
            line-height:21px;
        }
        &:hover{
            color:#c50018;
            border-color:#c50018;
        }
    }
}





/*-------------------- pc-spの間 --------------------*/
/*---------- base > width:1440px ----------*/
@media(max-width:1439px) and (min-width:769px){

}





/*-------------------- sp --------------------*/
/*---------- デザインベースはwidth:375px ----------*/
@media(max-width:768px){
    .first_wrap{
        padding:0 16px;
        
        .text{
            p{
                font-size:14px;
                line-height:24px;
            }
        }
    }
    
    .sec01_area{
        padding-top:41px;
    }
    .sec01_wrap{
        padding:0 16px;
        
        .container{
            margin-top:32px;
            padding:21px 16px 20px;
            border:1px solid #cccfd1;
            border-radius:4px;
    
            h3{
                margin-bottom:17px;
                padding:0 0 7px 16px;
                font-size:16px;
                line-height:28px;
                border-bottom:1px solid #cccfd1;
    
                &:before{
                    top:5px;
                    left:0;
                    width:4px;
                    height:16px;
                }
            }
            ul{
                gap:17px 8px;
    
                li{
                    padding-right:8px;
                    
                    &:after{
                        top:4px;
                        width:1px;
                        height:12px;
                    }
                    a{
                        font-size:14px;
                        line-height:20px;
                    }
                }
            }
        }
    }
    
    .sec02_area{
        padding-top:64px;
    }
    .sec02_wrap{
        padding:0 16px;
        
        .container{
            grid-template-columns:repeat(2, 1fr);
            gap:11px 12px;
            margin-top:32px;
    
            .box{
                border:1px solid #cccfd1;
                border-radius:4px;
                
                .title{
                    padding:13px 0 12px;
                    font-size:14px;
                    line-height:20px;
                }
                .text{
                    height:68px;
    
                    p{
                        font-size:14px;
                        line-height:1;
    
                        .lg{
                            font-size:20px;
                            line-height:32px;
                        }
                        .sm{
                            margin-top:-6px;
                            font-size:12px;
                            line-height:20px;
                        }
                    }
                }
            }
        }
        .note{
            margin-top:24px;
            font-size:12px;
            line-height:18px;
        }
    }
    
    .sec03_area{
        padding-top:58px;
    }
    .sec03_wrap{
        padding:0 16px;
        
        .table{
            margin-top:32px;
            padding:1px 1px 24px 1px;
            overflow:auto;

            &::-webkit-scrollbar{
                width:4px;
                height:4px;
            }
            &::-webkit-scrollbar-thumb{
                background:#c50018;
                border-radius:2px;
            }
            &::-webkit-scrollbar-track{
                background:#cccfd1;
                border-radius:2px;
            }
            table{
                outline:1px solid #cccfd1;
                border-radius:4px;
                
                tr{
                    border-bottom:1px solid #cccfd1;
    
                    th{
                        padding:13px 20px;
                        font-size:14px;
                        line-height:20px;
                        white-space:nowrap;
                        border-right:1px solid #cccfd1;
                    }
                    td{
                        padding:13px 20px;
                        font-size:14px;
                        line-height:20px;
                        white-space:nowrap;
                        border-right:1px solid #cccfd1;
                    }
                }
            }
        }
    }
    
    .sec04_area{
        padding-top:124px;
    }
    .sec04_wrap{
        max-width:1120px;
        margin:0 auto;
        padding:0 20px;
        box-sizing:content-box;
    
        .img_table{
            margin-top:32px;
            padding:30px 16px 20px;
            border:1px solid #cccfd1;
            border-radius:4px;
            
            .img_scroll{
                padding-bottom:21px;
                overflow:auto;

                &::-webkit-scrollbar{
                    width:4px;
                    height:4px;
                }
                &::-webkit-scrollbar-thumb{
                    background:#c50018;
                    border-radius:2px;
                }
                &::-webkit-scrollbar-track{
                    background:#cccfd1;
                    border-radius:2px;
                }
                .img{
                    width:1071px;
                    overflow:hidden;
                    
                    img{
                        width:100%;
                    }
                }
            }
        }
        .note{
            margin-top:24px;
            font-size:12px;
            line-height:18px;
        }
    }
    
    .sec05_area{
        padding-top:58px;
    }
    .sec05_wrap{
        padding:0 16px;
        
        .text{
            margin:32px auto 0;
    
            p{
                font-size:14px;
                line-height:24px;
            }
        }
    }
    .compare_area{
        margin-top:25px;
    }
    
    .sec06_area{
        padding:64px 0;
    }
    .sec06_wrap{
        padding:0 16px;

        .note{
            margin-top:24px;
            font-size:12px;
            line-height:18px;
        }
        
        .text{
            margin-top:32px;
            padding:24px 28px 20px;
            border:1px solid #cccfd1;
            border-radius:4px;
    
            dl{
                dt{
                    font-size:16px;
                    line-height:24px;
                }
                dd{
                    padding-top:33px;
                    font-size:14px;
                    line-height:20px;
    
                    &:before{
                        top:5px;
                        font-size:16px;
                    }
                }
            }
        }
        .container{
            gap:16px;
            margin-top:24px;
    
            dl{
                border:1px solid #cccfd1;
                border-radius:4px;
                
                dt{
                    gap:12px;
                    padding:13px 57px 9px 15px;
                    font-size:14px;
                    line-height:20px;
                    background:url('../images/common/white_circle_gray_plus.png') center right 17px / 20px no-repeat;
                    background-color:#32373e;
                    
                    &.active{
                        background:url('../images/common/white_circle_gray_minus.png') center right 17px / 20px no-repeat;
                        background-color:#32373e;
                    }
                    span{
                        font-size:20px;
                        line-height:32px;
                    }
                }
                dd{
                    display:none;
                    padding:20px 16px 13px;
                    font-size:14px;
                    line-height:20px;
                    border-top:1px solid #cccfd1;

                    &.active{
                        display:block;
                    }
                }
            }
        }
    }
    
    .sec07_area{
        padding:48px 0;
    }
    .sec07_wrap{
        padding:0 16px;
    }
    
    .sec08_area{
        padding-top:64px;
    }
    .sec08_wrap{
        padding:0 16px;
        
        .container{
            grid-template-columns:1fr;
            gap:24px;
            margin-top:32px;
    
            .box{
                padding:24px 16px;
                border:1px solid #cccfd1;
                border-radius:4px;
                
                .title{
                    grid-template-columns:113px 1fr;
                    gap:16px;
                    margin-bottom:21px;
    
                    .img{
                        height:60px;
                    }
                    h3{
                        font-size:16px;
                        line-height:24px;
                    }
                }
                .content{
                    gap:13px;
                    margin-bottom:24px;
    
                    dl{
                        grid-template-columns:58px 1fr;
                        border-bottom:1px solid #cccfd1;
    
                        dt{
                            padding-bottom:8px;
                            font-size:14px;
                            line-height:20px;
                        }
                        dd{
                            padding:0 0 8px 14px;
                            font-size:14px;
                            line-height:20px;
                        }
                    }
                }
                .link{
                    a{
                        padding:15px 0 12px;
                        font-size:14px;
                        line-height:24px;
                        background:url('../images/common/red_circle_white_arrow.png') center right 12px / 24px no-repeat;
                        border-radius:32px;
                    }
                }
            }
        }
    }
    
    .sec09_area{
        padding-top:64px;
    }
    .sec09_wrap{
        padding:0 16px;
        
        .container{
            gap:16px;
            margin-top:32px;
    
            .box{
                border:1px solid #cccfd1;
    
                .title{
                    gap:8px;
                    padding:13px 16px 9px;
                    font-size:14px;
                    line-height:20px;
                    border-bottom:1px solid #cccfd1;
    
                    .faq{
                        font-size:20px;
                        line-height:30px;
                    }
                }
                .content{
                    gap:8px;
                    padding:21px 16px 18px;
                    
                    .faq{
                        font-size:20px;
                        line-height:30px;
                    }
                    .text{
                        font-size:14px;
                        line-height:24px;
    
                        p{
                            margin-bottom:10px;
                        }
                        a{
                            margin-bottom:16px;
                            
                            &:after{
                                right:-20px;
                                width:20px;
                                height:14px;
                                
                            }
                        }
                        .note{
                            font-size:12px;
                            line-height:18px;
                        }
                    }
                }
            }
        }
    }
    
    .sec10_area{
        padding-top:64px;
    }
    .sec10_wrap{
        padding:0 16px;
        
        .container{
            grid-template-columns:1fr;
            gap:16px;
            margin-top:32px;
    
            .link{
                padding:29px 0 27px;
                font-size:14px;
                line-height:24px;
                background:url('../images/common/red_circle_white_arrow.png') center right 28px / 24px no-repeat;
                background-color:#ffffff;
                border-radius:40px;
    
                span{
                    font-size:16px;
                }
            }
        }
    }
    
    .fixed_area{
        padding:10px 0 13px;
    }
    .fixed_box{
        p{
            display:block;
            margin-bottom:4px;
            font-family:"IBM Plex Sans JP", sans-serif;
            font-weight:600;
            font-size:12px;
            line-height:18px;
            text-align:center;
        }
        a{
            width:280px;
            padding:14px 0 13px;
            font-size:14px;
            line-height:21px;
            background:url('../images/common/red_circle_white_arrow.png') center right 12px / 24px no-repeat;
            background-color:#ffffff;
            border-radius:32px;
    
            span{
                display:none;
            }
        }
    }
}
/* ===== task50: market/detail shared classes (page-scoped, keep common.css untouched) ===== */
#footer.footer_market{
    padding-bottom:212px;
}
.sp_side_scroll{
    position:relative;

    &:before{
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        width:148px;
        height:148px;
        background:url('../images/common/table_side_scroll.png') center center / cover no-repeat;
        transition:0.3s;
    }
    &.scroll:before{
        opacity:0;
    }
}

/* ===== task54 (260722): 査定額 formula readability (.sec06_area_260722) — additive over task50 block above ===== */
/* 2026/07/22 修正 */
.sec06_area_260722 {
    & .text {
        & dl {
            display: flex;
            align-items: center;

            & dt{

                span{
                    padding-left: 12px;
                    color: #32373E;
                }
            }

            & dd {
                padding-top: 0;
                padding-left: 12px;

                &:before {
                    content: unset;
                }
            }
        }
    }
}
@media (max-width: 1439px) and (min-width: 769px) {
    .sec06_area_260722 {
        & .text {
            & dl {
                dt {
                    font-size: 1.389vw;
                    line-height: 2.222vw;

                    span{
                        padding-left: 0.833vw;
                    }
                }
                dd {
                    margin: 0;
                    padding-top: 0;
                    padding-left: 0.833vw;
                    font-size: 1.25vw;
                    line-height: 1.806vw;
                }
            }
        }
    }
}
@media(max-width:768px){
    .sec06_area_260722 {
        & .text {
            & dl {
                align-items: flex-start;
                flex-direction: column;
    
                & dt{
                    font-size: 4.267vw;
                    line-height: 6.4vw;

                    span{
                        padding-left: 3.2vw;
                    }
                }
    
                & dd {
                    padding-top: 2.133vw;
                    padding-left: 0;
                    font-size: 3.733vw;
                    line-height: 5.333vw;
    
                    &:before {
                        content: unset;
                    }
                }
            }
        }
    }
}
/* task79 p26: the horizontal-scroll guide is SP-only — PC has room for the full table.
   Two guides overlay these blocks: the library's own icon and the task50 .sp_side_scroll
   image. Hide both above the SP breakpoint. */
@media(min-width:769px){
    .scroll-hint-icon-wrap{
        display:none !important;
    }
    .sp_side_scroll:before{
        content:none;
    }
}

/* task119 -- a 市区町村 with fewer than the publishing threshold of sales has no page
   of its own, so the name ships as an <a> with no href (ledger C24, the <a> stays
   because the list styling hangs off `li a`). The rule above then paints it blue and
   underlines it, which is exactly what "this is a link" looks like. 종한 2026-08-19:
   plain black text for the ones that go nowhere. */
.sec01_wrap .container ul li a:not([href]) {
    color: #32373e;
    text-decoration: none;
    cursor: default;
}