@charset "UTF-8";
/* color */
/* media queries*/
.kansa {
		background: url("img/kansa_hero.jpg") no-repeat;
		background-size: cover;
}

.service-lead .text-box {
		background-image: -webkit-gradient(linear, left top, right top, color-stop(68%, rgba(255, 255, 255, 0.7)), color-stop(68%, rgba(255, 255, 255, 0)));
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 68%, rgba(255, 255, 255, 0) 68%);
}
@media screen and (max-width: 960px) {
		.service-lead .text-box {
				background: rgba(255, 255, 255, 0.5);
		}
}
.service-lead .text-box .text {
		margin-right: 32%;
}
@media screen and (max-width: 960px) {
		.service-lead .text-box .text {
				margin: 0 2rem;
		}
}
.service-lead .text-box .sub-text {
		background: rgba(255, 255, 255, 0.7);
		margin: 3rem 28% 0 0;
		padding: 2rem;
}
@media screen and (max-width: 960px) {
		.service-lead .text-box .sub-text {
				margin: 3rem 0 0 0;
		}
}
.service-lead .text-box .sub-text h2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-weight: bold;
		font-size: 150%;
		color: #000;
		margin: 0 0 0.5rem 0;
}
.service-lead .text-box .sub-text h2:after {
		content: "";
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		height: 1px;
		display: block;
		margin: 0 0 0 1rem;
		background: #000;
}

/* ===== ===== ===== 解決できるお悩み ===== ===== ===== */
.trouble {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 6.4rem auto;
}
@media screen and (max-width: 960px) {
		.trouble {
				display: block;
		}
}
.trouble .item {
		width: 25%;
		margin-bottom: 5rem;
}
@media screen and (max-width: 960px) {
		.trouble .item {
				width: 80%;
				margin: 4rem 10%;
				text-align: center;
		}
}
.trouble .item .text {
		background: url("../../service/img/trouble_bg.png") no-repeat;
		background-size: contain;
		min-height: 21rem;
		padding: 4.2rem 3rem;
		margin-bottom: 3rem;
		font-size: 120%;
		line-height: 1.2;
}
@media screen and (max-width: 960px) {
		.trouble .item .text {
				background-size: auto;
				background-position: center top;
				padding: 7rem 6rem;
		}
}
.trouble .item img {
		padding: 0 4rem;
}