@charset "UTF-8";

/* 印刷用レイアウト */
@page {
    margin: 10mm;
    size: 210mm 297mm;
    /* A4縦サイズの場合 */
}

@media print {
/*====================================
 全体設定
====================================*/
    html {
        background: unset;
        background-repeat: unset;
    }

    body {
        -webkit-print-color-adjust: exact;
        /* 印刷時でも背景色や背景画像を表示 */
        width: 100%;
        /* 印刷時の全ページ幅を統一（px数値はお好みで） */
        zoom: 0.8;
        /* なるべく多くのブラウザで切れないようにするため */
    }

    img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    header,
    footer,
    .top_bt,
    .sidebar,
    .pager {
        display: none;
    }

    section{
        margin-bottom: 50px;
        padding: 0em 1.5em;
        width: 100%;
    }

    .inner, .inner_large {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .page_content {
        margin-top: 0px;
        margin-bottom: 0rem;
        border-radius: unset;
        background-color: unset;
        box-sizing: border-box;
    }

    .page_main__area {
        margin-bottom: 3em;
        padding: 0rem;
        background-color: unset;
    }

    h1.page_tit{
        font-size: 1.75em;
    }

    .editor h1,
    .editor h2,
    .editor h3,
    .editor h4,
    .editor h5,
    .editor h6 {
        font-size: 1.5em;
    }

    .page_layout,
    .archive_layout {
        display: block;
    }

    .wp-block-columns {
        display: flex;
        flex-wrap: nowrap;
    }

    .page_child__item a {
        padding: 1.5em;
    }

    .back_gradation{
        background-image: unset;
    }
    
/*====================================
  アニメーション
=====================================*/


/*====================================
 トップページ 
====================================*/
    .mainv{
        display: none;
    }

    h2.top_tit {
        margin-bottom: 2.25rem;
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        font-size: 1.75em;
        letter-spacing: 2px;
        text-align: center;
    }

    .news_top__layout {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .news_area__left,
    .news_area__right {
        width: 100%;
    }

    .news_bt__tit.pc {
        display: none;
    }

    .news_bt__tit.sp {
        margin-top: 1.5rem;
        display: flex;
        justify-content: flex-end;
    }

    .news_tit {
        width: 100%;
    }

    .renovation {
        padding-top: 5rem;
    }

    .renovation_menu {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 3rem;
    }

    .renovation_menu li {
        width: 170px;
        height: 100%;
        transform: translateY(0);
        transition: var(--transition);
    }

    .renovation_menu li .renobaation_icon {
        width: 170px;
        height: 170px;
    }
    
    .kitchen{
        background-image: url(../img/icon/kitchen.png);
    }

    .bath{
        background-image: url(../img/icon/bathtub.png);
    }

    .toilet{
        background-image: url(../img/icon/toilet.png);
    }

    .shower{
        background-image: url(../img/icon/shower.png);
    }

    .living{
        background-image: url(../img/icon/livingroom.png);
    }

    .garage{
        background-image: url(../img/icon/garage.png);
    }

    .wall{
        background-image: url(../img/icon/house.png);
    }

    .barrierfree{
        background-image: url(../img/icon/wheelchair.png);
    }

    .renobation_bt {
        width: calc(50% - 1rem);
    }

    .works{
        margin-bottom: 100px;
        padding: 0 0 3rem 0;
    }

    .about {
        margin-top: 50px;
    }

    .about_area {
        display: flex;
        justify-content: space-around;
        gap: 1.5rem;
    }

    .about_bt__area {
        margin-top: 5.35rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .about_bt {
        width: calc(33.33% - 1rem);
    }

    .bottom_nav {
        display: none;
    }

    .contact_area {
        padding: 2rem;
        width: calc(100% - 3rem);
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 20px;
        background-color: var(--white);
        box-shadow: var(--shadow);
    }

    .contact_tx,
    .contact_tel__area,
    .contact_mail__area {
        width: calc(33.33% - 1rem);
    }

    .contact_area .contact_tx {
        font-size: 1.35em;
        font-weight: 800;
        line-height: 1.5;
        letter-spacing: 3px;
        text-align: center;
    }

    .contact_mail__area .mail_bt a {
        padding: 1.25rem;
    }

/*====================================
 ページ 
====================================*/
    .page_layout, .archive_layout{
        margin-bottom: 50px;
    }

    .page_main__area{
        box-shadow: unset;
    }

    .pagereform_bt{
        display: none;
    }

}