#home { /* .home-mv__bg-001{ background: url(../../img/home/mv001.jpg) no-repeat 50% 50%; background-size: cover; @include animation(mv1 25s linear 0s infinite); } .home-mv__bg-002{ background: url(../../img/home/mv002.jpg) no-repeat 50% 50%; background-size: cover; @include animation(mv2 25s linear 0s infinite); } .home-mv__bg-003{ background: url(../../img/home/mv003.jpg) no-repeat 50% 50%; background-size: cover; @include animation(mv3 25s linear 0s infinite); }
*/ }
#home #main { padding-top: 0; }
@media print, screen and (min-width: 769px) { #home #main { padding-top: 0; } }
#home #home-mv { position: relative; width: 100%; height: 70vh; max-height: 1000px; overflow: hidden; background: #dace82; }
@media screen and (orientation: landscape) { #home #home-mv { height: 60vh; } }
@media print, screen and (min-width: 769px) { #home #home-mv { min-height: 600px; } }
#home .home-mv__bg, #home .home-mv__animation { width: 100% !important; height: 100%; position: absolute; left: 0; top: 0; display: block; }
#home .slick-track { width: 100% !important; }
#home .home-mv__bg-001 { background: url(images/title/mv001.jpg) no-repeat 50% 50%; background-size: cover; -webkit-animation: mv-type2 30s linear 0s infinite; -moz-animation: mv-type2 30s linear 0s infinite; animation: mv-type2 30s linear 0s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__bg-002 { background: url(images/title/mv002.jpg) no-repeat 50% 50%; background-size: cover; -webkit-animation: mv-type2 30s linear 5s infinite; -moz-animation: mv-type2 30s linear 5s infinite; animation: mv-type2 30s linear 5s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__bg-003 { background: url(images/title/mv003.jpg) no-repeat 50% 50%; background-size: cover; -webkit-animation: mv-type2 30s linear 10s infinite; -moz-animation: mv-type2 30s linear 10s infinite; animation: mv-type2 30s linear 10s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__bg-004 { background: url(images/title/mv004.jpg) no-repeat 50% 50%; background-size: cover; -webkit-animation: mv-type2 30s linear 15s infinite; -moz-animation: mv-type2 30s linear 15s infinite; animation: mv-type2 30s linear 15s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__bg-005 { background: url(images/title/mv005.jpg) no-repeat 50% 50%; background-size: cover; -webkit-animation: mv-type2 30s linear 20s infinite; -moz-animation: mv-type2 30s linear 20s infinite; animation: mv-type2 30s linear 20s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__bg-006 { background: url(images/title/mv006.jpg) no-repeat 50% 50%; background-size: cover; -webkit-animation: mv-type2 30s linear 25s infinite; -moz-animation: mv-type2 30s linear 25s infinite; animation: mv-type2 30s linear 25s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__logo-wrap { position: absolute; left: 50%; top: 45%; z-index: 99; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
#home .home-mv__item-logo img { width: 200px; height: auto; -webkit-animation: mvlogo 1s ease-out 0.1s; -moz-animation: mvlogo 1s ease-out 0.1s; animation: mvlogo 1s ease-out 0.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .home-mv__item-logo img { width: 375px; } }
#home .home-mv__item-txt01 { margin-top: 10px; font-size: 20px; font-size: 2rem; font-size: 6vw; font-weight: 500; letter-spacing: 0; line-height: 1; white-space: nowrap; }
@media print, screen and (min-width: 600px) { #home .home-mv__item-txt01 { font-size: 30px; font-size: 3rem; } }
@media print, screen and (min-width: 769px) { #home .home-mv__item-txt01 { margin-top: 15px; font-size: 54px;} }
#home .home-mv__item-txt01 span { padding: 0 0.1vw; display: inline-block; }
@media print, screen and (min-width: 769px) { #home .home-mv__item-txt01 span { padding: 0; } }
#home .home-mv__item-txt01 span:nth-child(1) { -webkit-animation: mvtxt 0.4s ease 0.1s; -moz-animation: mvtxt 0.4s ease 0.1s; animation: mvtxt 0.4s ease 0.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(2) { -webkit-animation: mvtxt 0.4s ease 0.2s; -moz-animation: mvtxt 0.4s ease 0.2s; animation: mvtxt 0.4s ease 0.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(3) { -webkit-animation: mvtxt 0.4s ease 0.4s; -moz-animation: mvtxt 0.4s ease 0.4s; animation: mvtxt 0.4s ease 0.4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(4) { -webkit-animation: mvtxt 0.4s ease 0.3s; -moz-animation: mvtxt 0.4s ease 0.3s; animation: mvtxt 0.4s ease 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(5) { -webkit-animation: mvtxt 0.4s ease 0.2s; -moz-animation: mvtxt 0.4s ease 0.2s; animation: mvtxt 0.4s ease 0.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(6) { -webkit-animation: mvtxt 0.4s ease 1.1s; -moz-animation: mvtxt 0.4s ease 1.1s; animation: mvtxt 0.4s ease 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(7) { -webkit-animation: mvtxt 0.4s ease 0.6s; -moz-animation: mvtxt 0.4s ease 0.6s; animation: mvtxt 0.4s ease 0.6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(8) { -webkit-animation: mvtxt 0.4s ease 0.7s; -moz-animation: mvtxt 0.4s ease 0.7s; animation: mvtxt 0.4s ease 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(9) { -webkit-animation: mvtxt 0.4s ease 0.8s; -moz-animation: mvtxt 0.4s ease 0.8s; animation: mvtxt 0.4s ease 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(10) { -webkit-animation: mvtxt 0.4s ease 1.1s; -moz-animation: mvtxt 0.4s ease 1.1s; animation: mvtxt 0.4s ease 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(11) { -webkit-animation: mvtxt 0.4s ease 0.5s; -moz-animation: mvtxt 0.4s ease 0.5s; animation: mvtxt 0.4s ease 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(12) { -webkit-animation: mvtxt 0.4s ease 0.9s; -moz-animation: mvtxt 0.4s ease 0.9s; animation: mvtxt 0.4s ease 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(13) { -webkit-animation: mvtxt 0.4s ease 0.7s; -moz-animation: mvtxt 0.4s ease 0.7s; animation: mvtxt 0.4s ease 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(14) { -webkit-animation: mvtxt 0.4s ease 0.9s; -moz-animation: mvtxt 0.4s ease 0.9s; animation: mvtxt 0.4s ease 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(15) { -webkit-animation: mvtxt 0.4s ease 0.8s; -moz-animation: mvtxt 0.4s ease 0.8s; animation: mvtxt 0.4s ease 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(16) { -webkit-animation: mvtxt 0.4s ease 0.7s; -moz-animation: mvtxt 0.4s ease 0.7s; animation: mvtxt 0.4s ease 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(17) { -webkit-animation: mvtxt 0.4s ease 1s; -moz-animation: mvtxt 0.4s ease 1s; animation: mvtxt 0.4s ease 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(18) { -webkit-animation: mvtxt 0.4s ease 0.8s; -moz-animation: mvtxt 0.4s ease 0.8s; animation: mvtxt 0.4s ease 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(19) { -webkit-animation: mvtxt 0.4s ease 1s; -moz-animation: mvtxt 0.4s ease 1s; animation: mvtxt 0.4s ease 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(20) { -webkit-animation: mvtxt 0.4s ease 0.9s; -moz-animation: mvtxt 0.4s ease 0.9s; animation: mvtxt 0.4s ease 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(21) { -webkit-animation: mvtxt 0.4s ease 1.2s; -moz-animation: mvtxt 0.4s ease 1.2s; animation: mvtxt 0.4s ease 1.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(22) { -webkit-animation: mvtxt 0.4s ease 0.8s; -moz-animation: mvtxt 0.4s ease 0.8s; animation: mvtxt 0.4s ease 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(23) { -webkit-animation: mvtxt 0.4s ease 1s; -moz-animation: mvtxt 0.4s ease 1s; animation: mvtxt 0.4s ease 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(24) { -webkit-animation: mvtxt 0.4s ease 0.9s; -moz-animation: mvtxt 0.4s ease 0.9s; animation: mvtxt 0.4s ease 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(25) { -webkit-animation: mvtxt 0.4s ease 0.4s; -moz-animation: mvtxt 0.4s ease 0.4s; animation: mvtxt 0.4s ease 0.4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(26) { -webkit-animation: mvtxt 0.4s ease 0.8s; -moz-animation: mvtxt 0.4s ease 0.8s; animation: mvtxt 0.4s ease 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(27) { -webkit-animation: mvtxt 0.4s ease 0.3s; -moz-animation: mvtxt 0.4s ease 0.3s; animation: mvtxt 0.4s ease 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(28) { -webkit-animation: mvtxt 0.4s ease 0.7s; -moz-animation: mvtxt 0.4s ease 0.7s; animation: mvtxt 0.4s ease 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt01 span:nth-child(29) { -webkit-animation: mvtxt 0.4s ease 0.5s; -moz-animation: mvtxt 0.4s ease 0.5s; animation: mvtxt 0.4s ease 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt02 { margin-top: 10px; font-size: 14px; font-size: 1.4rem; font-size: 5vw; font-weight: 700; letter-spacing: 0; line-height: 1; white-space: nowrap; }
@media print, screen and (min-width: 600px) { #home .home-mv__item-txt02 { font-size: 16px; font-size: 1.6rem; } }
@media print, screen and (min-width: 769px) { #home .home-mv__item-txt02 { margin-top: 1.5em; font-size: 26px;} }
#home .home-mv__item-txt02 span { padding: 0 0.7vw; display: inline-block; }
@media print, screen and (min-width: 769px) { #home .home-mv__item-txt02 span { padding: 0 5px; } }
#home .home-mv__item-txt02 span:nth-child(1) { -webkit-animation: mvtxt 0.6s ease 0.5s; -moz-animation: mvtxt 0.6s ease 0.5s; animation: mvtxt 0.6s ease 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt02 span:nth-child(2) { -webkit-animation: mvtxt 0.6s ease 0.4s; -moz-animation: mvtxt 0.6s ease 0.4s; animation: mvtxt 0.6s ease 0.4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt02 span:nth-child(3) { -webkit-animation: mvtxt 0.6s ease 0.6s; -moz-animation: mvtxt 0.6s ease 0.6s; animation: mvtxt 0.6s ease 0.6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt02 span:nth-child(4) { -webkit-animation: mvtxt 0.6s ease 0.8s; -moz-animation: mvtxt 0.6s ease 0.8s; animation: mvtxt 0.6s ease 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt02 span:nth-child(5) { -webkit-animation: mvtxt 0.6s ease 0.3s; -moz-animation: mvtxt 0.6s ease 0.3s; animation: mvtxt 0.6s ease 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt02 span:nth-child(6) { -webkit-animation: mvtxt 0.6s ease 0.7s; -moz-animation: mvtxt 0.6s ease 0.7s; animation: mvtxt 0.6s ease 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt02 span:nth-child(7) { -webkit-animation: mvtxt 0.6s ease 0.8s; -moz-animation: mvtxt 0.6s ease 0.8s; animation: mvtxt 0.6s ease 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__item-txt02 span:nth-child(8) { -webkit-animation: mvtxt 0.6s ease 0.9s; -moz-animation: mvtxt 0.6s ease 0.9s; animation: mvtxt 0.6s ease 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__scroll { position: absolute; display: block; z-index: 99; left: 50%; bottom: 10px; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 53px; height: 62px; -webkit-animation: scroll 1s ease 1s; -moz-animation: scroll 1s ease 1s; animation: scroll 1s ease 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__scroll a { display: block; -webkit-animation: scroll2 2s ease 0s infinite; -moz-animation: scroll2 2s ease 0s infinite; animation: scroll2 2s ease 0s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__scroll img { width: 100%; height: auto; }
#home .home-mv__illust img { width: 100%; height: auto; position: absolute; right: 2%; bottom: 4%; display: inline-block; z-index: 10; width: 70%; }
@media print, screen and (min-width: 769px) { #home .home-mv__illust img { width: 40%; } }
#home .home-mv__illust .home-mv__illust001 { bottom: 20%; width: 80%; max-width: 850px; -webkit-animation: mvillust 16s ease 3s infinite; -moz-animation: mvillust 16s ease 3s infinite; animation: mvillust 16s ease 3s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .home-mv__illust .home-mv__illust001 { bottom: 15%; } }
#home .home-mv__illust .home-mv__illust002 { width: 50%; right: 20%; max-width: 400px; -webkit-animation: mvillust2 16s ease 8s infinite; -moz-animation: mvillust2 16s ease 8s infinite; animation: mvillust2 16s ease 8s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .home-mv__illust .home-mv__illust002 { max-width: 600px; right: 60%; bottom: 10%; } }
#home .home-mv__illust .home-mv__illust003 { width: 40%; right: 30%; bottom: 15%; max-width: 500px; -webkit-animation: mvillust2 16s ease 13s infinite; -moz-animation: mvillust2 16s ease 13s infinite; animation: mvillust2 16s ease 13s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .home-mv__illust .home-mv__illust003 { right: 5%; bottom: 30%; } }
#home .home-mv__hexagon { position: absolute; right: 0; bottom: 0; display: inline-block; z-index: 50; width: 80%; max-width: 600px; }
#home .home-mv__hexagon object { width: 100%; height: auto; }
#home .home-mv__hexagon .st { fill: #ffffff; }
#home .home-mv__hexagon .st1 { -webkit-animation: hexagon 4s linear 0.1s infinite; -moz-animation: hexagon 4s linear 0.1s infinite; animation: hexagon 4s linear 0.1s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st2 { -webkit-animation: hexagon 4s linear 0.2s infinite; -moz-animation: hexagon 4s linear 0.2s infinite; animation: hexagon 4s linear 0.2s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st3 { -webkit-animation: hexagon 4s linear 0.3s infinite; -moz-animation: hexagon 4s linear 0.3s infinite; animation: hexagon 4s linear 0.3s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st4 { -webkit-animation: hexagon 4s linear 0.4s infinite; -moz-animation: hexagon 4s linear 0.4s infinite; animation: hexagon 4s linear 0.4s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st5 { -webkit-animation: hexagon 4s linear 0.5s infinite; -moz-animation: hexagon 4s linear 0.5s infinite; animation: hexagon 4s linear 0.5s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st6 { -webkit-animation: hexagon 4s linear 0.6s infinite; -moz-animation: hexagon 4s linear 0.6s infinite; animation: hexagon 4s linear 0.6s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st7 { -webkit-animation: hexagon 4s linear 0.7s infinite; -moz-animation: hexagon 4s linear 0.7s infinite; animation: hexagon 4s linear 0.7s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st8 { -webkit-animation: hexagon 4s linear 0.8s infinite; -moz-animation: hexagon 4s linear 0.8s infinite; animation: hexagon 4s linear 0.8s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st9 { -webkit-animation: hexagon 4s linear 0.9s infinite; -moz-animation: hexagon 4s linear 0.9s infinite; animation: hexagon 4s linear 0.9s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st10 { -webkit-animation: hexagon 4s linear 1s infinite; -moz-animation: hexagon 4s linear 1s infinite; animation: hexagon 4s linear 1s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st11 { -webkit-animation: hexagon 4s linear 1.1s infinite; -moz-animation: hexagon 4s linear 1.1s infinite; animation: hexagon 4s linear 1.1s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st12 { -webkit-animation: hexagon 4s linear 1.2s infinite; -moz-animation: hexagon 4s linear 1.2s infinite; animation: hexagon 4s linear 1.2s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st13 { -webkit-animation: hexagon 4s linear 1.3s infinite; -moz-animation: hexagon 4s linear 1.3s infinite; animation: hexagon 4s linear 1.3s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st14 { -webkit-animation: hexagon 4s linear 1.4s infinite; -moz-animation: hexagon 4s linear 1.4s infinite; animation: hexagon 4s linear 1.4s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st15 { -webkit-animation: hexagon 4s linear 1.5s infinite; -moz-animation: hexagon 4s linear 1.5s infinite; animation: hexagon 4s linear 1.5s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st16 { -webkit-animation: hexagon 4s linear 1.6s infinite; -moz-animation: hexagon 4s linear 1.6s infinite; animation: hexagon 4s linear 1.6s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st17 { -webkit-animation: hexagon 4s linear 1.7s infinite; -moz-animation: hexagon 4s linear 1.7s infinite; animation: hexagon 4s linear 1.7s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st18 { -webkit-animation: hexagon 4s linear 1.8s infinite; -moz-animation: hexagon 4s linear 1.8s infinite; animation: hexagon 4s linear 1.8s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st19 { -webkit-animation: hexagon 4s linear 1.9s infinite; -moz-animation: hexagon 4s linear 1.9s infinite; animation: hexagon 4s linear 1.9s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st20 { -webkit-animation: hexagon 4s linear 2s infinite; -moz-animation: hexagon 4s linear 2s infinite; animation: hexagon 4s linear 2s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st21 { -webkit-animation: hexagon 4s linear 2.1s infinite; -moz-animation: hexagon 4s linear 2.1s infinite; animation: hexagon 4s linear 2.1s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st22 { -webkit-animation: hexagon 4s linear 2.2s infinite; -moz-animation: hexagon 4s linear 2.2s infinite; animation: hexagon 4s linear 2.2s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st23 { -webkit-animation: hexagon 4s linear 2.3s infinite; -moz-animation: hexagon 4s linear 2.3s infinite; animation: hexagon 4s linear 2.3s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st24 { -webkit-animation: hexagon 4s linear 2.4s infinite; -moz-animation: hexagon 4s linear 2.4s infinite; animation: hexagon 4s linear 2.4s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st25 { -webkit-animation: hexagon 4s linear 2.5s infinite; -moz-animation: hexagon 4s linear 2.5s infinite; animation: hexagon 4s linear 2.5s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st26 { -webkit-animation: hexagon 4s linear 2.6s infinite; -moz-animation: hexagon 4s linear 2.6s infinite; animation: hexagon 4s linear 2.6s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st27 { -webkit-animation: hexagon 4s linear 2.7s infinite; -moz-animation: hexagon 4s linear 2.7s infinite; animation: hexagon 4s linear 2.7s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st28 { -webkit-animation: hexagon 4s linear 2.8s infinite; -moz-animation: hexagon 4s linear 2.8s infinite; animation: hexagon 4s linear 2.8s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st29 { -webkit-animation: hexagon 4s linear 2.9s infinite; -moz-animation: hexagon 4s linear 2.9s infinite; animation: hexagon 4s linear 2.9s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st30 { -webkit-animation: hexagon 4s linear 3s infinite; -moz-animation: hexagon 4s linear 3s infinite; animation: hexagon 4s linear 3s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st31 { -webkit-animation: hexagon 4s linear 3.1s infinite; -moz-animation: hexagon 4s linear 3.1s infinite; animation: hexagon 4s linear 3.1s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st32 { -webkit-animation: hexagon 4s linear 3.2s infinite; -moz-animation: hexagon 4s linear 3.2s infinite; animation: hexagon 4s linear 3.2s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st33 { -webkit-animation: hexagon 4s linear 3.3s infinite; -moz-animation: hexagon 4s linear 3.3s infinite; animation: hexagon 4s linear 3.3s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st34 { -webkit-animation: hexagon 4s linear 3.4s infinite; -moz-animation: hexagon 4s linear 3.4s infinite; animation: hexagon 4s linear 3.4s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st35 { -webkit-animation: hexagon 4s linear 3.5s infinite; -moz-animation: hexagon 4s linear 3.5s infinite; animation: hexagon 4s linear 3.5s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st36 { -webkit-animation: hexagon 4s linear 3.6s infinite; -moz-animation: hexagon 4s linear 3.6s infinite; animation: hexagon 4s linear 3.6s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st37 { -webkit-animation: hexagon 4s linear 3.7s infinite; -moz-animation: hexagon 4s linear 3.7s infinite; animation: hexagon 4s linear 3.7s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st38 { -webkit-animation: hexagon 4s linear 3.8s infinite; -moz-animation: hexagon 4s linear 3.8s infinite; animation: hexagon 4s linear 3.8s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st39 { -webkit-animation: hexagon 4s linear 3.9s infinite; -moz-animation: hexagon 4s linear 3.9s infinite; animation: hexagon 4s linear 3.9s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .home-mv__hexagon .st40 { -webkit-animation: hexagon 4s linear 4s infinite; -moz-animation: hexagon 4s linear 4s infinite; animation: hexagon 4s linear 4s infinite; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes mv { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  25% { opacity: 1; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } }
@-moz-keyframes mv { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  25% { opacity: 1; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } }
@keyframes mv { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  25% { opacity: 1; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } }
@-webkit-keyframes mv1 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  15% { opacity: 1; }
  40% { opacity: 1; }
  55% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 0; } }
@-moz-keyframes mv1 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  15% { opacity: 1; }
  40% { opacity: 1; }
  55% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 0; } }
@keyframes mv1 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  15% { opacity: 1; }
  40% { opacity: 1; }
  55% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 0; } }
@-webkit-keyframes mv2 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  40% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  55% { opacity: 1; }
  70% { opacity: 1; }
  85% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 0; } }
@-moz-keyframes mv2 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  40% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  55% { opacity: 1; }
  70% { opacity: 1; }
  85% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 0; } }
@keyframes mv2 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  40% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  55% { opacity: 1; }
  70% { opacity: 1; }
  85% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 0; } }
@-webkit-keyframes mv3 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  70% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  85% { opacity: 1; }
  100% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } }
@-moz-keyframes mv3 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  70% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  85% { opacity: 1; }
  100% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } }
@keyframes mv3 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  70% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  85% { opacity: 1; }
  100% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } }
@-webkit-keyframes mv-type2 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  8% { opacity: 1; }
  16% { opacity: 1; }
  32% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } }
@-moz-keyframes mv-type2 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  8% { opacity: 1; }
  16% { opacity: 1; }
  32% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } }
@keyframes mv-type2 { 0% { opacity: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  8% { opacity: 1; }
  16% { opacity: 1; }
  32% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 0; -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } }
@-webkit-keyframes scroll { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes scroll { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes scroll { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes mvillust { 0% { opacity: 0; }
  10% { opacity: 0.5; }
  30% { opacity: 0.5; }
  40% { opacity: 0; }
  100% { opacity: 0; } }
@-moz-keyframes mvillust { 0% { opacity: 0; }
  10% { opacity: 0.5; }
  30% { opacity: 0.5; }
  40% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes mvillust { 0% { opacity: 0; }
  10% { opacity: 0.5; }
  30% { opacity: 0.5; }
  40% { opacity: 0; }
  100% { opacity: 0; } }
@-webkit-keyframes mvillust2 { 0% { opacity: 0; }
  10% { opacity: 0.3; }
  30% { opacity: 0.3; }
  40% { opacity: 0; }
  100% { opacity: 0; } }
@-moz-keyframes mvillust2 { 0% { opacity: 0; }
  10% { opacity: 0.3; }
  30% { opacity: 0.3; }
  40% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes mvillust2 { 0% { opacity: 0; }
  10% { opacity: 0.3; }
  30% { opacity: 0.3; }
  40% { opacity: 0; }
  100% { opacity: 0; } }
@-webkit-keyframes hexagon { 0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 0.2; }
  75% { opacity: 0; }
  100% { opacity: 0; } }
@-moz-keyframes hexagon { 0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 0.2; }
  75% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes hexagon { 0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 0.2; }
  75% { opacity: 0; }
  100% { opacity: 0; } }
@-webkit-keyframes scroll2 { 0% { -moz-transform: translate(0, -10%); -o-transform: translate(0, -10%); -ms-transform: translate(0, -10%); -webkit-transform: translate(0, -10%); transform: translate(0, -10%); }
  50% { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -moz-transform: translate(0, -10%); -o-transform: translate(0, -10%); -ms-transform: translate(0, -10%); -webkit-transform: translate(0, -10%); transform: translate(0, -10%); } }
@-moz-keyframes scroll2 { 0% { -moz-transform: translate(0, -10%); -o-transform: translate(0, -10%); -ms-transform: translate(0, -10%); -webkit-transform: translate(0, -10%); transform: translate(0, -10%); }
  50% { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -moz-transform: translate(0, -10%); -o-transform: translate(0, -10%); -ms-transform: translate(0, -10%); -webkit-transform: translate(0, -10%); transform: translate(0, -10%); } }
@keyframes scroll2 { 0% { -moz-transform: translate(0, -10%); -o-transform: translate(0, -10%); -ms-transform: translate(0, -10%); -webkit-transform: translate(0, -10%); transform: translate(0, -10%); }
  50% { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -moz-transform: translate(0, -10%); -o-transform: translate(0, -10%); -ms-transform: translate(0, -10%); -webkit-transform: translate(0, -10%); transform: translate(0, -10%); } }
@-webkit-keyframes mvlogo { 0% { opacity: 0; -moz-transform: translate(-5%, 0); -o-transform: translate(-5%, 0); -ms-transform: translate(-5%, 0); -webkit-transform: translate(-5%, 0); transform: translate(-5%, 0); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-moz-keyframes mvlogo { 0% { opacity: 0; -moz-transform: translate(-5%, 0); -o-transform: translate(-5%, 0); -ms-transform: translate(-5%, 0); -webkit-transform: translate(-5%, 0); transform: translate(-5%, 0); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes mvlogo { 0% { opacity: 0; -moz-transform: translate(-5%, 0); -o-transform: translate(-5%, 0); -ms-transform: translate(-5%, 0); -webkit-transform: translate(-5%, 0); transform: translate(-5%, 0); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-webkit-keyframes mvtxt { 0% { opacity: 0; -moz-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -webkit-transform: translate(-30%, 0); transform: translate(-30%, 0); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-moz-keyframes mvtxt { 0% { opacity: 0; -moz-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -webkit-transform: translate(-30%, 0); transform: translate(-30%, 0); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes mvtxt { 0% { opacity: 0; -moz-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -webkit-transform: translate(-30%, 0); transform: translate(-30%, 0); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
#home .topics { width: 100%; position: relative; }
#home .topics__header { text-align: left; }
#home .topics__header .cmn__ttl-type01 { display: inline-block; vertical-align: middle; }
#home .topics__header .cmn__ttl-type01__item-btn { display: none; }
@media print, screen and (min-width: 769px) { #home .topics__header .cmn__ttl-type01__item-btn { margin-left: 20px; display: inline-block; vertical-align: middle; padding-left: 20px; border-left: #aaa68b solid 1px; } }
@media print, screen and (min-width: 769px) { #home .topics__header .cmn__ttl-type01__item-btn .cmn__btn-type01 { height: 30px; } }
#home .topics__header .cmn__ttl-type01__item-btn .cmn__btn-type01 span { font-size: 12px; font-size: 1.2rem; }
#home .topics__footer { margin-top: 3em; text-align: center; }
@media print, screen and (min-width: 769px) { #home .topics__footer { display: none; } }
#home .topics__footer .topics__btn-backnumber { margin: 0 auto; max-width: 180px; }
#home .topics__list .is-hidden { display: none; }
#home .topics__btn-more { padding: 50px 0 0; }
#home .topics__btn-more .cmn__btn-type01 { margin: 0 auto; width: 200px; }
#home .animation-type01:nth-child(n + 4).inview-on { -webkit-animation: fadeIn 1s ease-out 0s; -moz-animation: fadeIn 1s ease-out 0s; animation: fadeIn 1s ease-out 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home .contents { padding-bottom: 5px; width: 100%; position: relative; background: #e5e5e5; }
@media print, screen and (min-width: 769px) { #home .contents { padding-bottom: 10px; } }
#home .contents .inview-on .contents__btn-aboutus { -webkit-animation: contents 1s ease-out 0.5s; -moz-animation: contents 1s ease-out 0.5s; animation: contents 1s ease-out 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-aboutus { -webkit-animation: contents 1s ease-out 0.9s; -moz-animation: contents 1s ease-out 0.9s; animation: contents 1s ease-out 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-aboutus a { -webkit-animation: contentstxt 1s ease-out 0.7s; -moz-animation: contentstxt 1s ease-out 0.7s; animation: contentstxt 1s ease-out 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-aboutus a { -webkit-animation: contentstxt 1s ease-out 1.1s; -moz-animation: contentstxt 1s ease-out 1.1s; animation: contentstxt 1s ease-out 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-laboratories { -webkit-animation: contents 1s ease-out 0.7s; -moz-animation: contents 1s ease-out 0.7s; animation: contents 1s ease-out 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-laboratories { -webkit-animation: contents 1s ease-out 0.5s; -moz-animation: contents 1s ease-out 0.5s; animation: contents 1s ease-out 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-laboratories a { -webkit-animation: contentstxt 1s ease-out 0.9s; -moz-animation: contentstxt 1s ease-out 0.9s; animation: contentstxt 1s ease-out 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-laboratories a { -webkit-animation: contentstxt 1s ease-out 0.7s; -moz-animation: contentstxt 1s ease-out 0.7s; animation: contentstxt 1s ease-out 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-project { -webkit-animation: contents 1s ease-out 1s; -moz-animation: contents 1s ease-out 1s; animation: contents 1s ease-out 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-project { -webkit-animation: contents 1s ease-out 1.1s; -moz-animation: contents 1s ease-out 1.1s; animation: contents 1s ease-out 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-project a { -webkit-animation: contentstxt 1s ease-out 1.2s; -moz-animation: contentstxt 1s ease-out 1.2s; animation: contentstxt 1s ease-out 1.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-project a { -webkit-animation: contentstxt 1s ease-out 1.3s; -moz-animation: contentstxt 1s ease-out 1.3s; animation: contentstxt 1s ease-out 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-publications { -webkit-animation: contents 1s ease-out 0.9s; -moz-animation: contents 1s ease-out 0.9s; animation: contents 1s ease-out 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-publications { -webkit-animation: contents 1s ease-out 1s; -moz-animation: contents 1s ease-out 1s; animation: contents 1s ease-out 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-publications a { -webkit-animation: contentstxt 1s ease-out 1.1s; -moz-animation: contentstxt 1s ease-out 1.1s; animation: contentstxt 1s ease-out 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-publications a { -webkit-animation: contentstxt 1s ease-out 1.2s; -moz-animation: contentstxt 1s ease-out 1.2s; animation: contentstxt 1s ease-out 1.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-compounds { -webkit-animation: contents 1s ease-out 1.3s; -moz-animation: contents 1s ease-out 1.3s; animation: contents 1s ease-out 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-compounds { -webkit-animation: contents 1s ease-out 0.9s; -moz-animation: contents 1s ease-out 0.9s; animation: contents 1s ease-out 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-compounds a { -webkit-animation: contentstxt 1s ease-out 1.5s; -moz-animation: contentstxt 1s ease-out 1.5s; animation: contentstxt 1s ease-out 1.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-compounds a { -webkit-animation: contentstxt 1s ease-out 1.1s; -moz-animation: contentstxt 1s ease-out 1.1s; animation: contentstxt 1s ease-out 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-pr { -webkit-animation: contents 1s ease-out 1.2s; -moz-animation: contents 1s ease-out 1.2s; animation: contents 1s ease-out 1.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-pr { -webkit-animation: contents 1s ease-out 0.8s; -moz-animation: contents 1s ease-out 0.8s; animation: contents 1s ease-out 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-pr a { -webkit-animation: contentstxt 1s ease-out 1.4s; -moz-animation: contentstxt 1s ease-out 1.4s; animation: contentstxt 1s ease-out 1.4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-pr a { -webkit-animation: contentstxt 1s ease-out 1s; -moz-animation: contentstxt 1s ease-out 1s; animation: contentstxt 1s ease-out 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-access { -webkit-animation: contents 1s ease-out 1.1s; -moz-animation: contents 1s ease-out 1.1s; animation: contents 1s ease-out 1.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-access { -webkit-animation: contents 1s ease-out 0.7s; -moz-animation: contents 1s ease-out 0.7s; animation: contents 1s ease-out 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents .inview-on .contents__btn-access a { -webkit-animation: contentstxt 1s ease-out 1.3s; -moz-animation: contentstxt 1s ease-out 1.3s; animation: contentstxt 1s ease-out 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home .contents .inview-on .contents__btn-access a { -webkit-animation: contentstxt 1s ease-out 0.9s; -moz-animation: contentstxt 1s ease-out 0.9s; animation: contentstxt 1s ease-out 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home .contents__inner { padding: 50px 25px 18px; max-width: 960px; }
@media print, screen and (min-width: 769px) { #home .contents__inner { margin: 0 auto; padding: 100px 0 55px; } }
#home .contents__header { text-align: left; }
#home .contents__header .cmn__ttl-type01 { display: inline-block; vertical-align: middle; }
#home .contents__header .cmn__ttl-type01__item-btn { display: none; }
@media print, screen and (min-width: 769px) { #home .contents__header .cmn__ttl-type01__item-btn { margin-left: 20px; display: inline-block; vertical-align: middle; padding-left: 20px; border-left: #aaa68b solid 1px; } }
@media print, screen and (min-width: 769px) { #home .contents__header .cmn__ttl-type01__item-btn .cmn__btn-type01 { height: 30px; } }
#home .contents__header .cmn__ttl-type01__item-btn .cmn__btn-type01 span { font-size: 12px; font-size: 1.2rem; }
#home .contents__list { background: #000; }
#home .contents__list > div { height: 135px; position: relative; cursor: pointer; overflow: hidden; }
@media print, screen and (min-width: 769px) { #home .contents__list > div { height: 240px; } }
@media print, screen and (min-width: 1025px) { #home .contents__list > div { height: 18vw; } }
#home .contents__list > div::before { position: absolute; left: 0; top: 0; display: block; content: ''; width: 100%; height: 100%; z-index: 1; }
#home .contents__list a { position: absolute; left: 50%; top: 50%; display: inline-block; color: #fff; padding-right: 20px; z-index: 2; white-space: nowrap; text-decoration: none !important; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#home .contents__list a::after { position: absolute; right: 0; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ''; width: 12px; height: 32px; background: url(../../img/common/ic_arrow_r3.svg) no-repeat 50% 50%; background-size: 12px 32px; }
#home .contents__list a:hover { color: #fff !important; }
#home .contents__list--block01 { font-size: 22px; font-size: 2.2rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.2; }
@media print, screen and (min-width: 769px) { #home .contents__list--block01 { font-size: 24px; font-size: 2.4rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; -webkit-flex-wrap: nowrap; /* Safari */ flex-wrap: nowrap; -webkit-align-content: stretch; /* Safari */ align-content: stretch; } }
#home .contents__list--block01 > div { border-top: #e5e5e5 solid 1px; }
@media print, screen and (min-width: 769px) { #home .contents__list--block01 > div { width: 50%; } }
@media print, screen and (min-width: 769px) { #home .contents__list--block01 > div:first-child { border-right: #e5e5e5 solid 1px; } }
@media print, screen and (min-width: 769px) { #home .contents__list--block0203-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; -webkit-flex-wrap: nowrap; /* Safari */ flex-wrap: nowrap; -webkit-align-content: stretch; /* Safari */ align-content: stretch; } }
@media print, screen and (min-width: 769px) { #home .contents__list--block0203-wrap > div { width: 50%; } }
#home .contents__list--block02 { font-size: 16px; font-size: 1.6rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; -webkit-flex-wrap: nowrap; /* Safari */ flex-wrap: nowrap; -webkit-align-content: stretch; /* Safari */ align-content: stretch; }
@media print, screen and (min-width: 769px) { #home .contents__list--block02 { font-size: 18px; font-size: 1.8rem; } }
#home .contents__list--block02 > div { border-top: #e5e5e5 solid 1px; width: 50%; }
@media print, screen and (min-width: 769px) { #home .contents__list--block02 > div { border-right: #e5e5e5 solid 1px; } }
#home .contents__list--block02 > div:first-child { border-right: #e5e5e5 solid 1px; }
#home .contents__list--block02 a::after { background-size: 10px 28px; }
#home .contents__list--block03 { font-size: 14px; font-size: 1.4rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; -webkit-flex-wrap: nowrap; /* Safari */ flex-wrap: nowrap; -webkit-align-content: stretch; /* Safari */ align-content: stretch; }
@media print, screen and (min-width: 769px) { #home .contents__list--block03 { font-size: 16px; font-size: 1.6rem; } }
#home .contents__list--block03 > div { border-top: #e5e5e5 solid 1px; width: 33.333%; }
#home .contents__list--block03 > div:first-child, #home .contents__list--block03 > div:nth-child(2) { border-right: #e5e5e5 solid 1px; }
#home .contents__list--block03 a::after { background-size: 7px 20px; }
#home .contents__btn-aboutus::before { background: url(../../img/home/contents_bg_aboutus.jpg) no-repeat 50% 50%; background-size: cover; }
#home .contents__btn-laboratories::before { background: url(../../img/home/contents_bg_laboratories.jpg) no-repeat 50% 50%; background-size: cover; }
#home .contents__btn-project::before { background: url(../../img/home/contents_bg_project.jpg) no-repeat 50% 50%; background-size: cover; }
#home .contents__btn-publications::before { background: url(../../img/home/contents_bg_publications.jpg) no-repeat 50% 50%; background-size: cover; }
#home .contents__btn-compounds::before { background: url(../../img/home/contents_bg_compounds.jpg) no-repeat 50% 50%; background-size: cover; }
#home .contents__btn-pr::before { background: url(../../img/home/contents_bg_pr.jpg) no-repeat 50% 50%; background-size: cover; }
#home .contents__btn-access::before { background: url(../../img/home/contents_bg_access.jpg) no-repeat 50% 50%; background-size: cover; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes contents { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes contents { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes contents { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes contentstxt { 0% { -moz-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); opacity: 0; }
  100% { -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } }
@-moz-keyframes contentstxt { 0% { -moz-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); opacity: 0; }
  100% { -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } }
@keyframes contentstxt { 0% { -moz-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); opacity: 0; }
  100% { -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } }
#home.header-animation-on #header { -webkit-animation: header 0.3s ease-out 1.8s; -moz-animation: header 0.3s ease-out 1.8s; animation: header 0.3s ease-out 1.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home.header-animation-on #header .header__item-logo { -webkit-animation: header-item 0.3s ease-out 2.2s; -moz-animation: header-item 0.3s ease-out 2.2s; animation: header-item 0.3s ease-out 2.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home.header-animation-on #header .header__btn-lang { -webkit-animation: header-item 0.3s ease-out 2s; -moz-animation: header-item 0.3s ease-out 2s; animation: header-item 0.3s ease-out 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (max-width: 768px) { #home.header-animation-on #header .header__item-menu-wrap { -webkit-animation: header-item2 0.3s ease-out 2.3s forwards; -moz-animation: header-item2 0.3s ease-out 2.3s forwards; animation: header-item2 0.3s ease-out 2.3s forwards; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home.header-animation-on #header .header__item-search-wrap { -webkit-animation: header-item2 0.3s ease-out 2.5s; -moz-animation: header-item2 0.3s ease-out 2.5s; animation: header-item2 0.3s ease-out 2.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media print, screen and (min-width: 769px) { #home.header-animation-on #header .header__item-contact-wrap { -webkit-animation: header-item2 0.3s ease-out 2.3s forwards; -moz-animation: header-item2 0.3s ease-out 2.3s forwards; animation: header-item2 0.3s ease-out 2.3s forwards; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }
#home.header-animation-on #header .global-menu--pc .global-menu__item-nav01 > li:nth-child(1) { -webkit-animation: header-item 0.3s ease-out 3.3s; -moz-animation: header-item 0.3s ease-out 3.3s; animation: header-item 0.3s ease-out 3.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home.header-animation-on #header .global-menu--pc .global-menu__item-nav01 > li:nth-child(2) { -webkit-animation: header-item 0.3s ease-out 3.2s; -moz-animation: header-item 0.3s ease-out 3.2s; animation: header-item 0.3s ease-out 3.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home.header-animation-on #header .global-menu--pc .global-menu__item-nav01 > li:nth-child(3) { -webkit-animation: header-item 0.3s ease-out 3.1s; -moz-animation: header-item 0.3s ease-out 3.1s; animation: header-item 0.3s ease-out 3.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home.header-animation-on #header .global-menu--pc .global-menu__item-nav01 > li:nth-child(4) { -webkit-animation: header-item 0.3s ease-out 3s; -moz-animation: header-item 0.3s ease-out 3s; animation: header-item 0.3s ease-out 3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home.header-animation-on #header .global-menu--pc .global-menu__item-nav01 > li:nth-child(5) { -webkit-animation: header-item 0.3s ease-out 2.9s; -moz-animation: header-item 0.3s ease-out 2.9s; animation: header-item 0.3s ease-out 2.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home.header-animation-on #header .global-menu--pc .global-menu__item-nav01 > li:nth-child(6) { -webkit-animation: header-item 0.3s ease-out 2.8s; -moz-animation: header-item 0.3s ease-out 2.8s; animation: header-item 0.3s ease-out 2.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home.header-animation-on #header .global-menu--pc .global-menu__item-nav01 > li:nth-child(7) { -webkit-animation: header-item 0.3s ease-out 2.7s; -moz-animation: header-item 0.3s ease-out 2.7s; animation: header-item 0.3s ease-out 2.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home.header-animation-on #header .global-menu--pc .global-menu__item-nav01 > li:nth-child(8) { -webkit-animation: header-item 0.3s ease-out 2.6s; -moz-animation: header-item 0.3s ease-out 2.6s; animation: header-item 0.3s ease-out 2.6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes header { 0% { -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }
  100% { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-moz-keyframes header { 0% { -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }
  100% { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes header { 0% { -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }
  100% { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-webkit-keyframes header-item { 0% { opacity: 0; -moz-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -webkit-transform: translate(-20%, 0); transform: translate(-20%, 0); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-moz-keyframes header-item { 0% { opacity: 0; -moz-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -webkit-transform: translate(-20%, 0); transform: translate(-20%, 0); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes header-item { 0% { opacity: 0; -moz-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -webkit-transform: translate(-20%, 0); transform: translate(-20%, 0); }
  100% { opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@-webkit-keyframes header-item2 { 0% { opacity: 0; -moz-transform: translate(-20%, -50%); -o-transform: translate(-20%, -50%); -ms-transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); transform: translate(-20%, -50%); }
  100% { opacity: 1; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } }
@-moz-keyframes header-item2 { 0% { opacity: 0; -moz-transform: translate(-20%, -50%); -o-transform: translate(-20%, -50%); -ms-transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); transform: translate(-20%, -50%); }
  100% { opacity: 1; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } }
@keyframes header-item2 { 0% { opacity: 0; -moz-transform: translate(-20%, -50%); -o-transform: translate(-20%, -50%); -ms-transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); transform: translate(-20%, -50%); }
  100% { opacity: 1; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } }
.no-touchevents #home .contents__list > div::before { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.no-touchevents #home .contents__list > div > a::after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.no-touchevents #home .contents__list > div:hover::before { -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
.no-touchevents #home .contents__list > div:hover a::after { -moz-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }