.l-content {
    margin-bottom: 0;
}

.top #content {
    padding-top: 0;
}


/* =========================================
       見本の「淡い水色のにじみ背景 + 白い角丸カード」再現
       ========================================= */

:root {
    /* 見本に近い青系（必要ならここだけ微調整） */
    --accent: #4b9bb0;
    /* 左の英字（濃いめ） */
    --accent-soft: #4da3b9;
    /* 右の日本語（少し柔らかめ） */

    --card-bg: #ffffff;
    --page-bg: #f6fbfd;

    --radius: 20px;
}


/* 背景の「にじみ」(左上/左下) を疑似要素で作る */
.amdea-wrap {
    width: min(1100px, 100%);
    position: relative;
    isolation: isolate;
    /* ぼかし背景がカード外に自然に見えるように */
}

.amdea-wrap::before,
.amdea-wrap::after {
    content: "";
    position: absolute;
    inset: auto;
    z-index: -1;
    filter: blur(10px);
    opacity: .9;
}

/* 左上の淡いブルーのにじみ */
.amdea-wrap::before {
    width: 320px;
    height: 320px;
    left: -80px;
    top: -70px;
    background:
        radial-gradient(circle at 35% 35%,
            rgba(131, 190, 205, .45) 0%,
            rgba(131, 190, 205, .20) 35%,
            rgba(131, 190, 205, 0) 70%);
    border-radius: 50%;
}

/* 左下の淡いブルーのにじみ */
.amdea-wrap::after {
    width: 380px;
    height: 380px;
    left: -120px;
    bottom: -120px;
    background:
        radial-gradient(circle at 40% 60%,
            rgba(131, 190, 205, .35) 0%,
            rgba(131, 190, 205, .16) 40%,
            rgba(131, 190, 205, 0) 75%);
    border-radius: 50%;
}

/* 白いカード */
.amdea-card {
    background: var(--card-bg);
    border-radius: var(--radius);
    padding: clamp(28px, 4.5vw, 56px) clamp(28px, 5vw, 64px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

.concept-wrap {
    background: #fff;
    margin: 0 auto;
    max-width: 700px;
    padding: 1.4em 0;
}
@media (max-width: 599px) {
    .concept-wrap {
    padding: 1.4em 20px;
}
}
/* 2カラム：左=英字 / 右=日本語 */
.amdea-grid {
    display: grid;
    grid-template-columns: minmax(8%, 140px) 1fr;
    row-gap: clamp(14px, 4.2vw, 28px);
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
}

/* 1行（左と右を同じ行に揃える） */
.amdea-left {
    display: flex;
    align-items: baseline;
    /* 大きい頭文字と小文字を綺麗に揃える */
    gap: 2px;
    font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--accent);
    line-height: 1;
    white-space: nowrap;
}

/* 頭文字（A/M/D/E/A） */
.amdea-left .initial {
    font-weight: 700;
    font-size: 2em;
    letter-spacing: 0;
}

/* 残りの単語（bility / usic ...） */
.amdea-left .rest {
    font-weight: 500;
    font-size: 1em;
    letter-spacing: .28em;
    /* 見本の「空き」 */
    transform: translateY(-0.08em);
    /* 見本っぽいベースライン微調整 */
}

/* 右の日本語 */
.amdea-right {
    color: var(--accent-soft);
    font-weight: 600;
    font-size: 1em;
    line-height: 1.35;
    letter-spacing: .02em;
}

/* 画面が狭い時は2カラム→1カラム（崩れ防止） */
@media (max-width: 760px) {
    .amdea-grid {
        grid-template-columns: 1fr;
        row-gap: 22px;
    }

    .amdea-right {
        padding-left: 2px;
    }
}



/* =========================================
      事業内容
       ========================================= */
.swell-block-column.swl-has-mb--s.service-btn{
 background: #4da3b9;
 padding:2em 0;
    color: #fff;
}
  
  

.swell-block-button.is-style-btn_normal.-white >a {
    background: #fff;
    color: #4da3b9;
}

/* =========================================
  選ばれる理由
       ========================================= */
.cap_box_content {
    padding: 1em;
}

@media (min-width: 960px) {

    /* ① 横並びの「列」を同じ高さにする（親） */
    .swell-block-columns .swell-block-columns__inner {
        align-items: stretch;
        /* 念のため明示（デフォルトでもstretchだがSWELL側で崩れることがある） */
    }
.swell-block-column.swl-has-mb--s{
      display: flex;
    flex-direction: column;
}

    /* ③ cap_box をカラムの余白いっぱいに伸ばす（ここが本命） */
    .swell-block-columns .swell-block-capbox.cap_box {
        flex: 1;
        /* ← height:100% じゃなく flex:1 */
        display: flex;
        /* 内側も縦に積んで安定させる */
        flex-direction: column;
    }

    /* ④ タイトル以外（本文）を伸ばして均等化（任意だけど効く） */
    .swell-block-columns .swell-block-capbox .cap_box_content {
        flex: 1;
    }
}


/* =========================================
  LINE公式アカウントを活用した
当社の強み
       ========================================= */
.strength-wrap {
    padding: 30px;
    background: #f0eeea;
}

.swell-block-column.strength-item {
    padding: 20px;
    background: #fff;
}


/* =========================================
 お客様の声
       ========================================= */
.swell-block-column.swl-has-mb--s.voice-card {
    width: 100%;
    border: 1px solid #4da3b9;
}

/* 「お客様の声」カラムを1列にする */
.swell-block-columns.is-style-clmn-shadow.voice-wrap .swell-block-columns__inner {
    flex-direction: column;
}

/* お客様の声：1列＋中央寄せ */
.swell-block-columns.is-style-clmn-shadow.voice-wrap .swell-block-columns__inner {
    flex-direction: column;
    /* 1列 */
    max-width: 800px;
    /* 好きな幅に調整 */
    margin: 0 auto;
    /* 中央寄せ */
}
h3.wp-block-heading.line-acount-top.is-style-section_ttl{
    padding-left:1em;
      margin-bottom:.9em;
}
h3.wp-block-heading.line-acount-top.is-style-section_ttl::before {
  content: "";
  display: inline-block;

  width: 4px;                /* 縦線の太さ */
  height: 1.2em;             /* 見出し文字の高さに合わせて調整 */
  background-color: #4DA3B9; /* お好みの色（例：青系） */
  margin-right: 0.5em;       /* 文字との間隔 */
  vertical-align: middle;
}


.swell-block-column.swl-has-mb--s.voice-card.-round {
    border-radius: 20px;
}
/* ① voice-card を横並びの親として指定 */
.swell-block-column.swl-has-mb--s.voice-card {
    display: flex;
    flex-direction: row;
    padding: 2em;
    padding-left: 2.5em;

}
@media (max-width: 599px) {
    .swell-block-column.swl-has-mb--s.voice-card {
            padding: 1em;
    }
}
/* ② 左の画像を固定幅にして余白を取る */
.swell-block-column.swl-has-mb--s.voice-card .wp-block-image {
    flex-shrink: 0;
    margin-right: 1.5em;
}

.swell-block-column.swl-has-mb--s.voice-card .wp-block-image img {
    max-width: 90px;
    height: auto;
}

/* ③ 右側のテキスト全体を縦並びにする */
.swell-block-column.swl-has-mb--s.voice-card p {
    margin: 0 0 .9em;
    line-height: 1.7;
}

.swell-block-column.swl-has-mb--s.voice-card p:last-child {
    margin-bottom: 0;
}

/* ④ タイトル（太字）は行間調整して見本通りに */
.swell-block-column.swl-has-mb--s.voice-card strong {
    font-size: 1.3rem;
    line-height: 1.3;
    color: #04384c;
}

/* ⑤ 「◯代 女性」の文字調整 */

p.voice-head {
    display: inline-block;
    margin-bottom: .5rem;
    color: #333;
    font-size:.7em;
    font-weight: 400;
}

.wp-block-group.voice-txt {
    margin-left: .9em;
}

.voice-title {
    color: #4DA3B9 !important;
    font-weight: bold;
    font-size: 1.25em;
    text-align: left;
}
h2.wp-block-heading.is-style-section_ttl.fv-key {
    font-size: 1.62em;
    font-weight: 500;
    line-height:2.2;
}
p.has-text-align-center.concept-corp.has-swl-main-color.has-text-color.has-link-color.has-large-font-size.wp-elements-c28da19450abf208df553abb44a88756 {
    font-size: 2em !important;
    margin-bottom: 10px;
    margin-top: 0;
}
.swell-block-columns.is-style-clmn-shadow.voice-wrap.voice-items > div{
    max-width:1000px;
    margin:0 auto;
}

.swell-block-fullWide.alignfull.voiceitem-container > div{
    max-width:1200px !important;
    margin:0 auto;
}
p.concept-lead.has-border.-border01 {
    font-size: 1.5em;
}
p.concept-message {
    font-size: 2em;
    line-height: 1.6;
}
.wp-block-spacer {
    margin: 0 !important;
}
.wp-block-group.voice-img {
    min-width: 150px;
        text-align: center;
}
.wp-block-image.u-lb-off.voice-large {
    margin-right: 0 !important;
}
.swell-block-column.swl-has-mb--s.voice-card.-round.card-item {
    padding: 1.6em;
}
figure.wp-block-image.size-full.recruit--img.u-lb-off {
    position: absolute;
    top: 37%;
    left:10%;
    z-index:10;
}
figure.wp-block-image.size-full.recruit--img.u-lb-off img{
    max-width: 140px; /* ← 最大サイズ */
    width: 100%;      /* 親幅に追従 */
    height: auto;    /* 比率維持 */
}
h2.wp-block-heading.is-style-section_ttl.concept-corp {
    font-size: 1.8em;
}
/*蛍光色*/
.mark_yellow{

background: linear-gradient(transparent 64%, rgba(95, 168, 184, 0.35) 0%);
}
.contact-box-container{
background:#fff;
max-width:900px;
margin:0 auto;
padding:30px 30px 35px !important;
border-radius:7px;
position:relative;
}
@media (max-width: 599px) {
    .contact-box-container{
        padding:30px 10px 35px !important;
}
}
.swell-block-button.red_.contact-btn.is-style-btn_solid.-topservice > a.swell-block-button__link{
    background: #27A6B5;
        box-shadow: 0 4px 0 #1C7E89 !important;
}


/* 擬似要素に「箱」を作る */
.contact-box-container::before{
  content: "";
  position: absolute;
  right: -2%;
  bottom: -12%;
  width: 93px;          /* ★これが必要 */
  height: 172px;
  background: url(/wp-content/uploads/sodan.png) no-repeat center / contain; /* ★見える設定 */
  z-index: 90;
  pointer-events: none;  /* ★クリック邪魔しない */
}

.contact-btn > a.swell-block-button__link {
    min-width: 50% !important;
}
p.has-text-align-center.top-service-txt {
    margin-bottom: 0;
    margin-top: -2em;
}
@media (max-width: 599px) {
.contact-btn > a.swell-block-button__link {
    min-width: none !important;
    max-width: 100%;
}
.contact-box-container {
    background: transparent;
}
figure.wp-block-image.size-full.recruit--img.u-lb-off {
    margin-bottom:0;
    position: absolute;
    top: 27%;
    left: 10%;
}
figure.wp-block-image.size-full.recruit--img.u-lb-off img {
    max-width: 90px;
    width: 100%;
    height: auto;
}
.swell-block-column.swl-has-mb--s.voice-card {
    flex-wrap: wrap;
        justify-content: center;
}
.swell-block-column.swl-has-mb--s.voice-card.-round.card-item {
    padding: 1.6em 15px;
}
h2.wp-block-heading.is-style-section_ttl.fv-key {
    font-size: 1.45em;
}
p.concept-message {
    font-size: 1.52em;
    line-height: 1.6;

}
}
.wp-block-cover.alignfull.top-mv-container {
    margin-bottom: 0;
}