@charset "utf-8";
/* =====================================================
common
================================================== */
.pc {display: block !important}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;}
html {line-height: 1;font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;}
/* clearfix */
.clearfix::after {content: "";display: block;clear: both;}
div {display: block;unicode-bidi: isolate;}
ol,ul {list-style: none;list-style-type: none;text-decoration: none}
table {border-collapse: initial;border-spacing: initial}
a img {border: none}
a {text-decoration: none}
img {max-width: 100%;height: auto;vertical-align: bottom}

/* =====================================================
ご利用ガイド
================================================== */
.p-guide-index {
    margin-bottom: 48px;
}
.p-guide-index-list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    align-content: flex-start;
    flex-flow: row wrap;
    gap: 20px 30px;
    margin-bottom: 40px;
}
a.p-guide-index-list-item {
    flex: 0 0 calc(20% - 24px);
    max-width: calc(20% - 24px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-flow: row wrap;
    border: 1px solid #808990;
    padding: 4px 8px;
    padding-right: 26px;
    position: relative;
    min-height: 64px;
    font-size: 14px;
    font-weight: 600;
    color: #000 !important;
    text-decoration: none;
}
a.p-guide-index-list-item:hover {
    background-color: #f7f7f7;
}
a.p-guide-index-list-item::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 7px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #808990;
    border-right: 2px solid #808990;
    transform: translate3d(0, -50%, 0) rotate(135deg);
    margin-top: -1px;
}
div.p-guide div.p-guide-sections div.p-guide-section {
    margin-bottom: 60px;
    line-height: 1.6em;
    scroll-margin-top: 115px; /* ヘッダーの高さに調整 */
}
div.p-guide div.p-guide-sections div.p-guide-section h2 {
    background-color: #eee;
    color: #333;
    padding: 10px 15px;
    font-weight: bold;
    text-align: center;
}
div.p-guide div.p-guide-sections div.p-guide-section h3 {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
    margin-top: 30px;
    font-weight: bold;
}
div.p-guide div.p-guide-sections div.p-guide-section h4 {
    font-size: 14px;
    border-left: 5px solid #ccc;
    padding-left: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}
div.p-guide div.p-guide-sections div.p-guide-section h5 {
    font-weight: bold;
    font-size: 14px;
}
div.p-guide div.p-guide-sections div.p-guide-section p {
    margin-bottom: 30px;
}
div.p-guide div.p-guide-sections div.p-guide-section a {
    text-decoration: underline;
}
.p-guide-section-pay-card {
    border: 1px solid #ccc;
    padding: 20px;
}
.p-guide-section-pay-card  .p-guide-section-pay-card-tit {
    font-weight: bold;
}
.p-guide-section-pay-card img {
    height: 50px;
}
div.p-guide div.p-guide-sections div.p-guide-section em {
    color: #cc0000;
    font-weight: bold;
    font-style: normal;
}
.p-guide dl {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    align-content: flex-start;
    flex-flow: row wrap;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.5;
    gap: 5px 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.p-guide dl dt {
    flex: 0 0 170px;
    max-width: 170px;
    margin: 0px;
    font-weight: 700;
}
.p-guide dl dd {
    flex: 0 0 calc(100% - 170px);
    max-width: calc(100% - 170px);
    margin: 0px;
}
div.p-guide ul.c-list.c-list--dot li {
    padding-left: 1em;
    position: relative;
}
div.p-guide ul.c-list.c-list--dot li {
    padding-left: 0;
}
div.p-guide ul.c-list.c-list--dot li::before {
    display:none;
}
@media screen and (max-width:780px) {

.pc {display: none;}
.sp {display: block;}
/* =====================================================
ご利用ガイド
================================================== */
.p-guide-index-list {
    display: block;
}
a.p-guide-index-list-item {
    flex: none;
    max-width: none;
    margin-bottom: 11px;
    min-height: 36px;
    padding: 10px 18px;
    padding-right: 30px;
    width: 100%;
    display: block;
}
div.p-guide div.p-guide-sections div.p-guide-section {
    scroll-margin-top: 120px; /* ヘッダーの高さに調整 */
}
a.p-guide-index-list-item br.pc-only {
    display: none;
}
div.p-guide div.p-guide-sections div.p-guide-section h2 {
    font-size: 18px;
}
div.p-guide div.p-guide-sections div.p-guide-section h3 {
    padding-left: 3%;
}
div.p-guide div.p-guide-sections div.p-guide-section p,.p-guide-section-pay-card,
div.p-guide div.p-guide-sections div.p-guide-section ul,.p-guide-section-noshi-img,div.p-guide div.p-guide-sections div.p-guide-section h4,div.p-guide div.p-guide-sections div.p-guide-section h5,.p-guide dl {
    margin:0 3% 3% 3%;
}

}