@charset "utf-8";
/*---------------------------------------------------------------------
Smart Phone Style
sp.css
-----------------------------------------------------------------------
Copyright 2026 (c) linkpath Allrights Reserved.
Coding: Hinako Hayashi
Last Update: 2026.04.07
---------------------------------------------------------------------*/
/*@media screen and (max-width: 482px) and (min-width: 960px) {*/
@media screen and (max-width: 482px) {
/*===========================================================
    font-size
===========================================================*/
.section-repair .section-title span {
    font-size: 285%;
}
.section-repair .section-title {
    font-size: 140%;
}
.repair-service {
    font-size: 140%;
}
.tab-nav-btn,
.warranty-list li {
    font-size: 100%;
}
.price-item-list li {
    font-size: 90%;
}
.price-item-cost {
    font-size: 12vw;
    font-size: 12svw;
}
a.support-tel {
    font-size: 10vw;
    font-size: 10svw;
}
.price-item-detail dd {
    font-size: 5vw;
    font-size: 5svw;
}
/*===========================================================
    parts
===========================================================*/
.tab-content section {
    gap: 2em;
}
/*===========================================================
    tab-nav
===========================================================*/
.tab-nav-btn {
    gap: 0.25rem;
    padding: 0.5em;
}
.tab-page {
    padding-bottom: 2em;
}



/*===========================================================
    protect-contents / plus-contents 共通
===========================================================*/
/* article-service */
article.article-service {
    padding-top: 3em !important;
}
/* article-condition */

/* article-support */
.section-support .notes-box {
    padding: 0;
    background: transparent;
}
.section-support .notes-box-title {
    width: 100%;
    color: var(--color-main);
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-bottom: solid 0.125rem var(--color-protect);
    background: transparent;
    border-radius: 0;
    padding: 0;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

/*===========================================================
    protect-contents
===========================================================*/
/* article-warranty */
.warranty-list {
    grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
}

/* article-plan */

/* article-coverage */
.coverage-list {
    grid-template-columns: 1fr;
}



/*===========================================================
    plus-contents
===========================================================*/
/* article-price */

/* article-repair */
.repair-list li {
    min-width: 100%;
    width: 100%;
}
}