@-webkit-keyframes animate-svg-stroke-1{0%{stroke-dashoffset:561.2177734375px;stroke-dasharray:561.2177734375px}100%{stroke-dashoffset:0;stroke-dasharray:561.2177734375px}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:561.2177734375px;stroke-dasharray:561.2177734375px}100%{stroke-dashoffset:0;stroke-dasharray:561.2177734375px}}@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(251,198,0)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(251,198,0)}}.svg-elem-1{-webkit-animation:animate-svg-stroke-1 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0s both,animate-svg-fill-1 0.3s ease 0.3s both;animation:animate-svg-stroke-1 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0s both,animate-svg-fill-1 0.3s ease 0.3s both}@-webkit-keyframes animate-svg-stroke-2{0%{stroke-dashoffset:561.4262084960938px;stroke-dasharray:561.4262084960938px}100%{stroke-dashoffset:0;stroke-dasharray:561.4262084960938px}}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:561.4262084960938px;stroke-dasharray:561.4262084960938px}100%{stroke-dashoffset:0;stroke-dasharray:561.4262084960938px}}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(139,194,41)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(139,194,41)}}.svg-elem-2{-webkit-animation:animate-svg-stroke-2 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.12s both,animate-svg-fill-2 0.3s ease 0.4s both;animation:animate-svg-stroke-2 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.12s both,animate-svg-fill-2 0.3s ease 0.4s both}@-webkit-keyframes animate-svg-stroke-3{0%{stroke-dashoffset:340.79998779296875px;stroke-dasharray:340.79998779296875px}100%{stroke-dashoffset:0;stroke-dasharray:340.79998779296875px}}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:340.79998779296875px;stroke-dasharray:340.79998779296875px}100%{stroke-dashoffset:0;stroke-dasharray:340.79998779296875px}}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(139,194,41)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(139,194,41)}}.svg-elem-3{-webkit-animation:animate-svg-stroke-3 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.24s both,animate-svg-fill-3 0.3s ease 0.5s both;animation:animate-svg-stroke-3 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.24s both,animate-svg-fill-3 0.3s ease 0.5s both}@-webkit-keyframes animate-svg-stroke-4{0%{stroke-dashoffset:195.1759490966797px;stroke-dasharray:195.1759490966797px}100%{stroke-dashoffset:0;stroke-dasharray:195.1759490966797px}}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:195.1759490966797px;stroke-dasharray:195.1759490966797px}100%{stroke-dashoffset:0;stroke-dasharray:195.1759490966797px}}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(139,194,41)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(139,194,41)}}.svg-elem-4{-webkit-animation:animate-svg-stroke-4 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.36s both,animate-svg-fill-4 0.3s ease 0.6000000000000001s both;animation:animate-svg-stroke-4 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.36s both,animate-svg-fill-4 0.3s ease 0.6000000000000001s both}@-webkit-keyframes animate-svg-stroke-5{0%{stroke-dashoffset:344.7622985839844px;stroke-dasharray:344.7622985839844px}100%{stroke-dashoffset:0;stroke-dasharray:344.7622985839844px}}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:344.7622985839844px;stroke-dasharray:344.7622985839844px}100%{stroke-dashoffset:0;stroke-dasharray:344.7622985839844px}}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(251,198,0)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(251,198,0)}}.svg-elem-5{-webkit-animation:animate-svg-stroke-5 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.48s both,animate-svg-fill-5 0.3s ease 0.7s both;animation:animate-svg-stroke-5 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.48s both,animate-svg-fill-5 0.3s ease 0.7s both}@-webkit-keyframes animate-svg-stroke-6{0%{stroke-dashoffset:124.86695861816406px;stroke-dasharray:124.86695861816406px}100%{stroke-dashoffset:0;stroke-dasharray:124.86695861816406px}}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:124.86695861816406px;stroke-dasharray:124.86695861816406px}100%{stroke-dashoffset:0;stroke-dasharray:124.86695861816406px}}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(251,198,0)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(251,198,0)}}.svg-elem-6{-webkit-animation:animate-svg-stroke-6 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.6s both,animate-svg-fill-6 0.3s ease 0.8s both;animation:animate-svg-stroke-6 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.6s both,animate-svg-fill-6 0.3s ease 0.8s both}@-webkit-keyframes animate-svg-stroke-7{0%{stroke-dashoffset:199.60446166992188px;stroke-dasharray:199.60446166992188px}100%{stroke-dashoffset:0;stroke-dasharray:199.60446166992188px}}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:199.60446166992188px;stroke-dasharray:199.60446166992188px}100%{stroke-dashoffset:0;stroke-dasharray:199.60446166992188px}}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(251,198,0)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(251,198,0)}}.svg-elem-7{-webkit-animation:animate-svg-stroke-7 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.72s both,animate-svg-fill-7 0.3s ease 0.9000000000000001s both;animation:animate-svg-stroke-7 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.72s both,animate-svg-fill-7 0.3s ease 0.9000000000000001s both}@-webkit-keyframes animate-svg-stroke-8{0%{stroke-dashoffset:262.18218994140625px;stroke-dasharray:262.18218994140625px}100%{stroke-dashoffset:0;stroke-dasharray:262.18218994140625px}}@keyframes animate-svg-stroke-8{0%{stroke-dashoffset:262.18218994140625px;stroke-dasharray:262.18218994140625px}100%{stroke-dashoffset:0;stroke-dasharray:262.18218994140625px}}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(251,198,0)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(251,198,0)}}.svg-elem-8{-webkit-animation:animate-svg-stroke-8 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.84s both,animate-svg-fill-8 0.3s ease 1s both;animation:animate-svg-stroke-8 0.2s cubic-bezier(0.95,0.05,0.795,0.035) 0.84s both,animate-svg-fill-8 0.3s ease 1s both}

.zoom-1 img {
width: 100%;
height: auto;
animation: animationZoom1 10s ease-in-out forwards;
}
.zoom-2 img {
width: 100%;
height: auto;
animation: animationZoom2 10s ease-in-out infinite;
}
@keyframes animationZoom1 {
100% { transform:scale(1.15)} 
}
@keyframes animationZoom2 {
50% { transform:scale(1.1)} 
}

.open-animation{
animation: fadein 2s forwards;
}
@keyframes fadein {
0% {opacity: 0.3}
100% {opacity: 1}
}

.scroll-top{
animation: topin 3s forwards;
}
.scroll-top2{
animation: topin2 1s forwards;
}

@keyframes topin {
0% {transform: translatey(250px);}
100% {transform: translatey(0px);}
}

@keyframes topin2 {
0% {transform: translatey(50px);}
100% {transform: translatey(0px);}
}

.scroll{
opacity: 0;
visibility: hidden;
transform: translatey(100px);
transition: all 1s;
}
.js-fade{
opacity: 1;
visibility: visible;
transform: translatex(0px);
}
/* ローディング画面 */
#logo_loader {
display: flex;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 1100;
background-color: #fff;
align-items:center;
justify-content:center;
}
#logo_loader .f_logo {
width: 250px;
}

@keyframes loadLogo {
0% {opacity: 0}
50% {opacity: 1;z-index: 0;}
}
#logo_loader.open {
animation-name: slideOut;
animation-fill-mode: forwards;
animation-duration: 0.5s;
animation-delay: 1.8s;
}

@keyframes slideOut {
0% {opacity: 0.7}
100% {opacity: 0;z-index:-1;}
}

@media (min-width:768px){
#logo_loader .f_logo {
width: 450px;
}
}