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


@media screen and (max-width: 500px) {
	
	nav ul li:last-child {
		display: block !important;
	}
	.copy_fixed {
		display: none;
	}
	.scrolldown span {
		bottom: 10px;
		left: -15px;
		font-size: 1rem;
	}
	.scrolldown:before {
		height: 20px;
	}
	.scrolldown:after {
		width: 1px;
		height: 80px;
	}
	.back_img,
	.back_img2 {
		height: 500px;
		background-size: 300% !important;
	}
	.back_img {
		background-position: top right 15%;
	}
	.back_img2 {
		background-position: top right 40%;
	}
	#top3 .deco {
		width: 200px;
	}
	#top4 .deco {
		width: 200px;
	}
	#top5 .deco {
		width: 300px;
	}
	#top6 .deco {
		width: 200px;
	}
	h2 {
		font-size: 4rem;
	}
	.card02 .swiper-slide {
		width: 85%;
	}
	
	
	/*----------------------------------------

	header

	----------------------------------------*/
	header h1 img {
		height: 40px;
	}
	header .header_cont {
		width: calc(100% - 20px);
	}
	
	
	/*----------------------------------------

	top1

	----------------------------------------*/
	#top1 .catch {
		width: 80px;
	}
	
	
	/*----------------------------------------

	top4 : staff

	----------------------------------------*/
	#top4 ul li {
		flex-basis: 100%;
	}
	
	
	/*----------------------------------------

	top6 : news

	----------------------------------------*/
	#top6 ul {
		padding: 20px;
	}
	#top6 ul li {
		padding: 20px 0;
	}
	
	
	/*----------------------------------------

	footer

	----------------------------------------*/
	footer ul li {
		flex-basis: calc(100%/2 - 30px);
	}
	
	
	/*----------------------------------------

	company

	----------------------------------------*/
	#company table th,
	#company table td {
		display: block;
		width: 100%;
	}
	#company table tr:last-child th {
		border-bottom: none;
	}
	#company table th {
		padding: 30px 20px 10px 20px;
	}
	#company table td {
		border-top: none;
	}
	#company .map_left,
	#company .map_right {
		flex-basis: 100%;
	}

	
	
	/*----------------------------------------

	item　itemlist

	----------------------------------------*/
	#item ul {
		display: block;
	}
	.item_list_cont {
		display: block;
	}
	.item_list_left {
		margin-bottom: 30px;
	}
	
	
	/*----------------------------------------

	gallery　gallerylist

	----------------------------------------*/
	#gallery ul {
		display: block;
		margin-top: 0;
	}
	
	
	/*----------------------------------------

	recruit

	----------------------------------------*/
	#recruit table th,
	#recruit table td {
		display: block;
		width: 100%;
	}
	#recruit table td {
		border-top: none;
	}
	#recruit table th {
		padding: 30px 20px 10px 20px;
	}
	#recruit table tr:last-child th {
		border-bottom: none;
	}
	
	
	/*----------------------------------------

	contact

	----------------------------------------*/
	.form {
		padding: 20px;
	}
	.form table th,
	.form table td {
		display: block;
	}
	.form table th {
		padding-bottom: 0;
	}
	.form table td {
		padding: 20px 0;
	}
	.form table tr:last-child td {
		padding: 0;
	}
	#contact .form_button .button {
		width: 100%;
	}
	
	
	#news_cont ul#goods {
		display: block;
	}
	
	
}