@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap";.p-app_linkage{background:#f5f5f5;color:#1d2088;position:relative;overflow:hidden}.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.nav__item a{position:relative;display:block;text-align:center;border-radius:15px;color:#fff;background:#24a524;font-size:1.5rem;font-weight:bold;padding:14px 16px 14px;z-index:2}.nav__item a.is-card{background:#1d2088}.nav__item a::after{content:"";display:block;width:9px;height:9px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(135deg);position:relative;margin:7px auto 0}.step-wrap{display:flex}.step{flex-shrink:0}.step__num{text-align:center;font-size:4rem;font-family:"Barlow",sans-serif;font-weight:700;color:#d0d0d0}.step__txt{text-align:center;margin-bottom:20px;font-size:min(1.5rem, 4.5vw)}.step__img{text-align:center}.menu__nav-item{width:90%}.menu__nav-item a{position:relative;display:block;text-align:center;border-radius:15px;color:#1d2088;border:2px solid #b5b1d1;background:#fff;font-size:1.5rem;font-weight:bold;padding:14px 10px 14px;z-index:2}.menu__nav-item a::after{content:"";display:block;width:9px;height:9px;border-top:2px solid #1d2088;border-right:2px solid #1d2088;transform:rotate(135deg);position:relative;margin:7px auto 0}.howto{position:relative}.howto .m-page-ttl01 .is-large .is-m-dot{letter-spacing:-0.24em}.howto .m-page-txt02.is-large{font-size:clamp(2.8rem,3.2727vw,3.6rem)}.howto__scroll-wrap{overflow:auto}.howto__scroll-wrap::-webkit-scrollbar{height:10px}.howto__scroll-wrap::-webkit-scrollbar-track{margin:0 2px;background:#ccc;border-radius:5px}.howto__scroll-wrap::-webkit-scrollbar-thumb{border-radius:5px;background:#666}.howto__scroll{display:flex}.howto__scroll dl:not(:last-child){margin-right:40px}.howto__scroll dl dt span{display:block;text-align:center}.howto__scroll dl dt span.num{font-family:"Barlow",sans-serif;font-size:6rem;font-weight:bold;line-height:1.2;color:#d0d0d0;margin-bottom:16px}.howto__scroll dl dt span.detail{height:5.34em;font-size:1.6rem}.howto__scroll dl .image-inner img{min-width:220px}.scroll-guide{margin-top:10px;text-align:left}.scroll-guide__inner{display:inline-block;position:relative;padding-right:5em;color:#ccc;font-size:1.4rem;font-weight:500;line-height:1.3333333333}.scroll-guide__inner .is-arrow{display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:4em;height:2px;background-color:#ccc}.scroll-guide__inner .is-arrow::before,.scroll-guide__inner .is-arrow::after{content:"";display:block;position:absolute;left:100%;width:2px;height:10px;background-color:#ccc}.scroll-guide__inner .is-arrow::before{bottom:0;transform:rotate(-45deg);transform-origin:left bottom}.scroll-guide__inner .is-arrow::after{top:0;transform:rotate(45deg);transform-origin:left top}@media screen and (min-width: 768px){.nav{gap:24px}.nav__item a{font-size:1.8rem;padding:18px 29px 14px}.step-wrap{justify-content:center;margin:0 -25px;flex-wrap:wrap}.step{width:calc((100% - 100px)/4);max-width:220px;margin:0 20px}.step__num{font-size:6rem}.step__txt{font-size:1.6rem;margin-bottom:35px}.menu__nav{display:flex;justify-content:space-between}.menu__nav-item{width:49%;max-width:480px}.menu__nav-item a{font-size:2rem;padding:14px 10px 10px}#howto1 .scroll-guide,#howto3 .scroll-guide{display:none}}@media screen and (max-width: 767px){.step-wrap{overflow-x:auto;padding-bottom:20px}.step-wrap::-webkit-scrollbar{height:10px}.step-wrap::-webkit-scrollbar-track{margin:0 2px;background:#ccc;border-radius:5px}.step-wrap::-webkit-scrollbar-thumb{border-radius:5px;background:#666}.step{width:calc(50% - 10px);max-width:200px}.step:not(:last-child){margin-right:20px}.menu__nav-item{margin:0 auto 15px}.howto .m-page-ttl01{justify-content:center;text-align:center}.howto .m-page-ttl01 .is-large{width:100%}.howto .m-page-txt02.is-large{font-size:2rem}.howto__scroll dl dt span.num{font-size:4.8rem;margin-bottom:8px}.howto__scroll dl dt span.detail{font-size:min(1.5rem, 4.5vw)}.howto__scroll dl .image-inner img{min-width:200px}}@media screen and (max-width: 640px){.step{max-width:180px}.howto__scroll dl:not(:last-child){margin-right:25px}.howto__scroll dl .image-inner img{min-width:180px}}@media screen and (min-width: 768px)and (max-width: 1100px){.howto .m-page-ttl01 .is-middle{font-size:clamp(2.8rem,3.2727vw,3.6rem)}.howto .m-page-ttl01 .is-large{font-size:clamp(6rem,6.3636vw,7rem)}}