@charset "utf-8";
body {
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
}

/* Hamburgerr */

.fat-nav.active {
	animation: nav-bg-color 8s infinite;
	-webkit-animation: nav-bg-color 8s infinite;
}
.fat-nav.bg-fade {
	animation: bg-fade 5s;
	-webkit-animation: bg-fade 5s;
}
.fat-nav.motion {
	animation: bg-color-o 8s infinite;
	-webkit-animation: bg-color-o 8s infinite;
}
.fat-nav.hover {
	animation: bg-color-o 8s infinite;
	-webkit-animation: bg-color-o 8s infinite;
}

/* Home */

#full-height.active,
#full-height.active {
	animation: bg-color 8s infinite;
	-webkit-animation: bg-color 8s infinite;
}

p.more a {
	background-color: #ff6d85;
}
p.more a:hover,
p.more a:focus {
	animation: hover-color 3s ease infinite;
	-webkit-animation: hover-color 3s ease infinite;
}

.c-area,
.c-area .bg-map,
.c-area h3,
.c-area-txt,
.c-area-txt .bg-map {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0;
}
.c-area.motion,
.c-area .bg-map.motion,
.c-area h3.motion,
.c-area-txt.motion,
.c-area-txt .bg-map.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.c-area.motion {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.c-area .bg-map.motion,
.c-area-txt .bg-map.motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.c-area h3.motion {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.c-area-txt.motion {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
}

.inner.bg:after,
#home-content04 .plan-box,
#home-content04 .plan {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0;
}
.inner.bg.motion:after,
#home-content04 .plan-box.motion,
#home-content04 .plan.motion {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.inner.bg.motion:after {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
#home-content04 .plan-box.motion {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
#home-content04 .plan.motion {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.map-wrap .iconlist li .num {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}
.map-wrap .iconlist li .num:before {
	content: '';
	position: absolute;
	border: #006b99 solid 6px;
	border-radius: 50%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	z-index: -10;
}
.map-wrap .iconlist li.dark .num:before {
	border: #9dd7f7 solid 6px;
}
.map-wrap .iconlist li.active a:hover .num:before,
.map-wrap .iconlist li.active a:focus .num:before {
	-webkit-animation: hvr-ripple-out 1s infinite;
	animation: hvr-ripple-out 1s infinite;
}

@-webkit-keyframes nav-bg-color {
	0% { background-color: rgba(6, 177, 255, 0.9); }
	50% { background-color: rgba(26, 139, 211, 0.9); }
	100% { background-color: rgba(6, 177, 255, 0.9); }
}
@keyframes nav-bg-color {
	0% { background-color: rgba(6, 177, 255, 0.9); }
	50% { background-color: rgba(26, 139, 211, 0.9); }
	100% { background-color: rgba(6, 177, 255, 0.9); }
}
@-webkit-keyframes bg-color {
	0% { background-color: #1a8bd3; }
	25% { background-color: #06b1ff; }
	75% { background-color: #81d59f; }
	100% { background-color: #1a8bd3; }
}
@keyframes bg-color {
	0% { background-color: #1a8bd3; }
	25% { background-color: #06b1ff; }
	75% { background-color: #81d59f; }
	100% { background-color: #1a8bd3; }
}
@-webkit-keyframes bg-color-o {
	0% { background-color: rgba(26, 139, 211, 0.9); }
	25% { background-color: rgba(6,177,255,0.9); }
	75% { background-color: rgba(129,213,159,0.9); }
	100% { background-color: rgba(26, 139, 211, 0.9); }
}
@keyframes bg-color-o {
	0% { background-color: rgba(26, 139, 211, 0.9); }
	25% { background-color: rgba(6,177,255,0.9); }
	75% { background-color: rgba(129,213,159,0.9); }
	100% { background-color: rgba(26, 139, 211, 0.9); }
}

@-webkit-keyframes hover-color {
	0% { background-color: #ff6d85; }
	50% { background-color: #ff50af; }
	100% { background-color: #ff6d85; }
}
@keyframes hover-color {
	0% { background-color: #ff6d85; }
	50% { background-color: #ff50af; }
	100% { background-color: #ff6d85; }
}
@-webkit-keyframes bg-fade {
	0% { background-color: rgba(26, 139, 211, 0.5); }
	50% { background-color: rgba(26, 139, 211, 0.75); }
	100% { background-color: rgba(26, 139, 211, 0.9); }
}
@keyframes bg-fade {
	0% { background-color: rgba(26, 139, 211, 0.5); }
	50% { background-color: rgba(26, 139, 211, 0.75); }
	100% { background-color: rgba(26, 139, 211, 0.9); }
}

@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}
@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}