@charset "utf-8";
#breadcrumbs {
	margin: 0;
}
.pickup{
	position:relative;
	text-align: center;
	margin: 11% 0 4%!important;
}
.pickup::before{
	content: 'pickup!';
	position: absolute;
	transform: rotate(-10deg);
	color: #d5d1c4;
	left: 10;
	font-family: 'Caveat', cursive;
	font-size: 40px;
	font-weight: 100;
	left: -10px;
	top: -50px;
	z-index: 0;
}
.contents{
	background: #d5d1c4 !important;
	padding: 30px;
}
.contents h4{
	text-align: center;
	font-weight: 800;
	padding: 0 0 30px;
	font-size: 24px;
}	
.point_imgtxt_txt h4{
	border-bottom: 1px solid #e0dcce;
	padding: 0 0 8px;
}
#top_swiper{
	max-width: 1080px;
	width: 100%;
	margin: 10% auto 0;
}
#top_swiper .swiper-wrapper{
	height: 1000px !important;
}
#top_swiper .swiper-button-next{
	top: 325px !important; 
}
#top_swiper .swiper-button-prev{
	top: 325px !important;
}

#sub_swiper .swiper-button-next{
	top: 50% !important;
}
#sub_swiper .swiper-button-prev{
	top: 50% !important;
}
#sub_swiper {
  max-width: 500px;
  width: 100%;
}
#sub_swiper .swiper-wrapper{
	margin: 8px auto 0;
}

.swiper-button-next, .swiper-button-prev{
	color:#fff !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 28px !important;
}
.swiper-slide h5{
	font-size: 32px;
	font-weight: 800;
	padding: 0 0 12px;
	color:#222;
	display: inline-block;
	height: 100px;
	vertical-align: middle;
	line-height: 32px;
	height: 82px;
}
.swiper-slide .sub{
	font-weight: normal;
	padding: 30px 0 0;
}
.swiper-slide p{
	color:#222;
	width: 95%;
	font-size: 14px;
	margin: 2% auto 0;
	text-align: left;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
.lineup ul{
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}
.cares li{
	width: 33%;
}
.cares img{
	width:100%;
}
.cares h4{
	text-align:center;
	font-weight: 800;
	/* padding: 20px 0 12px; */
	/* height: 82px; */
}
.materials li{
	width: 25%;
	box-sizing: border-box;
	padding: 0 8px;
}
.materials h4{
	font-weight:800;
	height: 50px;
	text-align: center;
}
.category_btn_footerblock .cat_link_btn a{
	background: #d5d1c4 !important;
}
.cat_link_btn a span{
	color: #232323 !important;
	font-weight: 800;
}
.cat_link_btn a:after{
	border-top: #222 1px solid !important;
	border-right: #222 1px solid !important;
}

@media only screen and (max-width: 786px) { 
.pickup{
	position:relative;
	text-align: center;
	margin: 11% 0 4%!important;
}
.pickup::before{
	font-size: 34px;
	top: -32px;
}	
.materials li{
	width: 50%;
}
.materials li img{
	width: 100%;
}
	
.swiper-slide h5{
	font-size: 13px;
	font-weight: 800;
	padding: 0 0 12px;
	/* color:#222; */
	/* display: inline-block; */
	/* height: 100px; */
	vertical-align: middle;
	line-height: 18px;
	height: 42px;
}
.swiper-slide .sub{
	font-weight: normal;
	padding: 30px 0 0;
}
.swiper-slide p{
	color:#222;
	width: 95%;
	font-size: 12px;
	margin: 4% auto 0;
	text-align: left;
}.cares li{
	width:44%;
	margin: 8% 0 0;
}
	#top_swiper .swiper-wrapper{
		height: auto !important;
	}
	.contents h4{
		font-size: 1.2em;
	}
}