/*
Theme Name: サイトノハジメ SWELL Child
Template: swell
Version: 1.0.0
Description: Webサイト・EC開業ツール比較メディア専用テーマ。
Author: サイトノハジメ
License: GPL-2.0-or-later
*/
:root{--sog-ink:#101d36;--sog-muted:#566278;--sog-green:#0050e6;--sog-line:#dce3ef;--sog-surface:#f3f6fc;--wsg-blue:#0655f5;--wsg-navy:#071c4b}
.sog-site{background:#fff;color:var(--sog-ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.9}.sog-container{max-width:1240px;width:calc(100% - 80px)}.sog-site h1,.sog-site h2,.sog-site h3{color:var(--sog-ink);letter-spacing:.025em}.sog-section{padding-block:90px}.sog-header{background:#fff;border-bottom:1px solid #edf0f6}.sog-header-inner{min-height:94px;gap:28px}.sog-site .sog-logo-image{width:270px;height:auto;max-width:100%}.sog-brand--image{padding-block:8px}.sog-desktop-nav{gap:28px;font-size:14px;font-weight:700}.sog-header-cta{background:var(--wsg-blue);border:0;border-radius:4px;color:#fff!important;padding:12px 21px;font-size:14px!important}.sog-button{background:var(--wsg-blue);color:#fff!important;border:1px solid var(--wsg-blue);border-radius:4px;min-height:56px;gap:25px;padding:15px 24px;font-size:15px;font-weight:700;box-shadow:none;transition:background .18s,transform .18s}.sog-button:hover,.sog-header-cta:hover{background:#003aba}.sog-button:hover{transform:translateY(-2px)}.sog-button--small{font-size:14px;min-height:46px;padding:10px 20px}.sog-button--outline{background:#fff;color:#0646ba!important;border-color:#c9d8fb}.sog-link{font-weight:700;color:#0646ba}.sog-site :is(a,button,summary,select,input):focus-visible{outline:3px solid #eb9d00;outline-offset:4px}.sog-eyebrow{color:#0050d6;font-size:11px;font-weight:700;letter-spacing:.15em}.sog-section-head{gap:24px;margin-bottom:27px}.sog-section-head h2{font-size:34px;line-height:1.6;margin-top:13px}.sog-section-lead{color:var(--sog-muted);font-size:16px;margin-bottom:34px}.sog-small{font-size:14px}
.wsg-hero{position:relative;overflow:hidden;background:var(--wsg-navy);isolation:isolate;padding:76px 0 94px;margin:14px 14px 0;border-radius:7px}.wsg-hero:before{content:"";position:absolute;width:950px;height:950px;border:160px solid #0d3aaf;border-radius:50%;right:-530px;top:-490px;z-index:-1}.wsg-hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#0c2d78;left:-340px;bottom:-490px;z-index:-1}.wsg-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.wsg-kicker{color:#9cbcff;font-size:11px;letter-spacing:.12em;font-weight:700}.wsg-hero h1{color:#fff;font-size:45px;line-height:1.65;font-weight:750;margin:17px 0 23px;letter-spacing:.025em;white-space:nowrap}.wsg-hero h1 em{font-style:normal;background:linear-gradient(transparent 80%,#184acb 80%)}.wsg-hero-copy>p{color:#d6e1f9;font-size:16px;line-height:2}.wsg-hero-actions{display:flex;gap:13px;margin-top:31px}.wsg-hero-actions .sog-button{gap:18px;padding:14px 20px;font-size:14px}.wsg-hero .wsg-hero-sub{font-size:12px;color:#a5b8dd;margin-top:24px}.wsg-mobile-only{display:none}.wsg-visual{height:366px;position:relative;margin-left:12px}.wsg-browser{position:absolute;inset:12px -14px auto 13px;background:#fff;border:4px solid #5473b4;border-radius:11px;box-shadow:0 25px 60px #0004;transform:rotate(-3deg);overflow:hidden}.wsg-browser-bar{display:flex;gap:5px;align-items:center;background:#e9eef8;padding:10px 11px}.wsg-browser-bar i{width:5px;height:5px;background:#9aaac8;border-radius:50%}.wsg-browser-bar span{margin-left:13px;font-size:8px;letter-spacing:.08em;color:#6580a8}.wsg-preview-nav{display:flex;justify-content:space-between;align-items:center;font-size:6px;padding:17px 23px;color:#75829a}.wsg-preview-nav b{font-size:8px;color:#183875;letter-spacing:.08em}.wsg-preview-hero{position:relative;overflow:hidden;background:#eef3ff;padding:22px 25px 26px;min-height:178px;color:#12336f}.wsg-preview-hero>span:first-child{display:block;font-size:7px;letter-spacing:.12em}.wsg-preview-hero strong{position:relative;z-index:1;font-size:20px;line-height:1.6;display:block;margin-top:13px}.wsg-sun{position:absolute;right:-5px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,#57a6ff,#0050f8)}.wsg-sun:after{content:"";position:absolute;width:200px;height:20px;background:#fbfdff;transform:rotate(-30deg);left:20px;top:45px;box-shadow:0 35px #ffffff80}.wsg-preview-button{display:inline-block;background:#063ca4;color:white;font-size:6px;padding:6px 11px;margin-top:17px}.wsg-preview-bottom{display:flex;justify-content:space-between;padding:20px 23px;font-size:7px;color:#59718f}.wsg-mini-shop{position:absolute;left:-23px;bottom:-2px;width:197px;background:#fff;padding:16px;border:3px solid #a8bce5;border-radius:9px;transform:rotate(4deg);box-shadow:0 15px 35px #0003}.wsg-mini-heading{font-size:8px;font-weight:700;letter-spacing:.08em;display:flex;justify-content:space-between;color:#14336d}.wsg-product-art{height:69px;display:flex;gap:9px;align-items:end;justify-content:center;background:#edf3ff;margin-top:12px;overflow:hidden;padding-bottom:9px}.wsg-product-art i{display:block;width:27px;height:44px;border-radius:8px 8px 4px 4px;background:linear-gradient(100deg,#8bb4fc,#2866c4);border-top:7px solid #143e80}.wsg-product-art i:nth-child(2){height:53px;background:linear-gradient(100deg,#cbdaf4,#7c9ecb)}.wsg-product-art i:nth-child(3){height:37px;background:#446aaa}.wsg-mini-shop strong{font-size:9px;margin-top:10px;display:block;color:#1a3468}.wsg-mini-lines{display:block;background:#dce4f2;width:77%;height:4px;margin-top:8px;box-shadow:0 9px #edf1f8}.wsg-mini-check{position:absolute;right:-24px;bottom:-1px;background:#e9f0ff;border:1px solid #a3baf4;border-radius:7px;padding:17px 20px;box-shadow:0 15px 32px #0002;transform:rotate(2deg)}.wsg-mini-check>span{font-size:7px;font-weight:700;letter-spacing:.1em;color:#4c72b6}.wsg-mini-check p{font-size:11px;font-weight:700;color:#1a3b77;margin:7px 0}.wsg-mini-check b{display:inline-block;color:#fff;background:#0757f4;border-radius:50%;font-size:8px;width:15px;height:15px;line-height:15px;text-align:center;margin-right:7px}.wsg-visual-note{position:absolute;bottom:-28px;right:0;font-size:10px;color:#a9bfeb}
.wsg-finder-section{position:relative;margin-top:-31px;z-index:2;scroll-margin-top:100px}.wsg-finder{padding:31px 36px;background:#fff;box-shadow:0 8px 32px #132e6f13;border:1px solid #dce5f5;border-radius:6px;display:grid;grid-template-columns:.95fr 1.5fr;gap:26px;align-items:center}.wsg-finder h2{font-size:24px;margin:10px 0 7px}.wsg-finder p{font-size:12px;color:#68778e}.sog-finder-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px}.sog-finder-form label>span{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.sog-finder-form select{width:100%;height:52px;border:1px solid #ccd7eb;background:#f8faff;padding:11px 9px;border-radius:4px;font:inherit;font-size:14px;color:#1b3059}.sog-finder-form .sog-button{min-height:52px;padding:13px 19px;white-space:nowrap}.wsg-tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #dce4f2;border-radius:5px;overflow:hidden}.wsg-tool{display:flex;flex-direction:column;padding:27px 21px;border-right:1px solid #dce4f2;transition:background .2s}.wsg-tool:last-child{border:0}.wsg-tool:hover{background:#f3f7ff}.wsg-tool svg{width:39px;height:39px;color:#0757ee;margin-bottom:23px}.wsg-tool .sog-eyebrow{font-size:8px;letter-spacing:.08em}.wsg-tool h3{font-size:18px;line-height:1.6;margin:9px 0 19px;white-space:nowrap}.wsg-tool p{font-size:12px;color:#66748b;line-height:1.9}.wsg-tool .wsg-tool-lead{font-size:13px;font-weight:700;color:#1b3c77;margin-bottom:10px}.wsg-tool-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:25px;font-size:12px;color:#0050d6;font-weight:700}.wsg-purpose-section{background:#f3f6fc}.wsg-purpose-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.wsg-purpose-layout h2{font-size:36px;line-height:1.7;margin:18px 0 24px}.wsg-purpose-layout p{font-size:15px;color:#5e6c83}.wsg-purpose-links a{display:flex;align-items:center;gap:24px;padding:19px 5px;border-bottom:1px solid #d4dff0}.wsg-purpose-links span{color:#7490bf;font-size:10px}.wsg-purpose-links strong{font-size:19px}.wsg-purpose-links b{margin-left:auto;font-size:16px;color:#0650d4}.wsg-criteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:39px}.wsg-criteria article{border-top:3px solid #0757f4;padding-top:21px}.wsg-criteria article>span{font-size:10px;letter-spacing:.12em;color:#5b7eb9}.wsg-criteria h3{font-size:24px;margin:16px 0;line-height:1.6}.wsg-criteria p{font-size:15px;color:#5f6d82}.wsg-preparing{font-size:13px;color:#68778e;border-top:1px solid #e1e8f5;padding-top:21px;margin-top:32px!important}.wsg-article-row{margin-top:45px}.wsg-company-section{background:#071c4b;color:#d2def7}.wsg-company-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.wsg-company-layout h2{color:#fff;font-size:38px;line-height:1.6;margin:18px 0 24px}.wsg-company-layout p{font-size:15px;color:#c1cee8;margin-bottom:30px}.wsg-company-panel{border:1px solid #49659d;border-radius:5px;padding:33px 36px}.wsg-company-panel>span{font-size:10px;color:#91b5ff;letter-spacing:.1em}.wsg-company-panel ul{list-style:none;padding:0;margin:18px 0 25px}.wsg-company-panel li{border-bottom:1px solid #304878;padding:17px 0;font-size:16px;font-weight:600}.wsg-company-panel b{font-size:11px;color:#80a8fb;margin-right:20px}.wsg-company-panel a{font-size:13px;color:#b5ccff;display:flex;justify-content:space-between}.wsg-journal-links{display:flex;flex-wrap:wrap;gap:15px}.wsg-journal-links a{display:flex;justify-content:space-between;gap:30px;border:1px solid #dce4f3;padding:19px 22px;font-size:14px;font-weight:700;flex:1 0 28%}.wsg-journal-links span{color:#0050e6}.wsg-faq-section{background:#f7f9fd}.wsg-faq{max-width:950px}.wsg-faq details{border-bottom:1px solid #d7e1f1}.wsg-faq summary{font-size:17px;font-weight:700;cursor:pointer;padding:25px 8px;color:#193562}.wsg-faq details p{font-size:15px;color:#5e6e85;padding:0 8px 25px}
.sog-table-wrap{border-color:#dbe4f3}.sog-compare-table th{background:#f2f6ff;color:#193562}.sog-compare-table thead th{background:#e2ebff}.sog-compare-table caption{background:#f8faff}.sog-page-heading{background:#f0f5ff;padding:50px 0}.sog-page-heading h1{font-size:36px}.sog-directory-form{background:#f7f9ff;border-color:#d9e3f5;border-radius:4px}.sog-company-group{border-color:#dce4f2}.sog-note{background:#f2f6ff;border-color:#dbe4f3}.sog-article-cover{background:#dce9ff}.sog-cover-1{background:#e9eefb}.sog-cover-2{background:#d5e5fc}.sog-article-cover .sog-cover-label,.sog-article-cover .sog-cover-art{color:#2458b1}.sog-footer{background:#f2f6fc;border-top:1px solid #dbe4f2;padding-top:44px}.sog-footer .sog-logo-image{width:240px}.sog-footer nav{font-size:14px}.sog-footer-note{font-size:12px}.sog-company-cta{margin-top:35px}
@media(max-width:1100px){.sog-container{width:calc(100% - 52px)}.sog-desktop-nav{display:none}.sog-mobile-menu{display:block}.sog-header-inner{min-height:85px}.wsg-hero{padding:58px 0 88px}.wsg-hero h1{font-size:37px}.wsg-hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.wsg-hero-actions .sog-button{min-width:240px;justify-content:space-between}.wsg-visual{height:340px;margin-left:0}.wsg-browser{left:0;right:0}.wsg-preview-hero strong{font-size:18px}.wsg-mini-shop{left:-8px;bottom:0;width:170px}.wsg-mini-check{right:-3px;bottom:-9px;padding:14px}.wsg-finder{grid-template-columns:1fr;gap:20px}.wsg-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));border:0;gap:18px}.wsg-tool{border:1px solid #dce4f2!important;border-radius:4px}.wsg-purpose-layout,.wsg-company-layout{gap:40px}.wsg-criteria{gap:26px}.wsg-criteria h3{font-size:21px}}
@media(max-width:640px){.sog-container{width:calc(100% - 38px)}.sog-site .sog-logo-image{width:238px}.sog-header-inner{min-height:77px;gap:14px}.sog-header-cta{display:none}.sog-mobile-menu{margin-left:auto}.sog-section{padding-block:52px}.wsg-hero{margin:8px 8px 0;padding:35px 0 69px;border-radius:5px}.wsg-hero-grid{display:flex;flex-direction:column;gap:38px;align-items:stretch}.wsg-kicker{font-size:9px;letter-spacing:.08em}.wsg-hero h1{font-size:29px;line-height:1.7;margin:15px 0 21px;letter-spacing:.015em}.wsg-hero-copy>p{font-size:14px;line-height:1.95}.wsg-mobile-only{display:inline}.wsg-hero-actions{margin-top:26px;align-items:stretch}.wsg-hero-actions .sog-button{width:100%;min-height:52px;font-size:14px}.wsg-hero .wsg-hero-sub{font-size:10px;margin-top:19px}.wsg-visual{width:100%;height:276px;margin:0 auto 8px}.wsg-browser{inset:10px 2px auto 8px;border-width:3px;border-radius:8px}.wsg-browser-bar{padding:7px}.wsg-browser-bar span{font-size:6px}.wsg-preview-nav{padding:13px 15px;font-size:5px}.wsg-preview-nav b{font-size:6px}.wsg-preview-hero{padding:17px 16px 20px;min-height:138px}.wsg-preview-hero>span:first-child{font-size:6px}.wsg-preview-hero strong{font-size:17px;margin-top:9px}.wsg-preview-button{font-size:5px;padding:5px 9px;margin-top:12px}.wsg-sun{width:155px;height:155px;bottom:-59px;right:-3px}.wsg-sun:after{width:140px;height:14px;top:30px;left:10px;box-shadow:0 24px #ffffff80}.wsg-preview-bottom{padding:14px 15px;font-size:5px}.wsg-mini-shop{width:143px;padding:11px;bottom:-2px;left:-5px;border-width:2px}.wsg-mini-heading{font-size:6px}.wsg-product-art{height:47px;margin-top:9px;padding-bottom:5px;gap:6px}.wsg-product-art i{height:30px;width:20px;border-top-width:5px}.wsg-product-art i:nth-child(2){height:36px}.wsg-product-art i:nth-child(3){height:25px}.wsg-mini-shop strong{font-size:7px;margin-top:7px}.wsg-mini-lines{height:3px;margin-top:6px;box-shadow:0 6px #edf1f8}.wsg-mini-check{padding:12px 11px;bottom:-1px;right:-3px}.wsg-mini-check>span{font-size:6px}.wsg-mini-check p{font-size:9px;margin:6px 0}.wsg-mini-check b{width:12px;height:12px;line-height:12px;font-size:7px;margin-right:5px}.wsg-visual-note{font-size:9px;bottom:-25px;right:0}.wsg-finder-section{margin-top:-24px;scroll-margin-top:85px}.wsg-finder{padding:26px 22px;gap:24px}.wsg-finder h2{font-size:22px;line-height:1.65}.wsg-finder p{font-size:11px}.sog-finder-form{grid-template-columns:1fr;gap:18px}.sog-finder-form select{font-size:16px;height:53px}.sog-finder-form .sog-button{min-height:53px}.sog-section-head{display:block}.sog-section-head h2{font-size:26px;line-height:1.65;margin-top:12px}.sog-section-head>.sog-link{display:inline-flex;font-size:14px;margin-top:19px}.sog-section-lead{font-size:14px;margin-bottom:28px}.wsg-tool-grid{grid-template-columns:1fr;gap:16px}.wsg-tool{padding:24px;position:relative}.wsg-tool svg{width:36px;height:36px;position:absolute;right:24px;top:25px;margin:0}.wsg-tool h3{font-size:22px;margin-bottom:18px}.wsg-tool .sog-eyebrow{font-size:9px;padding-right:50px}.wsg-tool .wsg-tool-lead{font-size:14px}.wsg-tool p{font-size:13px}.wsg-tool-link{font-size:13px;padding-top:20px}.wsg-purpose-layout,.wsg-company-layout{display:block}.wsg-purpose-layout h2{font-size:29px;margin:16px 0 21px}.wsg-purpose-layout p{font-size:14px}.wsg-purpose-links{margin-top:25px}.wsg-purpose-links a{padding:19px 0;gap:20px}.wsg-purpose-links strong{font-size:17px}.wsg-criteria{display:block;margin-top:27px}.wsg-criteria article+article{margin-top:28px}.wsg-criteria h3{font-size:23px}.wsg-criteria p{font-size:14px}.wsg-preparing{font-size:12px}.wsg-company-layout h2{font-size:32px;margin:17px 0 21px}.wsg-company-layout p{font-size:14px}.wsg-company-layout .sog-button{font-size:14px;gap:20px}.wsg-company-panel{padding:27px 23px;margin-top:35px}.wsg-company-panel li{font-size:14px}.wsg-company-panel b{margin-right:14px}.wsg-company-panel a{font-size:12px}.wsg-journal-links{display:grid;grid-template-columns:1fr;gap:13px}.wsg-journal-links a{font-size:14px;padding:19px}.wsg-faq summary{font-size:15px;padding:21px 3px}.wsg-faq details p{font-size:14px;padding:0 3px 21px}.sog-page-heading{padding:35px 0}.sog-page-heading h1{font-size:28px}.sog-directory-form{padding:24px 20px}.sog-small{font-size:13px}.sog-footer{padding-top:34px}.sog-footer nav{font-size:13px}.sog-footer-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sog-site a{transition:none}.sog-button:hover{transform:none}}