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

/* 全体（色系）*/
body {
    .pages {
        display: none;
    }

    .mv-icon2 a:hover .mv-icon2__content h3 {
        color: #47986f;
    }

    .greeting__content p {
        font-weight: 500;
    }

    &.service {
        .sec01,
        .sec03,
        .sec05,
        .sec07,
        .sec09,
        .sec11 {
            position: relative;
            padding: 80px 0;
            background-color: #fafff3;
        }

        .sec02,
        .sec04,
        .sec06,
        .sec08,
        .sec10,
        .sec12 {
            position: relative;
            padding: 80px 0;
        }
    }
	
	.news__items {
		border-top: none;
	}
	
	
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        &.home {
            .sec01 .business__head {
                font-size: 110px;
            }
        }

        #main_visual .copy_text {
            width: 40%;
        }

        #menu-header-navi li {
            border-right: dotted 1px #333333;
            padding-right: 20px;
            margin-right: 20px;

            .sub-menu li {
                margin-right: 00px;
                border-right: none;
            }
        }

        .mv-icon2__content-img2 {
            margin-top: 15px;
        }

        .sec01,
        .add_recruit,
        .sec03 {
            .layout_d .imgbox {
                width: 50%;
            }

            .layout_d {
                width: 100%;
            }

            .layout_d .txtbox {
                margin-left: 7%;
                margin-right: 7%;
            }
        }

        .sec02 {
            .layout_e {
                width: 100%;
            }

            .layout_e .imgbox {
                width: 50%;
            }

            .layout_e .txtbox {
                margin-left: 7%;
                margin-right: 7%;
            }
        }

        &.service {
            .sec01,
            .sec03,
            .sec05,
            .sec07,
            .sec09,
            .sec11 {
                .layout_d .imgbox {
                    width: 50%;
                }

                .layout_d {
                    width: 100%;
                }

                .layout_d .txtbox {
                    margin-left: 7%;
                    margin-right: 7%;
                }
            }

            .sec02,
            .sec04,
            .sec06,
            .sec08,
            .sec10,
            .sec12 {
                .layout_e .imgbox {
                    width: 50%;
                }

                .layout_e {
                    width: 100%;
                }

                .layout_e .txtbox {
                    margin-left: 7%;
                    margin-right: 7%;
                }
            }
        }

        .add_service {
            .f22 {
                font-size: 22px;
            }
        }

        .headline__text {
            max-width: 800px;
        }

        &.service,
        &.timber-leasing,
        &.tree-sales {
            .layout_b .imgbox,
            .layout_a .imgbox {
                width: 50%;
            }

            .layout_b .txtbox {
                margin-left: 100px;
            }

            .layout_a .txtbox {
                margin-right: 100px;
            }
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        &.home {
            .sec01 .business__head {
                font-size: 120px;
            }
        }

        #main_visual .copy_text {
            width: 50%;
        }

        .sec01,
        .add_recruit,
        .sec03 {
            .layout_d .imgbox {
                width: 50%;
            }

            .layout_d {
                width: 100%;
            }

            .layout_d .txtbox {
                margin-left: 9%;
                margin-right: 10%;
            }
        }

        .sec02 {
            .layout_e {
                width: 100%;
            }

            .layout_e .imgbox {
                width: 50%;
            }

            .layout_e .txtbox {
                margin-left: 10%;
                margin-right: 9%;
            }
        }

        &.service {
            .sec01,
            .sec03,
            .sec05,
            .sec07,
            .sec09,
            .sec11 {
                .layout_d .imgbox {
                    width: 50%;
                }

                .layout_d {
                    width: 100%;
                }

                .layout_d .txtbox {
                    margin-left: 9%;
                    margin-right: 10%;
                }
            }

            .sec02,
            .sec04,
            .sec06,
            .sec08,
            .sec10,
            .sec12 {
                .layout_e .imgbox {
                    width: 50%;
                }

                .layout_e {
                    width: 100%;
                }

                .layout_e .txtbox {
                    margin-left: 10%;
                    margin-right: 9%;
                }
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .news__wrapper {
            display: block;
        }

        .news__wrapper-right {
            width: 100%;
            margin-top: 20px;
        }

        .u-desktop {
            display: none;
        }

        .contact__content-right__tel span {
            font-size: 30px;
        }

        .headline__title {
            color: #bed6a3;
        }

        .layout_d .txtbox .box,
        .layout_e .txtbox .box {
            max-width: 800px;
        }

        &.service {
            .sec01,
            .sec03,
            .sec05,
            .sec07,
            .sec09,
            .sec11 {
                position: relative;
                padding: 40px 0;
                background-color: #fafff3;
            }

            .sec02,
            .sec04,
            .sec06,
            .sec08,
            .sec10,
            .sec12 {
                position: relative;
                padding: 40px 0;
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		
		.h-logo {
			margin-left: 20px;
		}
		
		.philosophy__content h4 {
			font-size: 24px;
		}
		
        .contact__content-right__tel span {
            font-size: 36px;
        }

        .contact__content-center {
            width: 100%;
            height: 1px;
            background: #47986f;
            display: inline-block;
        }

        &.flow {
            padding: 0;
        }

        .tbl_list02 li .list_ttl {
            width: 40%;
            padding: 20px 15px;
        }

        .tbl_list02 li:before {
            width: 35%;
        }

        .tbl_list02 li .list_body {
            padding: 20px 15px;
        }

        .outline__item {
            padding: 1.5rem 1rem 3rem 1rem;
        }

        .contact-form__item-content2 {
            display: flex;
            width: 100%;
        }
    }
}