.img1_4{animation:img1_4 2.5s ease infinite alternate}.img1_1{transform-origin:75px 284px;animation:img1_1 1.1s linear infinite alternate}.img1_2{transform-origin:77px 293px;animation:img1_2 1.1s linear infinite alternate}.img1_3{transform-origin:130px 294px;animation:img1_3 1.1s linear infinite alternate}@keyframes img1_4{0%{transform:matrix(1,0,0,1,25,0)}100%{transform:matrix(1,0,0,1,-25,0)}}@keyframes img1_1{0%{transform:rotate(0deg)}100%{transform:rotate(-10deg)}}@keyframes img1_2{0%{transform:rotate(0deg)}100%{transform:rotate(-15deg)}}@keyframes img1_3{0%{transform:rotate(0deg)}100%{transform:rotate(-15deg)}}.img2_1{animation:img2_1 2s ease infinite alternate}@keyframes img2_1{0%{transform:matrix(1,0,0,1,0,0)}100%{transform:matrix(1,0,0,1,0,30)}}.img3_1{animation:img3_1 .5s ease-in-out infinite alternate}.img3_2{animation:img3_2 .6s ease-in-out infinite alternate}.img3_3{transform-origin:330px 35px;animation:img3_3 1.7s linear infinite alternate}.img3_4{transform-origin:272px 93px;animation:img3_4 1.7s linear infinite alternate}.img3_5{transform-origin:257px 78px;animation:img3_5 1.7s linear infinite alternate}@keyframes img3_1{0%{transform:translate(0,0)}100%{transform:translate(0,-10px)}}@keyframes img3_2{0%{transform:translate(0,0)}100%{transform:translate(0,-10px)}}@keyframes img3_3{0%{transform:rotate(0deg)}100%{transform:rotate(-20deg)}}@keyframes img3_4{0%{transform:rotate(0deg)}100%{transform:rotate(-15deg)}}@keyframes img3_5{0%{transform:rotate(0deg)}100%{transform:rotate(15deg)}}.img4_1{transform-origin:60px 26px;animation:img4_1 .5s ease-in-out infinite alternate}.img4_2{transform-origin:88px 41px;animation:img4_2 .6s ease-in-out infinite alternate}.img4_3{transform-origin:112px 13px;animation:img4_3 .7s ease-in-out infinite alternate}@keyframes img4_1{0%{transform:scale(1)}100%{transform:scale(.5)}}@keyframes img4_2{0%{transform:scale(1)}100%{transform:scale(.5)}}@keyframes img4_3{0%{transform:scale(1)}100%{transform:scale(.5)}}#INTRO.fadeElm .letterSpan span:nth-of-type(1){transition:filter 1.5s ease .1s,top 1.5s ease .1s,opacity 1.5s ease .1s}#INTRO.fadeElm .letterSpan span:nth-of-type(2){transition:filter 1.5s ease .2s,top 1.5s ease .2s,opacity 1.5s ease .2s}#INTRO.fadeElm .letterSpan span:nth-of-type(3){transition:filter 1.5s ease .3s,top 1.5s ease .3s,opacity 1.5s ease .3s}#INTRO.fadeElm .letterSpan span:nth-of-type(4){transition:filter 1.5s ease .4s,top 1.5s ease .4s,opacity 1.5s ease .4s}#INTRO.fadeElm .letterSpan span:nth-of-type(5){transition:filter 1.5s ease .5s,top 1.5s ease .5s,opacity 1.5s ease .5s}#INTRO.fadeElm .letterSpan span:nth-of-type(6){transition:filter 1.5s ease .6s,top 1.5s ease .6s,opacity 1.5s ease .6s}#INTRO.fadeElm .letterSpan span:nth-of-type(7){transition:filter 1.5s ease .7s,top 1.5s ease .7s,opacity 1.5s ease .7s}#INTRO.fadeElm .letterSpan span:nth-of-type(8){transition:filter 1.5s ease .8s,top 1.5s ease .8s,opacity 1.5s ease .8s}#INTRO.fadeElm .letterSpan span:nth-of-type(9){transition:filter 1.5s ease .9s,top 1.5s ease .9s,opacity 1.5s ease .9s}#INTRO.fadeElm .letterSpan span:nth-of-type(10){transition:filter 1.5s ease 1s,top 1.5s ease 1s,opacity 1.5s ease 1s}#INTRO.fadeElm .letterSpan span:nth-of-type(11){transition:filter 1.5s ease 1.1s,top 1.5s ease 1.1s,opacity 1.5s ease 1.1s}#INTRO.fadeElm .letterSpan span:nth-of-type(12){transition:filter 1.5s ease 1.2s,top 1.5s ease 1.2s,opacity 1.5s ease 1.2s}#INTRO.fadeElm .letterSpan span:nth-of-type(13){transition:filter 1.5s ease 1.3s,top 1.5s ease 1.3s,opacity 1.5s ease 1.3s}#INTRO.fadeElm .letterSpan span:nth-of-type(14){transition:filter 1.5s ease 1.4s,top 1.5s ease 1.4s,opacity 1.5s ease 1.4s}#INTRO.fadeElm .letterSpan span:nth-of-type(15){transition:filter 1.5s ease 1.5s,top 1.5s ease 1.5s,opacity 1.5s ease 1.5s}#INTRO.fadeElm .letterSpan span:nth-of-type(16){transition:filter 1.5s ease 1.6s,top 1.5s ease 1.6s,opacity 1.5s ease 1.6s}#INTRO.fadeElm .letterSpan span:nth-of-type(17){transition:filter 1.5s ease 1.7s,top 1.5s ease 1.7s,opacity 1.5s ease 1.7s}#INTRO.fadeElm .letterSpan span:nth-of-type(18){transition:filter 1.5s ease 1.8s,top 1.5s ease 1.8s,opacity 1.5s ease 1.8s}#INTRO.fadeElm .letterSpan span:nth-of-type(19){transition:filter 1.5s ease 1.9s,top 1.5s ease 1.9s,opacity 1.5s ease 1.9s}#INTRO.fadeElm .letterSpan span:nth-of-type(20){transition:filter 1.5s ease 2s,top 1.5s ease 2s,opacity 1.5s ease 2s}#INTRO.fadeElm .letterSpan span:nth-of-type(21){transition:filter 1.5s ease 2.1s,top 1.5s ease 2.1s,opacity 1.5s ease 2.1s}#INTRO.fadeElm .letterSpan span:nth-of-type(22){transition:filter 1.5s ease 2.2s,top 1.5s ease 2.2s,opacity 1.5s ease 2.2s}#INTRO.fadeElm .letterSpan span:nth-of-type(23){transition:filter 1.5s ease 2.3s,top 1.5s ease 2.3s,opacity 1.5s ease 2.3s}#INTRO.fadeElm .letterSpan span:nth-of-type(24){transition:filter 1.5s ease 2.4s,top 1.5s ease 2.4s,opacity 1.5s ease 2.4s}#INTRO .letterSpan span{transform:rotate(0);filter:blur(5px);top:.5em;opacity:0}#INTRO.activeView .letterSpan span{filter:blur(0);top:0;opacity:1}#STORY .block:nth-of-type(odd),#STORY .block:nth-of-type(even) .image{transform:translateX(-50px);filter:blur(5px);opacity:0}#STORY .block:nth-of-type(even) .image{transform:translateX(-100px)}#STORY .block:nth-of-type(even),#STORY .block:nth-of-type(odd) .image{transform:translateX(50px);filter:blur(5px);opacity:0}#STORY .block:nth-of-type(odd) .image{transform:translateX(100px)}#STORY .block.fadeElm,#STORY .block.fadeElm .image{transition:all 1.5s ease}#STORY .block.activeView,#STORY .block.activeView .image{transform:translateX(0) !important;filter:blur(0) !important;opacity:1 !important}#PROMISE .list .block,#PROMISE .hed,#SLOGAN h2,#SLOGAN .catch,#SLOGAN .logo,#SLOGAN .more{transform:translateY(50px);filter:blur(5px);opacity:0}#SLOGAN .image .img1{filter:blur(5px);opacity:0}#SLOGAN .image .img2{filter:blur(5px);opacity:0}#PROMISE .hed.fadeElm,#SLOGAN h2.fadeElm,#SLOGAN .catch.fadeElm,#SLOGAN .logo.fadeElm,#SLOGAN .more.fadeElm,#SLOGAN.fadeElm .img1,#SLOGAN.fadeElm .img2{transition:all 1.5s ease}#PROMISE .list.fadeElm .block:nth-of-type(1){transition:all 1.5s ease .1s}#PROMISE .list.fadeElm .block:nth-of-type(2){transition:all 1.5s ease .3s}#PROMISE .list.fadeElm .block:nth-of-type(3){transition:all 1.5s ease .5s}#PROMISE .list.fadeElm .block:nth-of-type(4){transition:all 1.5s ease .7s}#PROMISE .list.fadeElm .block:nth-of-type(5){transition:all 1.5s ease .9s}#PROMISE .list.activeView .block,#PROMISE .hed.activeView,#SLOGAN h2.activeView,#SLOGAN .catch.activeView,#SLOGAN .logo.activeView,#SLOGAN .more.activeView{transform:translateY(0) !important;filter:blur(0);opacity:1}#SLOGAN.activeView .img1{left:0 !important;filter:blur(0);opacity:1}#SLOGAN.activeView .img2{right:0 !important;filter:blur(0);opacity:1}#INTRO{position:relative;background:url(//www.gp.sukoyakahd.com/static/story/css/../../common/img/bg_gradation.jpg) no-repeat center center;background-size:100% 100%;height:calc(100vh - 16vw);text-align:left}#INTRO:before{content:'';display:block;position:absolute;left:0;bottom:0;background:linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);width:100%;height:40%}#INTRO .cont{position:fixed;left:7.467vw;top:29.333vw;width:100%;z-index:1}#INTRO.fixed .cont{position:absolute;left:7.467vw;top:calc(100vh + 13.333vw);width:100%}#INTRO h1{transition:color 1.5s ease;position:relative;margin:0 auto;width:240vw;font-size:5.067vw;line-height:2.27;color:#fff;z-index:1}#INTRO.color h1{color:var(--color-base)}@media (min-width:768px){#INTRO{box-sizing:border-box;height:calc(100vh - 100px)}#INTRO:before{content:'';display:block;position:absolute;left:0;bottom:0;background:linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);width:100%;height:60%}#INTRO .cont{position:fixed;left:0;top:250px;width:100%;min-width:1200px;z-index:1}#INTRO.fixed .cont{position:absolute;left:0;top:calc(100vh + 150px);width:100%}#INTRO h1{transition:color 1.5s ease;margin:0 auto;width:900px;font-size:35px}#INTRO.color h1{color:var(--color-base)}}#STORY .cont{padding:56vw 7.467vw 0}#STORY .block{margin-bottom:18.667vw}#STORY .block .image svg,#STORY .block .image img{display:block;margin:0 auto}#STORY .block:nth-of-type(1) .image svg,#STORY .block:nth-of-type(1) .image img{width:60.533vw;height:auto}#STORY .block:nth-of-type(2) .image{margin-top:-21.333vw}#STORY .block:nth-of-type(2) .image svg,#STORY .block:nth-of-type(2) .image img{margin:0 20px 0 auto;width:36vw;height:auto}#STORY .block:nth-of-type(3) .image svg,#STORY .block:nth-of-type(3) .image img{width:57.6vw;height:auto}#STORY .block:nth-of-type(4) .image svg,#STORY .block:nth-of-type(4) .image img{width:47.467vw;height:auto}#STORY p{margin-bottom:7.733vw;font-size:3.2vw;line-height:7.2vw;color:var(--color-base)}#STORY p strong{background:url(//www.gp.sukoyakahd.com/static/story/css/../img/lin.png) repeat-x left bottom;background-size:auto 2px;font-size:3.733vw;line-height:7.2vw}@media (min-width:768px){#STORY .cont{margin:0 auto;padding:480px 0 0;width:900px}#STORY .block{position:relative;margin-bottom:110px}#STORY .block .image{position:absolute}#STORY .block .image img{display:block;margin:0 auto}#STORY .block:nth-of-type(1) .image{right:-10px;top:-150px}#STORY .block:nth-of-type(1) .image svg,#STORY .block:nth-of-type(1) .image img{width:378px}#STORY .block:nth-of-type(2) .image{left:90px;top:20px;margin-top:0}#STORY .block:nth-of-type(2) .image svg,#STORY .block:nth-of-type(2) .image img{margin:0 20px 0 auto;width:227px;height:auto}#STORY .block:nth-of-type(3) .image{right:10px;top:50px}#STORY .block:nth-of-type(3) .image svg,#STORY .block:nth-of-type(3) .image img{width:359px;height:auto}#STORY .block:nth-of-type(4) .image{left:60px;top:20px}#STORY .block:nth-of-type(4) .image svg,#STORY .block:nth-of-type(4) .image img{width:296px;height:auto}#STORY p{margin-bottom:39px;width:455px;font-size:15px;line-height:37px}#STORY .block:nth-of-type(1) p{margin-right:auto}#STORY .block:nth-of-type(2) p{margin-left:auto}#STORY .block:nth-of-type(3) p{margin-right:auto}#STORY .block:nth-of-type(4) p{margin-left:auto}#STORY .block:nth-of-type(5) p{width:auto;text-align:center}#STORY p strong{background-size:auto 3px;font-size:17px;line-height:37px}}#SLOGAN{position:relative;width:100%;text-align:center}#SLOGAN h2{margin-bottom:2.667vw;font-size:4.533vw;color:var(--color-base)}#SLOGAN .catch{margin-bottom:8vw;font-weight:500;font-family:'LoveloBlack','Zen Kaku Gothic New',sans-serif;font-size:6.933vw;line-height:1;color:var(--color-accent)}#SLOGAN .catch strong{display:block;margin:0 auto;font-family:'Zen Kaku Gothic New',sans-serif;font-size:2.667vw;letter-spacing:0}#SLOGAN .logo img{margin:0 auto;width:42.667vw;height:auto}#SLOGAN .more{border-radius:6.667vw;margin:14.667vw auto 0 auto;width:63.467vw;height:17.067vw;font-family:'Zen Kaku Gothic New',sans-serif;font-style:normal;font-weight:700;font-size:2.667vw;line-height:1;letter-spacing:.05em;text-align:center;overflow:hidden}#SLOGAN .more a{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background:#fff;border:solid 1px var(--color-base);border-radius:8.533vw;width:100%;height:17.067vw;color:var(--color-base)}#SLOGAN .more a:after{transform:translateY(-50%) rotate(45deg);content:'';display:block;position:absolute;right:5.333vw;top:50%;box-sizing:border-box;border-top:solid 2px var(--color-base);border-right:solid 2px var(--color-base);width:3.2vw;height:3.2vw}#SLOGAN .image{display:none}@media (min-width:768px){#SLOGAN{position:relative;padding:105px 0;width:100%;text-align:center}#SLOGAN h2{margin-bottom:20px;font-size:33px}#SLOGAN .catch{margin-bottom:70px;font-size:52px}#SLOGAN .catch strong{font-size:14px}#SLOGAN .logo img{width:320px}#SLOGAN .more{border-radius:72px;margin:115px auto 0 auto;width:395px;height:104px;font-size:18px}#SLOGAN .more a{border-radius:72px;height:104px}#SLOGAN .more a:after{right:30px;width:20px;height:20px}#SLOGAN .image{display:block}#SLOGAN .image .img1{transform:translateY(-50%);position:absolute;left:-301px;top:50%;width:301px}#SLOGAN .image .img2{transform:translateY(-50%);position:absolute;right:-301px;top:50%;width:301px}}#PROMISE{position:relative;width:100%;z-index:2}#PROMISE .cont{background-size:100% 100%;padding:26.667vw 0 21.333vw;text-align:center;width:100%;opacity:1}#PROMISE .cont:before{content:'';display:block;position:absolute;left:0;bottom:-8vw;background:linear-gradient(rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);width:100%;height:100%;z-index:-1}#PROMISE .hed{padding:0 0 6.667vw}#PROMISE .hed h2{box-sizing:border-box;background:var(--color-gradient);padding-top:1.333vw;margin:0 auto;width:63.467vw;font-family:'LoveloBlack','Zen Kaku Gothic New',sans-serif;font-size:6.667vw;line-height:1;text-align:center;color:#fff}#PROMISE .hed p{margin:5.867vw 0 0;font-size:3.733vw;line-height:1.3;color:var(--color-base)}#PROMISE .hed p strong{color:var(--color-accent)}#PROMISE .hed p span{font-size:5.6vw}#PROMISE .list{position:relative;padding:0 5.333vw}#PROMISE .block{box-sizing:border-box;background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,.2);border-radius:50%;padding-top:3.467vw;width:46.667vw;height:46.667vw;text-align:center}#PROMISE .block:nth-of-type(odd){margin:-19.2vw auto 0 0}#PROMISE .block:nth-of-type(even){margin:-19.2vw 0 0 auto}#PROMISE .block:first-child{margin-top:0}#PROMISE .block:before{content:'1';display:block;margin-bottom:1.867vw;font-family:'LoveloBlack','Zen Kaku Gothic New',sans-serif;font-size:7.467vw;line-height:1.2;color:var(--color-accent)}#PROMISE .block:nth-of-type(1):before{content:'1'}#PROMISE .block:nth-of-type(2):before{content:'2'}#PROMISE .block:nth-of-type(3):before{content:'3'}#PROMISE .block:nth-of-type(4):before{content:'4'}#PROMISE .block:nth-of-type(5):before{content:'5'}#PROMISE .block p{margin-bottom:1.333vw;font-size:2.933vw;line-height:1.63;color:var(--color-base)}#PROMISE .block p strong{font-size:3.733vw}#PROMISE .block .image{margin-bottom:5.6vw}#PROMISE .block img{margin:0 auto;width:16vw}@media (min-width:768px){#PROMISE{position:relative;width:100%;z-index:2}#PROMISE .cont{background-size:100% 100%;padding:135px 0;text-align:center;width:100%;opacity:1}#PROMISE .cont:before{bottom:-160px}#PROMISE .hed{padding:0 0 25px}#PROMISE .hed h2{padding-top:6px;width:340px;font-size:35px}#PROMISE .hed p{margin:32px 0 40px;font-size:20px;line-height:1.3;color:var(--color-base)}#PROMISE .hed p strong{color:var(--color-accent)}#PROMISE .hed p span{font-size:30px}#PROMISE .list{position:relative;margin:0 auto;padding:0;display:flex;width:1020px;flex-wrap:wrap;justify-content:center}#PROMISE .block{padding-top:17px;width:250px;height:250px}#PROMISE .block:nth-of-type(odd){margin:-15px 45px 0}#PROMISE .block:nth-of-type(even){margin:-15px 45px 0}#PROMISE .block:first-child{margin-top:0}#PROMISE .block:before{margin-bottom:7px;font-size:40px}#PROMISE .block p{margin-bottom:15px;font-size:16px}#PROMISE .block p strong{font-size:20px}#PROMISE .block .image{margin-bottom:0}#PROMISE .block img{width:82px}}#pageBottom{background-color:inherit;z-index:9}