.common_bg{background-color:#322800;padding-top:16rem}.common_bg::before{background:none}.cont-wrap{color:#ffffff;background-color:#322800}.cont-wrap .img .cap{color:#333}.cont-wrap .img .cap.white{color:#fff}#intro{color:#f6f4f0}#intro .cont-ttl{width:calc((374/1040)*100%);min-width:374px;margin-bottom:2rem}#contents-list .cont-wrap-inner{padding:0 0 12rem}#contents-list .list{display:grid;grid-template-columns:repeat(2, 1fr);gap:8rem}#contents-list .page{overflow:hidden}#contents-list .page a,#contents-list .page div.coming-soon{position:relative;display:block;width:100%;height:100%}#contents-list .page a .text,#contents-list .page div.coming-soon .text{width:100%;text-align:center;position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:1}#contents-list .page a .img,#contents-list .page div.coming-soon .img{transition:scale .8s ease-out, filter .8s linear}#contents-list .page a:hover .img{scale:1.1;filter:brightness(50%)}@media screen and (max-width: 1024px){#contents-list .list{gap:3.5rem}#contents-list .page a .text img{height:54px;width:auto}}@media screen and (max-width: 768px){.common_bg{padding-top:5rem}#intro .cont-ttl{max-width:196px}#contents-list .cont-wrap-inner{padding:0 0 8rem}#contents-list .list{gap:3rem;grid-template-columns:1fr}#contents-list .page a .text img{height:96px;width:auto}#contents-list .coming-soon .text img{height:48px;width:auto}}@media screen and (max-width: 600px){#contents-list .page a .text img{height:45px;width:auto}#contents-list .page .coming-soon .text img{height:22px;width:auto}}