情報誌『Smile』｜トヨタすまいるライフ

.haikei-bejyu { background: #faf5d8; padding:20px 10%; } .mito { margin:0 0 30px 0; } h2.tousen-dayo{ font-size:2rem; letter-spacing: 1.5px; } h2.toumen-name788 { font-size:2rem; letter-spacing: 1.5px; margin:10px 0 15px 80px; position: relative; } .toumen-name78 { background: #fff; padding:20px 0; margin:0 0 50px 0; position: relative; } .toumen-name78:before{ content: attr(data-number); font-size:18px; position: absolute; left:0; top:0px; background: #d44679; color: #fff; padding:10px 15px; } .toumen-name-guri { display: grid; grid-template-columns: 1fr 0.5fr; gap: 50px; margin: 20px auto; padding: 30px 15px; max-width: 680px; } .gurin-p{ border-top: solid 1px #000; margin:0px ; } @media screen and (max-width: 1024px) { .haikei-bejyu { background: #faf5d8; padding: 20px 30px; margin: 0 -15px; } } @media screen and (max-width: 768px) { .toumen-name-guri { display: grid; grid-template-columns: 1fr; gap: 7px; margin: 0px auto; padding: 10px 0; max-width: 680px; } .toumen-name-guri p{ padding:0px 15px; } h2.toumen-name788 { font-size: 1.5rem; } .toumen-name78 { background: #fff; padding: 10px 0; margin: 0 0 20px 0; } }