*,*:before,*:after{background-repeat:no-repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html{width:100%;height:100%;font-size:62.5%}body{width:100%;height:100%;margin:0;padding:0;background-color:#fef8ee;font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:16px;font-size:1.6rem;line-height:2.5;letter-spacing:0.1em;font-feature-settings:"palt";overflow:scroll;overflow-x:hidden;-webkit-text-size-adjust:100%;color:#444}h1,h2,h3,h4,h5{margin:0}img{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;border:none;vertical-align:middle;shape-margin:0.75rem}a:link{text-decoration:none;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s}a:visited{color:#0f0}a:active{color:#fff}p{text-justify:inter-ideograph}p:first-of-type{margin-top:0}p:last-of-type{margin-bottom:0}figure{margin:0}#wrapper{width:100%;margin:0;padding:0}main{padding:0 20px 50px}section{position:relative;max-width:500px;margin:0 auto}.section{position:relative;margin-top:60px}.anchor{position:absolute;top:-80px}@media screen and (min-width: 601px){main{padding:0 30px 80px}.section{margin-top:80px}}@media screen and (min-width: 1025px){main{padding:0 60px 100px}.section{margin-top:150px}.anchor{position:absolute;top:-100px}}.cttl{position:relative;margin-bottom:40px;border-left:5px solid #fff;border-right:5px solid #fff;text-align:center;line-height:1.0;color:#fff}.cttl::before,.cttl::after{content:"";position:absolute;left:0;width:20px;height:5px;background-color:#fff}.cttl::before{top:0}.cttl::after{bottom:0}.cttl :is(span, b){display:block}.cttl span{padding-top:10px;font-size:25px;font-size:2.5rem}.cttl span::before,.cttl span::after{content:"";position:absolute;right:0;width:20px;height:5px;background-color:#fff}.cttl span::before{top:0}.cttl span::after{bottom:0}.cttl b{margin-top:15px;padding-bottom:10px;font-size:12.8px;font-size:1.28rem;color:#efab35}.icon-x{width:23px;vertical-align:text-bottom}.icon-x .st0{fill:#fff}@media screen and (min-width: 601px){.cttl{margin-bottom:60px}.cttl span{font-size:31.25px;font-size:3.125rem}.cttl b{margin-top:18px;font-size:16px;font-size:1.6rem}}@media screen and (min-width: 1025px){.cttl{margin-bottom:80px}.cttl span{font-size:39.06px;font-size:3.906rem}.cttl b{font-size:20px;font-size:2rem}}body{transition:all .5s}body.case1{background-color:#0075a4}body.case1 .header--toggle span{background-color:#fff}body.case1 :is(time, .intro){color:#fff}body.case2{background-color:#103047}body.case2 .header--nav{background-color:rgba(0,117,164,0.9)}body.case3{background-color:#081b26}body.case3 .profile dt{background-color:#081b26}body:has(.g-open){overflow:hidden}@media screen and (min-width: 1025px){body:has(.g-open){overflow:auto}}.header{position:relative}.header--toggle{position:absolute;z-index:9999;top:0;right:0;cursor:pointer;width:60px;height:60px}.header--toggle span{display:inline-block;position:absolute;transform-origin:center;left:17px;width:45%;height:2px;background-color:#0075a4;border-radius:calc(infinity * 1px);transition:all .5s}.header--toggle span:nth-child(1){top:20px}.header--toggle span:nth-child(2){top:28px}.header--toggle span:nth-child(3){top:36px}.g-active{position:fixed;background-color:initial}.g-active span{background-color:#fff;animation-duration:.7s}.g-active span:nth-child(1){animation-name:top;top:22px;left:18px;transform:translateY(6px) rotate(-45deg);width:40%}.g-active span:nth-child(2){animation-name:center;opacity:0}.g-active span:nth-child(3){animation-name:bottom;top:34px;left:18px;transform:translateY(-6px) rotate(45deg);width:40%}@keyframes top{0%{top:20px;transform:none;width:45%}50%{top:28px;transform:none;width:40%}100%{top:22px;left:18px;transform:translateY(6px) rotate(-45deg);width:40%}}@keyframes center{0%{opacity:1;width:45%}50%{opacity:0;width:40%}100%{opacity:0;width:40%}}@keyframes bottom{0%{top:36px;transform:none;width:45%}50%{top:28px;transform:none;width:40%}100%{top:34px;left:18px;transform:translateY(-6px) rotate(45deg);width:40%}}.header--nav{position:fixed;z-index:-1;opacity:0;top:0;right:0;width:0;height:100vh;padding-top:60px;background-color:rgba(22,38,61,0.9);-webkit-backdrop-filter:blur(5px);-moz-backdrop-filter:blur(5px);-ms-backdrop-filter:blur(5px);-o-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all 0.3s}.header--nav>div{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch}.header--nav ul{margin:0;padding:20px;list-style:none;white-space:nowrap}.header--nav ul li a{display:block;padding:20px 0;text-align:center;font-weight:bold;color:#fff}.g-open{z-index:999;opacity:1;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch}@media screen and (min-width: 1025px){.header--toggle{position:fixed;right:3.125vw}.header--toggle:not(.g-active):hover span:nth-child(2){width:60%}.header--toggle:not(.g-active):hover span:nth-child(3){width:30%}.header--nav ul{padding:20px 60px}.header--nav ul li a{text-align:left}.header--nav ul li a:hover{color:#f5cb82}.g-open{width:calc(50vw - 300px)}}.mainvisual{padding-top:25vw}.mainvisual h1{width:90%;margin:0 auto}.mainvisual time{display:block;text-align:center;font-weight:bold}.intro{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin:40px 0 0}.intro p{margin:0 auto;font-size:clamp(14px, 3vw, 16px);writing-mode:vertical-rl;line-height:2}.intro p:first-child{margin-right:0}.intro p:last-child{margin-left:0}@media screen and (min-width: 601px){.mainvisual{padding-top:20vw}.intro{margin:60px 0 0}.intro p{line-height:3}}@media screen and (min-width: 1025px){.mainvisual{padding-top:5vw}}.style{margin-top:100px}.style--contents{margin:0;padding:0;list-style:none}.style--contents>li{position:relative}.style--contents>li:not(:first-child){margin-top:80px}.style--contents>li::before,.style--contents>li::after{position:absolute;left:0;line-height:1.0}.style--contents>li::before{content:"yorisoi style";top:0;font-size:14px;font-size:1.4rem;color:#fff}.style--contents>li::after{content:attr(data-num);top:20px;background:linear-gradient(180deg, #fff 60%, #0075a4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:16px;font-size:1.6rem;font-weight:bold}.style--contents h3{position:relative;padding:50px 0 40px;font-size:20px;font-size:2rem;line-height:1.0;color:#fff}.style--contents h3::before,.style--contents h3::after{content:"";position:absolute;background-color:transparent;border:1px solid;border-radius:calc(infinity * 1px);opacity:.3}.style--contents h3::before{bottom:0;left:-10px;width:100px;height:100px;background-color:transparent;border-color:#b9ffff}.style--contents h3::after{top:0;left:50px;width:80px;height:80px;border-color:#e3ffdb}.style--contents p{color:#fff}.style--contents--message{margin-top:30px}.style--contents--message p{background-color:#006584;border-radius:8px;text-align:center;font-weight:bold}.style--contents--message ul{display:grid;grid-template-columns:100%;gap:16px;margin:30px 0 0;padding:0;list-style:none;font-weight:bold}.style--contents--message ul li a{display:block;padding:5px 0;background-color:#0073e9;border:2px solid #fff;border-radius:calc(infinity * 1px);text-align:center;color:#fff}@media screen and (min-width: 601px){.style{margin-top:350px}.style--contents>li:not(:first-child){margin-top:100px}.style--contents>li::before{font-size:16px;font-size:1.6rem}.style--contents>li::after{top:25px;font-size:20px;font-size:2rem}.style--contents h3{padding:65px 0 50px;font-size:25px;font-size:2.5rem}.style--contents--message ul{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1025px){.style--contents>li:not(:first-child){margin-top:120px}.style--contents>li::before{font-size:20px;font-size:2rem}.style--contents>li::after{top:30px;font-size:25px;font-size:2.5rem}.style--contents h3{padding:80px 0 70px;font-size:31.25px;font-size:3.125rem}.style--contents h3::before{width:145px;height:145px}.style--contents h3::after{width:132px;height:132px}.style--contents--message ul li a:hover{background-color:#efab35}}.profile--contents{display:grid;grid-template-columns:100%;gap:25px}.profile--contents dl{margin:0;color:#fff}.profile--contents dl dt{background-color:#103047;font-weight:bold}.profile--contents dl dt:not(:first-child){margin-top:25px}.profile--contents dl dt:last-of-type{display:inline-block;padding-right:15px}.profile--contents dl dt:last-of-type+dd{position:relative}.profile--contents dl dt:last-of-type+dd::before{content:"";position:absolute;top:-20px;left:0;z-index:-1;max-width:500px;width:100%;height:1px;background-color:#fff}.profile--contents dl dd{margin:0}.profile--contents dl dd ul{margin:0;padding:0;list-style:none;font-size:14px;font-size:1.4rem}.profile--contents dl dd ul li{position:relative;padding-left:20px}.profile--contents dl dd ul li::before{content:"";position:absolute;top:13px;left:0;width:10px;height:10px;background-color:#fff;border-radius:calc(infinity * 1px)}@media screen and (min-width: 601px){.profile--contents{display:grid;grid-template-columns:100%;gap:40px}.profile--contents dl dt:not(:first-child){margin-top:40px}}.sns p{padding:30px 0;background-color:#fff;text-align:center;font-weight:bold}.footer{padding:0 20px}.footer a{display:block;max-width:182px;width:100%;margin:0 auto}.footer small{display:block;margin-top:10px;padding:10px 0 20px;text-align:center;color:#fff}@media screen and (min-width: 601px){.footer{padding:0 30px}.footer a{max-width:272px}}@media screen and (min-width: 1025px){.footer{padding:0 60px}}.anime--open{width:0;margin-left:auto;margin-right:auto;overflow:hidden;white-space:nowrap;opacity:0;animation-duration:1.0s;animation-fill-mode:forwards;transition-timing-function:ease-in-out}.animeOpen{animation-name:open}@keyframes open{0%{width:0;opacity:0}50%{width:0;opacity:1.0}100%{width:100%;opacity:1.0}}.anime--up::before,.anime--up::after{transform:translateY(30px);opacity:0;animation-duration:.7s;animation-fill-mode:forwards;transition-timing-function:ease-in-out}.animeUp{animation-name:up}.animeUp::before,.animeUp::after{animation-name:up}@keyframes up{from{transform:translateY(30px);opacity:0}to{transform:translateY(0px);opacity:1.0}}.anime--split span{margin-left:5px;opacity:0;animation-duration:.7s;animation-fill-mode:forwards;transition-timing-function:ease-in-out}.animeSplit span{animation-name:slide}@keyframes slide{0%{margin-left:5px;opacity:0}50%{opacity:1.0}100%{margin-left:0;opacity:1.0}}.split span:nth-child(1){animation-delay:.1s}.split span:nth-child(2){animation-delay:.2s}.split span:nth-child(3){animation-delay:.3s}.split span:nth-child(4){animation-delay:.4s}.split span:nth-child(5){animation-delay:.5s}.split span:nth-child(6){animation-delay:.6s}.split span:nth-child(7){animation-delay:.7s}.split span:nth-child(8){animation-delay:.8s}.split span:nth-child(9){animation-delay:.9s}.split span:nth-child(10){animation-delay:1s}.split span:nth-child(11){animation-delay:1.1s}.split span:nth-child(12){animation-delay:1.2s}.split span:nth-child(13){animation-delay:1.3s}.split span:nth-child(14){animation-delay:1.4s}.split span:nth-child(15){animation-delay:1.5s}.split span:nth-child(16){animation-delay:1.6s}