@charset "utf-8";

/* リセット */
@import url(css/foundation/reset.css);
/* 基本設定 */
@import url(css/foundation/base.css);
/* カスタム */
@import url(css/layout/custom.css);
/* 各レイアウト */
@import url(css/layout/layout.css);
/* ヘッダー */
@import url(css/layout/header.css);
/*  オブジェクトファイル
(.c-共通パーツ・.p-各セクションの細かいパーツ・.u-わずかな調整、特定の要素だけの色や余白） */
@import url(css/layout/object.css);

@media print {

    html,
    body {
        overflow-y: visible;
        overflow-x: visible;
        zoom: 80%;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .print {
        page-break-before: always;
    }


    .l-displayBlock__1024 {
        display: block !important;
    }


    .l-serviceList__company {
        display: none;
    }

    .l-serviceList {
        flex-direction: column;

        .l-serviceList--top {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .l-serviceList__company {
            position: static;
            width: 100%;
        }
    }

    .l-displayNone__1024 {
        display: none;
    }

    .l-displayBlock__1024 {
        display: flex !important;
    }

    .l-service__box--sp {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .l-index__infoInner {
        flex-direction: column;
    }

    .l-index__news {
        width: 100% !important;
    }

    .l-index__column {
        width: 100% !important;
        border: 1px solid #000;
    }


    .l-stickyWrapper {
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 0 auto;
    }


    .l-sticky {
        padding-left: 0;

        .l-sticky__inner {

            /* stickyTitle */
            p {
                display: none;
            }
        }


        ul {
            display: flex;
            /* gap: 20px; */
            flex-wrap: wrap;

            width: auto;
            background-color: #F4F4F4;
            border-radius: 10px;
            padding-top: 0;
            padding: 15px;

        }

        li {
            position: relative;
            padding: 10px;
            padding-left: 0;
            width: fit-content;

            &::before {
                content: "";
                left: 15px;
            }

            a {
                text-decoration: none;
                background-color: #fff;
                padding: 0.2em 0.5em;
                border-radius: 10px;
                transition: all 0.3s;
                line-height: 1.3;
                font-size: 14px;
            }
        }

    }

    .l-footer__contact,
    .l-footer__company {
        flex-direction: column;
    }

    .l-footer__logo {
        justify-content: center;
    }

    .l-footer__address {
        text-align: center;
    }

    .l-footer__links {
        justify-content: center;
    }

}