.line-header {
    color: #000;
}
.line-header .page-header__bg {
    background: #ffffde;
    background: linear-gradient(0deg, rgba(255, 255, 222, 1) 0%, rgba(255, 252, 235, 1) 100%);
}
.line-header h1 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 645px;
    aspect-ratio: 645 / 200; /* 幅に応じて高さを自動計算 */
    margin: 1rem auto 0;
    background-image: url("/wp-content/uploads/line/line-title.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.line-header p {
    margin: 1rem auto;
}
.line-midashi {
    font-weight: 900;
    color: red;
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 14%;
}
.line-otiawase {
          border: 3px solid #D9FF4C;
          border-radius: 10px;
          background: #fff;
          padding: 1rem;
}
.line-otiawase h2 {
    border: none;
    background-color: #339933 !important;
    text-align: center;
    color: white;
}
.line-otiawase > p {
    margin-bottom: 1rem !important;
}
.line-otiawase ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* カード間の余白 */
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}
/* 各 LI を横長のフレックス行に */
.line-otiawase ul > li {
    display: flex;
    align-items: center; /* 画像とテキストの縦位置を中央に */
    gap: 12px; /* 画像とテキストの間隔 */
    padding: 12px 16px;
    flex: 1 1 420px; /* 2カラム想定。幅に応じて折り返す */
    min-width: 280px;
}
/* 画像サイズ（必要に応じて調整） */
.line-otiawase ul > li img {
    width: 120px; /* アイコン類 */
    height: auto;
    flex: 0 0 auto;
    display: block;
}
/* テキスト側の余白・折返し調整 */
.line-otiawase ul > li p {
    margin: 0;
    margin-bottom: 1rem;
    line-height: 1.6;
}
.line-otiawase ul > li p strong {
    font-size: 130%;
}
/* リンクはブロック化してクリックしやすく */
.line-otiawase ul > li a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    word-break: break-all; /* 長いURLの折返し */
}
/* スマホでは LI を縦積み */
@media (max-width: 640px) {
    .line-otiawase ul {
        gap: 12px;
    }
    .line-otiawase ul > li {
        flex: 1 1 100%;
    }
}
/**************************************/
.line-insta-area {
    padding: 1rem;
    border-radius: 15px;
    border: 1px #ccc solid;
}
.line-insta-area h3 {
    font-size: 140%;
    font-weight: 700;
    padding: 0.5rem 0.75rem;
    border: none !important;
    background-color: transparent !important;
    margin-bottom: 1rem;
}