.l-styleguide{margin-top:2rem;padding-inline:1.6rem}.l-styleguide h1{font-weight:700;font-size:2.4rem;padding-top:40px;padding-bottom:40px;color:#fff;background-color:#317f63;padding-left:40px}.l-styleguide h2{font-size:2rem;font-weight:700;border-bottom:2px solid #317f63;padding-bottom:4px;margin-top:3.2rem}.l-styleguide .p-detail-sp-fix{position:static;max-width:375px}.l-styleguide .c-box-radius-shadow{max-width:343px;width:343px}.l-styleguide-wrap{font-size:1.4rem}.l-styleguide-list{padding:0;position:relative;margin-top:1.6rem;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:8px}.l-styleguide-list li a{display:block;font-weight:700;color:#000;border-left:solid 8px #317f63;background:#f8f7f5;margin-bottom:.5rem;line-height:1.5;border-radius:0 15px 15px 0;padding:8px 16px;list-style-type:none!important}.l-styleguide-list li a:nth-child(n+2){margin-left:8px}.l-styleguide-block{margin-top:3.2rem}.l-styleguide-block__heading{background-color:#317f63;color:#fff;font-weight:700;font-size:1.6rem;padding:8px 16px;border-radius:10px 10px 0 0;border:1px solid #317f63}.l-styleguide-block__content{padding:16px;background-color:#fff;border:1px solid #317f63;border-radius:0 0 10px 10px}.l-styleguide-button{width:200px;height:40px}.l-styleguide-pagelist{counter-reset:list;list-style-type:none;padding:0;margin-top:.8rem}.l-styleguide-pagelist li{position:relative;padding:0 0 0 20px;margin-block:.7rem;font-weight:700;font-size:14px;line-height:30px;border-bottom:dashed 1px #403d37}.l-styleguide-pagelist li:before{display:block;content:"";position:absolute;left:0px;width:0px;height:0px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #403d37;top:50%;transform:translateY(-50%)}.l-styleguide-color__list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.l-styleguide-color__item{width:100px;margin-top:4rem}.l-styleguide-color__item:not(:nth-child(5n+1)){margin-left:10px}.l-styleguide-color__box{width:80px;height:80px;background-color:#403d37;margin-left:auto;margin-right:auto}.l-styleguide-color__name{text-align:center;font-size:1.2rem;display:block;margin-top:.8rem;font-weight:700}.l-styleguide-color__variable{display:block;text-align:center}@media only screen and (min-width:1024px){.l-styleguide .p-detail-sp-fix{display:flex}.l-styleguide .c-box-radius-shadow{max-width:272px;width:272px}.l-styleguide-wrap{max-width:1000px;margin-left:auto;margin-right:auto}.l-styleguide-list li a{cursor:pointer;transition:opacity .3s}.l-styleguide-list li a:hover{opacity:.5}.l-styleguide-pagelist li{cursor:pointer;transition:opacity .3s}.l-styleguide-pagelist li:hover{opacity:.5}}@media only screen and (max-width:1023px){.l-styleguide-wrap{width:100%;padding:16px}}