@charset "utf-8";
/* CSS Document */

:root{
    --og-main:#1872B4;
    --og-main-dark:#145C91;
    --og-bg:#F7FBFF;
}

.og-nav{
    margin:18px 0 25px;
    padding:18px;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:10px;
}

.og-nav-title{
    font-size:18px;
    font-weight:bold;
    color:#666;
    margin-bottom:12px;
}

.og-nav-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    list-style:none;
    padding:0;
    margin:0;
}

.og-nav-list li{
    margin:0;
}

.og-nav-list a{
    display:block;
    padding:8px 16px;
    background:#f6f6f6;
    border-radius:999px;
    text-decoration:none;
    color:#444;
    transition:.2s;
}

.og-nav-list a:hover{
    background:var(--og-main);
    color:#fff;
}

.og-nav-list .og-current a{
    background:var(--og-main);
    color:#fff;
    font-weight:bold;
}



.og-wrap{
    width:100%;
    max-width:800px;
    margin:0 auto;
    font-size:15px;
    line-height:1.8;
    color:#444;
}

.og-wrap img{
    max-width:100%;
    height:auto;
}

.og-lead{
    margin:18px 0 28px;
    padding:16px;
    background:var(--og-bg);
    border-left:5px solid var(--og-main);
    border-radius:8px;
}

.og-section-img{
    display:block;
    width:75%;
    margin:28px auto 14px;
}

.og-note{
    margin:15px 0 25px;
    padding:14px;
    background:#f7f7f7;
    border-radius:8px;
    font-size:14px;
}

.og-table{
    width:100%;
    border-collapse:separate;
    border-spacing:8px;
}

.og-icon td{
    padding:16px 12px;
    text-align:center;
    vertical-align:top;
}

.og-icon td img{
    display:block;
    margin:0 auto 12px;
}



.og-rank td{
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:8px;
    padding:12px;
    text-align:center;
    vertical-align:top;
    line-height:1.6;
}

.og-rank td{
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:8px;
    padding:8px;
    text-align:left;
}

.og-rank td img{
    display:block;
    margin:0 auto 10px;
}



.og-price{
    color:#d90000;
    text-align:right;
    font-weight:bold;
    font-size:1.1em;
    margin:6px 0 0;
}

.og-faq{
    margin:16px 0;
    padding:14px;
    background:#fff;
    border:1px solid #dcecf8;
    border-radius:8px;
}

.og-faq-q{
    color:var(--og-main);
    font-weight:bold;
    margin-bottom:6px;
}



.og-main-img{
    width:100%;
    height:auto;
}

.og-sp-nav{
    margin:14px 0 18px;
    padding:12px;
    background:#F7FBFF;
    border:1px solid #DCECF8;
    border-radius:8px;
}

.og-sp-nav-title{
    font-size:16px;
    font-weight:bold;
    color:#1872B4;
    margin-bottom:10px;
}

.og-sp-nav-item{
    margin-bottom:8px;
}

.og-sp-nav-item:last-child{
    margin-bottom:0;
}

.og-sp-nav-item a{
    display:block;
    padding:10px;
    background:#ffffff;
    border:1px solid #d9e8f5;
    border-radius:6px;
    color:#1872B4;
    text-decoration:none;
    font-weight:bold;
}

.og-sp-nav-item.og-current a{
    background:#1872B4;
    border-color:#1872B4;
    color:#ffffff;
}