@charset "utf-8";
/*------------------------------------------------------------
	service
------------------------------------------------------------*/
#container {
		overflow: hidden;
}
.com-visual {
		height: 360px;
		background: url("../img/service/visual_bg.jpg") no-repeat center bottom;
		background-size: cover;
}
#main {
		padding-bottom: 168px;
		position: relative;
}
#main .head-line07 {
		position: absolute;
		top: -57px;
		right: calc(50% + 133px);
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		#main .head-line07 {
				right: auto;
				left: 0;
		}
}
/* //20220520 ito */
#main .img-box {
		margin-bottom: 127px;
		position: relative;
		z-index: 10;
		align-items: center;
		display: flex;
		justify-content: space-between;
}
#main .img-box:before {
		position: absolute;
		left: 123px;
		top: 246px;
		width: 448px;
		height: 372px;
		content: "";
		border-radius: 20px;
		background: #F8FAFC;
		z-index: -1;
}
.content .img-box:nth-child(even):before {
		left: auto;
		right: 230px;
		top: 285px;
		background: #FAFAFA;
}
#main .img-box02:before {
		position: absolute;
		left: -1000px;
		right: calc(50% + 136px);
		top: 220px;
		width: auto;
		height: 372px;
		content: "";
		border-radius: 0 20px 20px 0;
}
#main .img-box:last-child {
		margin-bottom: 0;
}
#main .img-box:last-child:before {
		display: none;
}
#main .img-box:first-child {
		padding-top: 83px;
}
#main .img-box .img-box__pho {
		width: 448px;
}
#main .img-box .img-box__text {
		width: 440px;
}
.img-box__pho img {
		border-radius: 20px;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		#main .img-box .img-box__pho {
				max-width: 48%;
		}
		#main .img-box .img-box__text {
				max-width: 48%;
		}
		/* #main .img-box .head-line08 .jp {
				font-size: 3.0rem;
		}
		*/
}
/* //20220520 ito */
#main .img-box .img-box__text .txt-p {
		margin-bottom: 50px;
		color: #272727;
		line-height: 2.1;
		text-align: justify;
		text-justify: inter-ideograph;
}
#main .img-box .img-box__text .com-more {
		float: right;
		margin-right: -20px;
}
.content .img-box:nth-child(even) {
		margin: 0 0 127px 0;
		flex-direction: row-reverse;
}
@media all and (max-width: 896px) {
		.com-visual {
				height: 228px;
				background: url("../img/service/sp_visual_bg.jpg") no-repeat center bottom;
				background-size: cover;
		}
		#main {
				padding-bottom: 126px;
		}
		#main .head-line07 {
				position: absolute;
				top: -26px;
				right: auto;
				left: 0;
		}
		#main .img-box {
				margin-bottom: 75px;
				display: block;
		}
		#main .img-box:before {
				display: none !important;
		}
		#main .img-box:last-child {
				margin-bottom: 0;
		}
		#main .img-box:last-child:before {
				display: none;
		}
		#main .img-box:first-child {
				padding-top: 30px;
		}
		#main .img-box .img-box__pho {
				margin-bottom: 31px;
				width: auto;
		}
		#main .img-box .img-box__pho img {
				width: 100%;
		}
		#main .img-box .img-box__text {
				width: auto;
		}
		#main .img-box .img-box__text .txt-p {
				margin-bottom: 38px;
		}
		#main .img-box .img-box__text .com-more {
				float: none;
				margin: 0 auto;
				text-align: center;
		}
		.content .img-box:nth-child(even) {
				margin: 0 0 75px 0;
				flex-direction: row-reverse;
		}
}