@charset "utf-8";
.fv
	{
	padding: 2rem 2rem 5rem 2rem;
	overflow-x: hidden;
	}

	.fv .slick-dots .slick-active button{
		background: #dc577b;
		border: none;
	}

	.fv .slick-dots li button{
		background:#999;
		border: none;
	}

.fv li img
	{
	width: 100%;
	border-radius: 10px;
	}

.fv .slick-slide
	{
	margin: 0 1rem;
	}

.fv .slick-prev
	{
	width: 75px;
	height: 151px;
	left: -2%;
	background: url(../images/index/left.png) no-repeat left center;
	z-index: 99999;
	}

.fv .slick-next
	{
	width: 75px;
	height: 151px;
	right: -2%;
	background: url(../images/index/right.png) no-repeat left center;
	z-index: 99999;
	}

.campain
	{
	padding: 4rem 0 3rem 0;
	background: url(../images/index/cam_back.jpg) no-repeat top center;
	}

.campain h2
	{
	width: 1200px;
	max-width: 90%;
	margin: 0 auto;
	font-size: 2em;
	color: #5c4e4f;
	font-family: 'LineSeedJP_Eb';
	display: flex;
	align-items: center;
	}

.campain h2 span
	{
	padding-left: 1rem;
	font-family: 'LineSeedJP_Rg';
	color: #dc577b;
	font-size: 0.5em;
	}

.campain ul
	{
	width: 1200px;
	max-width: 90%;
	margin: 1rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	}

.index_top
	{
	width: 1200px;
	margin: 0 auto;
	padding: 2rem 0;
	}

.index_top .choice
	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.index_top .choice li
	{
	width: 49%;
	}

.index_top .choice li a
	{
	padding: 1rem;
	color: #fff;
	font-size: 1.4em;
	display: block;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(255, 255, 255);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat 96% #dc577b;
	border-radius: 10px;
	text-align: center;
	font-family: 'LineSeedJP_Bd';
	}

.index_top section
	{
	margin: 4rem 0 0 0;
	}

.index_top h2
	{
	margin-bottom: 2rem;
	font-size: 2em;
	color: #5c4e4f;
	font-family: 'LineSeedJP_Eb';
	display: flex;
	align-items: center;
	}

.index_top h2 span
	{
	padding-left: 1rem;
	font-family: 'LineSeedJP_Rg';
	color: #dc577b;
	font-size: 0.5em;
	}

.index_top .design
	{
	position: relative;
	}

.index_top .design .op
	{
	position: absolute;
	top: 0;
	right: 0;
	border: 1ps solid red;
	z-index: 2;
	}

.index_top .design li a
	{
	display: block;
	}

.index_top .design li a p
	{
	color: #5c4e4f;
	margin-top: 1rem;
	font-family: 'LineSeedJP_Eb';
	}

.index_top .design li img
	{
	width: 100%;
	border-radius: 10px;
	}

.index_top .design .slick-list
	{
	padding: 0 33% 0 0% !important;
	}

.index_top .design .slick-slide
	{
	margin: 0 0.5% 0 0;
	}

.index_top .design .slick-prev
	{
	width: 40px;
	height: 40px;
	top: -16%;
	left: 92%;
	background: url(../images/index/d_left.jpg) no-repeat left center;
	z-index: 99999;
	}

.index_top .design .slick-next
	{
	width: 40px;
	height: 40px;
	top: -16%;
	right: 0%;
	background: url(../images/index/d_right.jpg) no-repeat left center;
	z-index: 99999;
	}

.index_top .more_link
	{
	width: 40%;
	margin: 3rem auto 0 auto;
	padding: 1.5rem;
	text-align: center;
	display: block;
	font-size: 1.2em;
	color: #dc577b;
	font-family: 'LineSeedJP_Eb';
	border: 2px solid #dc577b;
	border-radius: 10px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(220, 87, 123);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat 96%;
	}

.index_top .model ul
	{
	display: flex;
	flex-wrap: wrap;
	}

.index_top .model ul li
	{
	margin: 1rem 1rem 0 0;
	}

.index_top .model ul li a
	{
	padding: 0.5rem 3rem;
	text-align: center;
	font-family: 'LineSeedJP_Eb';
	display: block;
	color: #5c4e4f;
	border: 2px solid #5c4e4f;
	border-radius: 10px;
	}

.index_top .cate ul
	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px solid #dfdfdf;

	}

.index_top .cate ul li
	{
	width: 25%;
	border: 1px solid #dfdfdf;
	display: flex;
	align-items: center;
	}

.index_top .cate ul li a
	{
	color: #5c4e4f;
	display: block;
	text-align: center;
	width: 100%;
	padding: 1rem;
	}

.index_top .cate ul li a p
	{
	text-align: left;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(220, 87, 123);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat 98%;
	}

.index_top .feature ul
	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.index_top .feature ul li
	{
	width: 23%;
	margin-bottom: 1rem;
	}

.spbr
{
display: none;
}

@media screen and (max-width:1024px) {
.spbr
{
display: block;
}
	.fv
		{
		padding: 1rem 0rem 3rem 0rem;
		}

	.fv li img
		{
		width: 100%;
		border-radius: 10px;
		}

	.fv .slick-slide
		{
		margin: 0.2rem;
		}

	.fv .slick-prev
		{
		width: 50px;
		height: 101px;
		background-size: 100%;
		}

	.fv .slick-next
		{
		width: 50px;
		height: 101px;
		background-size: 100%;
		}

	.campain
		{
		padding: 4rem 0 0.5rem 0;
		background: url(../images/index/cam_back.jpg) no-repeat top center;
		}

	.campain h2
		{
		display: block;
		text-align: center;
		}

	.campain h2 span
		{
		display: block;
		padding-left: 0rem;
		}

	.campain ul
		{
		margin: 1rem auto;
		display: block;
		}

	.campain img
		{
		width: 100%;
		}


	.index_top
		{
		width: 100%;
		padding: 2rem 0;
		}

	.index_top .choice
		{
		width: 90%;
		margin: 0 auto;
		display: block;
		}

	.index_top .choice li
		{
		width: 100%;
		margin-bottom: 1rem;
		}

	.index_top h2
		{
		width: 90%;
		font-size: 1.3em;
		margin: 0 auto;
		justify-content: space-between;
		}

	.index_top h2 span
		{
		display: block;
		padding-left: 0rem;
		}

	.index_top .design .op
		{
		display: none;
		}

	.index_top .design ul
		{
		margin: 0.5rem 0 0 5%;
		}

	.index_top .design li a p
		{
		font-size: 0.75em;
		margin-top: 0.5rem;
		}

	.index_top .design li img
		{
		width: 100%;
		border-radius: 10px;
		}

	.index_top .design .slick-list
		{
		padding: 0 10% 0 0% !important;
		}

	.index_top .design .slick-prev
		{
		display: none !important;
		}

	.index_top .design .slick-next
		{
		display: none !important;
		}

	.index_top .more_link
		{
		width: 80%;
		padding: 1rem;
		}

	.index_top .model ul
		{
		width: 90%;
		margin: 0 auto;
		}

	.index_top .model ul li
		{
		margin: 1rem 0.5rem 0 0;
		}

	.index_top .model ul li a
		{
		padding: 0.5rem 1rem;
		}

	.index_top .cate ul
		{
		width: 90%;
		margin: 1rem auto 0 auto;
		}

	.index_top .cate ul li
		{
		width: calc(100%/2);
		}

	.index_top .cate ul li a
		{
		padding: 0.5rem;
		min-height: 60px;
		display: flex;
		align-items: center;
		}

	.index_top .cate ul li:nth-child(15)
		{
		display: none;
		}

	.index_top .cate ul li:nth-child(16)
		{
		display: none;
		}

	.index_top .cate ul li a p
		{
		width: 100%;
		}



}



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


.de_sp
{
overflow-x: auto;
padding-bottom: 1rem;
}

.design
{
margin: 4rem 0% 0 5% !important;
}

.design h2
{
width: 100%;
}
.design ul
{
width: 250%;
display: flex;
margin: 0.5rem 0 0 0 !important;
}
.design ul li
{
margin-right: 1rem;
width: 100%;
}

.feature
{
margin: 4rem 0% 0 5% !important;
}

.feature h2
{
width: 100%;
}

.feature ul
{
width: 650%;
flex-wrap: nowrap !important;
display: flex !important;
margin: 0.5rem 0 0 0 !important;
}
.feature ul li
{
margin-right: 1rem;
width: 100% !important;
}

}