/*ページ設定*/
@page {
    margin: 10mm;
    size: 210mm 297mm; /* A4縦サイズの場合 */
}
@media print {
    /*調整用CSS*/
    body,html {
        width: 1370px;
        margin: 0;
        padding: 0;
        zoom: 0.89;
    }
    body {
        font-size: 18px;
    }
    #main_visual {
        width: 1370px;
        height:800px;
    }
    .main_visual_sp_img {
        display: none;
    }
     /*ヘッダー*/
    #site_header {
        border-bottom: 1px solid #ccc;
        position: relative;
    }
    #site_header .btn01 {
        display: none;
    }
    #site_header .header_flex {
        padding: 0 10px;
    }
    #site_header .header_right_flex {
        align-items: center;
    }
    .global_navi_area {
        position: absolute;
        top: 80px;
        width: 100%;
        left: 0;
        display: none;
    }
    #global_navi {
        display: block;
        background-color: #fff;
        width: 100%;
        padding: 0;
    }
    #global_navi li {
        
        border-bottom: 1px solid var(--main-color);
        margin-right: 0;
    }
    #global_navi li a {
        color: var(--main-color);
        display: flex;
        padding: 20px 0 20px 20px;
    }
    #global_navi li a::before {
        content: url(../../../images/sp_arrow.svg);
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 0.5em
    }
    #global_navi li:last-child {
        border-bottom: none;
    }
    #global_navi li a.active {
        background-color: #ddf2f9;
    }
    #global_navi li a.active:after {
        display: none;
    }
    /*レイアウト*/
    .content_size01,.content_size02 {
        width: 90%;
    }
    /*スマホ開閉ボタン*/
    .btn-trigger {
        position: relative;
        width: 30px;
        height: 24px;
        cursor: pointer;
    }
    .btn-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #666;
    }
    .btn-trigger, .btn-trigger span {
        display: inline-block;
        transition: all .3s;
        box-sizing: border-box;
    }
    .btn-trigger span:nth-of-type(1) {
        top: 0;
    }
    .btn-trigger span:nth-of-type(2) {
        top: 12px;
    }
    .btn-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    #gnavi_btn.active span:nth-of-type(1) {
        -webkit-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg);
    }
    #gnavi_btn.active span:nth-of-type(2) {
        opacity: 0;
    }
    #gnavi_btn.active span:nth-of-type(3) {
        -webkit-transform: translateY(-12px) rotate(-45deg);
        transform: translateY(-12px) rotate(-45deg);
    }
    /*タイトル*/
    .title01 {
        font-size: 60px;
    }
    .title02 {
        font-size: 40px;
    }
    .title01 span {
         font-size: 70px;
    }
    #top_about02 .box1_title {
        font-size: 30px;
    }
    #more_btn {
        display: none;
    }
    .page_box02,.page_box03 {
        width: 95%;
    }
    #page_top {
        display: none!important;
    }
    .page_link_list_area, .page_link_list_area02, .page_link_list_area03 {
        padding-top: 60px;
    }
    /*ページタイトル*/
    .page_title h1 {
        font-size: 40px;
    }
    .page_title {
        padding: 20px;
    }
    .page_title_inner {
        width: 49%;
    }
    .page_title_img {
        position: relative;
        width: 30%;
    }
    .page_title_inner p{
        font-size: 16px;
    }
    .page_title_inner p br{
        display: none;
    }
    /*回収品目・料金*/
    #top_price .price_list > div {
        page-break-inside: avoid; /* divの途中でページを切らない */
        break-inside: avoid; 
    }
     /*サービス*/
     #sec_service .service_title, #sec_service02 .service_title {
        font-size: 30px;
     }
    #sec_service .item_list,
    #sec_service02 .item_list {
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    #sec_service .item_list > div,
    #sec_service02 .item_list > div {
        width: 100%;
        align-items: flex-end;
        text-align: center;
    }
    #sec_service .other_list,
    #sec_service02 .other_list {
        grid-template-columns: 1fr 1fr;
    }
    #sec_service .ohter_box,
    #sec_service02 .ohter_box {
        padding: 20px;
        line-height: 1.4;
    }
    #sec_service .restaurant_service_title {
        text-align: center;
    }
    #sec_service .restaurant_service_title br {
        display: none;
    }
    #sec_service .restaurant_service_flex {
        display: block;
    }
    #sec_service .restaurant_service_flex > div:nth-child(1) {
        margin-bottom: 20px;
    }
    #sec_service .restaurant_service_flex > div:nth-child(1),
    #sec_service .restaurant_service_flex > div:nth-child(2) {
        width: 100%;
    }
    /*ご家庭の不用品*/
    #sec_service02 .profit .profit_title {
        writing-mode: horizontal-tb;
        height: auto;
        padding: 10px;
    }
    #sec_service02 .profit_flex {
        display: block;
    }
    #sec_service02 .profit_flex > div:nth-child(1) {
        width: 100%;
        margin-bottom: 30px;
        padding: 40px 20px 30px 20px;
    }
    #sec_service02 .profit_flex > div:nth-child(2) {
        width: 100%;
    }
    #sec_service02 .profit_right {
        padding-top: 20px;
        padding-left: 0;
    }
    /*回収品目*/
    #items table.total_table th {
        white-space: nowrap;
        font-size: 14px;
    }
    #items table.total_table td {
        padding: 6px;
        font-size: 14px;
    }
    table.total_table .item_hosoku {
        min-width: 300px;
    }
    /*フッター*/
    #cta .cta_title {
        font-size: 34px;
    }
}