#works main .mainvisual{background:url(../img/works/mv.jpg) no-repeat center bottom;background-size:cover}#works main .search dl{width:100%;border:1px solid #d11919;border-radius:10px}@media screen and (min-width: 769px){#works main .search dl{display:flex;justify-content:flex-start;align-self:stretch}}#works main .search dl dt{color:#fff;padding:1rem;border-radius:10px 10px 0 0}@media screen and (min-width: 769px){#works main .search dl dt{border-radius:10px 0 0 10px;width:28.3018867925%}}#works main .search dl dd{padding:1rem 2rem;width:100%;text-align:left}#works main .search dl dd a{display:inline-block;margin-right:1rem;text-decoration:underline}#works main .search--category{margin-bottom:2rem}#works main .search--category dt{background-color:#d11919}#works main .search--area{margin-bottom:50px}#works main .search--area dt{background-color:#d11919}#works main .search-archive{display:grid;grid-template-columns:repeat(1, 1fr);gap:12px}@media screen and (min-width: 769px){#works main .search-archive{grid-template-columns:repeat(3, 1fr);gap:24px}}#works main .search-archive li{background-color:#fff;border-radius:10px;text-align:left;border:solid 1px #dddbdb}#works main .search-archive li a img{margin-bottom:10px;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px 10px 0 0}#works main .search-archive li a h3{padding:0 15px}#works main .search-archive li a p{padding:0 15px 15px;font-size:1.4rem}#works main .search-archive li a p span{display:inline-block;padding:0 1rem;color:#fff;margin-right:1rem;margin-top:.5rem;border-radius:10px}#works main .search-archive li a p span:last-child{margin-right:0}#works main .search-archive li a p span.category{background-color:#797979}#works main .search-archive li a p span.area{background-color:#797979}#works main .entry{position:relative}@media screen and (min-width: 769px){#works main .entry-inner{display:grid;grid-template-columns:1fr 250px;gap:24px}}@media screen and (min-width: 1025px){#works main .entry-inner{display:grid;grid-template-columns:1fr 350px;gap:36px}}#works main .entry-inner h1{font-size:2rem;background-size:auto auto;color:#d11919;text-align:left;position:relative;border-left:4px solid rgba(0,0,0,0);color:#d11919;font-size:3.6rem;line-height:1.1;padding-left:1.5rem}#works main .entry-inner h1::before,#works main .entry-inner h1::after{content:"";position:absolute;left:0;width:4px}#works main .entry-inner h1::before{top:0;bottom:50%;background-color:#f95353}#works main .entry-inner h1::after{top:50%;bottom:0;background-color:#d11919}@media screen and (min-width: 1025px){#works main .entry-inner h1{margin-bottom:3rem;font-size:3.4rem}}#works main .entry-inner .prefectures,#works main .entry-inner .category,#works main .entry-inner .area{text-align:left}@media screen and (min-width: 1025px){#works main .entry-inner .prefectures,#works main .entry-inner .category,#works main .entry-inner .area{font-size:1.8rem}}#works main .entry-inner .effectiveness{padding:2.5rem 0;margin:0 auto;display:table}@media screen and (min-width: 769px){#works main .entry-inner .effectiveness{padding:5rem 0;display:flex;justify-content:space-between;align-items:center}}#works main .entry-inner .effectiveness--before{width:100%}#works main .entry-inner .effectiveness--before span{background-color:#afafaf;border-top-left-radius:15px;border-bottom-right-radius:15px}#works main .entry-inner .effectiveness--before img{width:100%;object-fit:cover;aspect-ratio:4/3;border-radius:15px}#works main .entry-inner .effectiveness--after{width:100%}#works main .entry-inner .effectiveness--after span{background-color:#f95353;border-top-left-radius:15px;border-bottom-right-radius:15px}#works main .entry-inner .effectiveness--after img{width:100%;object-fit:cover;aspect-ratio:4/3;border-radius:15px}#works main .entry-inner .effectiveness--arrow{text-align:center}@media screen and (min-width: 769px){#works main .entry-inner .effectiveness--arrow{padding:0 3rem}}#works main .entry-inner .effectiveness--arrow img{max-width:20px;transform:rotate(90deg);margin:0 auto}@media screen and (min-width: 769px){#works main .entry-inner .effectiveness--arrow img{width:auto !important;max-width:100px;transform:none}}#works main .entry-inner .effectiveness li{position:relative}#works main .entry-inner .effectiveness li span{position:absolute;top:0;left:0;display:inline-block;color:#fff;text-align:center;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;width:100px;height:30px;line-height:30px}@media screen and (min-width: 769px){#works main .entry-inner .effectiveness li span{height:40px;line-height:40px;font-size:1.8rem;width:16.41vw;max-width:110px}}#works main .entry-inner .effectiveness li img{width:100%}#works main .entry-inner--body{text-align:left;margin-bottom:1rem}#works main .entry-inner .side{margin-top:3rem;text-align:left}@media screen and (min-width: 769px){#works main .entry-inner .side{margin-top:0}}#works main .entry-inner .side h2{font-size:2rem;position:relative;border-left:4px solid rgba(0,0,0,0);color:#d11919;font-size:3.6rem;line-height:1.1;padding-left:1.5rem}#works main .entry-inner .side h2::before,#works main .entry-inner .side h2::after{content:"";position:absolute;left:0;width:4px}#works main .entry-inner .side h2::before{top:0;bottom:50%;background-color:#f95353}#works main .entry-inner .side h2::after{top:50%;bottom:0;background-color:#d11919}@media screen and (min-width: 769px){#works main .entry-inner .side h2{font-size:calc(20px + (4) * ((100vw - 376px) / (768 - 376))
)}}@media screen and (min-width: 769px)and (max-width: 375px){#works main .entry-inner .side h2{font-size:20px}}@media screen and (min-width: 769px)and (min-width: 769px){#works main .entry-inner .side h2{font-size:24px}}@media screen and (min-width: 1025px){#works main .entry-inner .side h2{font-size:2.4rem}}#works main .entry-inner .side ul{margin-top:2rem}#works main .entry-inner .side ul li{margin-bottom:1.2rem}#works main .entry-inner .side ul li a{display:grid;grid-template-columns:110px 1fr;gap:12px}#works main .entry-inner .side ul li a img{border-radius:10px}#works main .entry-inner .side ul li a div .area{font-size:1.4rem;color:#fff;background-color:#797979;border-radius:10px;height:26px;line-height:26px;padding:0 1rem;display:inline-block}
