/*
Theme Name: シゴトリレー SWELL Child
Template: swell
Version: 1.0.0
Description: フリーランス・業務委託発注の比較メディア専用テーマ。
Author: シゴトリレー
Text Domain: relay-ops-swell-child
*/
.sog-site{--sog-ink:#20333d;--sog-muted:#607582;--sog-blue:#087cc2;--sog-blue-dark:#07649e;--sog-line:#dce9ef;--sog-light:#f1f8fc;background:#fff;color:var(--sog-ink)}.sog-container{width:min(1180px,calc(100% - 80px))}.sog-header-inner{min-height:103px;gap:24px}.sog-brand--image{line-height:0;max-width:290px}.sog-logo-image{width:290px;height:auto!important;display:block;object-fit:contain}.sog-desktop-nav{gap:24px}.sog-header-cta{color:#fff!important;border:0;background:#087cc2;border-radius:0;align-self:stretch;display:flex;align-items:center;padding-inline:28px}.sog-button{border-radius:999px;gap:25px;background:#087cc2;min-height:56px;padding:15px 26px;box-shadow:0 5px 13px #087cc214}.sog-button:hover{background:#07649e}.sog-button--outline{background:#fff;color:#0875b4!important;border:1px solid #94cce5;box-shadow:none}.sog-button--outline:hover{background:#f2faff}.sog-eyebrow,.relay-kicker{color:#087cc2;font-size:11px;font-weight:700;letter-spacing:.14em}.sog-site .relay-kicker{display:block}.relay-hero{overflow:hidden;background:linear-gradient(180deg,#fafdff,#fff)}.relay-hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:24px;align-items:center;padding-block:68px 62px}.relay-hero h1{font-size:46px;line-height:1.7;letter-spacing:.04em;margin:21px 0 25px;font-weight:800}.relay-hero h1 em{color:#087cc2;font-style:normal;white-space:nowrap;position:relative}.relay-hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-6px;border-bottom:5px solid #ff977c;opacity:.65}.relay-hero-copy>p{font-size:15px;color:#546e7d;line-height:2.1}.relay-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.relay-actions .sog-button{font-size:13px;padding-inline:22px;gap:18px}.relay-hero-copy .relay-hero-sub{font-size:11px;margin-top:18px;color:#788c97}.relay-hero-photo{min-width:0;margin:0;position:relative;padding-bottom:34px}.relay-hero-photo img{display:block;width:100%;height:375px;object-fit:cover;object-position:center;border-radius:65px 4px 65px 4px}.relay-hero-photo figcaption{position:absolute;right:6px;bottom:6px;font-size:9px;color:#738895}.relay-photo-label{position:absolute;left:-18px;bottom:17px;background:#fff;padding:15px 23px;border-left:4px solid #ff8868;line-height:1.7;font-size:15px;font-weight:700;box-shadow:0 10px 30px #0b6a9510}.relay-finder-section{padding:0 0 60px;scroll-margin-top:40px}.relay-finder{background:linear-gradient(110deg,#10a5d2,#2477cc);color:#fff;padding:28px 32px;display:grid;grid-template-columns:1fr 1.55fr;gap:28px;align-items:center}.relay-finder .relay-kicker{color:#e4f8ff;font-size:10px}.relay-finder h2{font-size:23px;margin:5px 0}.relay-finder p{font-size:12px;color:#ecfaff}.relay-finder .sog-finder-form{grid-template-columns:1fr 1fr auto;gap:12px}.relay-finder .sog-finder-form select{border:0;color:#284955;background:#fff;min-height:52px;border-radius:3px}.relay-finder .sog-button{background:#fff!important;color:#116ea2!important;min-height:52px;border-radius:3px}.relay-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid #dce9ef}.relay-category{padding:30px 19px 26px;border-right:1px solid #dce9ef;min-width:0}.relay-category:first-child{border-left:1px solid #dce9ef}.relay-category:hover{background:#f2faff}.relay-category-number{display:block;color:#9cc4d7;font-size:31px;font-weight:300;margin-bottom:18px}.relay-category .sog-eyebrow{font-size:9px;min-height:28px}.relay-category h3{font-size:18px;min-height:56px}.relay-category .relay-category-lead{font-size:12px;color:#254856;font-weight:700;margin:15px 0 10px}.relay-category-link{display:flex;justify-content:space-between;margin-top:26px;font-size:12px;font-weight:700;color:#087cc2}.relay-category-link b{font-size:19px;color:#ff8868}.relay-method-section{background:#f2f9fc}.relay-method-layout,.relay-company-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.relay-method-layout h2{font-size:37px;margin:12px 0 20px}.relay-method-layout p{color:#68818f;font-size:14px;margin-bottom:23px}.relay-method-links{border-top:1px solid #bed9e5}.relay-method-links a{padding:20px 8px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #bed9e5}.relay-method-links a>span{font-size:13px;color:#6aa9c9}.relay-method-links strong{font-size:17px}.relay-method-links b{margin-left:auto;color:#087cc2}.relay-criteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-bottom:34px}.relay-criteria article{border-top:3px solid #6cb7da;padding-top:24px}.relay-criteria article>span{font-size:11px;letter-spacing:.08em;color:#368bb3}.relay-criteria h3{font-size:22px;margin:14px 0}.relay-criteria p{font-size:13px;line-height:2;color:#657d89}.relay-preparing{font-size:12px;color:#758893;padding:18px 0}.relay-company-section{background:#0b78b5;color:#fff}.relay-company-layout h2{font-size:36px;margin:13px 0 22px}.relay-company-layout p{font-size:14px;color:#dff3ff;line-height:2.1;margin-bottom:25px}.relay-company-layout .relay-kicker{color:#c5eeff}.relay-company-layout .sog-button{background:#fff;color:#086b9e!important}.relay-company-panel{border:1px solid #6eb3d7;padding:35px}.relay-company-panel>span{font-size:10px;letter-spacing:.12em;color:#c5eeff}.relay-company-panel ol{padding-left:22px;margin:23px 0 28px}.relay-company-panel li{padding:13px 0;border-bottom:1px solid #54a3cd;font-size:15px}.relay-company-panel a{font-size:12px;display:flex;justify-content:space-between;color:#e4f7ff}.relay-journal-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce9ef}.relay-journal-links a{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #dce9ef;font-size:14px}.relay-journal-links a:nth-child(odd){margin-right:35px}.relay-journal-links span{color:#ff8868}.relay-faq-section{background:#f5fafc}.relay-faq{max-width:970px}.relay-faq details{border-bottom:1px solid #d7e7ee;padding:23px 0}.relay-faq summary{list-style:none;font-size:17px;font-weight:700;display:flex;gap:17px;align-items:center}.relay-faq summary:before{content:'Q';font-size:22px;color:#2393c5}.relay-faq summary:after{content:'+';margin-left:auto;color:#359ac7}.relay-faq details[open] summary:after{content:'−'}.relay-faq p{font-size:14px;color:#637d8a;padding:20px 10px 2px 35px;line-height:2}.sog-page-heading{background:#edf8fc}.sog-note,.sog-directory-form{background:#f4fafd}.sog-pill{background:#e5f4fc;color:#0c709f}.sog-article-cover{background:#e1f3fb}.sog-cover-1{background:#e7f7f8}.sog-cover-2{background:#fff0e9}.sog-footer{background:#f3f8fb;border-color:#d9e8ee}.sog-site :is(a,button,summary,select,input):focus-visible{outline:3px solid #b95821;outline-offset:4px}.sog-compare-table thead th{background:#e2f3fb}.sog-compare-table caption,.sog-compare-table th{background:#f4fafd}.sog-service-grid{margin-block:25px}.sog-footer .sog-logo-image{width:250px}
@media(max-width:1100px){.sog-header-inner{gap:18px;min-height:90px}.sog-desktop-nav{gap:17px;font-size:12px}.sog-logo-image{width:250px}.sog-header-cta{padding-inline:18px}.relay-hero h1{font-size:37px}.relay-actions .sog-button{padding-inline:17px}.relay-finder{grid-template-columns:1fr;gap:20px}.relay-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.relay-category:nth-child(4){border-left:1px solid #dce9ef}.relay-category:nth-child(n+4){border-top:1px solid #dce9ef}.relay-method-layout,.relay-company-layout{gap:40px}}
@media(max-width:800px){.sog-container{width:calc(100% - 44px)}.sog-header-inner{min-height:84px}.sog-brand--image{max-width:245px}.sog-header-cta{display:none}.sog-mobile-menu{margin-left:auto}.relay-hero h1{font-size:32px}.relay-hero-grid{padding-block:38px 30px}.relay-hero-photo img{height:300px}.relay-hero-copy>p{font-size:13px}.relay-actions .sog-button{width:100%;justify-content:space-between}.relay-photo-label{font-size:12px;padding:12px 15px;left:-8px}.relay-method-layout h2,.relay-company-layout h2{font-size:31px}.relay-criteria{gap:20px}.relay-criteria h3{font-size:19px}.relay-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.relay-category:nth-child(3){border-top:1px solid #dce9ef;border-left:1px solid #dce9ef}.relay-category:nth-child(4){border-left:0}.relay-category:nth-child(5){border-left:1px solid #dce9ef}.relay-category h3,.relay-category .sog-eyebrow{min-height:0}.relay-company-panel{padding:25px}}
@media(max-width:640px){.sog-container{width:calc(100% - 36px)}.sog-header-inner{min-height:79px}.sog-logo-image{width:235px}.sog-header-inner .sog-brand--image{max-width:245px}.relay-hero-grid{grid-template-columns:1fr;gap:26px;padding-top:30px;padding-bottom:20px}.relay-kicker{font-size:9px}.relay-hero h1{font-size:31px;line-height:1.65;margin:17px 0 22px}.relay-hero-copy>p{font-size:13px}.relay-actions{margin-top:23px}.relay-actions .sog-button{font-size:13px;min-height:50px;padding:12px 20px}.relay-hero-copy .relay-hero-sub{font-size:10px;margin-top:13px}.relay-hero-photo{padding-bottom:31px}.relay-hero-photo img{height:auto;aspect-ratio:1672/941;border-radius:38px 3px 38px 3px}.relay-photo-label{left:10px;bottom:15px;font-size:11px;padding:9px 14px;line-height:1.6}.relay-hero-photo figcaption{font-size:8px;bottom:0;right:0}.relay-finder-section{padding-bottom:0}.relay-finder{width:100%;padding:26px 22px;gap:17px}.relay-finder h2{font-size:21px}.relay-finder .sog-finder-form{grid-template-columns:1fr;gap:14px}.relay-finder .sog-finder-form select,.relay-finder .sog-button{min-height:49px}.relay-finder p{font-size:11px}.relay-category{padding:20px 15px}.relay-category-number{font-size:25px;margin-bottom:11px}.relay-category h3{font-size:17px}.relay-category .relay-category-lead{font-size:11px}.relay-category-link{font-size:11px;margin-top:20px}.relay-method-layout,.relay-company-layout{grid-template-columns:1fr;gap:30px}.relay-method-layout h2,.relay-company-layout h2{font-size:29px}.relay-method-layout p,.relay-company-layout p{font-size:13px}.relay-method-links a{gap:16px;padding-block:17px}.relay-method-links strong{font-size:15px}.relay-criteria{grid-template-columns:1fr;gap:28px}.relay-criteria article{padding-top:17px}.relay-criteria h3{font-size:21px;margin:10px 0}.relay-criteria p{font-size:12px}.relay-company-panel li{font-size:13px}.relay-journal-links{grid-template-columns:1fr}.relay-journal-links a{font-size:13px;padding-block:17px}.relay-journal-links a:nth-child(odd){margin-right:0}.relay-faq summary{font-size:14px;gap:12px}.relay-faq p{font-size:12px;padding-left:30px}.relay-faq details{padding-block:19px}.sog-footer .sog-logo-image{width:225px}}
@media(prefers-reduced-motion:reduce){.sog-site *{scroll-behavior:auto!important;transition:none!important}}