body{background-image:url(../img/guide/bg-foot.webp)}@media screen and (max-width:767px){body{background-size:100% auto}}@keyframes fv-scroll{0%{transform:translateY(0%)}100%{transform:translateY(-50%)}}.fullscreen>.container:before{display:none !important}.fullscreen.stop>.fullscreen-guide-fv .main-visual>.scroll-visual{animation-play-state:paused}.fullscreen-guide-label{-moz-column-gap:.75rem;column-gap:.75rem}.fullscreen-guide-label:after{position:relative;display:block;width:2rem;aspect-ratio:68/105;background:url(../img/common/icon-penguin-foot.webp) center no-repeat;background-size:contain;content:""}@media screen and (min-width:768px){.fullscreen-guide-label{-moz-column-gap:1rem;column-gap:1rem}.fullscreen-guide-label:after{width:3.2rem}}.fullscreen-guide-fv:before{position:absolute;top:50%;left:0;width:100%;height:100vh;background:url(../img/common/bg-pattern-2.webp) #0b4773 center top;content:""}.fullscreen-guide-fv .main-visual{height:56.25vw}.fullscreen-guide-fv .main-visual>.scroll-visual{position:absolute;top:0;left:0;width:100%;aspect-ratio:175/3536;background:url(../img/guide/top-page-sp.webp) center top repeat-y;background-size:100% auto;animation:fv-scroll 60s linear infinite}@media screen and (min-width:768px){.fullscreen-guide-fv .main-visual{height:34rem}}@media screen and (min-width:992px){.fullscreen-guide-fv .main-visual{height:53rem}.fullscreen-guide-fv .main-visual>.scroll-visual{background-image:url(../img/guide/top-page-pc.webp);aspect-ratio:1200/8398}}.fullscreen .penguin-guide{position:absolute;left:50%;bottom:0;width:33%;transform:translate(-50%, 20%)}.fullscreen .penguin-guide>.remove{height:auto;aspect-ratio:768/1003;background-image:url(../img/guide/penguin-fv.webp)}.fullscreen .penguin-guide .fukidashi{position:absolute;top:0;right:47%;width:120%;aspect-ratio:128/75;background:url(../img/guide/penguin-fv-fuki_sp.webp) center no-repeat;background-size:contain;transform:translate(50%, -100%)}.fullscreen .penguin-guide .fukidashi>*{position:absolute;top:0;right:0;width:100%;height:90%;font-size:calc(var(--fukidashi-width)*.085863874)}@media screen and (min-width:768px){.fullscreen .penguin-guide .fukidashi{width:76.3282398%}.fullscreen .penguin-guide .fukidashi>*{width:96%;height:100%;font-size:calc(var(--fukidashi-width)*.085863874)}}@media screen and (min-width:768px){.block-contents-main .and-more{width:100%}}.contents-box h4{padding-block:2rem}@media screen and (min-width:992px)and (max-width:1199px){.contents-box .bg-white{padding:4.5rem !important}}@media screen and (max-width:991px){.contents-box .bg-white{padding:3rem !important}}.contents-thumbnail .image{aspect-ratio:384/197}.contents-thumbnail .image>img{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s}.contents-thumbnail:has(.and-more:hover,.and-more:focus) .image>img{transform:scale(1.1)}.contents-thumbnail-label{-moz-column-gap:.75rem;column-gap:.75rem}.contents-thumbnail-label>img{width:4rem;transform:translateY(5%)}@media screen and (min-width:768px){.contents-thumbnail-label{-moz-column-gap:1rem;column-gap:1rem}.contents-thumbnail-label>img{width:4.5rem}}@media screen and (min-width:992px){.contents-thumbnail-label{-moz-column-gap:1.5rem;column-gap:1.5rem}.contents-thumbnail-label>img{width:5.6rem}}.block-1st .contents-box .bg-white{padding:5rem}.block-2nd .contents-box .bg-white{padding:5rem 10rem}@media screen and (min-width:1200px){.block-2nd .contents-box .bg-white>.row{margin-inline:-2rem}.block-2nd .contents-box .bg-white>.row>*{padding-inline:2rem !important}}.block-2nd .contents-box .bg-white .penguin-foot{width:2.5rem;margin-inline:auto;transform:rotate(180deg)}@media screen and (min-width:768px){.block-2nd .contents-box .bg-white .penguin-foot{width:3rem}}@media screen and (min-width:992px){.block-2nd .contents-box .bg-white .penguin-foot{width:4rem}}.block-3rd__row{-moz-column-gap:3rem;column-gap:3rem}.block-3rd__note:before{position:absolute;top:25%;right:1px;display:block;width:0;height:0;border-style:solid;border-width:8px 0 8px 16px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;transform:translateX(100%);content:""}.block-3rd__note>.bg-white{padding:3rem}.block-3rd__image{width:15rem;min-width:15rem}@media screen and (min-width:992px){.block-3rd__row{-moz-column-gap:6rem;column-gap:6rem}.block-3rd__note:before{border-width:12px 0 12px 24px}.block-3rd__note>.bg-white{padding:5rem}.block-3rd__image{width:24rem;min-width:24rem}}@media screen and (max-width:767px){.block-3rd__note:before{top:auto;right:50%;bottom:1px;border-width:16px 8px 0;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0);transform:translate(50%, 100%)}.block-3rd__note>.bg-white{padding:3rem}.block-3rd__image{width:50%;min-width:auto;margin-inline:auto}}.penguin-float{position:fixed;right:1.5rem;bottom:6rem;width:5.5rem;pointer-events:none;-moz-column-gap:1.5rem;column-gap:1.5rem;transition:.3s;z-index:989}.penguin-float:not(:has(.on)){transform:scale(0)}.penguin-note{position:absolute;top:50%;left:-1.5rem;filter:drop-shadow(0 0 12px rgba(47, 84, 100, 0.1));transform:translate(-100%, -50%);transform-origin:right center;transition:.5s;transition-delay:.3s !important}.penguin-note.on{z-index:1}.penguin-note:not(.on){transform:translate(-100%, -50%) scale(0)}.penguin-note:before{position:absolute;top:50%;right:1px;display:block;width:0;height:0;border-style:solid;border-width:5px 0 5px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;transform:translate(100%, -50%);content:""}.penguin-note>.bg-white{white-space:nowrap;padding:1rem 1.25rem}.penguin-face{aspect-ratio:1/1;border:solid 2px #3696e9}.penguin-face>*{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transition:.5s}.penguin-face>*.on{z-index:1}.penguin-face>*:not(.on){opacity:0}.penguin-face>.face-1{background-image:url(../img/guide/penguin-face-1.webp)}.penguin-face>.face-2{background-image:url(../img/guide/penguin-face-2.webp)}.penguin-face>.face-3{background-image:url(../img/guide/penguin-face-3.webp)}.penguin-face>.face-4{background-image:url(../img/guide/penguin-face-4.webp)}.penguin-face>.face-5{background-image:url(../img/guide/penguin-face-5.webp)}@media screen and (min-width:768px){.penguin-float{right:3rem;bottom:3rem;width:9rem}.penguin-note{left:-2rem}.penguin-note:before{border-width:6px 0 6px 12px}.penguin-note>.bg-white{padding:1.5rem 2rem}}@media screen and (min-width:992px){.penguin-float{width:10rem}}@media screen and (min-width:1200px){.penguin-float{right:5rem;bottom:3rem;width:13.2rem}.penguin-note{left:-3rem}.penguin-note:before{border-width:8px 0 8px 16px}.penguin-note>.bg-white{padding:2rem 3rem}}/*# sourceMappingURL=style-guide.min.css.map */