@charset "utf-8";

.mv {
	position: relative;
	z-index: 1;
}

.mv .mvGr01 {
	position: relative;
}

.mv .mvGr01 img {
	width: 100%;
}

.mv .mvGr01 .txt {
	max-width: 1400px;
	position: absolute;
	top: 24%;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 3.8rem;
	color: #fff;
	text-align: center;
	background: linear-gradient(to right, rgba(45, 45, 45, 0) 0%, #000 50%, rgba(45, 45, 45, 0) 100%);
	line-height: 1;
	padding: 10px 0;
	letter-spacing: 0.1em;
	font-weight: 500;
}

.mv .listLogo {
	max-width: 940px;
	width: 49%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 10%;
}

.mv .listLogo a:hover {
	opacity: 0.6;
}

.mv .listLogo li {
	width: 26%;
}

.cmTxt {
	color: #736357;
	line-height: 2;
}

h3 {
	text-align: center;
	margin-bottom: 50px;
}

.box-01 {
	padding: 60px 0;
}

.box-01 p {
	margin-bottom: 20px;
}

.box-01 h3 img {
	width: 41%;
	max-width: 520px;
}

.box-01 .img {
	position: relative;
	max-width: 1345px;
	width: 100%;
	margin: 60px auto;
}

.box-01 .img p {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 3.8rem;
	color: #fff;	
	line-height: 1;
	letter-spacing: 0.1em;
	text-shadow: 2px 2px 5px #000, -2px -2px 5px #000;
}

.box-02 {
	padding: 0 0 60px;
}

.box-02 h3 {
	background: #d8c9b8;
	padding: 10px 0;
}

.box-02 h3 img {
	width: 22%;
	max-width: 280px;
}

.box-02 table {
	width: 100%;
	border-collapse: collapse;
}

.box-02 table tr td {
	padding: 10px;
	vertical-align: top;
}

.box-02 table tr td:first-child {
	width: 110px;
}

.box-02 table tr td:first-child p {
	background: #d8c9b8;
	color: #736357;
	text-align: center;
}

.box-02 table a {
	text-decoration: underline;
	text-underline-offset: 5px;
}

.box-02 table a:hover {
	text-decoration: none;
}

/* MEDIA */
@media (max-width: 1600px) {
	.mv .mvGr01 .txt {
		font-size: 2.8rem;
	}

	.box-01 .img p {
		font-size: 2.8rem;
	}
}

@media (max-width: 767px) {

	h3 {
		margin-bottom: 30px;
	}

	.mv figure img {
		height: 70vh;
		object-fit: cover;
		object-position: center top;
	}

	.mv .listLogo {
		position: static;
		margin-top: 20px;
		width: calc(100% - 30px);
	}

	.mv .mvGr01 .txt {
		line-height: 1.4;
		padding: 10px 30px;
		font-size: min(6vw, 3rem);
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	
	.mv .listLogo li {
		width: 32%;
		text-align: center;
	}

	.box-01 h3 img {
		width: 60%;
	}

	.box-01 figure {
		margin: 30px 0;
	}

	.box-01 figure img {
		height: 250px;
		object-fit: cover;
		object-position: center;
	}

	.box-01 .img p {
		padding: 0 10px;
		line-height: 1.4;
		font-size: min(4.5vw, 2.4rem);
	}
	.box-02 h3 img {
		width: 40%;
	}

	.box-02 table tr td {
		display: block;
		width: 100% !important;
		padding: 5px 0;
	}

	.box-02 table tr td:last-child {
		padding: 0 0 20px;
	}


}