.intro{margin:40px 0;padding:0 20px}@media screen and (min-width: 601px){.intro{padding:0 30px}.intro p{text-align:center}}@media screen and (min-width: 1025px){.intro{margin-bottom:60px}}.blog{padding:30px 20px;background-color:#63bab7}.blog h3{margin:0 0 30px;padding:0;text-align:center;font-family:"Niconne", cursive;font-size:clamp(25px, 16.9230769231px + 2.1538461538vw, 39px);font-weight:400;line-height:1.4;color:#472809}.blog h3::before{content:"OLD SOUL Side-B";display:block;font-family:"Rubik Marker Hatch", system-ui;font-size:clamp(15px, 14.4230769231px + .1538461538vw, 16px);font-weight:400;font-style:normal;color:#f5dfc1}.blog ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px 30px;max-width:520px;margin:0 auto;padding:0;list-style:none}.blog ul li{margin:0;padding:0}.blog ul li a{display:block;font-size:1.3rem;line-height:1.3;text-decoration:none;color:#332a2b}.blog ul li a figure{position:relative;margin:0;padding:0;overflow:hidden}.blog ul li a figure::before{content:"";display:block;padding-top:100%}.blog ul li a figure img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.blog ul li a time{display:block;margin:6px 0 4px;font-size:clamp(12px, 11.4230769231px + .1538461538vw, 13px);font-weight:bold;color:#f5dfc1}.blog ul li:nth-child(1) .noimage{transform:rotate(24deg)}.blog ul li:nth-child(2) .noimage{transform:rotate(-16deg)}.blog ul li:nth-child(3) .noimage{transform:rotate(38deg)}.blog ul li:nth-child(4) .noimage{transform:rotate(-45deg)}@media screen and (min-width: 1025px){.blog{padding:60px}.blog h3{margin-bottom:50px}.blog ul{grid-template-columns:repeat(4, 1fr);gap:40px;max-width:1360px}.blog ul li a{font-size:1.6rem;line-height:1.5}.blog ul li a figure img{-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s}.blog ul li a:hover figure img{transform:scale(0.9)}.blog ul li:nth-child(1) a:hover .noimage{transform:scale(0.9) rotate(24deg)}.blog ul li:nth-child(2) a:hover .noimage{transform:scale(0.9) rotate(-16deg)}.blog ul li:nth-child(3) a:hover .noimage{transform:scale(0.9) rotate(38deg)}.blog ul li:nth-child(4) a:hover .noimage{transform:scale(0.9) rotate(-45deg)}}