html{font-size:62.5%}body{color:#000;background-color:#fff;line-height:1;font-size:1.6rem;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;width:100%;height:100%;min-width:320px;margin:0 auto;font-family:Meiryo,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",sans-serif}a{color:#000;-webkit-transition:0.5s;transition:0.5s}button{font-family:Meiryo,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",sans-serif}.container{display:block;position:relative;margin:0 auto;width:100%}.page-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100vh}.page{position:relative;width:100%;max-width:1410px;margin:0 auto}@media only screen and (min-width: 1024px){.page{width:calc(100% - 100px)}}@media only screen and (min-width: 1260px){.page{width:calc(100% - 200px)}}@media only screen and (min-width: 1610px){.page{width:1410px}}.main{position:relative;width:100%;height:100%;z-index:10}.main-box{position:relative;height:100%}.card-list-container{position:relative;margin:0 auto}@media screen and (max-width: 850px) and (min-aspect-ratio: 2 / 1){.card-list-container{width:70%}}@media screen and (max-width: 850px) and (min-aspect-ratio: 5 / 2){.card-list-container{width:60%}}@media screen and (min-width: 851px) and (min-aspect-ratio: 4 / 3){.card-list-container{width:80%}}@media screen and (min-width: 851px) and (min-aspect-ratio: 2 / 1){.card-list-container{width:70%}}@media screen and (min-width: 851px) and (min-aspect-ratio: 5 / 2){.card-list-container{width:60%}}@media screen and (min-width: 851px) and (min-aspect-ratio: 20 / 9){.card-list-container{width:50%}}.card-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width: 560px){.card-list{padding:0 2%}}@media only screen and (min-width: 1024px){.card-list{padding:0}}.card-list__item{width:33.33%;text-align:center;padding:0 2% 5%}.card-list__item a{display:block}.card-list__item a img{width:100%}.nav{width:30%;max-width:300px;margin:0 auto}.nav__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;aspect-ratio:1 / 0.3;font-size:2.5vw;font-weight:700;letter-spacing:0.01em;color:#fff;background-color:#ff9335;background-image:-webkit-gradient(linear, left top, left bottom, from(#ffb23f), to(#ff9335));background-image:linear-gradient(#ffb23f, #ff9335);border:solid 1px #ff9335;border-radius:15% / 50%;cursor:pointer}@media only screen and (min-width: 768px){.nav__btn{font-size:2.8vw}}@media only screen and (min-width: 1024px){.nav__btn{font-size:2vw}}@media only screen and (min-width: 1610px){.nav__btn{font-size:1.85em}}@media screen and (min-width: 851px) and (min-aspect-ratio: 2 / 1){.nav__btn{font-size:1.5em}}