/* --------------------------------------------------------------------------------------
	マルチTID
--------------------------------------------------------------------------------------- */


.multi-tid-wrap {
	margin-top: 90px;
	position: relative;
	z-index: 1;
}

.multi-tid-wrap .lead { position: relative; }

.multi-tid-wrap .lead .image {
	float: left;
	max-width: 48.27888%;
	width: 100%;
}

.multi-tid-wrap .lead section {
	margin-left: 3.459%;
	max-width: 48%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

.multi-tid-wrap .lead section h2 {
	font-family: var(--font-UD-ShinGo-DeBold);
	font-size: 2.4rem;
}

.multi-tid-wrap .lead section p {
	line-height: 1.7;
	margin-top: 20px;
}

.multi-tid-wrap .lead section p span { font-size: 85%; }



.multi-tid-wrap > .banner { margin: 64px auto 0; }


.head-ttl { margin-bottom: 22px; }
.flow-text { margin-top: 5px;}

.box .head-ttl{ margin-top: 80px;}

.multi-tid-diagram { margin-top: 50px; }

.multi-tid-diagram .bframe{
	background-color: #f0f5f9;
	border-radius: 30px;
	height: 300px;
	margin: 0 30px 30px 30px;
	padding: 40px 40px 10px 40px;
	width: 1000px;
}

.multi-tid-diagram .bframe p{
	font-family: var(--font-UD-ShinGo-Bold);
	font-size: 2.2rem;
	margin-bottom: 0;
	padding: 0;
}

.multi-tid-diagram .bframe .box_text, .box_img{
	display: inline-block;
}

.multi-tid-diagram .bframe .box_text{
	display: inline-block;
	font-family: var(--font-UD-ShinGo-Regular);
	font-size: 1.7rem;
	height: 200px;
	margin: 30px;
	vertical-align: top;
	width: 500px;
}

.multi-tid-diagram .bframe .box_img{
	height: 208px;
	vertical-align: top;
	width: 320px;
}

.multi-tid-diagram02{
	display: none;
}






@media (max-width: 768px) {

	.multi-tid-wrap {
		margin: 11.2vw 5.333vw 0;
		width: auto;
	}

	.multi-tid-wrap .lead section {
		margin-left: 0;
		margin-top: 4vw;
		max-width: 100%;
		position: relative;
		top: auto;
		transform: translateY(0);
	}

	.multi-tid-wrap .lead .image {
		float: none;
		max-width: 100%;
	}


	.multi-tid-wrap .product-list {
		margin-left: 0;
		margin-right: 0;
	}

	.multi-tid-wrap > .banner { margin-top: 9.867vw; }

	.multi-tid-diagram {
		display: none;
	}

	.multi-tid-diagram02 {
		display: block;
		font-size: 0;
		margin-left: -2%;
		margin-top: calc(48px - 2%);
		width: 102%;
	}

	.multi-tid-diagram02 .bframe {
		background-color: #f0f5f9;
		border-radius: 20px;
		margin: 10px 10px 20px 10px;
		padding: 20px 20px 10px 20px;
		text-align: center;
		width: 95%;
	}

	.multi-tid-diagram02 .bframe p{
		font-family: var(--font-UD-ShinGo-Bold);
		font-size: 2.2rem;
		margin: 0;
		padding: 0;
	}


	.multi-tid-diagram02 .bframe .box_text{
		display: block;
		font-family: var(--font-UD-ShinGo-Regular);
		font-size: 1.7rem;
		margin: 20px 10px 0 20px;
		max-width: 100%;
		padding: 0;
		text-align: left;
	}

	.multi-tid-diagram02 .bframe .box_img{
		height: 208px;
		margin-top: 0;
		padding: 0;
		width: 320px;
	}


}