@charset "utf-8";
/*------------------------------------------------------------
	process
------------------------------------------------------------*/
.headLine01 .jp {
	letter-spacing: 0.4em;
}
#main .sec01 .content {
	max-width: 134.7rem;
}
#main .comTextBox01 {
	margin: 0 auto 11.5rem;
	max-width: 109rem;
}
#main .comTextBox .text {
	letter-spacing: 0.47em;
}
#main .comTextBox01 .hTtl {
	margin-bottom: 4.5rem;
	letter-spacing: 0.17em;
}
#main .innerBox {
	margin-bottom: 14.8rem;
	padding: 6.6rem 6.2rem 2.3rem;
	position: relative;
	border-radius: 3rem;
	background-color: #9E9E9F;
}
#main .innerBox.none {
	display: none;
}
#main .innerBox:last-of-type {
	margin-bottom: 0;
}
#main .innerBox::after {
	width: 11rem;
	height: 10.5rem;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	content:"";
	background-color: #595757;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	border-top-left-radius: 1.5rem;
}
#main .innerBox:not(:last-of-type):before {
	width: 15.4rem;
	height: 6.7rem;
	position: absolute;
	z-index: 1;
	bottom: -11rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	content: "";
	background: url(../img/common/icon09.png) no-repeat left top / 100%;
}
#main .innerBox .num {
	position: absolute;
	z-index: 2;
	top: 1rem;
	left: 1rem;
}
#main .innerBox .num img {
	height: 5rem;
}
#main .innerBox01 {
	padding-bottom: 6.5rem;
}
#main .innerBox02 {
	padding: 6.6rem 0 1rem 6.2rem;
}
#main .innerBox03 {
	padding: 6.6rem 6.2rem 1.5rem 0;
}
@media all and (max-width: 896px) {
	#main .sec01 .content {
		max-width: 100%;
	}
	#main .comTextBox01 {
		margin-bottom: 3rem;
		max-width: 100%;
	}
	#main .innerBox {
		margin-bottom: 7rem;
		padding: 0;
		border-radius: 1rem;
	}
	#main .innerBox .sub {
		overflow-x: scroll;
	}
	#main .innerBox .imgText {
		margin: 0 auto;
		padding: 3.5rem 1.5rem 2rem;
		width: 84rem;
	}
	#main .innerBox::after {
		width: 5rem;
		height: 5rem;
		border-top-left-radius: 1rem;
	}
	#main .innerBox:not(:last-of-type):before {
		width: 6rem;
		height: 3rem;
		bottom: -5rem;
	}
	#main .innerBox .num {
		top: 0.5rem;
		left: 0.5rem;
	}
	#main .innerBox .num img {
		height: 2.5rem;
	}
	#main .innerBox02 .imgText {
		padding: 4rem 0 1rem 3rem;
	}
	#main .innerBox03 .imgText {
		padding: 4rem 3rem 1rem 0;
	}
}