@charset "UTF-8";.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 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}}.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}main{padding:var(--header-height) 0 9.6875vw 0;min-height:65vh}@media (min-width: 1281px){main{padding:var(--header-height) 0 124px 0}}@media (max-width: 767px){main{padding:var(--header-height) 0 80px 0}}main:has(.recommend){padding-bottom:0}.qr-gen{margin-top:4.45313vw}@media (min-width: 1281px){.qr-gen{margin-top:57px}}@media (max-width: 767px){.qr-gen{margin-top:40px;max-width:100%}}.qr-gen__header{max-width:50.78125vw;margin-inline:auto}@media (min-width: 1281px){.qr-gen__header{max-width:650px}}@media (max-width: 767px){.qr-gen__header{max-width:100%}}.qr-gen__header-title{font-size:5.46875vw;font-weight:480;line-height:5.3125vw;letter-spacing:-.04em;text-align:center;color:#292b32}@media (min-width: 1281px){.qr-gen__header-title{font-size:70px;line-height:68px}}@media (max-width: 767px){.qr-gen__header-title{font-size:48px;font-weight:480;line-height:48px;letter-spacing:-.04em}}.qr-gen__header-subtitle{font-size:1.71875vw;font-weight:400;line-height:2.1875vw;letter-spacing:-.02em;text-align:center;margin-top:1.875vw;color:#292b32}@media (min-width: 1281px){.qr-gen__header-subtitle{font-size:22px;line-height:28px;margin-top:24px}}@media (max-width: 767px){.qr-gen__header-subtitle{font-size:20px;font-weight:400;line-height:24px;letter-spacing:-.02em;margin-top:20px}}.qr-gen__content{width:-moz-max-content;width:max-content;display:flex;justify-content:center;margin:1.875vw auto 0}@media (min-width: 1281px){.qr-gen__content{margin:24px auto 0}}@media (max-width: 767px){.qr-gen__content{margin-top:24px}}.qr-gen__content-link a div{letter-spacing:-.012em!important}