html, body, #page{
	overflow: hidden;
}
@keyframes logo_anime {
  0% {
    stroke-dashoffset: 500;
    fill:#1e2f3f;
  }
  50%{
  	fill:transparent;
  }
  100% {
    stroke-dashoffset: 0;
    fill:#fff119;
  }
}
.sp-menu-btn:not(.is-open){
	border-color: var(--gnav-color);

}
.sp-menu-btn:not(.is-open) .-line{
	background-color: var(--gnav-color);
}
.sp-menu-btn:not(.is-open) .-line:before,
.sp-menu-btn:not(.is-open) .-line:after{
	background-color: var(--gnav-color);
}
.page-about .header .logo svg path {
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-width: .5;
}
.page-about .header .logo:hover svg path {
	stroke:#fff119;
	animation: logo_anime 0.5s ease-in 0s forwards;
	fill-opacity: 1;
}
.page-child-repair #slideContainer{
	width: 400%;
}
#pinContainer{
	width: 100%;
}
.page-child-repair .panel{
	width: 25%;
}
.page-child-repair #sec0{
	background: url(../images/repair/about_intro.png) 50% 50%;
	background-size: cover;
}
.page-child-repair .center-box{
	background-color: rgba(255, 241, 25, 0.5);
}
.page-child-repair #pinContainer .sec-title{
	color: #ebde0e;
}

@media(max-width: 767px){
	html, body, #page{
		overflow: inherit;
	}
	.page-child-repair .box-title img{
		width: 110px;
	}
	.page-child-repair .text-img img{
		width: 250px;
	}
}
@media(max-width: 767px) and (orientation: landscape){
	.page-child-repair .center-box {
		padding: 20px;
		width: 60vw;
		height: 85vh;
	}
	.page-child-repair .box-title img{
		width: 100px;
	}
	.page-child-repair .text-img{
		margin-bottom: 0;
	}
	.page-child-repair .text-img img{
		width: 220px;
	}
	.page-child-repair #pinContainer .sec-title {
		margin-top: 100px;
	}
}