@charset "utf-8";
/*---------------------------------------------------------------------
Tablet Style
tb.css
-----------------------------------------------------------------------
Copyright 2026 (c) linkpath Allrights Reserved.
Coding: Hinako Hayashi
Last Update: 2026.04.07
---------------------------------------------------------------------*/
@media screen and (max-width: 1080px) {
/*===========================================================
    font-size
===========================================================*/

/*===========================================================
    parts
===========================================================*/

/*===========================================================
    tab-nav
===========================================================*/
/* タブナビゲーション全体 */
.tab-nav {
    top: 3.5em;
}
}
/*@media screen and (max-width: 959px) and (min-width: 481px) {*/
@media screen and (max-width: 959px) {
/*===========================================================
    font-size
===========================================================*/
a.support-tel {
    font-size: clamp(2rem, 3vw, 5rem);
    font-size: clamp(2rem, 3svw, 5rem);
}
/*===========================================================
    parts
===========================================================*/
.tab-content article:has(.section-title) {
    padding-top: 6em;
}
.tab-content section {
    width: 100%;
}
/*===========================================================
    tab-nav
===========================================================*/

/*===========================================================
    tab-content
===========================================================*/
/* タブコンテンツのラッパー */
.tab-content {
    padding: 3em 0;
}

.tab-page {
    padding: 0 1em;
    padding-bottom: 4em;
}



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

/* article-condition */
.condition-row {
    flex-direction: column;
}

.condition-label {
    max-width: 30em;
    width: 100%;
    margin: 0 auto;
}

/* article-support */
.support-flow {
    flex-direction: column;
    gap: 1em;
}

.support-step:not(:first-child) {
    border-left: solid 0.0625rem var(--color-lightgrey);
    border-top: none;
}
.support-step:not(:last-child) .support-step-body::after {
    height: 2rem;
    top: auto;
    right: 50%;
    bottom: -0.625rem;
    transform: translateX(50%) rotate(90deg);
}
/*===========================================================
    protect-contents
===========================================================*/
/* article-warranty */
.warranty-list {
    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
    gap: 1em;
}

/* article-plan */
.plan-item {
    width: 100%;
}



/* article-coverage */



/*===========================================================
    plus-contents
===========================================================*/
/* article-price */
.price-list {
    max-width: 600px;
    margin: 0 auto;
}
.price-item {
    width: 100%;
}

/* article-repair */
.repair-list {
    
}
}