@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
	
	.add_guide{
		padding: 30px 0;
	}
	
    .sp_on2 {
        display: none;
    }

    .pc_on2 {
        display: block;
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        &.farm-guide {
            .sec00 {
                .layout_a .imgbox {
                    width: 50%;
                    margin-left: 6rem;
                }
            }
        }

        .contact_infoarea {
            padding: 0 5%;
        }

        #main_visual .copy_text {
            width: 55%;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
		.h-logo .h_txt img{
			max-height: 60px;
		}
        #main_visual .copy_text {
            width: 80%;
        }

        .tp_sec04 {
            .harf_layout01 .txtbox .box {
                width: 75%;
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        #main_visual .copy_text {
            inset: 30% 0 0 10%;
        }

        main section .page_title {
            width: 100%;
        }

        &.our-farms-vegetables {
            .unkmenu.cul4 li {
                margin-bottom: 20px;
            }
        }

        .add_guide {
            .sp_align_item_center {
                text-align: center;
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        #main_visual .copy_text {
            inset: 0 0 10%;
        }

        .pc_on2 {
            display: none;
        }

        .sp_on2 {
            display: block;
        }

        .f24 {
            font-size: 20px;
        }

        .tp_sec01 {
           .wbox01 .f24 {
            font-size: 17px;
           }
        }

        span.f22 {
            font-size: 18px;
        }
    }
}