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


/*PC*/
@media print, screen and (min-width: 769px) {
	
	.hed_img {
		background: url(../images/item/hed_img.jpg) 0 0 no-repeat;
		height: 710px;
		margin-top: 80px;
		width: 40%;
		float: left;
		background-size: cover;
	}

	
	
	.policy {
		margin-bottom: 50px;
	}
	

	
	.gray_bg {
		margin-bottom: 50px;
		padding: 50px 0px;
	}
	
	

	
	.flow_tit {
		font-size: 1.3em;
		color: #ea5514;
		margin-bottom: 10px;
	}
	
	
	.item_tit {
		font-size: 2em;
color: #f39800;
	}

	.item_box {
		width: 840px;
		margin: 0 auto;
	}
	
	.item_list3 {
		width: 100%;
		margin: 0 auto 30px;
	}
	
	.item_list3 li {
		width: 270px;
		float: left;
		margin-right: 15px;
	}
	
	
	.item_list3 li:nth-child(3n+3) {
		margin-right: 0px;
	}
	
	
	.setumei dl {
		margin-bottom: 30px;
	}
	
	.setumei dt {
		background: #000;
		width: 100px;
		margin-right: 30px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	.item_list4 {
		width: 100%;
		margin: 0 auto 30px;
	}
	
	.item_list4 li {
		width: 22%;
		float: left;
		margin-right: 4%;
		margin-bottom: 10px;
	}
	
	.item_list4 li:nth-child(4n+4) {
		margin-right: 0px;
	}
	
	
	.item_list4 li img {
		width: 100%;
		height: auto;
	}
	
	
	

}

/*sp*/
@media only screen and (max-width: 768px) {
	

		.hed_img {
		background: url(../images/item/hed_img.jpg) center  center no-repeat;
		height: 350px;
		width: 100%;
		background-size: cover;
	}
	


	
	.policy {
		margin-bottom: 50px;
	}
	
	
	
	
	.flow_tit {
		font-size: 1.2em;
		color: #ea5514;
		margin-bottom: 10px;
	}
	

	.item_tit {
		font-size: 2em;
color: #f39800;
	}

	.item_box {
		width: 100%;
		margin: 0 auto;
	}
	
	.item_list3 {
		width: 100%;
		margin: 0 auto 30px;
	}
	
	.item_list3 li {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	
	.item_list3 li img {
		width: 100%;
		height: auto;
	}
	
	
	.item_list3 li:nth-child(3n+3) {
		margin-right: 0px;
	}
	
	
	.setumei dl {
		margin-bottom: 30px;
	}
	
	.setumei dt {
		background: #000;
		width: 100px;
		margin-right: 30px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	.item_list4 {
		width: 100%;
		margin: 0 auto 30px;
	}
	
	.item_list4 li {
		width: 23%;
		float: left;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	
	.item_list4 li:nth-child(4n+4) {
		margin-right: 0px;
	}
	
	
	.item_list4 li img {
		width: 100%;
		height: auto;
	}
	

}