@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1024px) {
    .sp_only{
		display: none;
    }
	body{
		background: #f4f4f4;
	}
}
@media screen and (max-width: 1023px) {
    .pc_only{
		display: none;
    }
	body{
		background: #fff;
	}
}

#sec-01{
	padding: 40px 0 20px;
    background: #f29800;
}
#sec-01 .container{
    width: 1040px;
    margin: 0 auto;
}
#sec-01 .container .title{
    display: flex;
	align-items: center;
	justify-content: space-between;
}
#sec-01 .title-img.text {
    color: #6c3006;
    font-size: 44px;
    font-weight: bold;
    line-height: 1.3;
	width: 65%;
}
#sec-01 ul{
    display: flex;
    justify-content: space-between;
    list-style: none;
	padding-left: 15px;
}
#sec-01 ul li{
    margin: 0 10px 0 0;
}
#search{
}
@media screen and (max-width: 1023px) {
	#search{
		padding: 3vw 2vw;
		background: #f4f4f4;
	}
	#search .search-in__keyword{
		margin: 0 0 2vw 0;
	}
	#search input.search-in__input{
		display: block;
		width: 100%;
		height: 10vw;
		margin: 0;
		padding: 2vw;
		box-shadow: inset .5vw .5vw #eee;
		box-sizing: border-box;
		background: #FFF;
		border: 1px solid #ccc;
		border-radius: 1.2vw;
		font-weight: bold;
		font-size: 3.4vw;
		color: #555;
		appearance: none;
	}
	.search-in__category__btn{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%
	}
	.search-in__select{
		position: relative;
		width: 80%;
	}
	.search-in__select select{
		position: relative;
		width: 100%;
		height: 10vw;
		padding: 2vw;
		box-sizing: border-box;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 1.2vw;
		font-weight: bold;
		font-size: 3.4vw;
		color: #666;
		appearance: none;
	}
	.search-in__select::before{
		content: '';
	    position: absolute;
		margin: auto 0;
		padding: 0;
    	top: 50%;
    	right: 2vw;
		bottom: 50%;
    	width: 0;
    	height: 0;
    	border-left: 6px solid transparent;
   	 	border-right: 6px solid transparent;
   	 	border-top: 6px solid #999;
		z-index: 1;
}
	button.search-in__button{
		width: 18%;
		height: 10vw;
		padding: 2vw;
		background: #ff9000;
		border: none;
		border-radius: 1.2vw;
		font-weight: bold;
		font-size: 3.4vw;
		color: #fff;
	}
}
@media screen and (min-width: 1024px) {
    #search{
		padding: 0 0 30px 0;
		background: #f29800;
	}
	#search .search-in{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1040px;
		margin: 0 auto;
		padding: 0;
	}
	input.search-in__input{
		width: 650px;
		height: 46px;
		margin: 0 10px 0 0;
		padding: 6px 5px 5px 10px;
		box-shadow: inset 3px 3px #eee;
		box-sizing: border-box;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-weight: bold;
		font-size: 16px;
		color: #333;
		-webkit-appearance: none;
	}
	.search-in__category__btn{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%
	}
	.search-in__select{
		position: relative;
	}
	.search-in__select::before{
		content: '';
	    position: absolute;
		margin: auto 0;
		padding: 0;
    	top: 50%;
    	right: 10px;
		bottom: 50%;
    	width: 0;
    	height: 0;
    	border-left: 6px solid transparent;
   	 	border-right: 6px solid transparent;
   	 	border-top: 6px solid #999;
		z-index: 1;
}
	.search-in__select select{
		width: 270px;
		height: 46px;
		padding: 5px;
		box-sizing: border-box;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-weight: bold;
		font-size: 16px;
		color: #666; 
	}
	button.search-in__button{
		width: 100px;
		height: 46px;
		padding: 5px;
		background: #fff000;
		border: none;
		border-bottom: solid 3px #a36500;
		border-radius: 5px;
		font-weight: bold;
		font-size: 16px;
		color: #333;
	}
	
}