html{scroll-behavior:smooth;font-size:2.6666666667vw}@media(min-width: 768px){html{font-size:0.6944444444vw}}*{box-sizing:border-box}body{padding:0;margin:0;font-family:"Noto Sans JP",sans-serif;font-optical-sizing:auto}header{background-color:#242424;position:sticky;top:0;z-index:1}header nav{display:flex;align-items:center;padding:1rem 1.6rem;font-size:1.6rem}header nav ul{list-style:none;display:flex;align-items:center;gap:3rem;margin:0;padding:0;line-height:1}header nav .logo{font-weight:bold;text-decoration:none;margin-right:auto;flex-basis:10rem;flex-shrink:0;line-height:1}header nav .logo img{max-width:100%}header nav a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:bold;transition:all .5s}header nav a:hover{color:#595959}header nav a.c-btn{background:linear-gradient(to right, #ece1a8, #dcb924);color:#000;padding:.5em 2em;border-radius:5rem;text-decoration:none}header nav a.c-btn:hover{background:linear-gradient(to left, #ece1a8, #dcb924);color:#595959}header nav .c-btn--sp{display:none}header nav .hamburger{display:none;flex-direction:column;justify-content:space-between;width:3.6rem;height:2.4rem;background:none;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}header nav .hamburger span{display:block;width:100%;height:.2rem;background-color:#fff;transition:transform .3s ease,opacity .3s ease;transform-origin:center}@media screen and (max-width: 767px){header nav .c-btn--sp{display:block;font-size:1.2rem;white-space:nowrap}header nav .hamburger{display:flex;margin-left:1.2rem}header nav ul{position:fixed;top:0;right:0;width:26rem;height:100dvh;background-color:#242424;flex-direction:column;align-items:flex-start;justify-content:center;padding:8rem 3.2rem 3.2rem;gap:3.2rem;transform:translateX(100%);transition:transform .3s ease;z-index:1000}header nav ul a{font-size:1.6rem}}header.is-open nav ul{transform:translateX(0)}header.is-open nav .hamburger span:nth-child(1){transform:translateY(1.1rem) rotate(45deg)}header.is-open nav .hamburger span:nth-child(2){opacity:0}header.is-open nav .hamburger span:nth-child(3){transform:translateY(-1.1rem) rotate(-45deg)}header .nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}header.is-open .nav-overlay{display:block}footer{background-color:#fff;padding:1.2rem 0;text-align:center}footer img{max-width:100%;width:24rem}footer p{margin-bottom:0}@keyframes mv-fade-in{from{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}.l-mainvisual{background-image:url("../img/mv-background-1.webp");background-size:cover;background-position:center;width:100%;height:calc(100vh - 6rem)}.l-mainvisual__wrapper{animation:mv-fade-in .8s ease .8s forwards;opacity:0;display:flex;flex-direction:column;background-image:url("../img/mv-background-2.webp");background-size:cover;background-position:center;justify-content:center;align-items:center;margin:auto;width:50rem;height:calc(100vh - 6rem);color:#fff;text-align:center;padding:2rem;gap:3.2rem}@media screen and (max-width: 767px){.l-mainvisual__wrapper{width:100%}}.l-mainvisual_img{width:40rem}@media screen and (max-width: 767px){.l-mainvisual_img{width:auto}}.l-mainvisual_img img{max-width:100%}.l-mainvisual h1{font-size:3rem}.js-reveal{opacity:0;transform:translateY(4rem);transition:opacity .8s ease,transform .8s ease}.js-reveal.is-visible{opacity:1;transform:translateY(0)}#preparation{background-color:#fff;padding:9rem 0}@media screen and (max-width: 767px){#preparation{padding:4.5rem 0}}.l-preparation__wrapper{max-width:96rem;margin:auto;padding:0 1rem;display:flex;flex-wrap:wrap;align-items:center}@media screen and (max-width: 767px){.l-preparation__wrapper{flex-direction:column-reverse}}.l-preparation__img{flex-basis:50%}@media screen and (max-width: 767px){.l-preparation__img{flex-basis:100%}}.l-preparation__img figure img{max-width:100%;margin-bottom:1em}.l-preparation__img figure figcaption{text-align:right}.l-preparation__content{flex-basis:calc(50% - 2rem);margin-left:2rem}@media screen and (max-width: 767px){.l-preparation__content{flex-basis:100%;margin-bottom:1.2rem;margin-left:0}}.l-preparation__content h2{font-size:3rem;color:#081324;margin:0 0 1em 0}.l-preparation__content h2:before{content:"Toward the 30th Anniversary";color:#ddbf47;font-size:1.8rem;display:block}.l-preparation__content p{font-size:1.2rem;margin-bottom:1em;margin-top:0}#greeting{background-color:#242424;padding:9rem 0}@media screen and (max-width: 767px){#greeting{padding:4.5rem 0}}.l-greeting__wrapper{max-width:96rem;margin:auto;padding:0 1rem;display:flex;flex-wrap:wrap;align-items:center}.l-greeting__content{flex-basis:calc(50% - 2rem);margin-right:2rem}@media screen and (max-width: 767px){.l-greeting__content{flex-basis:100%;margin-bottom:1.2rem;margin-right:0}}.l-greeting__content h2{font-size:3rem;color:#fff;margin:0 0 1em 0}.l-greeting__content h2:before{content:"Greeting";color:#ddbf47;font-size:1.8rem;display:block}.l-greeting__content p{font-size:1.2rem;margin-bottom:1em;margin-top:0;color:#fff}.l-greeting__img{flex-basis:calc(50% - 2rem);margin-left:2rem}@media screen and (max-width: 767px){.l-greeting__img{flex-basis:100%;margin-left:0}}.l-greeting__img figure{position:relative}@media screen and (max-width: 767px){.l-greeting__img figure{margin:0}}.l-greeting__img figure img{max-width:100%;margin-bottom:1em}.l-greeting__img figure figcaption{position:absolute;top:15%;right:0;color:#fff}#appeal{background-color:#fff;padding:9rem 0}@media screen and (max-width: 767px){#appeal{padding:4.5rem 0}}.l-appeal__wrapper{max-width:96rem;margin:auto;padding:0 1rem}.l-appeal__wrapper h2{font-size:3rem;color:#081324;margin:0 0 1em 0;text-align:center}.l-appeal__wrapper h2:before{content:"Selling Power";color:#ddbf47;font-size:1.8rem;display:block}#offer{background-color:#242424;padding:9rem 0}@media screen and (max-width: 767px){#offer{padding:4.5rem 0}}.l-offer__wrapper{max-width:81rem;margin:auto;padding:0 1rem}.l-offer__wrapper h2{font-size:3rem;color:#fff;margin:0 0 1em 0;text-align:center}.l-offer__wrapper h2:before{content:"Partner Benefits";color:#ddbf47;font-size:1.8rem;display:block}#contact{background-image:url(../img/contact-bg.webp);background-color:#242424;background-repeat:no-repeat;background-size:cover;padding:4.1rem 0}.l-contact__wrapper{max-width:81rem;margin:auto;padding:0 1rem}.l-contact__wrapper h2{font-size:3rem;color:#fff;margin:0 0 .5em 0;text-align:center}.l-contact__wrapper h2:before{content:"Contact";color:#ddbf47;font-size:1.8rem;display:block}.c-card{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;counter-reset:custom-counter;gap:1.2rem;padding-left:0}.c-card__content{flex-basis:calc(33.3333333333% - 1.2rem);background-color:#fff;padding:1.8rem 2.4rem;border:solid 1px #ddbf47;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.8rem}@media screen and (max-width: 767px){.c-card__content{flex-basis:calc(50% - 1.2rem);padding:.9rem 1.2rem;font-size:1.4rem}}.c-card__content:before{counter-increment:custom-counter;content:counter(custom-counter, decimal-leading-zero);font-size:1.5em;font-weight:normal;color:#ddbf47;font-family:"Anton",sans-serif}.c-card__content p{font-weight:bold}.c-point{display:flex;align-items:flex-start;flex-wrap:wrap;list-style:none;padding:0}@media screen and (max-width: 767px){.c-point{gap:3.2rem}}.c-point__content{flex-basis:33.3333333333%;text-align:center;padding:0 5%;border-left:solid 1px #081324;height:100%;display:flex;flex-direction:column}.c-point__content:first-of-type{border-left:none}@media screen and (max-width: 767px){.c-point__content{flex-basis:100%;border:none}}.c-point__content img{width:30%;margin:auto}.c-point__content h3{text-align:center;font-size:1.8rem;margin:1em 0 auto 0;padding-bottom:1em;font-weight:normal;vertical-align:baseline}.c-point__content h3 strong{color:#ddbf47;font-weight:bold;font-size:1.3em}.c-point__content h3:after{content:"";display:block;width:7.2rem;margin:.75em auto 0 auto;height:3px;background-color:#ddbf47}.c-point__content p{font-size:1.2rem}.c-contact{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}.c-contact p{color:#fff;font-size:2.4rem;text-align:center;font-weight:bold}.c-contact a{display:block;width:fit-content;margin:auto;background:linear-gradient(to right, #ece1a8, #dcb924);font-size:1.2rem;padding:1em 3em;color:#000;text-decoration:none;border-radius:50px;transition:all .5s;font-weight:bold}.c-contact a:hover{background:linear-gradient(to left, #ece1a8, #dcb924);color:#595959}
