@charset "utf-8";

.separateimgBox-img{
	align-items: flex-start;
}

.separateimgBox-ph {
}
.separateimgBox-txt .separateimgBox-txt-ttl{
	color:#dddedc;
}

@media only screen and (max-width:768px) {
}

/*---------------

----------------*/
.num01.bg-white,
.num06.bg-white,
.num08.bg-white {
	background: #fff;
}

.num02,
.num03,
.num04,
.num05,
.num06,
.num07,
.num08{
	padding-top: 0;
}

.num05,
.num07{
	padding-bottom: 0;
}


	.num01 .zu {
		margin-top: 100px;
		max-width: 680px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
@media only screen and (max-width:768px) {
	.num01 .zu {
		margin-top: 40px;
	}
}

	.num02 {
		position: relative;
	}
	.num02:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: 1px;
		height: 80px;
		background: #666;
		text-align: center;
	}
@media only screen and (max-width:768px) {
	.num02:before {
		height: 45px;
	}
}

.num02 .circleBox.clmBox .clm:nth-child(2){
	margin-left: 150px;
}
.num02 .circleBox.clmBox .clm:nth-child(3){
	margin-left: 170px;
}
.num02 .circleBox-ph{
	width:226px;
/*
	height: 226px;
*/
}
@media only screen and (max-width:1200px) {
	.num02 .circleBox.clmBox .clm:nth-child(2){
		margin-left: 60px;
	}
	.num02 .circleBox.clmBox .clm:nth-child(3){
		margin-left: 80px;
	}
}

@media only screen and (max-width:768px) {
	.num02 .circleBox.clmBox .clm:nth-child(2),
	.num02 .circleBox.clmBox .clm:nth-child(3){
		margin-left: 0;
	}
}

	.num04 .headline.headline-04 span {
		font-size: 18px;
	}
@media only screen and (max-width:768px) {
}

/*plotBox*/
.plotBox{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.plotBox img{
	width: 100%;
}

@media only screen and (max-width:768px) {
	.num02 .cntlinkBox .cntlinkBox-inner .cntlinkBox-img img{
		top:50%; /* または200px(heightの半分) */
		left: -20%; /* この値を変更すると左右に位置をずらせる */
		transform: translate(-50%, -50%);
	}
}