/*-----
* home-style.css ver1.0.0
* For fornt page(フロントページ用)
-----*/
.head-first-box{
	width: 100%;
	height: 100vh;
	min-height: 680px;
	background-color: #ece7a5;
	overflow: hidden;
	position: relative;
}
.head-first-box>.inner{
	width: 100%;
	height: 100%;
		max-width: none;
	margin: auto;
}
.head-first-box>.inner>.slide-box{
	
}
.head-first-box>.inner>.slide-box>.sw-basic{
	
}
.head-first-box>.inner>.slide-box>.sw-basic>.swiper-wrapper{
	
}
.head-first-box>.inner>.slide-box>.sw-basic>.swiper-wrapper>.swiper-slide{
	
}
.head-first-box>.inner>.slide-box>.sw-basic>.swiper-wrapper>.swiper-slide>.image{
	text-align: center;
}
.head-first-box>.inner>.slide-box>.sw-basic>.swiper-wrapper>.swiper-slide>.image>picture{
	
}
.head-first-box>.inner>.slide-box>.sw-basic>.swiper-wrapper>.swiper-slide>.image>picture>img{
	height: 100vh;
	object-fit: cover;
    aspect-ratio: 16 / 9;
}
@media screen and (max-width:768px){
	.head-first-box>.inner>.slide-box>.sw-basic>.swiper-wrapper>.swiper-slide>.image>picture>img{
		height: auto;
		aspect-ratio: auto;
	}
	
	
}
/* ◆動作確認用 */
.test-slide{
	
}
.test-slide>div{
	margin-top: 10px;
}
.test-slide>div>ul{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 30px;
}
.test-slide>div>ul>li{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.test-slide>div>ul>li>p{
	
}
.test-slide>div>ul>li>input{
	field-sizing: content;
    padding: 0 0 0 5px;
}
@media screen and (max-width:768px){
	.test-slide>div>ul{
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding: 5px 20px 0;
	}
	.test-slide>div>ul>li>input{
		field-sizing: unset;
		width: 100px;
	}
}







/*****  *****/

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