main {
    padding-top: 50px;
    @media (width > 768px) {
        padding-top:98px;
    }
    > * {
        max-width:900px;
        @media (width > 900px) {
            margin-inline:auto;
        }
    }

    .hhqr {
        table {
            display: grid;
            grid-template-columns: 120px 1fr; /* 左列の幅を固定、右を可変に */
            /* border-collapse: collapse; */
            border-top: 1px solid #333;
            border-left: 1px solid #333;
            width: 100%;
            max-width: 500px;
            margin-inline:auto;

            thead, tbody, tr {
                display: contents;
            }
            th, td {
                border-right: 1px solid #333;
                border-bottom: 1px solid #333;
                padding: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                line-height: 1.5;
                margin: 0; /* デフォルトの余白をリセット */
            }
            th {
                background-color: #fff; 
                font-weight: normal;
                text-align: center;
            }
            td {
                text-align: center;
                word-break: break-all; /* URLなどが長い場合に改行させる */
            }

            /* 1行目ペア */
            th:nth-of-type(1) { order: 1; }
            td:nth-of-type(1) { order: 2; }

            /* 2行目ペア */
            th:nth-of-type(2) { order: 3; }
            td:nth-of-type(2) { order: 4; }

            /* 3行目ペア */
            th:nth-of-type(3) { order: 5; }
            td:nth-of-type(3) { order: 6; }

            /* 4行目ペア */
            th:nth-of-type(4) { order: 7; }
            td:nth-of-type(4) { order: 8; }

            /* 5行目ペア */
            th:nth-of-type(5) { order: 9; }
            td:nth-of-type(5) { order: 10; }

            @media (width > 600px) {
                
                grid-template-columns: 120px 1fr 1fr 120px 1fr;
                max-width: 100%;
                
            
                /* orderプロパティで順番を並べ替える */
                /* 見出し（th）をすべて1行目（order: 1〜5）に配置 */
                th:nth-of-type(1) { order: 1; }
                th:nth-of-type(2) { order: 2; }
                th:nth-of-type(3) { order: 3; }
                th:nth-of-type(4) { order: 4; }
                th:nth-of-type(5) { order: 5; }
            
                /* データ（td）をすべて2行目（order: 6〜10）に配置 */
                td:nth-of-type(1) { order: 6; }
                td:nth-of-type(2) { order: 7; }
                td:nth-of-type(3) { order: 8; }
                td:nth-of-type(4) { order: 9; }
                td:nth-of-type(5) { order: 10; }
            
                /* セルのスタイル微調整 */
                th, td {
                width: auto; /* スマホ版の固定幅を解除 */
                min-height: 3em; /* 高さを揃えるため */
                text-align: center;
                }
            }
        }
        address,
        time {
            width:100%;
            text-align:right;
            font-size: 14px;
            display:block;
            margin:0;
            @media (width > 600px) {
                font-size:16px;
            }
        }
        address {
            padding-top:40px;
        }
    }
    .policylins {
        padding-top:40px;
        @media (width > 600px) {
            padding-top:0;
        }
        > dt,
        > dd {
            font-size: 14px;
            @media (width > 600px) {
                font-size:16px;
            }
        }
        @media (width > 600px) {
            > dt {
                float: left;
                clear: left;
            }
        }
    }
    a[target="_blank"] {
        /* inline-flex を解除 */
        display: inline; 
        text-decoration: underline;
        /* リンク全体が改行を跨げるようにする */
        overflow-wrap: break-word; 
        
        &::after {
            content: "";
            /* block ではなく inline-block にしてテキストに混ぜる */
            display: inline-block; 
            width: 16px;
            height: 1em; /* テキストの高さに合わせる */
            
            /* 左右の余白調整 */
            margin-left: 8px;   /* テキストとの間隔 */
            vertical-align: middle; /* 上下中央寄せ */
            
            background: url(/assets/images/common/link.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
    }
}
.btn-wrap .btn.btn-back {
    background-image:url(/assets/images/common/btn_arrow_right_back.png);
}
.downloadBnr.d-pc-block {
    padding:2.2rem 0;
    > .wrap880 {
        max-width: 642px;
        @media (width > 1024px) {
            max-width: 710px;
        }
        > .downloadBox {
            flex-wrap:wrap;
            gap:4px 30px;
            @media (width > 1024px) {
                gap:24px 30px;
            }
            > .downloadBox-l {
                .ttl {
                    text-align:left;
                }
            }
            > .downloadBox-r {
                justify-content:right;
                width:415px;
                @media (width > 1024px) {
                    justify-content:center;
                }
                > a {
                    padding-right:0.5rem;
                    > img {
                        height:60px;
                    }
                }
            }
            >p {
                width: 100%;
                padding-inline: 10px;
                color: #fff;
            }
        }
    }
}
.d-sp-block {
    > .stores {
        > p {
            &:nth-of-type(2){
                line-height:1.6;
                padding-top:4px;
            }
        }
    }
}
#townstoppage {
    section.about {
        .aboutBox {
            .item {
                > .item-right {
                    > h3 {
                        max-width:155px;
                        @media (width >= 768px) {
                            max-width:212px;
                        }
                    }
                }
            }
        }
    }
}
.news .btnWrap .btn-white::before {
    width:auto;
    height:auto;
    border:none;
}