@charset "UTF-8";body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#333;line-height:1.6}.container{max-width:1200px;margin:50px auto;padding:0 20px}.hero{text-align:center;padding:50px 0}.hero .hero-title{max-width:300px;margin:0 auto}.hero .hero-title img{width:100%}.hero .hero-subtitle{font-size:18px;max-width:700px;margin:0 auto}.tools-container{padding:30px 0 60px}.tool-section{margin-bottom:30px}.tool-section:last-child{margin-bottom:0}.tool-section .section-title{font-size:24px;font-weight:600;margin-bottom:25px;padding-bottom:8px;border-bottom:2px solid #235180;color:#333}.tool-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.tool-card{display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#333;background-color:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border:1px solid #e1e8ed;height:100%}.tool-card:hover{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.15);box-shadow:0 5px 15px rgba(0,0,0,.15)}.tool-card:hover .card-icon{background-color:#1e446c}.tool-card .card-icon{width:80px;min-width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#235180;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding:10px}.tool-card .card-icon .icon-clip,.tool-card .card-icon .icon-cpt,.tool-card .card-icon .icon-gradient,.tool-card .card-icon .icon-ogp,.tool-card .card-icon .icon-percentage,.tool-card .card-icon .icon-ratio,.tool-card .card-icon .icon-slick,.tool-card .card-icon .icon-slug,.tool-card .card-icon .icon-swiper,.tool-card .card-icon .icon-table,.tool-card .card-icon .icon-text{width:40px;height:40px;background-size:contain;background-position:center;background-repeat:no-repeat}.tool-card .card-icon .icon-gradient{background:-webkit-linear-gradient(45deg,#ff6b6b,#4ecdc4);background:-o-linear-gradient(45deg,#ff6b6b,#4ecdc4);background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%}.tool-card .card-icon .icon-table{border:2px solid #fff;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}.tool-card .card-icon .icon-table::after,.tool-card .card-icon .icon-table::before{content:"";background-color:rgba(255,255,255,.5)}.tool-card .card-icon .icon-swiper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tool-card .card-icon .icon-swiper::after,.tool-card .card-icon .icon-swiper::before{content:"";width:8px;height:20px;background-color:#fff;border-radius:4px}.tool-card .card-icon .icon-swiper::before{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}.tool-card .card-icon .icon-swiper::after{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}.tool-card .card-icon .icon-clip{width:30px;height:30px;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);background-color:#fff}.tool-card .card-icon .icon-slug{font-size:20px;color:#fff;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tool-card .card-icon .icon-slug::before{content:"あ→a";font-size:16px}.tool-card .card-icon .icon-ratio{position:relative}.tool-card .card-icon .icon-ratio::before{content:"";position:absolute;width:30px;height:20px;border:2px solid #fff}.tool-card .card-icon .icon-ratio::after{content:"16:9";position:absolute;font-size:12px;color:#fff;bottom:-10px}.tool-card .card-icon .icon-percentage{font-size:20px;color:#fff;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tool-card .card-icon .icon-percentage::before{content:"%";font-size:24px}.tool-card .card-icon .icon-cpt{position:relative}.tool-card .card-icon .icon-cpt::before{content:"";width:20px;height:25px;border:2px solid #fff;position:absolute;left:5px}.tool-card .card-icon .icon-cpt::after{content:"";width:15px;height:15px;border:2px solid #fff;position:absolute;right:5px;bottom:0}.tool-card .card-icon .icon-ogp{position:relative}.tool-card .card-icon .icon-ogp::before{content:"";width:30px;height:20px;background-color:#fff;border-radius:2px}.tool-card .card-icon .icon-ogp::after{content:"OGP";position:absolute;font-size:10px;color:#235180;font-weight:700}.tool-card .card-icon .icon-text{position:relative}.tool-card .card-icon .icon-text::after,.tool-card .card-icon .icon-text::before{content:"";position:absolute;width:15px;height:20px;border:1px solid #fff;background-color:rgba(255,255,255,.2)}.tool-card .card-icon .icon-text::before{left:7px}.tool-card .card-icon .icon-text::after{right:7px}.tool-card .card-icon .icon-slick{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tool-card .card-icon .icon-slick::after,.tool-card .card-icon .icon-slick::before{content:"";width:30px;height:10px;background-color:#fff;border-radius:5px}.tool-card .card-content{padding:20px 15px;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.tool-card .card-content .card-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.tool-card .card-content .card-title .label{position:absolute;top:5px;right:5px;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:500;display:inline-block;vertical-align:middle}.tool-card .card-content .card-title .label.code{color:#fff;background-color:#909090}.tool-card .card-content .card-description{font-size:14px;color:#666;margin:0;line-height:1.4}@media (max-width:768px){.hero{padding:30px 0}.hero .hero-title{font-size:28px}.hero .hero-subtitle{font-size:16px}.tool-cards{grid-template-columns:1fr}.tool-card{max-width:100%}.tool-card .card-icon{width:60px;min-width:60px}.tool-section .section-title{font-size:20px;margin-bottom:20px}.card-title .label{display:inline-block;margin-top:4px}}