.container{width:1120px;margin:100px auto 0}@media screen and (max-width:768px){.container{width:95%;margin:8vw auto 0}}.container select{width:300px;height:50px;border:none;background:none;border-bottom:solid 1px #333}@media screen and (max-width:768px){.container select{width:70%;height:12vw}}.container select:focus{outline:none}.container h1{text-align:center;font-weight:700;font-size:26px;margin-top:100px}@media screen and (max-width:768px){.container h1{font-size:5.8666666667vw;margin-top:13.3333333333vw}}.container ul{display:flex;flex-flow:row wrap;gap:30px;margin-top:50px}@media screen and (max-width:768px){.container ul{gap:8vw;margin-top:13.3333333333vw}}.container ul li{width:calc((100% - 90px)/4)}@media screen and (max-width:768px){.container ul li{width:100%}}.container ul li a{color:#333;text-decoration:none;transition:.3s;position:relative}.container ul li a:hover{opacity:.7}.container ul li a img{display:block;width:100%;height:180px;object-fit:cover}@media screen and (max-width:768px){.container ul li a img{height:53.3333333333vw}}.container ul li h2{margin-top:10px;line-height:1.5;font-size:14px}@media screen and (max-width:768px){.container ul li h2{font-size:3.7333333333vw;margin-top:2.6666666667vw}}.container ul span{font-size:12px;position:absolute;bottom:0;left:0;z-index:999;background:#fea626;color:#fff;padding:4px}@media screen and (max-width:768px){.container ul span{font-size:3.2vw;padding:1.3333333333vw}}.container>a{display:flex;align-items:center;justify-content:center;width:280px;height:50px;margin:50px auto 0;background:#e3e3e3;letter-spacing:.2em}
