@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+JP:wght@100..900&display=swap";body{font-family:Noto Sans JP,sans-serif;color:#fff;font-weight:500;line-height:1.6;color:#262626}@media screen and (min-width:px){.xl-none{display:none}}@media screen and (max-width:px){.l-none,.m-none,.s-none{display:none}}@media screen and (min-width:px){.pc-none{display:none}}img{width:100%;height:auto}.recommend{margin-top:6rem;position:relative;padding-bottom:2.5rem;padding-top:3.75rem}@media(max-width:767px){.recommend{padding-bottom:1.5rem;padding-top:3rem}}.recommend:before{position:absolute;content:"";background:url(/images/common/bk-purple.webp) no-repeat top/cover;width:100%;height:100%;right:0;top:0;z-index:-1}.recommend .headline{position:absolute;content:"";left:50%;transform:translateX(-50%);top:-2.75rem}@media(max-width:1244px)and (min-width:1023px){.recommend .headline{flex-direction:column;gap:0}}@media(max-width:767px){.recommend .headline{top:-2rem}}.recommend .card-list{display:flex;gap:1rem;margin-top:1.5rem}@media(max-width:767px){.recommend .card-list{flex-wrap:wrap;gap:.75rem}}.recommend .card-list li{width:33%}@media(max-width:767px){.recommend .card-list li{width:calc(50% - .375rem)}}.recommend .button1{margin-top:1.5rem;margin-left:auto;margin-right:auto}.recommend .change-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center}.recommend .change-buttons .button3{border-radius:50px}