@charset "utf-8";



/*-- 

common

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

/* lower_kv */
#lower_kv{
	position:relative;
	overflow:hidden;
}
#lower_kv .lower_kv_title{
	padding:3rem 5rem 3.5rem;
}
#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 .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 .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;
	}
	#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_coconile

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

/* common */

.anchor_wrap{
	margin-top:5.2rem;
}
.anchor_wrap .title{
	font-size:3rem;
	line-height:1.4;
	letter-spacing:0.06em;
	text-align:center;
}
.anchor_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:stretch;
	column-gap:2.8%;
	margin-top:3rem;
}
.anchor_list_item{
	max-width:22.9%;
	width:100%;
	background-color:var(--c-white);
	box-shadow:0 0 1rem var(--c-shadow);
	border-radius:1.5rem;
}
.anchor_list_item_inner{
	padding-top:2.5rem;
	padding-bottom:1.7rem;
}
.anchor_list_item_inner .image{
	max-width:13rem;
	margin-left:auto;
	margin-right:auto;
}
.anchor_list_item_inner .desc{
	font-size:1.3rem;
	font-weight:700;
	text-align:center;
	margin-top:0.7rem;
}
.anchor_list_item_inner .name{
	font-size:2.2rem;
	text-align:center;
	line-height:1.4;
}
.anchor_list_item_inner::after{
	font-family:'icon' !important;
	speak:never;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	position:relative;
	top:0;
	transition:all 0.3s;
	display:block;
	content:"\e900";
	font-size:1.8rem;
	color:var(--c-black);
	text-align:center;
	margin-top:1rem;
}
a:hover .anchor_list_item_inner::after{
	position:relative;
	top:0.7rem;
}
/* sp */
@media screen and (max-width:750px){
	.anchor_wrap{
		margin-top:3rem;
	}
	.anchor_wrap .title{
		font-size:2.2rem;
	}
	.anchor_list{
		margin-top:1.5rem;
		column-gap:5%;
		row-gap:1.5rem;
	}
	.anchor_list_item{
		max-width:47.5%;
	}
	.anchor_list_item_inner{
		padding-top:2rem;
		padding-bottom:1.2rem;
	}
	.anchor_list_item_inner .image{
		max-width:8rem;
	}
	.anchor_list_item_inner .desc{
		font-size:1rem;
		margin-top:0.7rem;
		letter-spacing:0.02em;
	}
	.anchor_list_item_inner .name{
		font-size:1.6rem;
		line-height:1.4;
	}
	.anchor_list_item_inner::after{
		font-size:1.2rem;
		margin-top:0.5rem;
	}
}
.headline .sub{
	font-size:1.8rem;
	font-weight:700;
	letter-spacing:0.1em;
	text-align:center;
	display:block;
}
.headline .main{
	font-size:4.4rem;
	text-align:center;
	line-height:1.4;
}
/* sp */
@media screen and (max-width:750px){
	.headline .sub{
		font-size:1.4rem;
	}
	.headline .main{
		font-size:2.4rem;
	}
}
.works_list_item{
	border-top:0.1rem solid var(--c-gray-D);
	padding:2.5rem 2rem;
	font-size:1.8rem;
	font-weight:700;
	line-height:1.6;
}
.works_list_item:last-child{
	border-bottom:0.1rem solid var(--c-gray-D);
}
/* sp */
@media screen and (max-width:750px){
	.works_list_item{
		padding:1.5rem 1rem;
		font-size:1.4rem;
	}
}
/* sp */
@media screen and (max-width:750px){
	.overview_body .row.-col_2 .image{
		border:none;
		padding:1rem 0;
	}
}

/* content_geocache */

#content_geocache{
	margin-top:2.7rem;
}
#content_geocache .img_geocache_01{
	max-width:30rem;
	margin-left:auto;
	margin-right:auto;
	margin-top:4rem;
}

#content_geocache .function .function_list{
	margin-top:1.8rem;
	margin-bottom:1.8rem;
}
#content_geocache .function .function_list_item{
	font-weight:700;
	line-height:1.4;
	margin-top:1.2rem;
}
#content_geocache .function .function_list_item:first-child{
	margin-top:0;
}
#content_geocache .function .notes{
	margin-top:2.3rem;
}
#content_geocache .function .notes_item{
	font-size:1.4rem;
	line-height:1.7;
}
/* sp */
@media screen and (max-width:750px){
	#content_geocache .img_geocache_01{
		max-width:17rem;
		margin-top:3rem;
	}

	#content_geocache .function .desc{
		margin-top:2rem;
	}
	#content_geocache .function .function_list{
		margin-top:1rem;
		margin-bottom:1rem;
	}
	#content_geocache .function .function_list_item{
		margin-top:0.8rem;
	}
	#content_geocache .function .notes{
		margin-top:1.5rem;
	}
	#content_geocache .function .notes_item{
		font-size:1.2rem;
		line-height:1.6;
	}
}

/* content_here */

#content_here .use{
	margin-top:2rem;
}
#content_here .use .title{
	font-size:2rem;
	font-weight:700;
}
#content_here .use .use_list{
	margin-top:0.5rem;
}
#content_here .use .use_item{
	margin-bottom:0.5rem;
	line-height:1.6;
}
/* sp */
@media screen and (max-width:750px){
	#content_here .use .title{
		font-size:1.6rem;
	}
	#content_here .use .use_item{
		font-size:1.4rem;
	}
}

/* content_lab */

#content_lab .headline .image{
	max-width:43.2rem;
	width:100%;
	margin-top:1rem;
	margin-left:auto;
	margin-right:auto;
}
#content_lab .desc{
	margin-top:3.5rem;
}
#content_lab .tag{
	justify-content:center;
	margin-top:2.5rem;
	margin-bottom:6rem;
}
/* sp */
@media screen and (max-width:750px){
	#content_lab .desc{
		margin-top:2rem;
	}
	#content_lab .tag{
		justify-content:start;
		margin-top:2rem;
		margin-bottom:3rem;
	}
}