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

/* 全体（色系）*/
body {
	.thum_list li .category_c a {
		margin-bottom: 5px;
	}
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .add_government {
            .layout_a .imgbox {
                width: 40%;
            }
        }

        &.feature {
            .basic_dl02 {
                gap: 0 50px;
            }
        }

        .header-nav li {
            font-size: 12px;
        }
		
		footer .menu li {
			padding-left: 10px;
			margin-left: 10px;
		}

        
    }
}

@media screen and (min-width: 1404px) {
    body {
        .header-nav li {
            font-size: 12px;
        }

        
    }
}


/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {

        .layout_d .lf_box .txtbox {
            margin-right: 15%;
        }

        .layout_e .lf_box .txtbox {
            margin-left: 15%;
        }

        .header-nav li {
            font-size: 14px;
        }
		
		footer .menu li {
			padding-left: 15px;
			margin-left: 15px;
		}
    }
}

@media screen and (max-width: 1405px) {
    body {
        header .header-r-area .h-contact .header-nav {
            display: none;
        }
    }
}

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

            .layout_a .imgbox {
                width: 50%;
                margin-left: 20px;
            }
        }

        video {
            width: 100%;
        }

        main section .sv_btm01 {
            bottom: -1px;
        }
		.add_contact {
			padding: 30px 0;
		}
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {

        .add_government {
            .layout_a {
                display: block;
            }

            .layout_a .imgbox {
                width: 100%;
                margin-left: 0px;
            }
        }

        .non_thum_list li:after {
            right: 10px;
        }

        .non_thum_list li {
            padding: 20px 10px;
        }

        .tbl_list02 li {
            padding: 20px 10px;
        }

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

        .tbl_list02 li:before {
            width: 32%;
        }
		
		.add_contact {
			background-image: url(../images/home/mv1_pc.jpg);
		}
        
    }
}