@charset "utf-8";



/*-- 

common

====================================================== --*/

/* lower_kv */
#lower_kv{
	position:relative;
	overflow:hidden;
}
#lower_kv .lower_kv_title{
	padding:3rem 5rem 3.5rem;
	max-width:52rem;
}
#lower_kv .lower_kv_title .main{
	font-weight:900;
	line-height:1.23;
	margin-top:0.4rem;
}
/* 1100px */
@media screen and (max-width:1100px){
	#lower_kv .lower_kv_title .sub{
		font-size:1.5rem;
	}
	#lower_kv .lower_kv_title .main{
		font-size:4rem;
	}
}
/* 1000px */
@media screen and (max-width:1000px){
	#lower_kv .lower_kv_title{
		max-width:46rem;
	}
	#lower_kv .lower_kv_title .sub{
		font-size:1.5rem;
	}
	#lower_kv .lower_kv_title .main{
		font-size:3.6rem;
	}
}
/* 900px */
@media screen and (max-width:900px){
	#lower_kv .lower_kv_title{
		max-width:44rem;
	}
	#lower_kv .lower_kv_title .sub{
		font-size:1.4rem;
	}
	#lower_kv .lower_kv_title .main{
		font-size:3.4rem;
	}
}
/* sp */
@media screen and (max-width:750px){
	#lower_kv .lower_kv_title{
		padding:1.5rem 2rem;
		max-width:27rem;
	}
	#lower_kv .lower_kv_title .sub{
		font-size:1.2rem;
	}
	#lower_kv .lower_kv_title .main{
		font-size:2.4rem;
		margin-top:0.2rem;
	}
}



/*-- 

content_overview

====================================================== --*/
.overview_body{
	position:relative;
}
.overview_body .read{
	font-size:3.6rem;
	font-weight:700;
	letter-spacing:0.1em;
	line-height:1.45;
	text-align:center;
}
.overview_body .btn + .read{
	margin-top:10rem;
}
.overview_body .read + .row{
	margin-top:4rem;
}
.overview_body .row.-col_2{
	align-items:stretch;
	margin-top:4rem;
}
.overview_body .row.-col_2 .image{
	border:0.1rem solid var(--c-gray-D);
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.overview_body .row.-col_2 .image img{
	max-width:19.8rem;
}
.overview_body .row .col .tag{
	margin-top:3rem;
}
.overview_body .btn{
	width:35rem;
	margin:6rem auto 0;
}
.overview_body .btn a{
	height:9.3rem;
}
.overview_body .btn a::after{
	bottom:-1rem;
	right:-1rem;
}
.overview_body .btn .btn_inner{
	padding:0 2rem 0 2.5rem;
}
.overview_body .btn a:hover .btn_inner{
	bottom:-1rem;
	right:-1rem;
}
.overview_body .btn .btn_inner .btn_content{
	display:flex;
}
.overview_body .btn.-contact .btn_inner  .btn_content::before{
	color:var(--c-white);
	background:none;
	-webkit-background-clip:unset;
	-webkit-text-fill-color:unset;
	font-size:3.3rem;
}
.overview_body .btn .btn_inner .btn_content .label{
	font-size:2.4rem;
	line-height:1.25;
	letter-spacing:0.03em;
}
.overview_body .btn .btn_inner .btn_content .label .mini{
	font-size:1.5rem;
	display:block;
	letter-spacing:0.03em;
}
.overview_body .btn .btn_inner::after{
	font-size:2.311rem;
}
#content_overview .bg_content,
#content_primary .bg_content{
	position:absolute;
	top:-19rem;
	left:-12rem;
	z-index:-1;
}
/* sp */
@media screen and (max-width:750px){
	.overview_body .read{
		font-size:2rem;
		line-height:1.4;
	}
	.overview_body .btn + .read{
		margin-top:5rem;
	}
	.overview_body .read + .row{
		margin-top:2rem;
	}
	.overview_body .row.-sp_reverse{
		flex-direction:column-reverse;
	}
	.overview_body .desc{
		font-size:1.4rem;
	}
	.overview_body .row.-col_2{
		margin-top:2rem;
	}
	.overview_body .row.-col_2 .image{
		padding:2rem 0;
	}
	.overview_body .row.-col_2 .image img{
		max-width:15rem;
	}
	.overview_body .row .col .tag{
		margin-top:1.5rem;
	}
	.overview_body .btn{
		width:22rem;
		margin:2rem auto 0;
	}
	.overview_body .btn a{
		height:6rem;
	}
	.overview_body .btn a::after{
		bottom:-0.7rem;
		right:-0.7rem;
	}
	.overview_body .btn .btn_inner{
		padding:0 1.5rem 0 1.7rem;
	}
	.overview_body .btn a:hover .btn_inner{
		bottom:-0.7rem;
		right:-0.7rem;
	}
	.overview_body .btn.-contact .btn_inner  .btn_content::before{
		font-size:2.2rem;
	}
	.overview_body .btn .btn_inner .btn_content .label{
		font-size:1.6rem;
		letter-spacing:0.03em;
	}
	.overview_body .btn .btn_inner .btn_content .label .mini{
		font-size:1rem;
	}
	.overview_body .btn .btn_inner::after{
		font-size:1.4rem;
	}
	#content_overview .bg_content,
	#content_primary .bg_content{
		display:none;
	}
}



/*-- 

page-service_sdt

====================================================== --*/

/* kv */

#lower_kv.-service_sdt{
	background:linear-gradient(0deg, rgba(210,239,208,1) 0%, rgba(247,255,247,1) 50%, rgba(210,239,208,1) 100%);
}
#lower_kv.-service_sdt .visual_01{
	position:absolute;
	max-width:33.6rem;
	width: 24%;
	left:5%;
}
#lower_kv.-service_sdt .visual_02{
	position:absolute;
	max-width:53.2rem;
	width:38%;
	right:-3.1%;
	top:51.5%;
	transform:translateY(-50%);
	filter:drop-shadow(0 0 1rem var(--c-shadow));
}
/* 1100px */
@media screen and (max-width:1100px){
	#lower_kv.-service_sdt .visual_02{
		max-width:35%;
	}
}
/* 1000px */
@media screen and (max-width:1000px){
	#lower_kv.-service_sdt{
		height:40rem;
	}
	#lower_kv.-service_sdt .visual_01{
		max-width:24.5%;
	}
	#lower_kv.-service_sdt .visual_02{
		max-width:35.5%;
	}
}
/* 900px */
@media screen and (max-width:900px){
	#lower_kv.-service_sdt .visual_01{
		max-width:22%;
	}
	#lower_kv.-service_sdt .visual_02{
		max-width:33%;
	}
}
/* sp */
@media screen and (max-width:750px){
	#lower_kv.-service_sdt{
		height:27.7rem;
		position:relative;
	}
	#lower_kv.-service_sdt .lower_kv_title{
		padding:1.5rem 2rem;
		top:-6.2rem;
		position:relative;
	}
	#lower_kv.-service_sdt .visual_01,
	#lower_kv.-service_sdt .visual_02{
		transform:none;
		top:auto;
		left:auto;
		right:auto;
	}
	#lower_kv.-service_sdt .visual_01{
		max-width:13rem;
		bottom:2.1rem;
		margin-left:-19.7rem;
	}
	#lower_kv.-service_sdt .visual_02{
		max-width:19.3rem;
		bottom:1.5rem;
		margin-left:15.2rem;
	}
}

/* content_overview */

.overview_body .read{
	font-feature-settings:"palt";
	letter-spacing:0.2em;
}
/* sp */
@media screen and (max-width:750px){
	.overview_body .read{
		letter-spacing:0.12em;
	}
}

/* content_composition */

#content_composition .desc{
	margin-top:3rem;
}
#content_composition .tag{
	margin-top:3rem;
}
/* sp */
@media screen and (max-width:750px){
	#content_composition .desc{
		margin-top:1.5rem;
	}
	#content_composition .tag{
		margin-top:1.5rem;
	}
}

/* content_achieve */

#content_achieve .note_wrap{
	display:flex;
	justify-content:space-between;
	margin-top:0.5rem;
}
#content_achieve .note_wrap p{
	font-size:1.4rem;
}
/* sp */
@media screen and (max-width:750px){
	#content_achieve .note_wrap{
		display:block;
	}
	#content_achieve .note_wrap p{
		font-size:1.2rem;
	}
	#content_achieve .note_wrap p.ti__1em{
		margin-bottom:0;
	}
}

/* content_example */

#content_example .comment{
	font-size:2rem;
	font-weight:700;
	text-align:center;
	margin-top:5rem;
}
/* sp */
@media screen and (max-width:750px){
	#content_example .comment{
		font-size:1.6rem;
		margin-top:3rem;
		line-height:1.45;
	}
}