.example .example-mv{position:relative;margin:0 -20px}.example .example-mv__txt-box{position:absolute;color:#fff;left:10%;bottom:5%;width:80%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;z-index:2}.example .example-mv__info{display:-webkit-box;display:flex;-webkit-box-ordinal-group:2;order:1}.example .example-mv__date{font-size:1.1rem;font-weight:700;line-height:1.2}.example .example-mv__cat{border-left:1px solid #fff;margin-left:8px;padding-left:8px;font-size:1.1rem;line-height:1.2;font-weight:700}.example .example-mv__cat span:not(:first-child)::before{content:"／"}.example .example-mv__ttl{font-size:2.4rem;font-weight:700;line-height:1.3;-webkit-box-ordinal-group:3;order:2}.example .example-mv__remarks{margin-top:4px;font-size:1.1rem;line-height:1.2;font-weight:500;-webkit-box-ordinal-group:4;order:3}.example .example-mv__img{overflow:hidden;position:relative;padding-top:65%}.example .example-mv__img img{-webkit-animation:mvscale 1.5s ease 0s 1 forwards;animation:mvscale 1.5s ease 0s 1 forwards;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.example .example-mv__img::before{content:"";width:100%;height:50%;position:absolute;bottom:0;left:0;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.525)));background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.525));z-index:1}@-webkit-keyframes mvscale{0%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes mvscale{0%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}.example .example-main{padding:0 0 80px;margin:0 20px}.example .example-list{max-width:1400px;margin:0 auto;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.example .example-list__item{width:calc(50% - 5px);margin-top:10px;position:relative}.example .example-list__link{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.example .example-list__txt-box{color:#000;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;z-index:1;width:100%;z-index:2;margin:8px 0 16px}.example .example-list__info{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse;-webkit-box-ordinal-group:2;order:1;margin-top:8px}.example .example-list__ttl{-webkit-box-ordinal-group:2;order:1;font-size:1.2rem;font-weight:700;line-height:1.3;position:relative;padding-right:5%}.example .example-list__cat{font-size:1.1rem;font-weight:700;line-height:1.2}.example .example-list__cat span:not(:first-child)::before{content:"／"}.example .example-list__date{font-size:1.1rem;line-height:1.2;font-weight:700;margin-top:8px}.example .example-list__remarks{-webkit-box-ordinal-group:4;order:3;margin-top:4px;font-size:1.1rem;font-weight:500;padding-right:5%}.example .example-list__img{position:relative;padding-top:71%}.example .example-list__img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.example .example-list__img::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.35)), to(rgba(0,0,0,0)));background:linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0));z-index:1}.example .example-btn{width:180px;margin:48px auto 0;position:relative;text-align:center}.example .example-btn::before{content:"";width:3px;height:3px;background-color:#000;border-radius:50%;position:absolute;bottom:-1px;left:0}.example .example-btn::after{content:"";width:180px;height:1px;background-color:#000;position:absolute;bottom:0;left:0}.example-detail{padding:40px 0 80px}.example-detail__txt-box{padding:0 20px 20px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.example-detail__info{display:-webkit-box;display:flex;line-height:1.2}.example-detail__date{font-size:1.1rem;font-weight:700}.example-detail__cat{border-left:1px solid #000;margin-left:8px;padding-left:8px;font-size:1.1rem;font-weight:700}.example-detail__cat span:not(:first-child)::before{content:"／"}.example-detail__main-img{width:100%;padding-top:70.6783%;position:relative;background-color:#fff}.example-detail__main-img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.example-detail__ttl{font-size:2.4rem;font-weight:700}.example-detail__thums-list{margin-top:5px;display:-webkit-box;display:flex;flex-wrap:wrap;padding:0 20px}.example-detail__thums-item{width:19.2%;margin:5px 1% 0 0;padding-top:13.6%;position:relative;cursor:pointer;border:2px solid transparent}.example-detail__thums-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.example-detail__thums-item.is-current{border:2px solid #0A9F97;opacity:.7;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.example-detail__desc{border-top:1px solid #E6E6E6;margin-top:40px;padding:40px 0 0;line-height:2;font-weight:500}.example-detail__spec-list{border-top:1px solid #E6E6E6;margin-top:40px;padding:40px 20px 0}.example-detail__spec-item{display:-webkit-box;display:flex;font-size:1.2rem}.example-detail__spec-item:not(:first-child){margin-top:20px}.example-detail__spec-term{width:65px;opacity:.5;letter-spacing:1em}.example-detail__spec-desc{margin-left:20px;width:calc(100% - 85px)}@media screen and (min-width: 768px){.example .example-mv{margin:0;height:calc(100vh - 142px)}.example .example-mv__txt-box{left:80px;bottom:80px;width:calc(100% - 80px)}.example .example-mv__ttl{font-size:3.1rem;margin-top:4px}.example .example-mv__remarks{margin-top:8px}.example .example-mv__link{-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.example .example-mv__link:hover{opacity:.7;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.example .example-mv__img{padding-top:0;height:100%}.example .example-main{width:100%;margin:36px 0 0;padding:0 0 172px}.example .example-list{padding:0 50px}.example .example-list__item{width:calc(50% - 10px);margin-top:20px}.example .example-list__link{-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.example .example-list__link:hover{opacity:.7;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.example .example-list__txt-box{position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin-top:0;width:calc(100% - 60px);top:30px;left:30px;color:#fff}.example .example-list__info{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-ordinal-group:2;order:1;margin-top:0px}.example .example-list__ttl{-webkit-box-ordinal-group:3;order:2;margin-top:8px;font-size:1.6rem}.example .example-list__cat{border-left:1px solid #fff;margin-left:8px;padding-left:8px}.example .example-list__date{min-width:65px;margin-top:0}.example .example-list__remarks{margin-top:8px}.example-detail{padding:0 50px 160px;max-width:1024px;margin:0 auto}.example-detail__txt-box{padding:80px 0 24px}.example-detail__ttl{font-size:3.1rem;margin-top:8px}.example-detail__thums-list{margin-top:25px;padding:0}.example-detail__thums-item{width:13.5%;margin:10px 0.91% 0 0;padding-top:9.6%;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;border:3px solid transparent}.example-detail__thums-item:nth-child(7n){margin-right:0}.example-detail__thums-item:hover{opacity:.7;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.example-detail__thums-item.is-current{border:3px solid #0A9F97}.example-detail__desc{margin-top:80px;padding:80px 0 160px}.example-detail__spec-list{margin-top:80px;padding:40px 0 0}.example-detail__spec-item{font-size:1.4rem}}@media screen and (min-width: 768px) and (max-width: 960px){.example .example-list__txt-box{width:calc(100% - 20px);top:10px;left:10px}}@media screen and (max-width: 767px){.example-detail__thums-item:nth-child(5n){margin-right:0}}