@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	設備情報

//////////////////////////////////////////////////////////////////////////////*/

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

	設備

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

main #equipment .site_column {
	max-width: 1000px;
}

/*	写真一覧
------------------------------------------------------------------------------*/

main #equipment .detail {
	display: flex;
	flex-wrap: wrap;
}

main #equipment .detail .list {
	width: 32%;
	margin: 2% 2% 0 0;
	text-decoration: none;
}

main #equipment .detail .list:nth-child(-n+3) {
	margin-top: 0;
}

main #equipment .detail .list:nth-child(3n) {
	margin-right: 0;
}

main #equipment .detail .list p {
	font-weight: bold;
}

main #equipment .detail .list .group {
	position: relative;
	border-radius: 10px;
}

main #equipment .detail .list .group img {
	width: 100%;
    aspect-ratio: 370 / 278;
    border-radius: 10px;
    object-fit: cover;
}

main #equipment .detail .list .name,
main #equipment .detail .list .product {
		line-height: 1.5;
}

main #equipment .detail .list .name {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-right: 1em;
	padding: .5em .8em;
	background-color: #FFF;
	border-radius: 0 10px 0 9px;
}

main #equipment .detail .list .product {
	margin-top: .5em;
	padding: 0 .5em;
	font-size: 1.125em;
}

@media screen and (max-width: 1250px) {
	
main #equipment .detail .list p {
	font-size: 1em;
}	

}

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

main #equipment .detail .list {
	width: 30.6%;
	margin-top: 4%;
	margin-right: 4%;
}

main #equipment .detail .list:nth-child(-n+4) {
	margin-top: 4%;
}

main #equipment .detail .list:nth-child(4n) {
	margin-right: 4%;
}
	
main #equipment .detail .list:nth-child(-n+3) {
	margin-top: 0;
}

main #equipment .detail .list:nth-child(3n) {
	margin-right: 0;
}	
	
}

@media screen and (max-width: 767px) {
	
main #equipment .detail .list {
	width: 100%;
	margin: 6vw 0 0 0;
}

main #equipment .detail .list:nth-child(-n+4),
main #equipment .detail .list:nth-child(-n+3) {
	margin-top: 6vw;
}
	
main #equipment .detail .list:nth-child(4n) {
	margin-right: 0;
}	

main #equipment .detail .list .group img {
    border-radius: 2vw;
}
	
}

/*	設備一覧
------------------------------------------------------------------------------*/

main #equipment .group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

main #equipment .group table {
	width: 48%;
	margin: 0;
}

main #equipment table th {
	width: 50%;
}

main #equipment table th > span {
	display: block;
	font-size: .875em;
}

main #equipment tbody th,
main #equipment tbody tr:first-child th:first-child {
	vertical-align:middle;
}

main #equipment table td {
	text-align: right;
}


@media screen and (max-width: 767px){
	
main #equipment .group table {
	width: 100%;
}	

main #equipment .group tbody tr:first-child th,
main #equipment .group tbody tr:first-child td {
	border: none;
}
	
main #equipment table th > span {
	font-size: 2.5vw;
}

main #equipment table th > span span {
	display: block;
}	
	
}


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

	袋見本一覧

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

main #bag_sample figure {
  text-align: center;
}

main #bag_sample figure img {
	width: 80%;
	border: 1px solid rgba(0,0,0,.3);
}

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

main #bag_sample figure img {
	width: 100%;
}
	
}


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

	FSSC22000

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

main #fssc .site_column {
	max-width: 1000px;
}

main #fssc .group {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

main #fssc .group figure {
	width: 32%;
	margin: 0 4% 0 0;
}

main #fssc .group .text {
	flex: 1;
}

main #fssc .flow {
	display: flex;
	flex-wrap: wrap;
	margin: 4% 0 0;
	list-style: none;
}

main #fssc .flow li {
	position: relative;
	width: 22%;
	margin: 0 4% 0 0;
}

main #fssc .flow li:last-child {
	margin-right: 0;
}

main #fssc .flow li::after {
	content: '';
	position: absolute;
	right: -15%;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5em;
	height: 1.5em;
	background-image: url("../../../common/img/icon_arrow_blue.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

main #fssc .flow li:last-child::after {
	content: none;
}

main #fssc .flow li img {
	border-radius: 10px;
}

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

main #fssc h2 span {
	display: block;
}

main #fssc .group {
	flex-direction: column-reverse;
}	
	
main #fssc .group figure {
	width: 80%;
	margin: 0 auto 5vw;
}

main #fssc .flow {
	justify-content: center;
}	
	
main #fssc .flow li {
	width: 80%;
	margin: 0 0 8vw;
	text-align: center;
}	
	
main #fssc .flow li::after {
	top: auto;
	left: 50%;
	bottom: -7vw;
	transform: translateX(-50%) rotate(90deg);;
	background-image: url("../../../common/img/icon_arrow_blue.svg");
}

main #fssc .flow li img {
	border-radius: 2vw;
}
	
}