*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;background:#f1f3f1;color:#333;font-family:Arial,'Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;line-height:1.75}main{max-width:600px;margin:auto;background:white;overflow:hidden}header{height:90px;display:flex;align-items:center;justify-content:center;position:relative}.site-logo{color:#283D37;font-weight:900;font-size:23px;line-height:1.2;text-decoration:none;letter-spacing:-1px}.site-logo span{color:white;background:#174F46;padding:3px}.site-logo em{font-style:normal;color:white;background:#5D786C;padding:3px}.site-logo small{display:block;font-size:9px;text-align:center;letter-spacing:2px;margin-top:8px}#menu{position:absolute;right:28px;top:25px;border:0;background:transparent;width:48px;padding:0;cursor:pointer}#menu i{height:4px;background:#174F46;display:block;margin:7px 0;border-radius:2px}nav{padding:16px;background:#183F37}nav a{display:block;color:white;padding:8px;text-decoration:none;border-bottom:1px solid #ffffff33}.hero{height:324px;background:linear-gradient(110deg,#568C7B 0%,#2D6758 34%,transparent 67%),url('assets/hero.webp') center/cover;position:relative}.hero-content{padding:38px 20px 0;position:relative}.hero h1{font-family:Georgia,'Yu Mincho',serif;margin:0;font-size:36px;line-height:1.55;color:white;letter-spacing:1px;position:relative}.hero h1>span{background:#183F37;padding:5px 8px;display:inline-block;margin-bottom:10px}.hero .tiny{font-size:20px}.hero-count{background:#DCEBE1;color:#183F37;display:inline-block;font-family:Arial,Meiryo,sans-serif;font-size:20px;padding:0 7px;position:absolute;top:94px;left:311px;line-height:1}.hero-count b{font-size:64px;padding:0 3px}.chips{display:flex;gap:6px;margin-top:9px;white-space:nowrap}.chips b{background:#57766A;color:white;border-radius:3px;font-size:16px;padding:3px 8px;flex:1;text-align:center}.pr{text-align:right;font-size:10px;color:white;font-weight:bold;margin:9px 0}.logo-strip{text-align:center;font-family:Georgia,serif;font-weight:bold;letter-spacing:2px;font-size:16px;height:40px;line-height:40px;color:#174F46}.logo-strip span{color:#526A60;margin:0 30px;font-family:Arial}.section-head{background:#183F37;color:white;text-align:center;padding:20px 12px}.section-head p{margin:0 0 6px;font-size:19px}.section-head p b{background:white;color:#183F37;padding:5px 10px}.section-head h2{margin:0;font-size:26px}.section-head small{border-bottom:2px solid #93B3A3}.comparison{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px;line-height:1.5}.comparison th{background:#EAEFEC;font-size:11px;padding:7px 1px}.comparison th:first-child{width:28%}.comparison th:nth-child(2){width:17%}.comparison th:nth-child(3){width:23%}.comparison th:nth-child(4){width:16%}.comparison td{border:1px solid #e2e8e4;height:130px;text-align:center;padding:12px 6px}.comparison tr:first-child{background:#EFF7F1}.comparison .brand{position:relative}.rank{position:absolute;left:0;top:0;font-size:12px;color:white;clip-path:polygon(0 0,100% 0,0 100%);width:35px;height:35px;text-align:left;padding-left:3px}.r1{background:#4C7864}.r2{background:#7F9089}.r3{background:#A49785}.brand>a{font-size:11px;color:#216153;text-underline-offset:3px;font-weight:bold;display:block;margin-top:12px}.logo{font-family:Georgia,serif;font-size:32px;font-weight:bold;line-height:1.2;color:#174F46;text-align:center}.logo small{font-family:Arial,Meiryo,sans-serif;display:block;font-size:11px;letter-spacing:0;margin-top:4px}.axis{color:#465A52}.assign{color:#222;letter-spacing:4px}.comparison .logo{font-size:20px;letter-spacing:0}.comparison .logo small{font-size:8px}.check{font-size:32px;color:#467966}.comparison small{display:block;font-size:10px}.comparison .comment{text-align:left;font-weight:bold}.cta{display:block;background:linear-gradient(#287561,#1D604F);border-radius:5px;color:white;text-align:center;font-size:24px;font-weight:bold;text-decoration:none;position:relative;padding:13px 24px;box-shadow:0 4px 0 #154737;line-height:1.4;margin:0 auto;max-width:450px;transition:filter .2s}.cta:hover{filter:brightness(1.08)}.cta span{position:absolute;right:18px;top:16px;font-size:32px}.cta small{display:block;font-size:14px}.cta.compact{font-size:11px;padding:12px 4px;border-radius:2px;max-width:52px;box-shadow:0 2px 0 #154737;line-height:1.25}.cta.compact span{display:none}.note{font-size:10px;color:#777;line-height:1.8;padding:10px 16px;margin:0}.reasons{padding:32px 24px 24px}.reasons h2,.tips>h2{text-align:center;color:#183F37;font-size:28px;line-height:1.45;margin:0 0 23px}.reasons h2 em{font-style:normal;color:#4C7864;font-size:34px}.reasons>p{font-size:15px;margin:0 0 24px}details{border:1px solid #CFDCD4;margin:10px 0;border-radius:4px}summary{cursor:pointer;list-style:none;font-weight:bold;color:#244E41;padding:16px 12px;font-size:16px;display:flex;align-items:center;gap:12px}summary::-webkit-details-marker{display:none}summary>b{font-size:24px;color:#4C7864}summary>span{margin-left:auto}details p{font-size:14px;padding:0 18px 16px;margin:0}details[open] summary>span{font-size:0}details[open] summary>span:after{content:'−';font-size:18px}.jobs{padding:20px;background:#EDF3EF}.jobs h2{text-align:center;color:#244E41;font-size:23px}.job-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.job-grid article{background:white;padding:16px 12px;border-top:4px solid #759587;box-shadow:0 2px 5px #19334d10}.job-grid small{color:#50735F;font-size:10px;font-weight:bold;letter-spacing:1px}.job-grid h3{font-size:16px;color:#244E41;margin:8px 0}.job-grid p{font-size:12px;margin:0}.recommend{padding:30px 22px;text-align:center}.recommend>p{font-size:18px;margin:0}.recommend>h2{font-size:25px;color:#183F37;margin:0 0 20px}.featured{border:2px solid #7F9F8D;padding:24px 20px;background:#F6FAF6}.featured p{font-size:15px;text-align:left;margin:20px 0}.recommend .registered{background:#EBF1ED;font-size:14px;margin:20px 0 0;padding:10px;color:#244E41}.registered+.featured{border-color:#CFDCD4;background:white}.agents{padding:22px;background:#EFF2EF}.agent{border:1px solid #ddd;background:white;margin-bottom:25px;padding:0 20px 28px;scroll-margin-top:12px}.agent h3{background:#183F37;color:white;margin:0 -20px;padding:12px 12px 12px 60px;position:relative;font-size:24px}.medal{position:absolute;left:10px;top:-7px;width:39px;height:52px;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);text-align:center;font-family:Georgia;font-size:31px;padding-top:4px}.tag{color:#244E41;font-weight:bold;font-size:16px;line-height:1.7;margin:20px 0}.banner{padding:35px 22px 24px;background:linear-gradient(130deg,#EDF4EF,#DDE9E1);border:1px solid #D5E1D9;text-align:center;min-height:220px;letter-spacing:0}.banner .logo{font-size:44px}.banner p{font-size:21px;line-height:1.6;font-weight:bold;color:#244E41;margin:20px 0}.banner>span{display:inline-block;background:#244E41;color:white;border-radius:30px;padding:6px 24px;font-size:13px}.banner.axis{background:linear-gradient(130deg,#F5F5F1,#E5EBE4)}.banner.assign{background:linear-gradient(130deg,#F6F4EE,#EBE7DF)}.spec{border-collapse:collapse;width:100%;font-size:13px;margin-top:18px}.spec th,.spec td{border:1px solid #D6DDD8;padding:9px}.spec th{background:#EFF3EF;color:#244E41;width:30%}.agent h4{background:#EEF4EF;border-left:5px solid #244E41;color:#244E41;padding:8px 12px;font-size:18px;margin:25px -1px 14px}.agent ul{list-style:none;margin:0;padding:0}.agent li{padding:8px 0 8px 25px;font-weight:bold;position:relative;font-size:15px;border-bottom:1px dotted #ddd}.agent li:before{content:'✓';color:#50735F;position:absolute;left:0}.bodycopy{font-size:15px;line-height:1.95}.memo{background:#F3F5EF;padding:16px;font-size:13px;border:1px solid #DBE3D7}.memo b{color:#4C6856}.memo p{margin:8px 0 0}.cta-pre{font-size:14px;text-align:center;font-weight:bold;color:#1D604F;margin:24px 0 8px}.support{text-align:center;background:#EAF2EC;padding:28px 20px}.support h2{color:#244E41;font-size:25px;margin:0}.support p{font-size:18px}.support strong{color:#50735F}.support>div{display:flex;gap:10px}.support span{flex:1;background:white;padding:16px 4px;color:#244E41;border:1px solid #CFDCD4;font-weight:bold;font-size:15px}.tips{padding:32px 24px}.tips article{border:1px solid #CFDCD4;margin:20px 0;padding:20px;background:#FBFCFA}.tips small{color:#50735F;font-weight:bold;letter-spacing:2px}.tips h3{color:#244E41;font-size:20px;margin:6px 0 12px}.tips p{font-size:15px;margin:0}.faq{padding:10px 24px 30px}.faq h2{text-align:center;color:#244E41;font-size:25px}.faq summary{font-size:15px}.closing{border-top:6px solid #7F9F8D;text-align:center;background:#F2F6F0;padding:30px 30px 35px}.closing>p{font-size:15px}.closing h2{color:#183F37;font-size:25px}.closing .logo{margin:25px 0}footer{text-align:center;background:#183F37;color:#CAD7CE;padding:25px 12px;font-size:10px}footer button{border:0;background:none;color:white;text-decoration:underline;font-size:11px;margin:0 9px;cursor:pointer}.backtop{position:fixed;bottom:18px;right:18px;background:#244E41CC;color:white;width:42px;height:42px;text-align:center;line-height:42px;text-decoration:none;border-radius:4px}dialog{border:0;border-radius:8px;max-width:520px;width:90%;padding:30px;box-shadow:0 10px 50px #0004}dialog::backdrop{background:#0008}dialog h2{font-size:22px;color:#244E41}dialog p{font-size:14px;white-space:pre-line}#close-modal{float:right;border:0;background:none;font-size:28px;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #699781;outline-offset:3px}@media(max-width:600px){header{height:74px}.site-logo{font-size:21px}#menu{right:18px;top:18px;width:35px}.hero{height:55vw;min-height:215px;max-height:324px}.hero-content{padding:6.1vw 3.3vw 0}.hero h1{font-size:6vw}.hero .tiny{font-size:3.3vw}.hero h1>span{margin-bottom:1.6vw;padding:1vw 1.3vw}.hero-count{top:15.8vw;left:52vw;font-size:3.1vw}.hero-count b{font-size:10.8vw}.chips{gap:1vw;margin-top:1vw}.chips b{font-size:2.65vw;padding:1vw}.pr{font-size:1.7vw;margin:1.5vw 0}.logo-strip{font-size:13px;letter-spacing:1px}.logo-strip span{margin:0 20px}.section-head h2{font-size:22px}.section-head p{font-size:16px}.comparison th{font-size:9px}.comparison td{padding:10px 4px;font-size:10px;height:120px}.comparison .logo{font-size:15px}.comparison .logo small{font-size:6px}.brand>a{font-size:9px}.comparison small{font-size:8px}.comparison .cta.compact{font-size:10px}.reasons,.tips{padding:28px 18px}.reasons h2{font-size:25px}.reasons h2 em{font-size:30px}summary{font-size:14px}.agents{padding:16px 12px}.agent{padding:0 16px 24px}.agent h3{margin:0 -16px;font-size:21px}.banner{padding:25px 14px;min-height:200px}.banner .logo{font-size:36px}.banner p{font-size:19px}.agent h4{font-size:16px}.cta{font-size:21px}.support span{font-size:12px}.closing{padding:25px 20px}.closing h2{font-size:22px}.job-grid h3{font-size:14px}.job-grid article{padding:12px}.backtop{width:34px;height:34px;line-height:34px;right:10px;bottom:10px}}

/* Brand refresh: preserve the established page structure. */
.site-logo{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:0;color:#203B31;line-height:1.3}
.site-logo .brand-mark{width:40px;height:40px;flex:none}
.site-logo .brand-words{display:block;background:none;color:inherit;padding:0}
.site-logo .brand-words>small{font-size:8px;letter-spacing:2.1px;text-align:left;color:#678075;margin:0 0 4px;font-weight:600}
.site-logo strong{display:block;font-size:21px;letter-spacing:.2px;font-weight:750}
.site-logo strong span{background:none;color:#5B7568;padding:0;margin-left:3px;font-weight:500}
.logo{display:flex;justify-content:center;align-items:center;line-height:1;background:#fff;padding:10px 15px;border-radius:3px;max-width:330px;margin:0 auto}
.logo img{display:block;width:100%;height:auto;max-height:90px;object-fit:contain}
.logo.axis img{max-width:265px}.logo.assign img{max-width:240px}
.comparison .logo{padding:7px 3px;border-radius:2px;min-height:45px}
.comparison .logo img{max-height:46px;max-width:120px}
.logo-strip{display:flex;align-items:center;justify-content:center;gap:28px;height:48px;padding:9px 24px;background:#fff;line-height:1}
.logo-strip img{width:28%;height:28px;object-fit:contain}
.banner .logo{height:108px;max-width:340px;padding:16px 22px}
.featured .logo{min-height:95px}.closing .logo{min-height:100px;margin:25px auto}
.hero{background:linear-gradient(110deg,#487D6E 0%,#285A4C 34%,transparent 67%),url('assets/hero.webp') center/cover}
.hero-count{background:#DCEBE1;color:#183F37}.chips b{background:#59796B}
.cta{background:linear-gradient(#287561,#1D604F);box-shadow:0 4px 0 #154737}
.cta.compact{box-shadow:0 2px 0 #154737}
@media(max-width:600px){.site-logo{gap:9px}.site-logo .brand-mark{width:34px;height:34px}.site-logo strong{font-size:18px}.site-logo .brand-words>small{font-size:7px;letter-spacing:1.6px}.logo-strip{height:42px;gap:18px;padding:7px 20px}.logo-strip img{height:25px}.comparison .logo{min-height:40px;padding:5px 2px}.comparison .logo img{max-height:35px}.banner .logo{height:90px;padding:12px 18px}.featured .logo{min-height:80px}}
@media(max-width:360px){.site-logo strong{font-size:16px}.site-logo .brand-mark{width:30px;height:30px}.site-logo{gap:7px}#menu{right:12px}}
.article-entry{padding:20px 24px;background:#eef4ec;border-bottom:1px solid #d4e1d0}.article-entry small{display:block;color:#6b8265;font-size:10px;letter-spacing:1px;margin-bottom:6px}.article-entry>a{display:block;color:#2e583d;font-size:16px;font-weight:bold;text-decoration:none;line-height:1.8}.a8-pixels{height:1px;overflow:hidden;line-height:0}.a8-pixels img{width:1px;height:1px;display:inline-block}