@charset "utf-8"; 

#content.width-equipment {
	padding: 0;
}

.equipment-area {
	height: 100%;
	padding: 4% 24% 5%;
}

.equipment-area:nth-of-type(odd) {
	background: #f9f9f9;
}

.equipment-area.equipment-area12 {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
}

.equipment-img-left {
	float: left;
	position: relative;
	width: 50%;
	text-align: center;
}
.equipment-area02 .equipment-img-right {
	margin: -180px 0 0;
}
.equipment-area03 .equipment-img-left {
	margin: -300px 0 0;
}
.equipment-area04 .equipment-img-right {
	margin: -200px 0 0;
}
.equipment-area05 .equipment-img-left {
	margin: -300px 0 0;
}
.equipment-img-left img, .equipment-img-right img {
	position: relative;
	max-width: 100%;
	z-index: 1;
}
.equipment-text-right {
	float: right;
	width: 50%;
	height: inherit;
	text-align: center;
}
.equipment-img-right {
	float: right;
	position: relative;
	width: 50%;
	text-align: center;
}
.equipment-text-left {
	float: left;
	width: 50%;
	height: inherit;
	text-align: center;
}
.equipment-img-left:after, .equipment-img-right:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: -100px;
	width: 100%;
	height: 180px;
	border-radius:50px 0 50px 0;
	background-image: linear-gradient(-90deg, #CBBACC 0%, #3d6bae 100%);
	z-index: 0;
}

.equipment-img-right:after {
	right: -100px;
	left: auto;
	border-radius:0 50px 0 50px;
}

.equipment-area00 .equipment-img-right {
	margin: 10% 0 0;
}

/* color code */

.equipment-area00 .equipment-img-right:after {
	 background-image: linear-gradient(90deg, #48c6ef 0%, #6f86d6 100%);
}


.equipment-area02 .equipment-img-right:after {
	 background: linear-gradient(90deg, #BCC5CE 0%, #929EAD 100%);
}

.equipment-area03 .equipment-img-left:after {
	 background-image: linear-gradient(-90deg, #48c6ef 0%, #6f86d6 100%);
}

.equipment-area04 .equipment-img-right:after {
	 background-color: #DCD9D4; 
	 background-image: linear-gradient(90deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%); 
	 background-blend-mode: soft-light,screen;
}

.equipment-area05 .equipment-img-left:after {
	background-image: linear-gradient(-90deg, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
	background-blend-mode: normal, lighten, soft-light;
}

.equipment-area06 .equipment-img-right:after {
	background-image: linear-gradient(-90deg, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
}

.equipment-area07 .equipment-img-left:after {
	background: #C9CCD3;
	background-image: linear-gradient(-90deg, rgba(255,255,255,0.50) 20%, rgba(0,0,0,0.50) 100%);
	background-blend-mode: lighten;
}

.equipment-area08 .equipment-img-right:after {
	background: linear-gradient(-90deg, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
	background-blend-mode: normal,color-burn;
}

.equipment-area09 .equipment-img-left:after {
	background: #C9CCD3;
	background-image: linear-gradient(-90deg, rgba(255,255,255,0.50) 20%, rgba(0,0,0,0.50) 100%);
	background-blend-mode: lighten;
}

.equipment-area10 .equipment-img-right:after {
	background-image: linear-gradient(90deg, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
	background-blend-mode: normal, lighten, soft-light;
}

.equipment-area11 .equipment-img-left:after {
	background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);
}

.equipment-area12 .equipment-img-right:after {
	background-color: #db7f8e;
	background-image: linear-gradient(-90deg, #CBBACC 0%, #3d6bae 100%);
}



.text-group {
	max-width: 412px;
	margin: 0 auto;
	padding: 22% 0 0;
	color: #000;
	font-family: "SpL";
}

.text-group h4 {
	font-family: "SpR";
	font-weight: 600;
	font-size: 41px;
	letter-spacing: -0.06em;
}

.text-group h4 span {
	letter-spacing: 0.03em;
}

.text-group p {
	margin: 6% 0 0;
	font-size: 21px;
	line-height: 1.6;
	letter-spacing: -0.04em;
	word-break: keep-all;
}


@media screen and (max-width: 1920px) {
	.equipment-img-left:after, .equipment-img-right:after {
		left: -50px;
	}
}

@media screen and (max-width: 1700px) {
	.equipment-area {
		padding: 5.8% 10% 7%;
	}
}

@media screen and (max-width: 1024px) {
	.text-group {
		max-width: 331px;
	}
	.text-group h4 {
		font-size: 36px;
	}
	.text-group p {
		margin: 5% 0 0;
		font-size: 17px;
	}
}

@media screen and (max-width: 1000px) {
	.equipment-area {
		padding: 8% 10% 9%;
	}

	.equipment-img-right, .equipment-img-left, .equipment-text-left, .equipment-text-right {
		float: none;
		width: 100%;
	}

	.text-group {
		padding: 10% 0 0;
	}

	.equipment-area02 .equipment-img-right, .equipment-area03 .equipment-img-left, .equipment-area04 .equipment-img-right, .equipment-area05 .equipment-img-left {
		margin: 0;
	}

	.equipment-img-left:after, .equipment-img-right:after {
		left: 0;
		height: 130px;
	}

	.equipment-img-left img, .equipment-img-right img {
		max-width: 180px;
	}

	.equipment-area03 .equipment-img-left img {
		max-width: 240px;
	}

	.equipment-area04 .equipment-img-right img {
		max-width: 200px;
	}

	.equipment-area00 .equipment-img-right {
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.text-group h4 {
		font-size: 22px;
	}
	.text-group p {
		margin: 3% 0 0;
		font-size: 15px;
	}
}

@media screen and (max-width: 500px) {

	.equipment-img-left:after, .equipment-img-right:after {
		height: 90px;
	}

	.equipment-img-left img, .equipment-img-right img {
		max-width: 120px;
	}

	.equipment-area03 .equipment-img-left img {
		max-width: 180px;
	}

	.equipment-area04 .equipment-img-right img {
		max-width: 145px;
	}
}