@charset "UTF-8";
  @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap"); body {
font-family: 'Noto Sans JP', sans-serif;
font-size: 17px;
line-height: 2.0;
letter-spacing: 0.03em;
color: #1a1a1a;
background-color: #ffffff;
} #header {
background-color: #ffffff !important;
border-bottom: 1px solid #e0e0e0;
}
#navi {
background: #ffffff !important;
}
#navi .navi-in > ul > li > a {
color: #1a1a1a !important;
font-size: 14px;
letter-spacing: 0.05em;
}
#navi .navi-in > ul > li > a:hover {
color: #4a8c4a !important;
} #footer {
background-color: #1a1a1a;
color: #ffffff;
} #sidebar {
background-color: #f8f8f8;
} .a-wrap,
.article-card {
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
border: 1px solid #e0e0e0;
}
.a-wrap:hover,
.article-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.10);
} .cat-label {
background-color: #4a8c4a;
color: #fff;
border-radius: 4px;
} .btn,
.wp-block-button__link,
a.btn {
background-color: #4a8c4a;
color: #fff;
border-radius: 8px;
} .entry-title {
font-family: 'Noto Serif JP', serif;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.5;
color: #1a1a1a;
} .entry-content,
.article-body {
font-size: 17px;
line-height: 2.0;
} .entry-content > p:first-of-type {
font-size: 16px;
line-height: 2.0;
color: #555;
padding-bottom: 24px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 32px;
} .entry-content h2,
.article h2 {
font-family: 'Noto Serif JP', serif;
color: #1a1a1a;
border-left: 4px solid #4a8c4a;
border-bottom: none;
padding-left: 12px;
background: none;
}
.entry-content h3,
.article h3 {
color: #1a1a1a;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 4px;
} .fade-in-up {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
} :root {
--sf-green:        #1D9E75;
--sf-green-dark:   #16805e;
--sf-ink:          #2b2b2b;
--sf-sub:          #6b6b6b;
--sf-line:         #e6e6e6;
--sf-bg:           #ffffff;
--sf-bg-soft:      #f6f8f7;
--sf-cat-work:     #185FA5;
--sf-cat-mental:   #1D9E75;
--sf-cat-money:    #BA7517;
--sf-cat-life:     #534AB7;
--sf-coral-bg:     #FAECE7;
--sf-coral-ink:    #712B13;
--sf-coral-bg-deep:#f3d9cf;
--sf-radius:       12px;
--sf-gap:          16px;
--sf-maxw:         1080px;
}
.sf-section { margin: 40px auto; max-width: var(--sf-maxw); padding: 0 16px; }
.sf-section__head { display:flex; align-items:baseline; gap:10px; margin-bottom:16px; }
.sf-section__title { font-size:1.35rem; font-weight:700; color:var(--sf-ink); margin:0; }
.sf-section__sub { font-size:.9rem; color:var(--sf-sub); margin:0; }
.sf-card {
display:block; background:var(--sf-bg); border:1px solid var(--sf-line);
border-radius:var(--sf-radius); padding:16px; text-decoration:none;
color:var(--sf-ink); transition:box-shadow .15s ease, transform .15s ease;
}
.sf-card:hover { box-shadow:0 6px 18px rgba(0,0,0,.08); transform:translateY(-2px); }
.sf-tag {
display:inline-block; font-size:.72rem; line-height:1; padding:4px 8px;
border-radius:999px; background:var(--sf-bg-soft); color:var(--sf-sub);
}
.sf-tag--work   { background:#e7f0fa; color:var(--sf-cat-work); }
.sf-tag--mental { background:#e6f5ef; color:var(--sf-cat-mental); }
.sf-tag--money  { background:#fbf1e0; color:var(--sf-cat-money); }
.sf-tag--life   { background:#ece9fb; color:var(--sf-cat-life); }
.sf-btn {
display:inline-flex; align-items:center; gap:8px; justify-content:center;
padding:12px 20px; border-radius:999px; font-weight:700; text-decoration:none;
background:var(--sf-green); color:#fff; transition:background .15s ease;
}
.sf-btn:hover { background:var(--sf-green-dark); color:#fff; }
.sf-btn--coral { background:var(--sf-coral-bg); color:var(--sf-coral-ink); }
.sf-btn--coral:hover { background:var(--sf-coral-bg-deep); color:var(--sf-coral-ink); }
.sf-help-bar {
display:flex; flex-wrap:wrap; align-items:center; gap:12px;
background:var(--sf-coral-bg); color:var(--sf-coral-ink);
border-radius:var(--sf-radius); padding:16px 20px; margin:32px auto; max-width:var(--sf-maxw);
}
.sf-help-bar p { margin:0; font-weight:600; }
.sf-help-bar .sf-btn--coral { background:#fff; }
@media (max-width: 640px) {
.sf-section { margin:28px auto; }
.sf-section__title { font-size:1.2rem; }
} body.home { background: #FCFAF6; }
.home .article, .home .entry-content { background: transparent; }
.home .entry-title { display: none; }
.sf-home { max-width: var(--sf-maxw); margin: 0 auto; }
.sf-hero { text-align: center; padding: 28px 16px 8px; }
.sf-hero__frog { width: 72px; height: auto; }
.sf-hero__copy { font-size: 1.55rem; font-weight: 700; margin: 10px 0 6px; color: var(--sf-ink); }
.sf-hero__sub { color: var(--sf-sub); font-size: .95rem; margin: 0; }
.sf-router__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sf-gap); }
.sf-router__card {
border-radius: 16px; padding: 20px;
border-top: 4px solid var(--sf-line);
box-shadow: 0 2px 10px rgba(60,50,30,.06);
display: flex; flex-direction: column; gap: 6px;
}
.sf-router__card--work   { border-top-color: var(--sf-cat-work); }
.sf-router__card--mental { border-top-color: var(--sf-cat-mental); }
.sf-router__card--money  { border-top-color: var(--sf-cat-money); }
.sf-router__card--life   { border-top-color: var(--sf-cat-life); }
.sf-router__feel { font-size: 1.05rem; font-weight: 700; line-height: 1.5; }
.sf-router__cat { font-size: .78rem; color: var(--sf-sub); }
.sf-router__pillar { font-size: .85rem; color: var(--sf-green-dark); margin-top: 4px; }
.sf-router__sos {
display: block; margin-top: var(--sf-gap); padding: 14px 20px;
background: var(--sf-coral-bg); color: var(--sf-coral-ink);
border-radius: 16px; text-decoration: none; font-weight: 600;
box-shadow: 0 2px 10px rgba(113,43,19,.08);
}
.sf-router__sos span { white-space: nowrap; font-weight: 700; }
.sf-router__sos:hover { background: var(--sf-coral-bg-deep); color: var(--sf-coral-ink); }
.sf-section__head { align-items: center; }
.sf-section__frog { width: 32px; height: auto; flex-shrink: 0; }
.sf-balloon { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; }
.sf-balloon img { width: 44px; height: auto; flex-shrink: 0; }
.sf-balloon p {
margin: 0; background: #fff; border: 1px solid var(--sf-line);
border-radius: 14px; padding: 10px 14px; font-size: .92rem; line-height: 1.7;
box-shadow: 0 2px 8px rgba(60,50,30,.05);
}
.sf-balloon--coral p { background: var(--sf-coral-bg); border-color: transparent; color: var(--sf-coral-ink); }
.sf-ai { background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 2px 10px rgba(60,50,30,.05); }
.sf-note { font-size: .78rem; color: var(--sf-sub); margin: 10px 0 0; }
.sf-flow__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.sf-flow__step { border-radius: 14px; padding: 16px; position: relative;
box-shadow: 0 2px 10px rgba(60,50,30,.05); display: flex; flex-direction: column; gap: 6px; }
.sf-flow__num {
width: 26px; height: 26px; border-radius: 50%; background: var(--sf-green);
color: #fff; font-weight: 700; font-size: .85rem;
display: flex; align-items: center; justify-content: center;
}
.sf-flow__state { font-weight: 700; font-size: .95rem; }
.sf-flow__title { font-size: .82rem; color: var(--sf-sub); line-height: 1.55; }
.sf-rank__list { list-style: none; margin: 0; padding: 0; }
.sf-rank__list li { margin: 0 0 8px; }
.sf-rank__list a {
display: flex; align-items: center; gap: 12px; text-decoration: none;
background: #fff; border-radius: 12px; padding: 12px 16px; color: var(--sf-ink);
box-shadow: 0 1px 6px rgba(60,50,30,.05); font-size: .95rem;
}
.sf-rank__list a:hover { box-shadow: 0 4px 14px rgba(60,50,30,.1); }
.sf-rank__no {
width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0;
background: var(--sf-bg-soft); color: var(--sf-green-dark);
font-weight: 700; font-size: .82rem;
display: flex; align-items: center; justify-content: center;
}
.sf-rank__list li:first-child .sf-rank__no { background: var(--sf-green); color: #fff; }
.sf-help__box {
background: var(--sf-coral-bg); border-radius: 16px; padding: 24px;
box-shadow: 0 2px 10px rgba(113,43,19,.07);
}
.sf-help__lead { color: var(--sf-coral-ink); margin: 0 0 14px; }
.sf-help__btns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.sf-help__btn {
background: #fff; color: var(--sf-coral-ink); border-radius: 14px;
flex-direction: column; gap: 2px; padding: 14px 12px; text-align: center;
}
.sf-help__btn:hover { background: #fff7f3; color: var(--sf-coral-ink); }
.sf-help__btn small { font-weight: 400; font-size: .72rem; color: var(--sf-sub); }
.sf-help__btn--list { background: transparent; border: 1.5px solid var(--sf-coral-ink); }
.sf-help .sf-note { color: var(--sf-coral-ink); opacity: .75; }
@media (max-width: 760px) {
.sf-router__grid { grid-template-columns: 1fr; }
.sf-flow__grid { grid-template-columns: 1fr 1fr; }
.sf-help__btns { grid-template-columns: 1fr; }
.sf-hero__copy { font-size: 1.3rem; }
} .sf-home .sf-hero__copy, .sf-home .sf-section__title {
font-family:'Noto Sans JP', sans-serif !important;
border:none !important; border-left:none !important;
background:none !important; padding:0 !important; margin-top:0;
}
.sf-home .sf-section__head { border:none; } .sf-ai .sf-ai__title { font-size:1.05rem; font-weight:700; margin:0 0 10px; color:var(--sf-ink); border:none; padding:0; font-family:'Noto Sans JP',sans-serif; }
.sf-ai textarea { width:100%; height:80px; padding:12px; font-size:14px; border:1px solid var(--sf-line); border-radius:12px; resize:vertical; box-sizing:border-box; background:var(--sf-bg-soft); }
.sf-ai .suggest-btn { display:block; width:100%; margin-top:10px; padding:12px; background:var(--sf-green); color:#fff; font-size:15px; font-weight:700; border:none; border-radius:999px; cursor:pointer; }
.sf-ai .suggest-btn:hover { background:var(--sf-green-dark); }
.sf-ai .suggest-btn:disabled { background:#aaa; cursor:not-allowed; }
.sf-ai .suggest-results { margin-top:16px; }
.sf-ai .suggest-card { background:#fff; border:1px solid var(--sf-line); border-radius:12px; padding:14px; margin-bottom:10px; }
.sf-ai .suggest-card .rank { font-size:12px; color:var(--sf-green-dark); font-weight:bold; }
.sf-ai .suggest-card a { display:block; font-size:15px; font-weight:bold; color:var(--sf-ink); text-decoration:none; margin:4px 0; }
.sf-ai .suggest-card a:hover { text-decoration:underline; }
.sf-ai .suggest-card .reason { font-size:13px; color:var(--sf-sub); }
.sf-ai .suggest-error { color:#c00; font-size:14px; margin-top:10px; } .sf-about__box { display:flex; align-items:flex-start; gap:18px; background:#fff; border-radius:16px; padding:24px; box-shadow:0 2px 10px rgba(60,50,30,.05); }
.sf-about__frog { width:72px; height:auto; flex-shrink:0; }
.sf-about__label { font-size:.78rem; color:var(--sf-green-dark); font-weight:700; letter-spacing:.08em; margin:0 0 2px; }
.sf-about__name { font-size:1.05rem; font-weight:700; color:var(--sf-ink); margin:0 0 8px; }
.sf-about__desc { font-size:.92rem; color:var(--sf-sub); line-height:1.9; margin:0 0 10px; }
.sf-about__links a { color:var(--sf-green-dark); font-weight:700; font-size:.9rem; text-decoration:none; margin-right:18px; }
.sf-about__links a:hover { text-decoration:underline; }
@media (max-width:640px){ .sf-about__box{flex-direction:column; align-items:center; text-align:center;} } .sf-cat { margin: 4px 0 32px; }
.sf-cat .sf-balloon { margin: 10px 0 16px; }
.sf-pillar { display:block; border:2px solid var(--sf-green); border-radius:16px; padding:20px; margin-bottom:24px; }
.sf-pillar--work { border-color: var(--sf-cat-work); }
.sf-pillar--mental { border-color: var(--sf-cat-mental); }
.sf-pillar--money { border-color: var(--sf-cat-money); }
.sf-pillar--life { border-color: var(--sf-cat-life); }
.sf-pillar__tag { display:inline-block; font-size:.74rem; font-weight:700; color:#fff; background:var(--sf-green); border-radius:999px; padding:4px 12px; margin-bottom:8px; }
.sf-pillar--work .sf-pillar__tag { background: var(--sf-cat-work); }
.sf-pillar--mental .sf-pillar__tag { background: var(--sf-cat-mental); }
.sf-pillar--money .sf-pillar__tag { background: var(--sf-cat-money); }
.sf-pillar--life .sf-pillar__tag { background: var(--sf-cat-life); }
.sf-pillar__title { display:block; font-size:1.1rem; font-weight:700; color:var(--sf-ink); line-height:1.6; margin-bottom:6px; }
.sf-pillar__desc { display:block; font-size:.88rem; color:var(--sf-sub); line-height:1.8; }
.sf-cat__flowtitle { font-weight:700; color:var(--sf-ink); margin:0 0 10px; }
.sf-cat .sf-flow__grid { margin-bottom: 20px; }
.sf-cat .sf-help-bar { margin: 0; }
@media (max-width:640px){ .sf-pillar{padding:16px;} } .navi-in .item-description { display:none; }
@media (min-width:1024px){
.navi-in ul.menu-pc { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.navi-in ul.menu-pc > li { height:auto; width:auto; }
.navi-in ul.menu-pc > li > a { padding:14px; height:auto; }
}