.main_img{
	width: 100%;
	padding: 0 40px;
}
.top_slide_item{
	overflow: hidden;
	border-radius: 20px;
	height: calc(100vh - 120px);
}
.top_slide .slick-dots{
	bottom: 25px;
}
.top_slide .slick-dots li{
	width: 50px;
	height: 5px;
}
.top_slide .slick-dots li button{
	width: 50px;
	height: 5px;
	padding: 0;
}
.top_slide .slick-dots li button:before{
	content: "";
	width: 50px;
	height: 5px;
	background: #fff;
}
.top_slide .slick-dots li.slick-active button:before{
	background: #af1818;
}

.top_news{
	margin-top: 100px;
	padding: 0 100px;
}
.top_news_h2_wrap{
	padding-bottom: 20px;
	border-bottom: 1px dashed #a0a0a0;
}
a.top_news_btn{
	display: inline-block;
	font-size: 0.8em;
	padding: 1px 20px;
	border: solid 1px #393e41;
	border-radius: 10px;
	transition: 0.3s ease-in-out;
}

.top_news_box{
	padding: 20px 0 0;
}
.top_news_date{
	width: 110px;
	font-size: 0.8em;
	color: #989898;
	padding-top: 5px;
}
.top_news_ttl{
	flex:1;
}
.top_news_ttl a{
	border-bottom: 1px solid #fff;
	transition: 0.3s ease-in-out;
}
.top_bnr{
	margin-top: 120px;
}
.top_bnr_item{
	padding: 0 15px;
	overflow: hidden;
	border-radius: 20px;
}
.slick-arrow{
	position: absolute;
	top: calc(50% - 10px);
	z-index: 10;
	width: 20px;
	height: 20px;
	border-bottom: solid 3px #000;
	border-left: solid 3px #000;
}
.tp_slide_prev {
	left: calc(50% - 300px);
	transform: rotate(45deg);
}
.tp_slide_next {
	right: calc(50% - 300px);
	transform: rotate(-135deg);
}
.top_aya{
	margin-top: 140px;
}
.top_aya_img01{
	max-width: 600px;
	width: 100%;
}
.fade_up{
	opacity: 0;
	transform: translateY(20px);
	transition: 1s ease-in-out;
}
.active.fade_up{
	opacity: 1;
	transform: translateY(0);
}
.top_aya_txt{
	max-width: 500px;
	width: 100%;
}
.top_aya_sub{
	font-size: 1.1em;
}
.top_aya_ttl{
	font-size: 1.7em;
}
.top_aya_p{
	margin-top: 50px;
}
.top_btn_wrap{
	margin-top: 50px;
}
.top_btn{
	display: inline-block;
	border: solid 2px #393e41;
	border-radius: 10px;
	padding: 10px 40px;
	line-height: 1.3;
	transition: 0.3s ease-in-out;
}
.top_aya_img02{
	margin-top: -115px;
}
.top_aya_img02 img{
	margin: auto;
}
.top_product{
	margin-top: 180px;
}
.top_product_h2{
	font-size: 1.5em;
}
.top_h2_txt{
	display: inline-block;
	padding: 0 20px;
	position: relative;
}
.top_h2_txt::before,.top_h2_txt::after{
	content: "◇";
	font-size: 0.5em;
	position: absolute;
	top: 7%;
}
.top_h2_txt::before{
	left: 0;
}
.top_h2_txt::after{
	right: 0;
}
.top_product_wrap{
	margin-top: 100px;
}
.top_product_box{
	width: 25%;
}
.fade_up_item{
	opacity: 0;
	transform: translateY(20px);
	transition: 1s ease-in-out;
}
.fade_up_item:nth-child(1){
	transition-delay: 0s;
}
.fade_up_item:nth-child(2){
	transition-delay: 0.5s;
}
.fade_up_item:nth-child(3){
	transition-delay: 1s;
}
.fade_up_item:nth-child(4){
	transition-delay: 1.5s;
}
.fade_up_item:nth-child(5){
	transition-delay: 2s;
}
.fade_up_item:nth-child(6){
	transition-delay: 2.5s;
}
.fade_up_item:nth-child(7){
	transition-delay: 3s;
}
.fade_up_item:nth-child(8){
	transition-delay: 3.5s;
}
.fade_up_item:nth-child(9){
	transition-delay: 4s;
}
.fade_up_item:nth-child(10){
	transition-delay: 4.5s;
}
.fade_up_item:nth-child(11){
	transition-delay: 5s;
}
.fade_up_item:nth-child(12){
	transition-delay: 5.5s;
}
.active .fade_up_item{
	opacity: 1;
	transform: translateY(0);
}
.top_item_img{
	height:240px;
	align-items: end;
}
.top_product_box img{
	display: inline-block;
	transition: 0.3s ease-in-out;
}
.top_product_name{
	margin-top: 20px;
}
.top_product_name span{
	border-bottom: 1px solid #000;
	transition: 0.3s ease-in-out;
}
.top_blog{
	margin-top: 170px;
	padding: 0 40px 100px;
}
.top_blog_inner {
	margin-top: 80px;
}
.top_blog_container{
	background: #dbfafe;
	padding: 130px 100px 100px;
}
.top_blog_wrap{
	width: 49%;
	max-width: 480px;
}
.top_blog_h2{
	font-size: 1.5em;
	margin: 30px 0;
}
.top_blog_box{
	margin-top: 30px;
}
.top_blog_date{
	font-size: 0.8em;
    color: #989898;
}
.top_blog_btn{
	display: inline-block;
    border: solid 1px #000;
	border-radius: 30px;
    padding: 10px 40px;
	transition: 0.3s ease-in-out;
}
.top_insta{
	margin-top: 150px;
	margin-bottom: 150px;
}
.insta_wrap{
	flex-wrap: wrap;
}
.insta_box{
	width: 226px;
	height: 226px;
	background: #ccc;
	margin-bottom: 30px;
}


@media only screen and (min-width:1025px) {
	.top_news_ttl a:hover{
		border-bottom: 1px solid #989898;
	}
	a.top_news_btn:hover{
		background: #393e41;
		color: #fff;
	}
	.top_btn:hover{
		background: #393e41;
		color: #fff;
	}
	.top_product_box a:hover img{
		opacity: 0.7;
	}
	.top_product_box a:hover .top_product_name span{
		color: #bf363d;
		border-bottom: 1px solid #bf363d;
	}
	.top_blog_btn:hover{
		background: #000;
		color: #fff;
	}
}

@media only screen and (max-width:1024px) {
	.main_img{
		padding: 0 10px;
	}
	.top_slide_item{
		height: 400px;
	}
	.top_slide .slick-dots li,
	.top_slide .slick-dots li button:before{
		width: 30px;
	}
	.top_news{
		margin-top: 50px;
		padding: 0 20px;
	}
	.top_news_h2 {
		padding-right: 10px;
	}
	.top_news_box{
		flex-wrap: wrap;
	}
	.top_news_date,.top_news_ttl{
		width: 100%;
		flex:none;
	}
	.top_bnr{
		margin-top: 80px;
	}
	.top_bnr_item{
		padding: 0 2px;
	}
	.tp_slide_prev{
		left: 8%;
	}
	.tp_slide_next{
		right: 8%;
	}
	.top_aya{
		margin: 80px auto 0;
		padding: 0 20px;
		max-width: 630px;
	}
	.top_aya_inner {
		flex-wrap: wrap;
		justify-content: center;
	}
	.top_aya_txt{
		padding: 50px 10px;
	}
	.top_aya_ttl{
		font-size: 1.4em;
	}
	.top_aya_p{
		margin-top: 30px;
	}
	.top_aya_img02{
		margin-top: 0;
	}
	.top_product{
		margin-top: 50px;
		padding: 0 20px;
	}
	.top_product_wrap{
		flex-wrap: wrap;
		max-width: 500px;
		margin: 50px auto 0;
	}
	.top_product_box{
		width: 50%;
		padding-bottom: 50px;
	}
	.top_blog{
		padding: 0 20px 50px;
		margin-top: 100px;
	}
	.top_blog_container{
		padding: 50px 20px;
	}
	.top_blog_inner{
		max-width: 480px;
		margin: 50px auto 0;
		flex-wrap: wrap;
	}
	.top_blog_wrap{
		padding: 0;
		width: 100%;
	}
	.top_blog_wrap+.top_blog_wrap{
		margin-top: 80px;
	}
	.top_insta{
		margin: 80px 0;
		padding: 0 15px;
	}
	.insta_wrap{
		justify-content: center;
	}
	.insta_box{
		max-width: calc(50% - 10px);
		padding: 0 5px;
		margin: 0 5px 10px;
	}
}

@media only screen and (max-width:420px) {
	.top_slide_item{
		height: 250px;
	}
}