.intro-txt{margin-bottom:3em}.intro-txt p{margin-block:1.2em}.att-box{padding:1.8em 2.5em;color:var(--color-main);font-size:1.3rem;background:var(--color-lgy1)}.att-box li{margin-block:.5em 0;padding-left:1em;text-indent:-1em;line-height:1.8}.color-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:50px 20px;margin-top:80px;counter-reset:color_num}.color-list li{padding:1.2em 2.2em 3em;font-size:1.4rem;border:1px solid var(--color-gry);counter-increment:color_num}.color-list .main{display:grid;grid-template-columns:auto 1fr;gap:1.5em;margin-bottom:1.5em}.color-list .main-ttl{font-size:2rem;color:var(--color-main-dark);font-family:var(--font-serif);letter-spacing:.1em}.color-list .main-ttl::before{content:counter(color_num, decimal-leading-zero);display:inline-block;writing-mode:lr-tb;letter-spacing:0;margin-bottom:.85em;padding-bottom:.35em;margin-left:.1em;text-align:center;border-bottom:1px solid var(--color-gry)}.color-list .main-img{margin-top:2.5em}.color-list .desc{text-align:justify}@media screen and (max-width: 767px){.att-box{padding:1.5em;font-size:1.2rem}.color-list{grid-template-columns:1fr;row-gap:30px}.color-list>li{padding:1.2em 2em 2.5em}}/*# sourceMappingURL=style.css.map */