@charset "utf-8";

section .inner {
	padding: 15px 0;
}

section#intro {
	background-image: url(/wp/wp-content/uploads/2023/04/bg-equipment.jpg);
	background-repeat: no-repeat;
}

section#intro .inner {
	text-align: center;
}

section#intro .inner p.head-msg {
	font-size: 1.2em;
	padding: 10px 0;
}

section#intro .inner p.head-msg strong {
	font-size: 1.2em;
	/*color: #5e76b7;*/
	color: #666;
	margin-right: 1.0em;
}

section#data .inner .equipment-list {
	background-color: #FFF;
	padding: 10px;
}

section#data .inner .equipment-list table th {
	text-align: left;
	color: #666;
}

section#data .inner .equipment-list table td {
	text-align: right;
	padding-left: 10px;
}

section#photo .inner ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

section#photo .inner ul li img {
	display: inline;
}

section#photo .inner ul li {
	text-align: center;
	padding-bottom: 20px;
}

section#photo .inner ul li small {
	display: block;
	text-align: center;
	font-size: 1.0em;
}

/* PC*/
@media print,
screen and (min-width: 768px) {
	section .inner {
		max-width: 1100px;
		margin: 0 auto;
	}

	section#data .inner {
		display: flex;
		justify-content: space-around;
	}
	
	section#data .inner .equipment-list {
		display: flex;
		justify-content: center;
	}

	section#data .inner .equipment-list table.list-01 {
		margin-right: 2.0em;
	}

	section#photo .inner ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	section#photo .inner ul li {
		width: calc(100% / 3);
	}

	section#photo .inner ul li:nth-child(2) img,
	section#photo .inner ul li:nth-child(4) img,
	section#photo .inner ul li:nth-child(5) img,
	section#photo .inner ul li:nth-child(6) img {
		height: 270px;
		width: auto;
	}
}

/* SP */
@media screen and (max-width:767px) {
	section {
		padding: 10px;
	}

		section#intro .inner p.main-msg {
			text-align: left;
		}

	section#data .illust img {
		display: inline;
	}

	section#data .illust {
		text-align: center;
		padding: 10px 0;
	}

.equipment-list table {
	width: 20em;
}

.equipment-list table th {
		width: 16em;
	}
	.equipment-list table td {
		text-align: right;
	}
}