@charset "UTF-8";
/*---------------------------------------------------------
	MENU
---------------------------------------------------------*/
#page_menu li{
	width: min(17.96875vw, 230px);
}
/*---------------------------------------------------------
	COMMON
---------------------------------------------------------*/
.section_inner{
	padding-left: var(--base-90);
	margin-bottom: var(--base-40);
}

/*---------------------------------------------------------
	SERVICE
---------------------------------------------------------*/
#service{
	margin-top: var(--base-150);
}
#service .section_ttl h1{
	font-size: min(2.8125vw, 36px);
	line-height: var(--base-60);
	color: var(--base-color-white);
}
#service .section_content{
	padding-left: min(11.328125vw, 145px);
	padding-right: min(11.328125vw, 145px);
	padding-bottom: min(14.453125vw, 185px);
}
#service .section_content p{
	line-height: var(--base-30);
}
#service .section_bg{
	position: absolute;
	top: calc( var(--base-90) *-1 );
	left: calc( var(--base-90) *-1 );
	width: min(74.21875vw, 950px);
	height: min(43.59375vw, 558px);
	background: var(--base-color-green);
	border-radius: var(--base-60);
	z-index: -1;
}
.service_wrap .section_ttl h1{
	font-size: var(--base-15);
	letter-spacing: 0.1vw;
}
.service_wrap .section_ttl h2{
	position: relative;
	font-size: var(--base-40);
	padding: var(--base-20) 0 var(--base-25);
	border-bottom: 2px solid #e6e6e6;
}
.service_wrap .section_ttl h2::before{
	content: '';
	position: absolute;
	bottom: -2px;
	width: var(--base-100);
	height: 2px;
	background: var(--base-color-green);
}
.service_wrap .section_content .section_sub_img{
	width: min(46.875vw, 600px);
	/*margin-top: 0;*/
	margin-top: var(--base-100);
}
.service_wrap .section_content .section_sub_img img{
	border-radius: var(--base-60);
	background: #eee;
}
ul.service_sub_wrap{
	margin: var(--base-30) 0 0;
	padding: var(--base-20) var(--base-35);
	background: #f2f2f2;
	border-radius: var(--base-4);
}
ul.service_sub_wrap li{
	width: 33%;
	font-size: var(--base-14);
	line-height: var(--base-14);
	padding: min(0.625vw, 8px) 0;
}
ul.service_sub_wrap li::before{
	position:relative;
	top:-1px;
	content: "●";
	font-size: min(0.546875vw, 7px);
	color: var(--base-color-green);
	padding-right: var(--base-12);
	line-height: var(--base-14);
	display: inline-block;
}
#solution ul.service_sub_wrap li{
	width: 100%;
}
.service_btn_wrap{
	margin-top:	var(--base-25);
}
.service_btn_wrap:first-of-type{
	margin-top:	var(--base-35);
}
.service_btn_wrap a{
	display: inline-block;
	padding: min(1.25vw, 16px) var(--base-25);
	width: min(21.484375vw, 275px);
	color: var(--base-color-green);
	font-weight: 600;
	border: 2px solid var(--base-color-green);
	border-radius: var(--base-25);
}
.service_wrap .link_blank_g{
	background-position: right var(--base-25) center;
}
@media screen and (max-width: 768px){
	#service .section_bg{
		height: 100%;
	}
	ul.service_sub_wrap li{
		width: 100%;
		
	}
	.service_btn_wrap a{
		width: 100%;
	}
}
@media screen and (max-width: 576px) {
	#service .section_ttl h1{
		font-size: var(--base-28);
		padding-right: var(--base-90);
	}
	#service .section_bg{
		width: 100%
	}
	.section_inner{
		padding-left: var(--base-40);
	}
	#service .section_content{
		padding-top: var(--base-20);
		padding-left: var(--base-40);
		padding-bottom: var(--base-200);
	}
	.service_wrap .section_ttl h2{
		font-size: var(--base-30);
	}
	.service_wrap .section_content .section_sub_img{
		position: static;
		margin-top: 0;
		margin-bottom: var(--base-30);
		width: 100%;
		max-width: 600px;
	}
	.service_wrap .section_content .section_sub_img img{
		width: 100%;
		max-width: 600px;
		border-radius: var(--base-20);
	}
}