html{box-sizing:border-box;height:100%;font:medium/1.5 "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif}html *,html *:before,html *:after{box-sizing:inherit}body{height:100%;font-size:1rem}img{max-width:100%;height:auto;vertical-align:bottom}.c-centering{margin:0 auto}.tac{text-align:center}.l-wrapper{width:95%;margin:0 auto}@media (min-width: 1024px){.l-wrapper{max-width:1024px}.pc{display:block}.sp{display:none}}@media screen and (max-width: 767px){.pc{display:none}.sp{display:block}}.l-header{background:url(../images/bg_img.png) repeat;margin-bottom:4.063rem;width:100%;height:100vh;top:0;left:0}.header__decoration img{width:80%;height:au to}@media (min-width: 768px){.header__decoration img{width:40%;height:auto;max-width:596px}}@media (orientation: landscape) and (max-width: 767px){.header__decoration img{width:60vh;height:auto}}.p-header__wrap{position:absolute;top:30%;text-align:center;margin:0 8.33%}.p-header__title{position:relative;display:inline-block;color:#ffbf0b;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.5em;text-align:center;letter-spacing:0.2em;padding:0 1rem;margin:5rem 0 2rem 0}.p-header__title::before,.p-header__title::after{content:"";position:absolute;display:inline-block;width:3px;height:25px;background-color:#ffbf0b}.p-header__title::before{transform:rotate(-45deg);left:0}.p-header__title::after{transform:rotate(45deg);right:0}@media (min-width: 768px){.p-header__title{font-size:3.5rem;margin:0 0 0.643em 0}.p-header__title::before,.p-header__title::after{width:5px;height:60px;background-color:#ffbf0b}.p-header__title::before{left:-1rem}.p-header__title::after{transform:rotate(45deg);right:-1rem}}@media (min-width: 1024px){.p-header__title{margin-bottom:0.643em}}@media (orientation: landscape) and (max-width: 767px){.p-header__title{margin:-5rem 0 0.643em 0}}.p-greeting{display:flex;flex-wrap:wrap;text-align:center;margin:5rem 0}@media (min-width: 768px){.p-greeting{margin-bottom:10rem}}.p-greeting__title,.p-greeting__txt,.p-greeting__image{flex-basis:100%}.p-greeting__title{order:2}@media (min-width: 768px){.p-greeting__title{margin:0 8.33%}}.p-greeting__txt{order:0;color:#af0411;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.5rem;margin:0 0 2rem 0}.p-greeting__txt span{font-size:1.5em}@media (min-width: 768px){.p-greeting__txt{font-size:2rem}}.p-greeting__image{order:1;margin-bottom:2.5rem}@media (min-width: 1024px){.p-greeting__image{margin:0 16.67% 2.5rem 16.67%}}.p-greeting__image img{width:89.07%;height:auto}.p-comment{background-color:#ffbf0b;padding:2.5rem 0 5rem 0}@media (min-width: 768px){.p-comment{padding-top:10rem}.p-comment__wrap{display:flex;justify-content:space-between}.p-comment__txt{flex-basis:100%}}@media (min-width: 768px) and (min-width: 768px){.p-comment__txt{flex-basis:60%}}.p-comment__title{position:absolute;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.5rem;font-weight:bold;z-index:20}@media (min-width: 768px){.p-comment__title{font-size:3rem}}.p-comment__box{position:relative;background-color:#fff;opacity:0.9;top:1em;line-height:2;margin:0 1rem;padding:1.5rem}.p-comment__box p+p{margin-top:1em}@media (min-width: 768px){.p-comment__box{top:2.5em;margin:0 2rem;padding:2rem}}.p-comment__decoration{margin-top:2rem}@media (min-width: 768px){.p-comment__decoration{flex-basis:40%}}.p-comment__decoration-year{font-family:"Shadows Into Light",cursive;color:#eaad03;font-size:6.5rem;opacity:0.7}@media (min-width: 768px){.p-comment__decoration-year{font-size:9rem;margin-top:-2rem}}.p-comment__decoration-img{position:relative;display:inline-block;height:auto;text-align:right}.p-comment__decoration-img img{width:70.13%}.p-comment__decoration-img figcaption{position:absolute;top:5%;left:25%;color:#fff;font-family:"M PLUS Rounded 1c",sans-serif;transform:rotate(-28deg)}.p-comment__target{margin-top:5rem}.p-comment__word{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;line-height:3;font-size:1.25rem;margin:5rem auto}@media (min-width: 768px){.p-comment__word{margin:8rem auto;font-size:1.5rem}}@media (orientation: landscape) and (max-width: 767px){.p-comment__word{writing-mode:horizontal-tb}}.l-footer{background-color:#ffbf0b;padding:2em 0}@media (min-width: 768px){.l-footer{padding-top:5em}}.p-twitter{text-align:center}.p-twitter__comment{position:relative;display:inline-block;color:#fff;margin-bottom:1rem;text-align:center}.c-btn a{display:inline-block;background-color:#fff;padding:1em 3em;border-radius:40px;color:#eaad03}.c-btn a:hover{opacity:0.9}@media (min-width: 768px){.c-btn a{font-size:1.25rem}}.scrolldown{position:absolute;bottom:1%;right:50%;animation:arrowmove 2s ease-in-out infinite}@media (orientation: landscape) and (max-width: 767px){.scrolldown{bottom:1%;right:3%}}@keyframes arrowmove{0%{bottom:1%}50%{bottom:3%}100%{bottom:1%}}.scrolldown span{position:absolute;left:-20px;bottom:10px;color:#eaad03;font-size:0.7rem;letter-spacing:0.05em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.scrolldown:before{content:"";position:absolute;bottom:0;right:-6px;width:2px;height:20px;background:#ffbf0b;transform:skewX(-31deg)}.scrolldown:after{content:"";position:absolute;bottom:0;right:0;width:2px;height:50px;background:#ffbf0b}.fadeIn,.fadeScroll{opacity:0;visibility:hidden;transition:1s;transform:translateY(30px)}.js-scroll{opacity:0;visibility:hidden}.is-show,.show{opacity:1;visibility:visible;transform:translateY(0)}.fadeBlinking{animation-name:fade;animation-duration:1s;animation-iteration-count:infinite}@keyframes fade{0%{opacity:0}100%{opacity:1}}.motion-txt{display:inline-block;position:relative;overflow:hidden}.motion-txt:after{content:"";position:absolute;opacity:1;left:0;top:0;bottom:0;width:100%;background:#ffbf0b}.js-scroll.show .motion-txt:after{transition-property:transform, opacity;transition-duration:1s;transition-delay:0s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transform:translate3d(0, 0, 0)}.js-scroll.done .motion-txt:after{transition-property:transform;transition-duration:1s;transition-delay:0s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transform:translate3d(103%, 0, 0)}.motion-txt .motion-inner{display:inline-block;opacity:0}.js-scroll.done .motion-txt .motion-inner{opacity:1}
