/*---------------------------------
	mainvisual start
---------------------------------*/
.mainvisual_inner{
	position: relative;
	padding-top: 70vh;
	overflow: hidden;
}

.mainvisual_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mainvisual_catch{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 20em;
	max-width: 90%;
	max-height: 100%;
	padding: 1em 1.5em;;
	color: #000;
	text-align: center;
	font-size: 200%;
	font-weight: var(--fontWeightBold);
	background-color: rgba(255,255,255,0.75);
	z-index: 102;
}

/*---------------------------------
	mainvisual end
---------------------------------*/

/*---------------------------------
	layoutTable start
---------------------------------*/

.layoutTable{
	width: 100%;
	table-layout: auto;
	border: hidden;
}

.layoutTable > tbody > tr > th,
.layoutTable > tbody > tr > td{
	vertical-align: top;
	border: hidden;
}

.layoutTable > tbody > tr > th{
	font-size: 112.5%;
}

@media(min-width: 601px){
	.layoutTable > tbody > tr > th{
		padding: 0.75rem 0 0;
	}
}

@media(max-width: 600px){
	.layoutTable > tbody > tr > th{
		padding: 0;
		display: block;
		width: 100%;
		margin: 0 0 1rem;
	}
	.layoutTable > tbody > tr > td{
		display: block;
		width: 100%;
		margin: 0;
	}
}

/*---------------------------------
	layoutTable end
---------------------------------*/