.useful-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:72px 30px 48px}@media (max-width: 1023px){.useful-header{padding:48px 16px 32px}}@media (max-width: 767px){.useful-header{padding:24px 16px}}.useful-header__container{display:flex;flex-direction:column;gap:16px;align-items:flex-start;width:100%;max-width:1120px}.useful-header__title{font-weight:700;font-size:36px;line-height:1.6;letter-spacing:1.08px;color:#1d2118;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";margin:0}@media (max-width: 1023px){.useful-header__title{font-size:28px;letter-spacing:.84px}}@media (max-width: 767px){.useful-header__title{font-size:24px;letter-spacing:.72px}}.useful-header__description{font-weight:500;font-size:16px;line-height:1.6;letter-spacing:.8px;color:#1d2118;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";margin:0;width:100%}.useful-body{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#ecedeb80;padding-bottom:100px}@media (max-width: 1023px){.useful-body{padding-bottom:80px}}@media (max-width: 767px){.useful-body{padding:36px 0 72px}}.useful-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:72px 30px 0}@media (max-width: 1023px){.useful-section{padding:48px 16px 0}}@media (max-width: 767px){.useful-section{padding:0 16px}}.useful-section__container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1120px}.useful-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%;list-style:none;margin:0;padding:0}@media (max-width: 1023px){.useful-card-list{grid-template-columns:1fr;gap:24px}}@media (max-width: 767px){.useful-card-list{gap:16px}}.useful-card-list__item{width:100%}.useful-card{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:32px 24px;background-color:#fff;border:.5px solid #a9aea4;border-radius:16px;text-decoration:none;transition:opacity .2s ease}.useful-card:hover .useful-card__link-text{text-decoration:underline}.useful-card__content{display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%}@media (max-width: 767px){.useful-card__content{gap:16px}}.useful-card__thumbnail{display:flex;align-items:center;overflow:hidden;border-radius:8px;width:100%;aspect-ratio:304/171;background-color:#c5c8c2}.useful-card__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.useful-card__description{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%}.useful-card__title{font-weight:700;font-size:16px;line-height:1.6;letter-spacing:.8px;color:#1d2118;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";margin:0;width:100%}.useful-card__date{font-weight:400;font-size:14px;line-height:2;color:#000;text-align:right;width:100%}.useful-card__link-area{display:flex;align-items:center;justify-content:flex-end;width:100%}@media (max-width: 767px){.useful-card__link-area{display:none}}.useful-card__link{display:flex;align-items:center;gap:4px;font-weight:700;font-size:16px;line-height:normal;color:#017c6e;white-space:nowrap}.useful-card__link:after{content:"";padding:2px;font-family:smicon;font-weight:400;font-size:16px;line-height:1;border-radius:50%;color:#fff;background-color:#017c6e}