.p-features {
		padding: 60px 0 105px;
}
@media screen and (max-width: 767px) {
		.p-features {
				padding: 8vw 0 9vw;
		}
}
.p-features-maintxt {
		text-align: center;
		margin-top: 25px;
}
@media screen and (max-width: 767px) {
		.p-features-maintxt {
				margin-top: 4vw;
				text-align: left;
		}
}
.p-features-maintxt span {
		font-size: 1.2rem;
		color: #ff0000;
		display: block;
		margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
		.p-features-maintxt span {
				font-size: 2.4rem;
		}
}
.p-features-ttl01 {
		text-align: center;
		font-size: 3rem;
		line-height: 1.4;
		font-weight: bold;
}
@media screen and (max-width: 767px) {
		.p-features-ttl01 {
				font-size: 3.4rem;
				line-height: 1.6;
				text-align: left;
		}
}
.p-features-intro {
		padding-bottom: 150px;
		position: relative;
}
@media screen and (max-width: 767px) {
		.p-features-intro {
				padding-bottom: 15vw;
		}
}
.p-features-intro-txt {
		font-size: 14rem;
		text-align: center;
		color: #f8f8f8;
		font-weight: bold;
		font-family: "Roboto", sans-serif;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		bottom: -22px;
		line-height: 1;
}
@media screen and (max-width: 767px) {
		.p-features-intro-txt {
				bottom: -4vw;
				width: 100%;
		}
}
.p-features-boxarea {
		background-color: #f8f8f8;
		padding: 75px 0 105px;
}
@media screen and (max-width: 767px) {
		.p-features-boxarea {
				padding: 10vw 0 10vw;
		}
}
.p-features-box {
		background-color: #ffffff;
		border-radius: 5px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 40px;
		padding: 40px;
		position: relative;
}
.p-features-box:nth-of-type(2n) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
}
.p-features-box:nth-of-type(2n) .p-features-box-cnt {
		padding-left: 0;
		padding-right: 40px;
}
@media screen and (max-width: 767px) {
		.p-features-box:nth-of-type(2n) .p-features-box-cnt {
				padding: 0;
		}
}
@media screen and (max-width: 767px) {
		.p-features-box {
				display: block;
				margin-bottom: 5.3vw;
				padding: 5.3vw;
		}
}
.p-features-box:last-of-type {
		margin-bottom: 0;
}
.p-features-box-img {
		width: 317px;
		max-width: 100%;
}
.p-features-box-img img {
		width: 100%;
}
@media screen and (max-width: 767px) {
		.p-features-box-img {
				width: 100%;
				margin-top: 4vw;
		}
}
.p-features-box-cnt {
		width: calc( 100% - 317px );
		padding-left: 40px;
}
@media screen and (max-width: 767px) {
		.p-features-box-cnt {
				padding: 0;
				width: 100%;
		}
}
.p-features-box-ttl {
		font-size: 2.4rem;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		width: 202px;
		height: 41px;
		background-color: #81bf00;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 22px;
		position: absolute;
		top: -15px;
		left: 40px;
}
@media screen and (max-width: 767px) {
		.p-features-box-ttl {
				font-size: 3.4rem;
				width: 100%;
				height: 11vw;
				margin-bottom: 4vw;
				position: static;
		}
}
.p-features-box-txt {
		line-height: 1.7;
		letter-spacing: 0;
}
/*# sourceMappingURL=surala-features.css.map */