html{
	zoom:1;
}

img {
	display: block;
}

.sp {
	display: none;
}

.pc {
	display: block;
}

html,body{
	color:#fff;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:100%;
	position: relative;
	color:#6a3906;
	-webkit-text-size-adjust: 100%;
}

header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	min-width: 768px;
	height: 60px;
	position:fixed;
	top: -80px;
	border-bottom:1px solid #3f210e;
	background:#fff;
	z-index:1;
	transition: all ease .45s;
}

header.show {
	top: 0;
}

header nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	/*max-width: 980px;*/
	margin:0 30px;
}

header h1 {
	width: 184px;
	margin-left: 30px;
}

header nav ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header nav ul li a {
	display: block;
}

header nav ul li#btn1 {
	margin-left:66px;
	width: 54px;
}

header nav ul li#btn2{
	margin-left:71px;
	width: 66px;
}

header nav ul li#btn3{
	margin-left: 54px;
	width: 62px;
}

header nav ul li#btn4{
	margin-left: 54px;
	width: 63px;
}

#container{
	width:100%;
	height:auto;
	min-width:768px;
	position:relative;
}

#home {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	display:none;
}

#home.show {
	display: block;
	opacity: 1;
}

#home .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

#home .bg .mv {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

#home .bg .mv.show {
	display: block;
	animation-name: mainVisualChangeShow;
	animation-duration: 3.4s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

#home .bg .mv.invisible {
	display: block;
	animation-name: mainVisualChangeInvisible;
	animation-duration: 3.4s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

#home .bg .mv.hide {
	display: none;
}

#home .bg #mv_1 {
	background-image: url('../images/main1.jpg');
}

#home .bg #mv_2 {
	background-image: url('../images/main2.jpg');
}

#home .bg #mv_3 {
	background-image: url('../images/main3.jpg');
}

#home .contents {
	position: absolute;
	width: 50%;
	max-width: 540px;
	left: 50%;
	top: 50%;
	color: #fff;
	transform: translate(-50%, -50%);
}

#home .contents h2 {
	margin-bottom: 60px;
	opacity: 0;
}

#home .contents h2  img {
}

#home.animationIn .contents h2 {
	transform: translateY(30px);
	opacity: 1;
	animation-name: descriptionIn;
	animation-duration: .65s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	-webkit-animation-name: descriptionIn;
	-webkit-animation-duration: .65s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
}

#home .contents a {
	position: relative;
	display: block;
	width: 260px;
	height: 60px;
	margin: 0 auto 80px;
	color: #6a3906;
	line-height: 60px;
	/*border: 1px solid #fff;*/
	/*background-color: #fff;*/
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	transition: all ease .35s;
}

#home .contents a span.border {
	position: relative;
	display: block;
	width: 100%;
}

#home .contents a:before,
#home .contents a:after {
	position: absolute;
	display: block;
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
}

#home .contents a:before {
	top: 0;
	left: 0;
}

#home .contents a:after {
	bottom: 0;
	right: 0;
}

#home.animationIn .contents a:before,
#home.animationIn .contents a:after {
	animation-name: mainVisualBtnLine1In;
	animation-duration: .25s;
	animation-timing-function: ease-in-out;
	animation-delay: .55s;
	animation-fill-mode: forwards;
}

#home .contents a span.border {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

#home .contents a span.border:before,
#home .contents a span.border:after {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 0;
	background-color: #fff;
}


#home .contents a span.border:before {
	bottom: 0;
	left: 0;
}

#home .contents a span.border:after {
	top: 0;
	right: 0;
}

#home.animationIn .contents a span.border:before,
#home.animationIn .contents a span.border:after {
	animation-name: mainVisualBtnLine2In;
	animation-duration: .45s;
	animation-timing-function: ease-in-out;
	animation-delay: .55s;
	animation-fill-mode: forwards;
}

#home .contents a span.btn_bg {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #fff;
	z-index: -1;
	overflow: hidden;
}


#home.animationIn .contents a span.btn_bg {
	animation-name: mainVisualBtnBgIn;
	animation-duration: .32s;
	animation-timing-function: ease-in-out;
	animation-delay: 1.1s;
	animation-fill-mode: forwards;
}

#home .contents a span.btn_bg:before {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	left: -34px;
	width: 0;
	height: 100%;
	background-color: #6a3906;
	transform: skew(50deg);
	transition: all ease .35s;
}

#home .contents a span.btn_bg b {
	font-weight: normal;
	opacity: 0;
	transition: all ease .35s;
	transition-delay: 1.45s;
}

#home.animationIn .contents a span.btn_bg b {
	opacity: 1;
}

/*
#home .contents a:hover {
	color: #fff;
}

#home .contents a:hover span.btn_bg:before {
	width: calc(100% + 68px);
}
*/
#home .contents .visual_logo {
	width: 100%;
	margin: 0 auto;
	opacity: 0;
}

#home.logoAnimationIn .contents .visual_logo {
	opacity: 1;
}

#container .contents{
	/*width:768px;*/
	height:auto;
	position:relative;
	margin:0 auto;
	padding-top: 105px;
	display:none;
}

#container .contents.show {
	display: block;
	opacity: 1;
}

#container .contents#company {
	width: auto;
	max-width: 768px;
	margin: 0 auto;
}

#container .contents#library {
	margin: 0 30px;
}

#container .contents#company h1{
	width: 120px;
	margin: 0 0 60px;
}

#container .contents#library h1{
	width: 100px;
	margin: 0 0 55px;
}

#container .contents#library .inner ul {
	display: flex;
	flex-wrap: wrap;
}

#container .contents#library .inner ul li {
	width: calc((100% - 30px * 3) / 4);
	margin: 0 30px 30px 0;
	transition: opacity ease .25s;
}

#container .contents#library .inner ul li:nth-child(4n) {
	margin: 0 0 30px 0;
}

#container .contents#library .inner ul li.half_opacity {
	opacity: .45;
}

@media screen and (max-width: 1920px){
}

@media screen and (max-width: 1280px){
}

#container .contents#alliance .title {
	max-width: 768px;
	margin:0 auto;
}

#container .contents#alliance h1{
	width: 112px;
}

#container .contents#alliance .inner p {
	text-align: center;
	line-height: 40px;
}

#container .contents#alliance .inner .seven_summits {
	margin:0 auto;
	padding-bottom: 60px;
}

#container .contents#alliance .border {
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #6a3906;
	margin-bottom: 60px;
}

#container .contents#alliance .banners ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}

#container .contents#alliance .banners ul li {
	margin: 0 80px;
}

#container .contents#alliance .banners ul li a {
	display: block;
}

#container .contents#alliance .banners ul.bottom li {
	margin: 0 80px;
}

#container .contents#alliance .banners ul li.birdie {
	width: 70px;
}

#container .contents#alliance .banners ul li.wolf {
	width: 187px;
}

#container .contents#alliance .banners ul li.group_a {
	width: 68px;
}

#container .contents#alliance .banners ul li.goodday {
	width: 200px;
}

#container .contents#alliance .banners ul li.goodday_gs {
	width: 200px;
}

#container .contents#alliance .banners ul.bottom li.reboot {
	width: 130px;
	margin: 0 0 0 40px;
}

#container .contents#alliance .banners ul.bottom li.three {
	width: 140px;
	margin: 0 160px 0 190px;
}

#container .contents#alliance .banners ul.bottom li.wander_logo_s {
	width: 180px;
	margin: 0;
}

#container .contents#alliance .banners ul.bottom li {
	margin: 0 80px;
}

#container .contents#alliance .inner .seven_summits a {
	display: block;
	width: 380px;
	margin: 0 auto;
}

#container .contents .inner{
	margin: 35px 0 0 0;
}

#container .contents dl{
	display: flex;
	flex-wrap: wrap;
}

#container .contents dl dt,
#container .contents dl dd{
	padding-bottom: 40px;
}

#container .contents dl dt{
	width: 140px;
}

#container .contents dl dd{
	width: 583px;
}

#container .contents dl dd a {
	color:#6a3906;
}

#container .contents#company .company_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/wander_vogel_tilt.svg');
	background-size: cover;
	background-position: center;
	z-index: -1;
}

footer {
	padding: 30px 0;
}

footer small {
	display: flex;
	justify-content: center;
	align-items: center;
}

footer small span {
	display: block;
}

footer small span.copy {
	font-size: 1.4rem;
	margin-right: 5px;
}

.txtSpan{
	margin-left:15px;
}

.map{
	width:748px;
	height:471px;
	margin-top:5px;
}

.clearfix {
	display: block;
	zoom:1;}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

a,i { -webkit-tap-highlight-color: rgba(0,0,0,0); }

#modal {
	position: fixed;
	display: none;
	align-items: center;
	justify-content: center;
	top: 60px;
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	background-color: rgba(0, 0, 0, .85);
}

#modal.show {
	display: flex;
	animation-name: modalShow;
	animation-duration: .25s;
}

#modal .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#modal .close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

#modal .close:before,
#modal .close:after {
	display: block;
	position: absolute;
	content: '';
	top: 20px;
	width: 100%;
	height: 1px;
	background-color: #fff;
}

#modal .close:before {
	transform: rotate(45deg);
}

#modal .close:after {
	transform: rotate(-45deg);
}

#modal .picture {
	margin: 0 15%;
	opacity: 0;
}

#modal.show .picture {
	animation-name: pictureShow;
	animation-duration: .15s;
	animation-timing-function: ease;
	animation-delay: .2s;
	animation-fill-mode: forwards;
}

@media screen and (max-width: 760px){

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	html,body{
		font-size: 12px;
	}

	header {
		display: flex;
		justify-content: center;
		min-width: 100%;
		height: 60px;
		border-bottom: 0;
		overflow: hidden;
	}

	header.open {
		height: 100%;
	}

	header .header_top {
		position: absolute;
		top: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 60px;
	}

	header .hamburder {
		position: absolute;
		right: 20px;
		width: 22px;
		height: 18px;
	}

	header .hamburder span {
		position: absolute;
		display: block;
		width: 100%;
		height: 1px;
		background-color: #6a3906;
		transition: transform ease .35s;
	}

	header.open .hamburder span {
		top: 8px;
		transform: rotate(45deg);
	}

	header .hamburder:before,
	header .hamburder:after {
		position: absolute;
		display: block;
		content: '';
		width: 100%;
		height: 1px;
		background-color: #6a3906;
		transition: transform ease .35s;
	}

	header .hamburder:before {
		top: 8px;
	}

	header .hamburder:after {
		top: 16px;
	}

	header.open .hamburder:before {
		opacity: 0;
	}

	header.open .hamburder:after {
		top: 8px;
		transform: rotate(-45deg);
	}

	header h1 {
		width: 160px;
		margin: 0;
	}

	header nav {
		display: block;
		width: 100%;
		height: 100%;
		position:absolute;
		top: 60px;
		margin: 0;
		left: 0;
	}

	header nav ul {
		display: block;
		width: 100%;
		margin-top: 100px;
		background-color: #fff;
	}

	header nav ul li{
		display: flex;
		justify-content: center;
		margin: 60px auto !important;
		background:#fff;
	}

	header nav ul li a{
		display:block;
		margin: 0 auto;
	}

	header nav ul li#btn1 {
		width: 89px;
	}

	header nav ul li#btn2 {
		width: 108px;
	}

	header nav ul li#btn3 {
		width: 102px;
	}

	header nav ul li#btn4 {
		width: 103px;
	}

	#container{
		min-width:320px;
		padding-top: 0;
		overflow: hidden;
	}

	#container .contents{
		width: auto;
		display:block;
		padding-top: 60px;
		margin: 0 20px;
	}

	#home {
		position: relative;
		display:block;
	}

	#home .contents .visual_logo {
		width: auto;
	}

	#home .contents {
		width: 80%;
	}

	#home .contents h2 {
		margin-bottom: 40px;
	}

	#home .contents a {
		width: 200px;
		margin: 0 auto 40px;
		font-size: 1rem;
		height: 50px;
		line-height: 50px;
	}

	#home .arrow {
		position: absolute;
		bottom: 25px;
		left: 50%;
		width: 24px;
		height: 24px;
		margin: 0 0 0 -12px;
		animation: bounce .3s ease infinite alternate;
		opacity: 0;
		transition: opacity ease .35s;
		transition-delay: 1.5s;
	}

	#home .arrow:before,
	#home .arrow:after {
		position: absolute;
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: #fff;
	}

	#home .arrow:before {
		left: -8px;
		transform: rotate(45deg);
	}

	#home .arrow:after {
		right: -8px;
		transform: rotate(-45deg);
	}

	#home.animationIn .arrow {
		opacity: 1;
	}

	#home .bg #mv_1 {
		background-image: url('../images/main1_sp.jpg');
	}

	#home .bg #mv_2 {
		background-image: url('../images/main2_sp.jpg');
	}

	#home .bg #mv_3 {
		background-image: url('../images/main3_sp.jpg');
	}

	#container .contents#library {
		margin: 0 20px;
	}

	#container .contents#library h1 {
		width: 120px;
		margin-bottom: 20px;
	}

	#container .contents .inner{
		width: auto;
		padding: 0;
		margin:0 0 0 0;
		margin-top: 30px;
	}

	#container .contents#company {
		margin: 0 20px;
	}

	#container .contents#company h1 {
		width: 144px;
		margin-bottom: 20px;
	}

	#container .contents#company .inner {
		margin-top: 0;
	}

	#container .contents#alliance h1 {
		width: 134px;
	}

	#container .contents dl{
		display: block;
	}

	#container .contents dl dt, #container .contents dl {
	}

	#container .contents dl dt{
		font-weight:bold;
		padding-bottom: 10px;
		font-size: 12px;
	}

	#container .contents dl dd {
		width: auto;
		padding-bottom: 30px;
		font-size: 12px;
	}

	#container .contents dl dd:last-child {
		padding-bottom: 0;
	}

	#container .contents .seven_summits {
		margin: 0;
		padding-bottom:50px;
	}

	.map{
		width:300px;
		height:189px;
		margin-top:10px;
	}

	.txtSpan{
		margin-left:0px;
		display:block;
	}

	.copyright{
		width:250px;
		height:14px;
		margin:0 auto;
		padding-bottom:20px;
		position:relative;
	}

	.copyright img{
		width:250px;
		height:14px;
	}

	#container .contents#library .inner ul li {
		width: calc(100% / 2 - 8px);
		margin: 0 15px 15px 0;
	}

	#container .contents#library .inner ul li:nth-child(5n),
	#container .contents#library .inner ul li:nth-child(4n),
	#container .contents#library .inner ul li:nth-child(3n) {
		margin: 0 15px 15px 0;
	}

	#container .contents#library .inner ul li:nth-child(2n) {
		margin: 0 0 15px 0;
	}

	#container .contents#alliance .inner .seven_summits {
		padding-bottom: 40px;
	}

	#container .contents#alliance .inner .seven_summits a {
		width: auto;
	}

	#container .contents#alliance .banners ul {
		justify-content: space-between;
		width: 100%;
	}

	#container .contents#alliance .border {
		margin-bottom: 40px;
	}

	#container .contents#alliance .banners ul.top li {
		width: 40%;
	}

	#container .contents#alliance .banners ul li.birdie {
		width: 20%;
	}

	#container .contents#alliance .banners ul li.group_a {
		width: 20%;
	}

	#container .contents#alliance .banners ul li,
	#container .contents#alliance .banners ul.bottom li.reboot {
		margin: 0;
	}

	#container .contents#alliance .banners ul li.goodday,
	#container .contents#alliance .banners ul li.goodday_gs,
	#container .contents#alliance .banners ul.bottom li.reboot,
	#container .contents#alliance .banners ul.bottom li.three,
	#container .contents#alliance .banners ul.bottom li.wander_logo_s {
		width: 100px;
		margin: 0;
	}

	#container .contents#alliance .banners ul li.goodday,
	#container .contents#alliance .banners ul li.goodday_gs {
		width: calc(100% / 2 - 30px);
	}

	#container .contents#alliance .banners ul.bottom li.reboot,
	#container .contents#alliance .banners ul.bottom li.three,
	#container .contents#alliance .banners ul.bottom li.wander_logo_s {
		width: calc(100% / 3 - 30px);
	}

	#container .contents#alliance .inner p {
		line-height: 24px;
		text-align: left;
	}

	#container .contents#company .company_bg {
		width: calc(150% + 40px);
		left: -100px;
		background-size: 200%;
		transform: rotate(-20deg);
	}

	#modal .close {
		top: 10px;
		right: 10px;
	}

	#modal .picture {
		margin: 0 20px;
	}

}

@keyframes modalShow{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes pictureShow{
	0% {
		transform: scale(.8);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes mainVisualChangeShow {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes mainVisualChangeInvisible {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes mainVisualBtnLine1In {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@keyframes mainVisualBtnLine2In {
	0% {
		height: 0;
	}
	100% {
		height: 100%;
	}
}

@keyframes mainVisualBtnBgIn {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@keyframes descriptionIn {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	99% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes descriptionIn {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	99% {
		opacity: 100%;
		transform: translateY(0);
	}
	100% {
		opacity: 100%;
		transform: translateY(0);
	}
}

@keyframes bounce{
  0% {
		transform: translateY(0px);
	}
  100% {
		transform: translateY(-10px);
	}
}


/***************************************************
 * Generated by SVG Artista on 6/29/2021, 4:34:38 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 259.81304931640625px;
    stroke-dasharray: 259.81304931640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 259.81304931640625px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 259.81304931640625px;
    stroke-dasharray: 259.81304931640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 259.81304931640625px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 0.2s ease-in-out 0s both,
                       animate-svg-fill-1 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.65s both;
          animation: animate-svg-stroke-1 0.2s ease-in-out 0s both,
               animate-svg-fill-1 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.65s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 164.0121612548828px;
    stroke-dasharray: 164.0121612548828px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 164.0121612548828px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 164.0121612548828px;
    stroke-dasharray: 164.0121612548828px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 164.0121612548828px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.2s ease-in-out 0.12s both,
                       animate-svg-fill-2 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.69s both;
          animation: animate-svg-stroke-2 0.2s ease-in-out 0.12s both,
               animate-svg-fill-2 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.69s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 216.4385528564453px;
    stroke-dasharray: 216.4385528564453px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 216.4385528564453px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 216.4385528564453px;
    stroke-dasharray: 216.4385528564453px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 216.4385528564453px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 0.2s ease-in-out 0.24s both,
                       animate-svg-fill-3 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.73s both;
          animation: animate-svg-stroke-3 0.2s ease-in-out 0.24s both,
               animate-svg-fill-3 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.73s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 198.94114685058594px;
    stroke-dasharray: 198.94114685058594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 198.94114685058594px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 198.94114685058594px;
    stroke-dasharray: 198.94114685058594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 198.94114685058594px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.2s ease-in-out 0.36s both,
                       animate-svg-fill-4 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.77s both;
          animation: animate-svg-stroke-4 0.2s ease-in-out 0.36s both,
               animate-svg-fill-4 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.77s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 158.86322021484375px;
    stroke-dasharray: 158.86322021484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 158.86322021484375px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 158.86322021484375px;
    stroke-dasharray: 158.86322021484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 158.86322021484375px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.2s ease-in-out 0.48s both,
                       animate-svg-fill-5 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.8099999999999998s both;
          animation: animate-svg-stroke-5 0.2s ease-in-out 0.48s both,
               animate-svg-fill-5 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.8099999999999998s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 193.2545166015625px;
    stroke-dasharray: 193.2545166015625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 193.2545166015625px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 193.2545166015625px;
    stroke-dasharray: 193.2545166015625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 193.2545166015625px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.2s ease-in-out 0.6s both,
                       animate-svg-fill-6 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.8499999999999999s both;
          animation: animate-svg-stroke-6 0.2s ease-in-out 0.6s both,
               animate-svg-fill-6 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.8499999999999999s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 154.5059814453125px;
    stroke-dasharray: 154.5059814453125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 154.5059814453125px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 154.5059814453125px;
    stroke-dasharray: 154.5059814453125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 154.5059814453125px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.2s ease-in-out 0.72s both,
                       animate-svg-fill-7 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.89s both;
          animation: animate-svg-stroke-7 0.2s ease-in-out 0.72s both,
               animate-svg-fill-7 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.89s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 187.84591674804688px;
    stroke-dasharray: 187.84591674804688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 187.84591674804688px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 187.84591674804688px;
    stroke-dasharray: 187.84591674804688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 187.84591674804688px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.2s ease-in-out 0.84s both,
                       animate-svg-fill-8 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.93s both;
          animation: animate-svg-stroke-8 0.2s ease-in-out 0.84s both,
               animate-svg-fill-8 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.93s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 185.8737335205078px;
    stroke-dasharray: 185.8737335205078px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.8737335205078px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 185.8737335205078px;
    stroke-dasharray: 185.8737335205078px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.8737335205078px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.2s ease-in-out 0.96s both,
                       animate-svg-fill-9 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.97s both;
          animation: animate-svg-stroke-9 0.2s ease-in-out 0.96s both,
               animate-svg-fill-9 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1.97s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 158.87808227539062px;
    stroke-dasharray: 158.87808227539062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 158.87808227539062px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 158.87808227539062px;
    stroke-dasharray: 158.87808227539062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 158.87808227539062px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.2s ease-in-out 1.08s both,
                       animate-svg-fill-10 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.01s both;
          animation: animate-svg-stroke-10 0.2s ease-in-out 1.08s both,
               animate-svg-fill-10 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.01s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 116.35162353515625px;
    stroke-dasharray: 116.35162353515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 116.35162353515625px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 116.35162353515625px;
    stroke-dasharray: 116.35162353515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 116.35162353515625px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

#home.logoAnimationIn .svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 0.2s ease-in-out 1.2s both,
                       animate-svg-fill-11 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.05s both;
          animation: animate-svg-stroke-11 0.2s ease-in-out 1.2s both,
               animate-svg-fill-11 0.05s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.05s both;
}