.gp--view-pc{
	display: block;
}
.gp--view-sp{
	display: none;
}
@media screen and (width <= 768px) {
	.gp--view-pc{
		display: none;
	}
	.gp--view-sp{
		display: block;
	}
}

.gp--kv dl dt img{
	margin-bottom: 20px;
}
.gp--kv dl dt >span{
	width: 100%;
}
a.gp--kv-contact{
	font-size: 20px;
	color: #009c74;
	position: relative;
	line-height: 1;
	border-bottom: solid 1px #009c74;
    font-weight: 600;
    padding: 0 0.75em 0.5em 0;
	transition: all .1s ease-out;
}
a.gp--kv-contact small{
	font-size: 0.7em;
}
a.gp--kv-contact::after{
	position: absolute;
	content: "";
	top: 10px;
	right: 0;
	border-left: solid 1.5px #009c74;
	border-bottom: solid 1.5px #009c74;
	width: 10px;
	height: 10px;
	transform: rotate(-135deg);
}
a.gp--kv-contact:hover{
	border-bottom: solid 1px transparent;
	filter: brightness(1.1);
}
a.gp--kv-contact--sp{
	display: none;
}
@media screen and (width <= 768px) {
	a.gp--kv dl dt >span{
		display: none;
	}
    a.gp--kv dl dt {
		text-align: left;
	}
	a.gp--kv-contact--sp{
		display: inline-block;
		text-align: center;
	}
}
.gp--floating-bnr{
	position: fixed;
    right: 0;
    bottom: 150px;
    z-index: 9999;
    width: 270px;
    transition: 0.3s ease;
}
.gp--floating-bnr:hover {
	transform: translateY(-5px);
	filter: brightness(1.1);
}
.gp--floating-bnr__point{
	text-align: center;
	line-height: 1;
	margin-bottom: 0.5em;
}
.gp--floating-bnr__point span{
	font-size: 14px;
	font-weight: 600;
	color: #009c74;
	position: relative;
	padding: 0 20px;
}
.gp--floating-bnr__point span::before{
	position: absolute;
	content: "";
	border-bottom: solid 1px #009c74;
	bottom: 7px;
	left: 0;
	width: 18px;
	height: 1px;
	transform: rotate(-125deg);
}
.gp--floating-bnr__point span::after{
	position: absolute;
	content: "";
	border-bottom: solid 1px #009c74;
	bottom: 7px;
	right: 0;
	width: 18px;
	height: 1px;
	transform: rotate(125deg);
}
.gp--floating-bnr__point span{
	font-size: 14px;
	font-weight: 600;
	color: #009c74;
}
.gp--floating-bnr__box{
	background: linear-gradient(90deg, #63b633 0%, #00a069 100%);
	border-radius: 10px 0 0 10px;
	padding: 20px 15px 23px;
}
.gp--floating-bnr__box p{
	color: #fff !important;
	text-align: center;
	margin: 0;
	line-height: 1;
}
.gp--floating-bnr__box p small{
	font-size: 15px;
	display: block;
	margin-bottom: 0.5em;
}
.gp--floating-bnr__box p span{
	position: relative;
	display: inline-block;
	font-size: 23px;
	font-weight: 600;
	padding-left: 20px;
}
.gp--floating-bnr__box p span::after{
	position: absolute;
	content: "";
	top: 8px;
	left: 0;
	border-left: solid 1.5px #fff;
	border-bottom: solid 1.5px #fff;
	width: 10px;
	height: 10px;
	transform: rotate(-135deg);
}
@media screen and (width <= 768px) {
	.gp--floating-bnr{
		bottom: 130px;
		width: 250px;
	}
	.gp--floating-bnr:hover {
		transform: none;
		filter: none;
	}
	.gp--floating-bnr__box{
		padding: 15px 10px 18px;
	}
}
