

.for-business .page-header {
	background: url(../img/260312_01.jpg) no-repeat 50% 40% / cover;
}


@media screen and (min-width: 1301px) {
.zshow-1300 { display: none; }
.zhide-1300 { display: block; }
}
@media screen and (max-width: 1300px) {
.zshow-1300 { display: block; }
.zhide-1300 { display: none; }
}


@media screen and (min-width: 1101px) {
.zshow-1100 { display: none; }
.zhide-1100 { display: block; }
}
@media screen and (max-width: 1100px) {
.zshow-1100 { display: block; }
.zhide-1100 { display: none; }
}


@media screen and (min-width: 769px) {
.zshow-sp { display: none; }
.zhide-sp { display: block; }
}
@media screen and (max-width: 768px) {
.zshow-sp { display: block; }
.zhide-sp { display: none; }
}


.z-ctaInner{ margin-inline:auto; padding-block: 40px; display: flex;justify-content: center;}

@media screen and (max-width: 768px) {
.z-ctaInner{  padding-block: 20px; }

}

/*==================================================
processed
==================================================*/
.for-business .page-header {
	margin-bottom: 100px;
}
	@media screen and (max-width: 768px) {
		.for-business .page-header {
			margin-bottom: 13%;
		}
	}

/* column02
------------------------------------------------------------------------*/
.for-business .column02 {
	position: relative;
}
.for-business .column02 h2 {
	margin: 0 0 40px;
}
.for-business .column02 .img-column {
	position: relative;
	z-index: 10;
}
.for-business .column02 .img-column img {
	width: 100%;
}
	@media (min-width: 1101px)  {
		.for-business .column02-inner {
			display: flex;
			flex-flow: row wrap;
		}
		.for-business .section03 .column02-inner {
			flex-flow: row-reverse;
		}
		.for-business .column02 .img-column {
			flex: 0 1 47.3%;
			padding-left: 0;
		}
		.for-business .column02 .txt-column {
			display: flex;
			flex: 0 1 52.7%;
			align-items: center;
		}
		.for-business .column02 .txt-column .inner {
			width: 100%;
			padding: 0 11.7%;
			box-sizing: border-box;
		}
	}
	@media(min-width:1101px) and (max-width: 1200px) {
		.for-business .column02 .img-column figure {
			overflow: hidden;
			position: relative;
			padding: 90% 0 0 0;
			margin: 0 0 0 5%;
			border-radius: 20px;
		}
		.for-business .column02 .img-column figure img {
			position: absolute;
			top: 50%;
			left: 50%;
			width: auto;
			max-width: initial;
			height: 100%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
	}
	@media screen and (max-width: 1100px) {
		.for-business .column02 {
			padding-bottom: 90px;
		}
		.for-business .column02 .img-column {
			margin: 0 0 20px;
		}
		.for-business .column02 .txt-column {
			width: 94%;
			margin: 0 auto;
		}
		.for-business .column02 h2 {
			margin: 0 0 20px;
		}
	}
	@media screen and (max-width: 768px) {
		.for-business .column02 {
			padding-bottom: 20px;
		}
		.for-business .column02.section03 {
			padding-bottom: 60px;
		}
	}

/* section01
------------------------------------------------------------------------*/
.for-business .section01 {
	margin: 0 0 125px;
	text-align: center;
}
.for-business .section01 h2 {
	margin: 0 0 50px;
}
.for-business .section01 p {
	font-size: 1.5rem;
}
.for-business .section01 h2 .viewSp,
.for-business .section01 p .viewSp {
	display: none;
}
	@media screen and (max-width: 1100px) {
		.for-business .section01 h2 .viewSp,
		.for-business .section01 p .viewSp {
			display: block;
		}
	}
	@media screen and (max-width: 768px) {
		.for-business .section01 {
			margin: 0 0 80px;
		}
		.for-business .section01 p,
		.for-business .section01 h2 {
			width: 94%;
			margin-left: auto;
			margin-right: auto;
		}
		.for-business .section01 p {
			text-align: left;
			font-size: 1.4rem;
		}
		.for-business .section01 p .viewSp {
			display: none;
		}
	}
	@media screen and (max-width: 480px) {
		.for-business .section01 {
			margin: 0 0 60px;
		}
		.for-business .section01 h2 {
			margin: 0 0 30px;
			text-align: left;
		}
		.for-business .section01 h2 .viewSp {
			display: none;
		}
		.for-business .section01 p {
			text-align: left;
			font-size: 1.3rem;
		}
	}

/* section02
------------------------------------------------------------------------*/
.for-business .section02 {
	margin: 0 0 90px;
}
.for-business .section02 .bg {
	display: block;
	position: absolute;
	top: 75px;
	right: 0;
	width: 81.25%;
	height : -webkit-calc(100% + 150px) ;
	height : calc(100% + 150px) ;
	content: "";
	background: #fff9f7;
}
	@media screen and (max-width: 1100px) {
		.for-business .section02 .bg {
			top: 100px;
			width: 100%;
			height: -webkit-calc(100% - 100px);
			height: calc(100% - 100px);
		}
	}
	@media screen and (max-width: 768px) {
		.for-business .section02 {
			margin: 0 0 60px;
		}
	}

/* section03
------------------------------------------------------------------------*/
.for-business .section03 {
	margin: 0 0 90px;
}
.for-business .section03 .bg {
	display: block;
	position: absolute;
	top: -40px;
	left: 0;
	width: 68.4%;
	height : -webkit-calc(100% + 80px) ;
	height : calc(100% + 80px) ;
	content: "";
	background: #f7f3f0;
	border-radius: 10px;
}
	@media screen and (max-width: 1100px) {
		.for-business .section03 {
			margin: 0 0 100px;
		}
		.for-business .section03 .bg {
			top: 100px;
			width: 100%;
			height: -webkit-calc(100% - 100px);
			height: calc(100% - 100px);
			border-radius: 0;
		}
	}
	@media screen and (max-width: 768px) {
		.for-business .section03 {
			margin: 0 0 60px;
		}
	}
