@charset "UTF-8";.head{text-align:center;max-width:54.6875vw;margin:0 auto;padding:2.5vw 0 5.625vw}@media (min-width: 1281px){.head{max-width:700px;padding:32px 0 72px}}@media (max-width: 767px){.head{max-width:unset;padding:32px 0 48px}}.head__button{padding:0 0 .9375vw}@media (min-width: 1281px){.head__button{padding:0 0 12px}}@media (max-width: 767px){.head__button{padding:0 0 12px}}.head__title{font-size:5.46875vw;font-weight:480;line-height:5.3125vw;letter-spacing:-.04em;padding:0 0 2.5vw}@media (min-width: 1281px){.head__title{font-size:70px;line-height:68px;padding:0 0 32px}}@media (max-width: 767px){.head__title{font-size:48px;font-weight:480;line-height:48px;letter-spacing:-.04em;padding:0 0 24px}}.head__text{font-size:1.71875vw;font-weight:400;line-height:2.1875vw;letter-spacing:-.02em}@media (min-width: 1281px){.head__text{font-size:22px;line-height:28px}}@media (max-width: 767px){.head__text{font-size:20px;font-weight:400;line-height:24px;letter-spacing:-.02em}}.content{background:#f0f3f6;padding:7.8125vw 0 0}@media (min-width: 1281px){.content{padding:100px 0 0}}@media (max-width: 767px){.content{padding:80px 0 0}}.content__button{padding:0 0 7.8125vw}@media (min-width: 1281px){.content__button{padding:0 0 100px}}@media (max-width: 767px){.content__button{padding:0 0 80px}}.content h2{font-size:3.90625vw;font-weight:480;line-height:3.75vw;letter-spacing:-.04em;text-align:center;margin:0 0 3.75vw}@media (min-width: 1281px){.content h2{font-size:50px;line-height:48px;margin:0 0 48px}}@media (max-width: 767px){.content h2{font-size:36px;font-weight:480;line-height:36px;letter-spacing:-.04em;margin:0 0 32px}}.content h2:has(+.recommend){margin:0 0 4.6875vw}@media (min-width: 1281px){.content h2:has(+.recommend){margin:0 0 60px}}@media (max-width: 767px){.content h2:has(+.recommend){margin:0 0 32px}}.content .tools-list__inner{padding:0 0 1.875vw}@media (min-width: 1281px){.content .tools-list__inner{padding:0 0 24px}}@media (max-width: 767px){.content .tools-list__inner{padding:0 0 24px}}.content .recommend{background:#f0f3f6;margin:0 0 3.75vw}@media (min-width: 1281px){.content .recommend{margin:0 0 48px}}@media (max-width: 767px){.content .recommend{margin:0 0 40px}.content .recommend__cards{grid-gap:30px}}.tools-list__inner{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.9375vw;max-width:86.25vw;margin:0 auto;padding:0 0 4.6875vw}@media (min-width: 1281px){.tools-list__inner{grid-gap:12px;max-width:1104px;padding:0 0 60px}}@media (max-width: 767px){.tools-list__inner{grid-template-columns:1fr;grid-gap:0;max-width:100%;padding:0 0 60px}}.tools-list .tool{text-align:center;max-height:27.1875vw;border-radius:.9375vw;padding:2.8125vw 1.875vw;transition:background-color .3s}@media (min-width: 1281px){.tools-list .tool{max-height:348px;border-radius:12px;padding:36px 24px}}@media (max-width: 767px){.tools-list .tool{max-height:unset;border-radius:12px;padding:20px}}.tools-list .tool:hover{background-color:#e8ebee}.tools-list .tool:hover img{transform:translateY(-.78125vw)}@media (min-width: 1281px){.tools-list .tool:hover img{transform:translateY(-10px)}}.tools-list .tool:active{transform:translateY(-.3125vw) scale(.98)}@media (min-width: 1281px){.tools-list .tool:active{transform:translateY(-4px) scale(.98)}}@media (max-width: 767px){.tools-list .tool:active{transform:translateY(-4px) scale(.98)}}.tools-list .tool__img{width:9.375vw;height:9.375vw;margin:0 auto 1.875vw}@media (min-width: 1281px){.tools-list .tool__img{width:120px;height:120px;margin:0 auto 24px}}@media (max-width: 767px){.tools-list .tool__img{width:100px;height:100px;margin:0 auto 24px}}.tools-list .tool__img img{display:block;max-width:100%;transition:transform .3s}.tools-list .tool__title{font-size:2.1875vw;font-weight:480;line-height:2.5vw;letter-spacing:-.04em;margin-bottom:1.25vw}@media (min-width: 1281px){.tools-list .tool__title{font-size:28px;line-height:32px;margin-bottom:16px}}@media (max-width: 767px){.tools-list .tool__title{font-size:24px;font-weight:480;line-height:26px;letter-spacing:-.04em;margin-bottom:12px}}.tools-list .tool__text{font-size:1.25vw;font-weight:400;line-height:1.5625vw;letter-spacing:-.02em}@media (min-width: 1281px){.tools-list .tool__text{font-size:16px;line-height:20px}}@media (max-width: 767px){.tools-list .tool__text{font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.02em}}body{background:#f0f3f6;color:#292b32}main{padding:var(--header-height) 0 0 0}