@charset "utf-8";
/*---------------------------------------------------------------------
Smart Phone Style
sp.css
-----------------------------------------------------------------------
Copyright 2025 (c) linkpath Allrights Reserved.
Created: linkpaths
Coding: Hinako Hayashi
Last Update: 2025.06.12
---------------------------------------------------------------------*/
/*@media screen and (max-width: 482px) and (min-width: 960px) {*/
@media screen and (max-width: 482px) {
/*===========================================================
    common
===========================================================*/

/*===========================================================
    font-size
===========================================================*/
.section-title {
    font-size: 250%;
}
.flow-item dt {
    font-size: 200%;
}
.article-view__first p {
    font-size: 120%;
}

/*===========================================================
    article-view
===========================================================*/
/* article-view__first */
.article-view__first {
    padding-top: 5em;
}

/*===========================================================
    product-section
===========================================================*/
/* section-title */

/* product-slider */

/*===========================================================
    news-section
===========================================================*/
/* news-section__title */

/* news-content */

/* link-btn */

/*===========================================================
    brand-section
===========================================================*/
/* section-title */

/* brand-content */
.brand-content {
    min-width: 100%;
}
.brand-item {
    padding: 1em;
}
.brand-item p {
    gap: 1em;
}

/*===========================================================
    flow-section
===========================================================*/
/* section-title */

/* flow-content */
.flow-item dt::before {
    width: 80vw;
    width: 80svw;
    bottom: -35vw;
    bottom: -35svw;
}
.flow-item dd img {
    aspect-ratio: 1 / 1;
}

/*===========================================================
    column-section
===========================================================*/
/* column-section__title */

/* section-title */

/* column-slider */

/* link-btn */

/*===========================================================
    info-section
===========================================================*/
/* info-content */

/* link-btn */

/*===========================================================
    img-box
===========================================================*/

}