:where(#l-searchform) {
	#search_box{
		max-width: 1000px;
		padding: 10px;
		margin: 0 auto;
	}
	#search_box .ttl01{
		text-align: center;
		font-size: 30px;
		border-radius: 0;
		position: relative;
		background: #00880a;
		padding: 20px;
		margin: 0;
		font-weight: bold;
		color: #fff;
		line-height: 1.4;
	}
	#searchTOP{
		background: #fff4c1;
		padding: 20px 20px 40px;
	}
	#searchTOP .select_box{
		list-style: none;
		background-color: #fff;
		border-radius: 20px;
		padding: 10px 20px;
	}
	.select-body {
		width:100%;
		position: relative;
	}
	.li_box .select-body {
		display: block ;
	}
	.li_box .select-body::after{
		content: '';
		pointer-events: none;
	}
	.li_box .select-body::after {
		position: absolute;
		top: 50%;
		right: 0.5em;
		transform: translate(50%, -50%) rotate(45deg);
		width: 8px;
		height: 8px;
		border-bottom: 3px solid #00880a;
		border-right: 3px solid #00880a;
	}
	.li_box .select-body select {
		appearance: none;
		width: 100%;
		height: 2.8em;
		padding: .4em calc(.8em + 30px) .4em .8em;
		border: none;
		border-radius: 3px;
		background-color: #fff;
		color: #333333;
		font-size: 1.25rem;
		cursor: pointer;
		outline: 0;
	}
	.select_box .li_box{
		position: relative;
	}
	.select_header {
		width:100%;
		user-select: none;
		display: flex;
		align-items: center;
	}
	.arrow::before,
	.arrow::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0;
		right: 20px;
		width: 4px;
		height: 18px;
		border-radius: 9999px;
		background-color: #00880a;
		transform-origin: 50% calc(100% - 2px);
	}
	.arrow::before {
		transform: rotate(45deg);
	}
	.arrow::after {
		transform: rotate(-45deg);
	}
	#search_box .select_box .none{
		display: none;
	} 
	#search_box .select_box li{
		position: relative;
		background: #fff;
		margin-bottom: 10px;
		border-bottom: 2px solid #dbdcdd;
		display: flex;
		justify-content: space-between;
		padding: 10px 30px 10px 30px;
	}
	#search_box .select_box li:last-child{
		border-bottom: none;
		margin-bottom: 0;
	}
	#search_box .select_box li.li_box::marker {
		list-style: none;
	}
	#search_box .select_box li .ttl{
		font-size: 1.5rem;
		font-weight: 500;
		width: 100%;
		margin: 0;
		padding: 5px;
	}
	#search_box .select_box li .answer{
		font-size: 20px;
		font-weight: 500;
		color: #666666;
		width: 100%;
		margin: 0;
		padding: 5px;
	}
	#searchTOP .rentbtn{
		margin: 20px auto 20px;
		text-align: center;
		display: block;
		box-sizing: border-box;
	}
	#searchTOP .rentbtn button{
		position:relative;
		appearance: none;
		padding: 10px 10px 10px;
		border: none;
		display: inline-block;
		background-color: #00880a;
		box-shadow: 0 6px #006807;
		line-height: 1;
		color: #fff;
		font-size: 25px;
		font-weight: 700;
		text-decoration: none;
		position: relative;
		cursor: pointer;
		top: 0;
		transition: .2s box-shadow, .2s top, .4s background;
		width: 50%;
		width: 80%;
		height: 75px;
		border-radius: 10px;
	}
	#searchTOP .rentbtn button::after{
		content: '';
		position: absolute;
		top: 50%;
		transform: translate(50%, -50%) rotate(0);
		right: 15px;
		display: inline-block;
		vertical-align: middle;
		color: #333;
		line-height: 1;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent;
		border-width: 0.275em 0.44952em;
		border-left-color: #fff;
		border-right: 0;
	}
	/* SP用 */
	@media screen and (max-width:768px){
		#search_box .ttl01{
			font-size: 20px;
			padding: 10px;
			line-height: 1;
		}
		#searchTOP{
			padding: 10px;
		}
		#searchTOP .select_box{
			border-radius: 10px;
			padding: 10px;
		}
		#search_box .select_box li{
			padding: 10px 5px 10px 5px;
			margin-bottom: 5px;
		}
		.li_box .select-body{
			z-index:1;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto 0;
		}
		.li_box .select-body select{
			width: 100%;
			border-radius: 10px;
			padding: 0.4em calc(-1.2em + 30px) 0.4em 0.4em;
			font-size: 0.75rem;

		}
		#search_box .select_box li .ttl{
			font-size: 0.75rem;
			padding: 0;
		}
		#searchTOP .rentbtn button{
			font-size: 1.25rem;
			line-height: 1;
			height: auto;
			border-radius: 5px;
			width: 80%;
		}
	}

	#l-searchform {
		z-index: 11;
	}
	.li_box {
		z-index: 0;
		cursor: pointer;
	}
	.li_box:has(.wrap.active) {
		z-index: 1;
	}
	.select-body {
		position: relative;
	}
	.wrap {
		position: absolute;
    background: #fff;
    z-index: 9999;
    width: 100%;
    border-radius: 10px;
	}
	.wrap.active {
		border: 1px solid #dbdcdd;

		& p {
			padding: 8px 10px;
			cursor: pointer;
		}
	}
}