@media screen and (max-width: 991px) {
	.relative {
        position: static;
    }

    .inner {
        position: relative;
        width: 100%;
        padding: 1em;
        padding-top: 3em;
    }

	.inner1,.inner2{
		top:0;
		left:0;
		right: 0;
		background-color: rgba(255, 255, 255, 0);
	}
}

@media screen and (max-width: 991px) {

	.pc-w{
		display: none !important;
	}
	.dropdown-menu{
		margin-top: 0;
		border: none;
		background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
		padding-top: 0;
		padding-bottom: 0;
	}

	.dropdown-menu .dropdown-item{
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}

	.dropdown-menu .dropdown-item::before{
		content: ">";
	}

	.nav-item{
		border-bottom: none;
	}

	.nav-item:hover{
		border-bottom: none;
	}

	.nav-item a:hover{
		color: blue;
	}

	.job{
		padding-bottom: 30px;
	}

	.conte-wide{
		padding-bottom: 320px !important;
	}

	.rinen-text{
		font-size: 1.2em;
	}
}

@media screen and (max-width: 767px) {
	.item2{
		margin-top: 45px;
	}

	.item3{
		margin-top: 45px;
	}
}

@media screen and (max-width: 480px) {
	html{
		scroll-padding-top:65px;
	}
	/* 480px以下に適用されるCSS（sp用） */
	.sp{
		display: block !important;
	}

	.pc{
		display: none !important;
	}

	.pc-w{
		display: none !important;
	}

	.sp-center{
		text-align: center !important;
	}

	.navbar-brand img {
        max-width: 250px; /* スマートフォンでのロゴの最大幅を調整 */
    }

	.top-message-p{
		width: 100%;
	}

	.sp-w80{
		width: 80%;
	}

	.top-img{
		height: 50vh;
	}

	.top-img .slider-item{
		height: 50vh;
	}

	.top-img p{
		font-size: 1.2rem;
	}

	.job{
		padding-bottom: 10px;
	}

	.pic{
		width: 100%;
		top:120px;
	}

	.txt-area{
		top:0;
	}

	.conte-wide{
		padding-bottom: 400px !important;
	}

	/* 下層ページ */
	.kaso-header{
		height: 30vh;
	}

	.kaso-header-inner h1{
		font-size: 2em;
		text-underline-offset: 8px;
		margin-bottom: 3px;
	}

	.kaso-header-inner p{
		font-size: 1.2em;
	}
}

@media screen and (max-width: 300px) {
	.navbar-brand img{
		max-width: 180px;
	}
}