@charset "utf-8";
/* CSS Document */

:root{--green:#0b6b3a;--green2:#07562f;--brand:#43A047;--red:#ED3F40;--gold:#EAC344;--ink:#162018;--cream:#f6f8f3;--line:#dfe8df}
*{box-sizing:border-box}
.wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}
.hero{background:linear-gradient(90deg,#f9fbf7,#eef7f4);overflow:hidden; padding:30px 0;}
.hero-grid{min-height:460px;display:grid;grid-template-columns:1.05fr 1fr .62fr;align-items:center;gap:18px}
.patent{border:1px solid #333;padding:4px 13px;font-size:13px}
.hero h1{font-family:serif;color:var(--green);font-size:82px;line-height:1;margin:18px 0 14px}
.hero h2{font-family:serif;font-size:30px;line-height:1.45;margin:0 0 14px}
.hero p{font-size:15px}
.actions{display:flex;gap:14px;margin-top:20px}
.btn{display:inline-block;padding:13px 28px;border-radius:28px;text-decoration:none;font-weight:700}
.red{background:var(--red);color:#fff !important;}
.outline{border:1px solid var(--green);color:var(--green) !important;background:#fff !important;}
.hero-photo{height:410px;border-radius:0;background:#e6eee8}
.placeholder{display:flex;align-items:center;justify-content:center;text-align:center;color:#678;font-weight:700;background:linear-gradient(135deg,#edf3ef,#dfe9e2)}
.result-badge{width:250px;height:250px;border-radius:50%;background:var(--green2);color:#fff;border:7px solid #d7ae50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.result-badge small{font-size:17px}
.result-badge strong{font-family:serif;font-size:82px;line-height:.9;color:#f3d78d}
.result-badge strong span{font:16px sans-serif;color:#fff}
.result-badge b{font-size:20px}
.features{display:grid;grid-template-columns:repeat(4,1fr);padding-top:28px;padding-bottom:28px}
.features article{text-align:center;border-right:1px solid var(--line)}
.features article:last-child{border:0}
.features b{font-size:22px;color:var(--green)}
.features p{margin:6px 0}
.section{padding-top:38px;padding-bottom:38px}
.section-title{display:flex;align-items:baseline;gap:20px}
.section-title h2,.reports h2{font-family:serif;font-size:34px;margin:0}
.section-title p{margin:0}
.section-title a{margin-left:auto;color:var(--green)}
.cards{display:grid;gap:18px}
.four{grid-template-columns:repeat(4,1fr)}
.cards article{background:#fff;border:1px solid #e5e9e6;border-radius:8px;overflow:hidden;padding:0 16px 16px;box-shadow:0 3px 12px #0000000c}
.photo{/*height:140px;*/margin:0 -16px 12px}
.cards small{background:var(--green);color:#fff;padding:4px 9px;border-radius:15px}
.cards h3{color:var(--green);font-size:19px;line-height:1.4;}
.why{background:linear-gradient(100deg,#0a5734,#f3f7f3);padding:18px 0}
.why-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:14px;align-items:stretch}
.why-grid>div{color:#fff;padding:18px}
.why h2{font-family:serif;font-size:35px;margin:0}
.why article{background:#fff;padding:16px;border-radius:8px}
.why article b{font-family:serif;color:var(--green);font-size:34px}
.why article h3{color:var(--green)}
.light{border-color:#fff !important;color:#fff !important;background:transparent !important;}
.links article a,.reportcards article a{display:block;text-align:center;background:var(--green);color:#fff;text-decoration:none;padding:8px;border-radius:20px}
.reports{background:#f7faf7}
.center{text-align:center}
.reportcards article{text-align:center;padding:24px}
.reportcards h3{font-size:23px}
.reportcards b{display:block;margin-bottom:18px}
.reportcards .quit h3,.reportcards .quit b{color:#d92235}
.reportcards .hire h3,.reportcards .hire b{color:#1267a9}
.reportcards .org h3,.reportcards .org b{color:#a77413}
.final-cta{background:linear-gradient(180deg,#153f59,#0c2940);color:#fff;text-align:center;/*padding:50px 0*/}
.final-cta h2{font-family:serif;font-size:36px;margin:0}
@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;min-height:auto;/*padding-top:30px;padding-bottom:30px*/}
.hero-photo{height:320px;order:2}
.result-badge{width:190px;height:190px;position:absolute;right:16px;top:255px}
.result-badge small{font-size:12px}
.result-badge strong{font-size:58px}
.features,.four,.why-grid{grid-template-columns:1fr 1fr}
.features article:nth-child(2){border:0}
.section-title{display:block}
.section-title a{display:inline-block;margin-top:8px}
}
@media(max-width:600px){
.result-badge{width:155px;height:155px;top:60px;right:10px;}
.result-badge strong{font-size:46px}
.result-badge b{font-size:13px}
}
@media(max-width:560px){
.wrap{padding-left:18px;padding-right:18px}
.hero h1{font-size:68px}
.hero h2{font-size:23px}
.features,.four,.why-grid{grid-template-columns:1fr}
.features article{border-right:0;border-bottom:1px solid var(--line) !important;padding:12px}
.actions{flex-direction:column}
.btn{text-align:center}
}

/*追加記述*/
#top { margin:70px 0 0; text-align:left; font-size:16px; font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; color:var(--ink); line-height:1.65; background:#fff;}
.hero-photo img { width:100%; height:100%; object-fit:cover; object-position:center left;}
.features article { padding-top:55px; background-repeat:no-repeat; background-position:center top;}
.features article:nth-of-type(1) { background-image:url(../n-img/top/features-icon01.jpg);}
.features article:nth-of-type(2) { background-image:url(../n-img/top/features-icon02.jpg);}
.features article:nth-of-type(3) { background-image:url(../n-img/top/features-icon03.jpg);}
.features article:nth-of-type(4) { background-image:url(../n-img/top/features-icon04.jpg);}
.case h3 { margin:15px 0 10px;}
.case img { width:100%; height:auto;}
.why a.btn { margin-top:15px;}
.why h3 { margin:10px 0; font-size:19px;}
.why article b { position:relative; display:block; width:100%; padding-top:66.7%; background-size:cover;}
.why article:nth-of-type(1) b { background-image:url(../n-img/top/why-imgbg01.jpg);}
.why article:nth-of-type(2) b { background-image:url(../n-img/top/why-imgbg02.jpg);}
.why article:nth-of-type(3) b { background-image:url(../n-img/top/why-imgbg03.jpg);}
.why article b span { position:absolute; top:-10px; left:-10px; width:50px; height:50px; border-radius:50%; text-align:center; background:#FFFFFF;}
.comp a { margin-top:15px;}
.comp h3 { margin:15px 0 10px;}
.comp img { width:100%; height:auto;}
.reports article img { width:100%; max-width:320px; height:auto;}
.reports article.quit a { background-color:#d92235;}
.reports article.hire a { background-color:#1267a9;}
.reports article.use { color:var(--green);}
.reports article.use a {}
.reports article.org a { background-color:#a77413;}
.niau-match { border-top:1px solid #e8dfcf; border-bottom:1px solid #e8dfcf; background:#fbf8f1;}
.nm-grid { display:grid; grid-template-columns:0.7fr 1.4fr 0.9fr; align-items:center; gap:20px; padding:20px; background:url(../n-img/top/nm-imgbg02.png) right center no-repeat, url(../n-img/top/nm-imgbg01.jpg) right center no-repeat; background-size:contain, contain;}
.nm-grid div {}
.nm-grid div:nth-of-type(1) {}
.nm-grid div:nth-of-type(2) { text-shadow:
1px 0px 1px #fbf8f1,
1px 1px 1px #fbf8f1,
0px 1px 1px #fbf8f1,
-1px 0px 1px #fbf8f1,
-1px -1px 1px #fbf8f1,
0px -1px 1px #fbf8f1,
0px 0px 5px #fbf8f1,
0px 0px 10px #fbf8f1,
0px 0px 15px #fbf8f1,
0px 0px 20px #fbf8f1;}
.nm-grid div:nth-of-type(3) { text-align:center;}
.nm-grid h2 { font-size:24px; color:var(--green);}
.nm-grid h3 { font-size:40px; color:#153C31; font-family:serif; line-height:1.4;}
.nm-grid p { display:block; width:100%; height:auto;}
.nm-grid img { display:block; width:100%; max-width:240px; height:auto; margin:0 auto;}
.nm-grid a { display:inline-block; padding:13px 28px; border-radius:28px; color:#FFFFFF; text-decoration:none; font-weight:700; background:var(--green);}
.final-cta { padding:0; background:url(../n-img/top/final-cta-imgbg.jpg) center center rgba(18, 43, 104, 1.0); background-size:cover;}
.final-cta > div { max-width:680px; padding:50px 20px; background-image:linear-gradient(90deg, rgba(18, 43, 104, 0), rgba(18, 43, 104, 0.8) 25% 75%, rgba(18, 43, 104, 0));}
.final-cta h2,
.final-cta p { text-shadow:
1px 0px 1px rgba(18, 43, 104, 1.0),
1px 1px 1px rgba(18, 43, 104, 1.0),
0px 1px 1px rgba(18, 43, 104, 1.0),
-1px 0px 1px rgba(18, 43, 104, 1.0),
-1px -1px 1px rgba(18, 43, 104, 1.0),
0px -1px 1px rgba(18, 43, 104, 1.0),
0px 0px 5px rgba(18, 43, 104, 1.0),
0px 0px 10px rgba(18, 43, 104, 1.0),
0px 0px 15px rgba(18, 43, 104, 1.0),
0px 0px 20px rgba(18, 43, 104, 1.0);}
.final-cta a.btn { margin-top:15px;}
@media(max-width:900px){
.features article:nth-of-type(1),
.features article:nth-of-type(2) { padding-bottom:15px;}
.features article:nth-of-type(3),
.features article:nth-of-type(4) { padding-top:70px; border-top:1px solid var(--line); background-position:center 15px;}
.features article br { display:none;}
.nm-grid { grid-template-columns:1.0fr; align-items:center; gap:20px; padding:20px; background:url(../n-img/top/nm-imgbg03.png) right bottom no-repeat, url(../n-img/top/nm-imgbg01.jpg) right bottom no-repeat; background-size:contain, contain;}
}
@media all and (max-width:719px)
{
#top { margin:52px 0 0;}
.features article br { display:inline;}
}
@media(max-width:560px){
.result-badge { width:140px; height:140px; top:55px; right:5px; border:5px solid #d7ae50;}
.result-badge small { margin-top:3px; line-height:1.4;}
.result-badge b { line-height:1.4;}
.features article:nth-of-type(3),
.features article:nth-of-type(4) { border-top:none;}
.features article br { display:none;}
.reports article b br { display:none;}
}
@media all and (max-width:479px)
{
.nm-grid h3 { font-size:36px;}
}
@media all and (max-width:379px)
{
.hero h1 { margin:20px 0; font-size:52px;}
.hero h2 br,
.hero p br { display:none;}
.features article br { display:inline;}
}