.page-title{background:url(http://xs961496.xsrv.jp/wp-content/themes/theme-djn/assets/img/example-kv.jpg.pagespeed.ce.JzAhiAtY2F.jpg) no-repeat center;background-size:cover}.page-example__detail .page-title h1{max-width:1000px;padding:0 10px;margin:0 auto}.section-list .block__filter{background-color:#efefef;padding:30px}.section-list .block__filter>p{font-size:1.8rem;font-weight:bold;margin-bottom:10px}.section-list .block__filter ul+p{margin-top:30px}.section-list .block__filter ul li{display:inline-block;cursor:pointer;background-color:#fff;border-radius:4px;padding:5px 10px}.section-list .block__filter ul li+li{margin-left:5px}.section-list .block__filter ul li:hover,.section-list .block__filter ul li.active{color:#fff;background-color:var(--text-color)}.section-list .block__filter ul.block__filter--services li{font-weight:bold}.section-list .block__filter ul.block__filter--services li:nth-of-type(1) {color:var(--main-color)}.section-list .block__filter ul.block__filter--services li:nth-of-type(2) {color:var(--category1-color)}.section-list .block__filter ul.block__filter--services li:nth-of-type(3) {color:var(--category2-color)}.section-list .block__filter ul.block__filter--services li:nth-of-type(1):hover,
.section-list .block__filter ul.block__filter--services li:nth-of-type(1).active {color:#fff;background-color:var(--main-color)}.section-list .block__filter ul.block__filter--services li:nth-of-type(2):hover,
.section-list .block__filter ul.block__filter--services li:nth-of-type(2).active {color:#fff;background-color:var(--category1-color)}.section-list .block__filter ul.block__filter--services li:nth-of-type(3):hover,
.section-list .block__filter ul.block__filter--services li:nth-of-type(3).active {color:#fff;background-color:var(--category2-color)}@media screen and (max-width:768px){.section-list{padding-top:20px}.section-list .block__filter{padding:20px}.section-list .block__filter>p{font-size:1.4rem}.section-list .block__filter ul li{margin:0 5px 5px 0}.section-list .block__filter ul li+li{margin-left:0}.section-list .block__filter ul+p{margin-top:12px}.section-list .grid{margin-top:30px}}.section-list .grid{margin-top:40px}.section-list .grid__item{display:none;margin-top:40px}.section-list .grid__item.is-active{display:block}.section-list .grid__item .image{position:relative;margin-bottom:30px}.section-list .grid__item .image img{width:100%;height:auto}.section-list .grid__item .image .meta{position:absolute;left:0;bottom:0;text-align:center;width:100%;transform:translateY(50%)}.section-list .grid__item .image .meta .label{display:inline-block;color:#fff;font-size:1.4rem;line-height:1;background-color:var(--text-color);border:1px solid #fff;border-radius:20px;padding:8px 15px;margin:0 2px}.section-list .grid__item .image .meta .label>span+span{border-left:1px solid #fff;padding-left:10px;margin-left:10px}.section-list .grid__item--none{display:none;font-size:1.8rem;text-align:center;width:100%}.section-list .grid__item--none.noone{display:block}.page-example__detail .section-detail h3,.page-example__detail .section-detail h3 span{font-size:2.6rem;font-weight:bold;margin-bottom:20px}.page-example__detail .section-detail h4,.page-example__detail .section-detail h4 span{font-size:2.0rem;font-weight:bold;margin-bottom:16px}.page-example__detail .section-detail .section__inner>*,.page-example__detail .section-detail img{max-width:100%;height:auto}.page-example__detail .section-detail .section__inner>*+h3,.page-example__detail .section-detail .section__inner>*+h4,.page-example__detail .section-detail .section__inner>*+h5{margin-top:30px}.page-example__detail .section-detail ul,.page-example__detail .section-detail ol{margin:30px 0 30px 20px}.page-example__detail .section-detail ul li,.page-example__detail .section-detail ol li{list-style:disc;margin:10px 0}.page-example__detail .section-detail ol li{list-style:demical}.page-example__detail .section-outline .table td>span+span::before{content:'、'}.page-example__detail .section-outline .section-small{padding-bottom:0}