{"id":11,"date":"2025-02-21T04:43:50","date_gmt":"2025-02-21T04:43:50","guid":{"rendered":"http:\/\/hitomede78.mycafe24.com\/?page_id=11"},"modified":"2026-09-30T05:53:53","modified_gmt":"2026-09-30T05:53:53","slug":"lingua-cottage","status":"publish","type":"page","link":"https:\/\/lingua-cottage.com\/?page_id=11","title":{"rendered":"ABOUT"},"content":{"rendered":"\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\nhtml body #lcabout26-root{\n    --olive:#7D8060;\n    --olive-dark:#626548;\n    --olive-light:#AEB09D;\n\n    --orange:#D9784A;\n    --orange-soft:#E9AA89;\n\n    --ivory:#F7F4ED;\n    --ivory-deep:#ECE7DD;\n\n    --charcoal:#30312F;\n    --gray:#76766E;\n\n    --white:#FDFBF7;\n\n    --line:rgba(48,49,47,.14);\n    --white-line:rgba(255,255,255,.16);\n\n    --font:'Inter','Noto Sans JP',sans-serif;\n    --jp:'Noto Sans JP',sans-serif;\n\n    --max:1440px;\n\n    width:100vw !important;\n    max-width:none !important;\n\n    margin-left:calc(50% - 50vw) !important;\n    margin-right:calc(50% - 50vw) !important;\n\n    padding:0 !important;\n\n    overflow:hidden !important;\n\n    background:var(--ivory) !important;\n\n    color:var(--charcoal) !important;\n\n    font-family:var(--font) !important;\n}\n\n\n\/* =========================================================\n   COMMON CSS \ucc28\ub2e8\n========================================================= *\/\n\nhtml body #lcabout26-root,\nhtml body #lcabout26-root *,\nhtml body #lcabout26-root *::before,\nhtml body #lcabout26-root *::after{\n    box-sizing:border-box !important;\n}\n\n\nhtml body #lcabout26-root,\nhtml body #lcabout26-root *{\n    font-family:\n        'Inter',\n        'Noto Sans JP',\n        sans-serif !important;\n}\n\n\nhtml body #lcabout26-root h1,\nhtml body #lcabout26-root h2,\nhtml body #lcabout26-root h3,\nhtml body #lcabout26-root h4,\nhtml body #lcabout26-root p,\nhtml body #lcabout26-root figure{\n    margin:0 !important;\n    padding:0 !important;\n\n    border:0 !important;\n\n    text-transform:none !important;\n}\n\n\nhtml body #lcabout26-root a{\n    color:inherit !important;\n\n    text-decoration:none !important;\n}\n\n\nhtml body #lcabout26-root img{\n    display:block !important;\n\n    width:100% !important;\n    max-width:100% !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-container{\n    width:min(\n        calc(100% - 80px),\n        var(--max)\n    ) !important;\n\n    max-width:var(--max) !important;\n\n    margin-left:auto !important;\n    margin-right:auto !important;\n\n    padding:0 !important;\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\nhtml body #lcabout26-root .lcabout26-progress{\n    position:fixed !important;\n\n    left:0 !important;\n    top:0 !important;\n\n    width:0;\n    height:3px !important;\n\n    z-index:99998 !important;\n\n    background:var(--orange) !important;\n\n    pointer-events:none !important;\n}\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\nhtml body #lcabout26-root .lcabout26-reveal{\n    opacity:0;\n\n    transform:translateY(38px);\n\n    transition:\n        opacity .85s cubic-bezier(.2,.8,.2,1),\n        transform .85s cubic-bezier(.2,.8,.2,1) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-reveal.show{\n    opacity:1 !important;\n\n    transform:none !important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\nhtml body #lcabout26-root .lcabout26-hero{\n    position:relative !important;\n\n    min-height:850px !important;\n\n    padding:\n        160px\n        0\n        110px !important;\n\n    display:flex !important;\n\n    align-items:center !important;\n\n    overflow:hidden !important;\n\n    background:var(--ivory) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero::before{\n    content:\"\";\n\n    position:absolute !important;\n\n    width:620px !important;\n    height:620px !important;\n\n    right:-160px !important;\n    top:-270px !important;\n\n    border-radius:50% !important;\n\n    background:\n        rgba(125,128,96,.055) !important;\n\n    pointer-events:none !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-grid{\n    position:relative !important;\n\n    z-index:2 !important;\n\n    display:grid !important;\n\n    grid-template-columns:\n        1.12fr\n        .88fr !important;\n\n    gap:100px !important;\n\n    align-items:end !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-kicker{\n    display:flex !important;\n\n    align-items:center !important;\n\n    gap:16px !important;\n\n    margin-bottom:42px !important;\n\n    color:var(--olive) !important;\n\n    font-size:10px !important;\n    font-weight:700 !important;\n\n    line-height:1 !important;\n\n    letter-spacing:.18em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-kicker::before{\n    content:\"\";\n\n    width:46px !important;\n    height:1px !important;\n\n    background:var(--orange) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-title{\n    max-width:920px !important;\n\n    color:var(--charcoal) !important;\n\n    font-size:clamp(\n        72px,\n        8.3vw,\n        132px\n    ) !important;\n\n    font-weight:500 !important;\n\n    line-height:.91 !important;\n\n    letter-spacing:-.078em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-title .olive{\n    display:block !important;\n\n    color:var(--olive) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-title .outline{\n    display:block !important;\n\n    color:transparent !important;\n\n    -webkit-text-stroke:\n        1.3px\n        var(--charcoal) !important;\n\n    text-stroke:\n        1.3px\n        var(--charcoal) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-side{\n    padding-bottom:10px !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-number{\n    display:flex !important;\n\n    align-items:center !important;\n\n    gap:18px !important;\n\n    margin-bottom:40px !important;\n\n    color:var(--orange) !important;\n\n    font-size:10px !important;\n    font-weight:700 !important;\n\n    line-height:1 !important;\n\n    letter-spacing:.15em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-number::after{\n    content:\"\";\n\n    width:60px !important;\n    height:1px !important;\n\n    background:var(--line) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-copy{\n    max-width:450px !important;\n\n    color:var(--gray) !important;\n\n    font-family:\n        'Noto Sans JP',\n        sans-serif !important;\n\n    font-size:14px !important;\n    font-weight:400 !important;\n\n    line-height:2.25 !important;\n\n    word-break:keep-all !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-small{\n    margin-top:50px !important;\n\n    display:flex !important;\n\n    align-items:center !important;\n\n    gap:16px !important;\n\n    color:var(--olive) !important;\n\n    font-size:10px !important;\n    font-weight:700 !important;\n\n    letter-spacing:.14em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-hero-small::before{\n    content:\"\";\n\n    width:34px !important;\n    height:1px !important;\n\n    background:var(--orange) !important;\n}\n\n\n\/* =========================================================\n   STORY\n========================================================= *\/\n\nhtml body #lcabout26-root .lcabout26-story{\n    padding:\n        175px\n        0\n        190px !important;\n\n    background:var(--white) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-story-grid{\n    display:grid !important;\n\n    grid-template-columns:\n        .72fr\n        1.28fr !important;\n\n    gap:105px !important;\n\n    align-items:start !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-section-no{\n    color:var(--orange) !important;\n\n    font-size:9px !important;\n    font-weight:700 !important;\n\n    letter-spacing:.16em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-section-label{\n    margin-top:14px !important;\n\n    color:var(--charcoal) !important;\n\n    font-size:11px !important;\n    font-weight:700 !important;\n\n    letter-spacing:.15em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-story-title{\n    max-width:950px !important;\n\n    color:var(--charcoal) !important;\n\n    font-size:clamp(\n        56px,\n        6.4vw,\n        100px\n    ) !important;\n\n    font-weight:500 !important;\n\n    line-height:1 !important;\n\n    letter-spacing:-.068em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-story-title span{\n    color:var(--olive) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-story-copy-grid{\n    margin-top:80px !important;\n\n    display:grid !important;\n\n    grid-template-columns:\n        1fr\n        1fr !important;\n\n    gap:55px !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-story-copy{\n    color:var(--gray) !important;\n\n    font-family:\n        'Noto Sans JP',\n        sans-serif !important;\n\n    font-size:13px !important;\n\n    line-height:2.2 !important;\n\n    word-break:keep-all !important;\n}\n\n\n\/* =========================================================\n   PHILOSOPHY\n========================================================= *\/\n\nhtml body #lcabout26-root .lcabout26-philosophy{\n    position:relative !important;\n\n    padding:\n        180px\n        0\n        190px !important;\n\n    overflow:hidden !important;\n\n    background:var(--charcoal) !important;\n\n    color:#fff !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-philosophy::before{\n    content:\"CONNECT\";\n\n    position:absolute !important;\n\n    right:-40px !important;\n    bottom:-45px !important;\n\n    color:\n        rgba(255,255,255,.025) !important;\n\n    font-size:clamp(\n        130px,\n        18vw,\n        310px\n    ) !important;\n\n    font-weight:600 !important;\n\n    letter-spacing:-.08em !important;\n\n    pointer-events:none !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-philosophy-grid{\n    position:relative !important;\n\n    z-index:2 !important;\n\n    display:grid !important;\n\n    grid-template-columns:\n        .72fr\n        1.28fr !important;\n\n    gap:105px !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-philosophy .lcabout26-section-no{\n    color:#E7A583 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-philosophy .lcabout26-section-label{\n    color:#fff !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-philosophy-title{\n    color:#fff !important;\n\n    font-size:clamp(\n        60px,\n        7vw,\n        108px\n    ) !important;\n\n    font-weight:500 !important;\n\n    line-height:.94 !important;\n\n    letter-spacing:-.07em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-philosophy-title span{\n    display:block !important;\n\n    color:#F0BEA5 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-philosophy-copy{\n    max-width:720px !important;\n\n    margin-top:55px !important;\n\n    color:\n        rgba(255,255,255,.62) !important;\n\n    font-family:\n        'Noto Sans JP',\n        sans-serif !important;\n\n    font-size:13px !important;\n\n    line-height:2.2 !important;\n\n    word-break:keep-all !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-philosophy-words{\n    margin-top:90px !important;\n\n    border-top:\n        1px\n        solid\n        rgba(255,255,255,.2) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-word-row{\n    position:relative !important;\n\n    min-height:115px !important;\n\n    padding:\n        0\n        10px !important;\n\n    display:grid !important;\n\n    grid-template-columns:\n        120px\n        .75fr\n        1.25fr !important;\n\n    gap:30px !important;\n\n    align-items:center !important;\n\n    overflow:hidden !important;\n\n    border-bottom:\n        1px\n        solid\n        rgba(255,255,255,.14) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-word-row::before{\n    content:\"\";\n\n    position:absolute !important;\n\n    left:0 !important;\n    bottom:0 !important;\n\n    width:100% !important;\n    height:0 !important;\n\n    background:var(--olive) !important;\n\n    transition:\n        height\n        .4s\n        cubic-bezier(.2,.8,.2,1) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-word-row:hover::before{\n    height:100% !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-word-row > *{\n    position:relative !important;\n\n    z-index:2 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-word-key{\n    color:#E7A583 !important;\n\n    font-size:9px !important;\n    font-weight:700 !important;\n\n    letter-spacing:.14em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-word-en{\n    color:#fff !important;\n\n    font-size:27px !important;\n    font-weight:500 !important;\n\n    letter-spacing:-.04em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-word-jp{\n    color:\n        rgba(255,255,255,.6) !important;\n\n    font-family:\n        'Noto Sans JP',\n        sans-serif !important;\n\n    font-size:12px !important;\n\n    line-height:1.8 !important;\n\n    transition:\n        color\n        .3s\n        ease !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-word-row:hover .lcabout26-word-jp{\n    color:#fff !important;\n}\n\n\n\/* =========================================================\n   IMAGE \/ STATEMENT\n========================================================= *\/\n\nhtml body #lcabout26-root .lcabout26-visual{\n    padding:\n        0\n        0\n        170px !important;\n\n    background:var(--white) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-visual-inner{\n    position:relative !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-visual-image{\n    height:600px !important;\n\n    overflow:hidden !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-visual-image img{\n    width:100% !important;\n    height:115% !important;\n\n    object-fit:cover !important;\n\n    object-position:center !important;\n\n    filter:\n        saturate(.7)\n        contrast(.96) !important;\n\n    transform:\n        translateY(-5%) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-visual-card{\n    width:min(\n        620px,\n        48%\n    ) !important;\n\n    position:absolute !important;\n\n    left:0 !important;\n    bottom:-80px !important;\n\n    padding:\n        48px\n        50px !important;\n\n    background:var(--ivory) !important;\n\n    border-top:\n        3px\n        solid\n        var(--orange) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-visual-label{\n    color:var(--orange) !important;\n\n    font-size:9px !important;\n    font-weight:700 !important;\n\n    letter-spacing:.16em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-visual-title{\n    margin-top:25px !important;\n\n    color:var(--charcoal) !important;\n\n    font-size:clamp(\n        35px,\n        3.6vw,\n        55px\n    ) !important;\n\n    font-weight:500 !important;\n\n    line-height:1.08 !important;\n\n    letter-spacing:-.055em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-visual-title span{\n    color:var(--olive) !important;\n}\n\n\n\/* =========================================================\n   APPROACH\n========================================================= *\/\n\nhtml body #lcabout26-root .lcabout26-approach{\n    padding:\n        210px\n        0\n        180px !important;\n\n    background:var(--ivory) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-head{\n    display:grid !important;\n\n    grid-template-columns:\n        .72fr\n        1.28fr !important;\n\n    gap:105px !important;\n\n    margin-bottom:90px !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-title{\n    color:var(--charcoal) !important;\n\n    font-size:clamp(\n        58px,\n        6.3vw,\n        98px\n    ) !important;\n\n    font-weight:500 !important;\n\n    line-height:.97 !important;\n\n    letter-spacing:-.066em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-title span{\n    color:var(--olive) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-copy{\n    max-width:610px !important;\n\n    margin-top:35px !important;\n\n    color:var(--gray) !important;\n\n    font-family:\n        'Noto Sans JP',\n        sans-serif !important;\n\n    font-size:13px !important;\n\n    line-height:2.1 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-list{\n    border-top:\n        1px\n        solid\n        var(--charcoal) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-row{\n    position:relative !important;\n\n    min-height:128px !important;\n\n    padding:\n        0\n        10px !important;\n\n    display:grid !important;\n\n    grid-template-columns:\n        70px\n        .88fr\n        1.32fr !important;\n\n    gap:30px !important;\n\n    align-items:center !important;\n\n    overflow:hidden !important;\n\n    border-bottom:\n        1px\n        solid\n        var(--line) !important;\n\n    transition:\n        padding\n        .35s\n        ease !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-row::before{\n    content:\"\";\n\n    position:absolute !important;\n\n    inset:auto 0 0 0 !important;\n\n    height:0 !important;\n\n    background:\n        rgba(125,128,96,.11) !important;\n\n    transition:\n        height\n        .35s\n        cubic-bezier(.2,.8,.2,1) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-row:hover::before{\n    height:100% !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-row:hover{\n    padding-left:22px !important;\n    padding-right:22px !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-row > *{\n    position:relative !important;\n\n    z-index:2 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-no{\n    color:var(--orange) !important;\n\n    font-size:9px !important;\n    font-weight:700 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-name{\n    color:var(--charcoal) !important;\n\n    font-size:20px !important;\n    font-weight:500 !important;\n\n    line-height:1.3 !important;\n\n    letter-spacing:-.03em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-approach-desc{\n    color:var(--gray) !important;\n\n    font-family:\n        'Noto Sans JP',\n        sans-serif !important;\n\n    font-size:11px !important;\n\n    line-height:1.85 !important;\n}\n\n\n\/* =========================================================\n   JOURNEY\n========================================================= *\/\n\nhtml body #lcabout26-root .lcabout26-journey{\n    padding:\n        160px\n        0 !important;\n\n    background:var(--olive) !important;\n\n    color:#fff !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-head{\n    display:grid !important;\n\n    grid-template-columns:\n        .7fr\n        1.3fr !important;\n\n    gap:100px !important;\n\n    margin-bottom:85px !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey .lcabout26-section-no{\n    color:#F0BEA5 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey .lcabout26-section-label{\n    color:#fff !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-title{\n    color:#fff !important;\n\n    font-size:clamp(\n        55px,\n        6vw,\n        92px\n    ) !important;\n\n    font-weight:500 !important;\n\n    line-height:.98 !important;\n\n    letter-spacing:-.064em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-title span{\n    color:#F4C3A8 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-list{\n    display:grid !important;\n\n    grid-template-columns:\n        repeat(3,1fr) !important;\n\n    border-top:\n        1px\n        solid\n        rgba(255,255,255,.25) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-item{\n    min-height:250px !important;\n\n    padding:\n        30px\n        30px\n        35px !important;\n\n    border-right:\n        1px\n        solid\n        rgba(255,255,255,.17) !important;\n\n    transition:\n        background\n        .35s\n        ease !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-item:last-child{\n    border-right:0 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-item:hover{\n    background:\n        rgba(255,255,255,.08) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-no{\n    color:#F0BEA5 !important;\n\n    font-size:9px !important;\n    font-weight:700 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-name{\n    margin-top:65px !important;\n\n    color:#fff !important;\n\n    font-size:28px !important;\n    font-weight:500 !important;\n\n    letter-spacing:-.045em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-journey-copy{\n    margin-top:18px !important;\n\n    color:\n        rgba(255,255,255,.65) !important;\n\n    font-family:\n        'Noto Sans JP',\n        sans-serif !important;\n\n    font-size:12px !important;\n\n    line-height:1.85 !important;\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\nhtml body #lcabout26-root .lcabout26-final{\n    padding:\n        160px\n        0 !important;\n\n    background:var(--charcoal) !important;\n\n    color:#fff !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-final-grid{\n    display:grid !important;\n\n    grid-template-columns:\n        1.2fr\n        .8fr !important;\n\n    gap:90px !important;\n\n    align-items:end !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-final-label{\n    color:#E4A281 !important;\n\n    font-size:9px !important;\n    font-weight:700 !important;\n\n    letter-spacing:.18em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-final-title{\n    margin-top:25px !important;\n\n    color:#fff !important;\n\n    font-size:clamp(\n        62px,\n        7vw,\n        108px\n    ) !important;\n\n    font-weight:500 !important;\n\n    line-height:.93 !important;\n\n    letter-spacing:-.07em !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-final-title span{\n    color:#F0BEA5 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-final-copy{\n    color:\n        rgba(255,255,255,.62) !important;\n\n    font-family:\n        'Noto Sans JP',\n        sans-serif !important;\n\n    font-size:13px !important;\n\n    line-height:2.05 !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-final-button{\n    margin-top:35px !important;\n\n    display:inline-flex !important;\n\n    align-items:center !important;\n\n    gap:25px !important;\n\n    padding:\n        8px\n        8px\n        8px\n        23px !important;\n\n    border:\n        1px\n        solid\n        rgba(255,255,255,.35) !important;\n\n    color:#fff !important;\n\n    font-family:\n        'Noto Sans JP',\n        sans-serif !important;\n\n    font-size:11px !important;\n    font-weight:600 !important;\n\n    transition:.3s !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-final-arrow{\n    width:48px !important;\n    height:48px !important;\n\n    display:flex !important;\n\n    align-items:center !important;\n    justify-content:center !important;\n\n    background:var(--orange) !important;\n\n    color:#fff !important;\n\n    transition:\n        transform\n        .35s\n        ease !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-final-button:hover{\n    background:#fff !important;\n\n    color:var(--charcoal) !important;\n}\n\n\nhtml body #lcabout26-root .lcabout26-final-button:hover .lcabout26-final-arrow{\n    transform:rotate(-45deg) !important;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:760px){\n\n    html body #lcabout26-root .lcabout26-container{\n        width:\n            calc(100% - 34px) !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-hero{\n        min-height:auto !important;\n\n        padding:\n            125px\n            0\n            90px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-hero-grid,\n    html body #lcabout26-root .lcabout26-story-grid,\n    html body #lcabout26-root .lcabout26-philosophy-grid,\n    html body #lcabout26-root .lcabout26-approach-head,\n    html body #lcabout26-root .lcabout26-journey-head,\n    html body #lcabout26-root .lcabout26-final-grid{\n        grid-template-columns:\n            1fr !important;\n\n        gap:50px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-hero-title{\n        font-size:62px !important;\n\n        line-height:.94 !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-story{\n        padding:\n            105px\n            0\n            120px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-story-title{\n        font-size:48px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-story-copy-grid{\n        grid-template-columns:\n            1fr !important;\n\n        gap:22px !important;\n\n        margin-top:50px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-philosophy{\n        padding:\n            110px\n            0 !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-philosophy-title{\n        font-size:50px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-word-row{\n        min-height:140px !important;\n\n        padding:\n            20px\n            0 !important;\n\n        grid-template-columns:\n            80px\n            1fr !important;\n\n        grid-template-rows:\n            auto\n            auto !important;\n\n        gap:10px 15px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-word-jp{\n        grid-column:2 !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-visual{\n        padding-bottom:110px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-visual-image{\n        height:340px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-visual-card{\n        position:relative !important;\n\n        width:100% !important;\n\n        left:auto !important;\n        bottom:auto !important;\n\n        margin-top:-1px !important;\n\n        padding:\n            34px\n            28px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-approach{\n        padding:\n            110px\n            0 !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-approach-title{\n        font-size:48px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-approach-row{\n        min-height:145px !important;\n\n        padding:\n            20px\n            0 !important;\n\n        grid-template-columns:\n            35px\n            1fr !important;\n\n        grid-template-rows:\n            auto\n            auto !important;\n\n        gap:\n            10px\n            15px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-approach-no{\n        grid-column:1 !important;\n        grid-row:1 !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-approach-name{\n        grid-column:2 !important;\n        grid-row:1 !important;\n\n        font-size:18px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-approach-desc{\n        grid-column:2 !important;\n        grid-row:2 !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-approach-row:hover{\n        padding-left:0 !important;\n        padding-right:0 !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-journey{\n        padding:\n            110px\n            0 !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-journey-title{\n        font-size:47px !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-journey-list{\n        grid-template-columns:\n            1fr !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-journey-item{\n        min-height:220px !important;\n\n        border-right:0 !important;\n\n        border-bottom:\n            1px\n            solid\n            rgba(255,255,255,.17) !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-final{\n        padding:\n            110px\n            0 !important;\n    }\n\n\n    html body #lcabout26-root .lcabout26-final-title{\n        font-size:53px !important;\n    }\n\n}\n\n<\/style>\n\n\n\n\n\n\n<div\nid=\"lcabout26-root\"\nclass=\"notranslate skiptranslate\"\ntranslate=\"no\"\ndata-no-translation=\"true\">\n\n\n<div\nclass=\"lcabout26-progress\"\nid=\"lcabout26Progress\">\n<\/div>\n\n\n<main\nclass=\"notranslate skiptranslate\"\ntranslate=\"no\"\ndata-no-translation=\"true\">\n\n\n<!-- =========================================================\n     HERO\n========================================================= -->\n\n<section class=\"lcabout26-hero\">\n\n    <div class=\"lcabout26-container lcabout26-hero-grid\">\n\n\n        <div\n        id=\"lcabout26HeroText\">\n\n\n            <div class=\"lcabout26-hero-kicker\">\n\n                LINGUA COTTAGE \/ ABOUT\n\n            <\/div>\n\n\n            <h1 class=\"lcabout26-hero-title\">\n\n                About\n\n                <span class=\"olive\">\n\n                    Lingua Cottage.\n\n                <\/span>\n\n\n                <span class=\"outline\">\n\n                    More than language.\n\n                <\/span>\n\n            <\/h1>\n\n\n        <\/div>\n\n\n        <div class=\"lcabout26-hero-side\">\n\n\n            <div class=\"lcabout26-hero-number\">\n\n                01 \u2014 04\n\n            <\/div>\n\n\n            <p class=\"lcabout26-hero-copy\">\n\n                Lingua Cottage\u304c\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u306e\u306f\u3001\n                \u3053\u3068\u3070\u3092\u899a\u3048\u308b\u3053\u3068\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n                <br><br>\n\n                \u4e00\u4eba\u3072\u3068\u308a\u306e\u30ec\u30d9\u30eb\u3084\u76ee\u6a19\u306b\u5bc4\u308a\u6dfb\u3044\u306a\u304c\u3089\u3001\n                \u3053\u3068\u3070\u3092\u4f7f\u3044\u3001\u8003\u3048\u3001\u4f1d\u3048\u3001\n                \u4e16\u754c\u3068\u3064\u306a\u304c\u308b\u529b\u3092\u80b2\u3066\u307e\u3059\u3002\n\n            <\/p>\n\n\n            <div class=\"lcabout26-hero-small\">\n\n                OUR STORY \u00b7 PHILOSOPHY \u00b7 APPROACH\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     STORY\n========================================================= -->\n\n<section class=\"lcabout26-story\">\n\n    <div class=\"lcabout26-container lcabout26-story-grid\">\n\n\n        <div class=\"lcabout26-reveal\">\n\n            <div class=\"lcabout26-section-no\">\n\n                01\n\n            <\/div>\n\n            <div class=\"lcabout26-section-label\">\n\n                OUR STORY\n\n            <\/div>\n\n        <\/div>\n\n\n        <div>\n\n\n            <h2 class=\"lcabout26-story-title lcabout26-reveal\">\n\n                A small place<br>\n\n                for\n\n                <span>\n                    bigger connections.\n                <\/span>\n\n            <\/h2>\n\n\n            <div class=\"lcabout26-story-copy-grid\">\n\n\n                <p class=\"lcabout26-story-copy lcabout26-reveal\">\n\n                    Lingua Cottage\u306f\u3001\n                    \u82f1\u8a9e\u30fb\u97d3\u56fd\u8a9e\u30fb\u65e5\u672c\u8a9e\u30fb\u6570\u5b66\u3092\u5b66\u3076\n                    \u6771\u65b0\u5bbf\u306e\u5c11\u4eba\u6570\u5236\u30b9\u30af\u30fc\u30eb\u3067\u3059\u3002\n                    \u5e7c\u5150\u304b\u3089\u5b66\u751f\u3001\u305d\u3057\u3066\u5927\u4eba\u307e\u3067\u3001\n                    \u4e00\u4eba\u3072\u3068\u308a\u306e\u80cc\u666f\u3084\u30ec\u30d9\u30eb\u3001\n                    \u76ee\u6a19\u306b\u5408\u308f\u305b\u305f\u5b66\u3073\u3092\u8003\u3048\u307e\u3059\u3002\n\n                <\/p>\n\n\n                <p class=\"lcabout26-story-copy lcabout26-reveal\">\n\n                    \u5b66\u6821\u306e\u6388\u696d\u3001\u8a66\u9a13\u3001\u4f1a\u8a71\u3001\n                    Academic Writing\u3001\u65e5\u5e38\u751f\u6d3b\u306a\u3069\u3001\n                    \u5fc5\u8981\u306a\u5b66\u3073\u306f\u4eba\u306b\u3088\u3063\u3066\u7570\u306a\u308a\u307e\u3059\u3002\n                    \u3060\u304b\u3089\u3053\u305d\u3001\u6c7a\u3081\u3089\u308c\u305f\u5f62\u306b\u5408\u308f\u305b\u308b\u306e\u3067\u306f\u306a\u304f\u3001\n                    \u305d\u306e\u4eba\u306b\u5fc5\u8981\u306a\u5b66\u3073\u65b9\u3092\u4e00\u7dd2\u306b\u898b\u3064\u3051\u307e\u3059\u3002\n\n                <\/p>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     PHILOSOPHY\n========================================================= -->\n\n<section class=\"lcabout26-philosophy\">\n\n    <div class=\"lcabout26-container lcabout26-philosophy-grid\">\n\n\n        <div class=\"lcabout26-reveal\">\n\n            <div class=\"lcabout26-section-no\">\n\n                02\n\n            <\/div>\n\n            <div class=\"lcabout26-section-label\">\n\n                OUR PHILOSOPHY\n\n            <\/div>\n\n        <\/div>\n\n\n        <div>\n\n\n            <h2 class=\"lcabout26-philosophy-title lcabout26-reveal\">\n\n                Building Bridges\n\n                <span>\n\n                    Beyond Language.\n\n                <\/span>\n\n            <\/h2>\n\n\n            <p class=\"lcabout26-philosophy-copy lcabout26-reveal\">\n\n                \u3053\u3068\u3070\u3092\u5b66\u3076\u3053\u3068\u306f\u3001\n                \u5358\u8a9e\u3084\u6587\u6cd5\u3092\u899a\u3048\u308b\u3053\u3068\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n                \u4eba\u3068\u3064\u306a\u304c\u308a\u3001\u6587\u5316\u3092\u77e5\u308a\u3001\n                \u81ea\u5206\u306e\u8003\u3048\u3092\u4f1d\u3048\u3001\n                \u65b0\u3057\u3044\u4e16\u754c\u306b\u8e0f\u307f\u51fa\u3059\u305f\u3081\u306e\u529b\u3067\u3082\u3042\u308a\u307e\u3059\u3002\n                <br><br>\n\n                Lingua Cottage\u306f\u3001\n                \u8a00\u8a9e\u306e\u5148\u306b\u3042\u308b\u300c\u3064\u306a\u304c\u308a\u300d\u3092\u80b2\u3066\u308b\u5b66\u3073\u3092\n                \u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n\n            <\/p>\n\n\n            <div class=\"lcabout26-philosophy-words\">\n\n\n                <div class=\"lcabout26-word-row lcabout26-reveal\">\n\n                    <div class=\"lcabout26-word-key\">\n                        01\n                    <\/div>\n\n                    <div class=\"lcabout26-word-en\">\n                        Connect\n                    <\/div>\n\n                    <div class=\"lcabout26-word-jp\">\n                        \u4eba\u30fb\u6587\u5316\u30fb\u4e16\u754c\u3068\u3064\u306a\u304c\u308b\u3002\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"lcabout26-word-row lcabout26-reveal\">\n\n                    <div class=\"lcabout26-word-key\">\n                        02\n                    <\/div>\n\n                    <div class=\"lcabout26-word-en\">\n                        Think\n                    <\/div>\n\n                    <div class=\"lcabout26-word-jp\">\n                        \u81ea\u5206\u3067\u8003\u3048\u3001\u7406\u89e3\u3059\u308b\u529b\u3092\u80b2\u3066\u308b\u3002\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"lcabout26-word-row lcabout26-reveal\">\n\n                    <div class=\"lcabout26-word-key\">\n                        03\n                    <\/div>\n\n                    <div class=\"lcabout26-word-en\">\n                        Express\n                    <\/div>\n\n                    <div class=\"lcabout26-word-jp\">\n                        \u81ea\u5206\u306e\u8003\u3048\u3092\u3001\u81ea\u5206\u306e\u3053\u3068\u3070\u3067\u4f1d\u3048\u308b\u3002\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"lcabout26-word-row lcabout26-reveal\">\n\n                    <div class=\"lcabout26-word-key\">\n                        04\n                    <\/div>\n\n                    <div class=\"lcabout26-word-en\">\n                        Grow\n                    <\/div>\n\n                    <div class=\"lcabout26-word-jp\">\n                        \u5b66\u3073\u3092\u6b21\u306e\u6210\u9577\u3078\u3064\u306a\u3052\u308b\u3002\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     VISUAL\n========================================================= -->\n\n<section class=\"lcabout26-visual\">\n\n    <div class=\"lcabout26-container lcabout26-visual-inner\">\n\n\n        <div\n        class=\"lcabout26-visual-image lcabout26-reveal\"\n        id=\"lcabout26ParallaxImage\">\n\n            <img decoding=\"async\"\n            src=\"\/wp-content\/uploads\/2026\/09\/IMG_5727-scaled.jpg\"\n            alt=\"Lingua Cottage classroom\">\n\n        <\/div>\n\n\n        <div class=\"lcabout26-visual-card lcabout26-reveal\">\n\n\n            <div class=\"lcabout26-visual-label\">\n\n                OUR PLACE\n\n            <\/div>\n\n\n            <div class=\"lcabout26-visual-title\">\n\n                Small enough<br>\n                to know\n\n                <span>\n                    every learner.\n                <\/span>\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     APPROACH\n========================================================= -->\n\n<section class=\"lcabout26-approach\">\n\n    <div class=\"lcabout26-container\">\n\n\n        <div class=\"lcabout26-approach-head\">\n\n\n            <div class=\"lcabout26-reveal\">\n\n                <div class=\"lcabout26-section-no\">\n\n                    03\n\n                <\/div>\n\n                <div class=\"lcabout26-section-label\">\n\n                    OUR APPROACH\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n\n                <h2 class=\"lcabout26-approach-title lcabout26-reveal\">\n\n                    Learning built<br>\n                    around\n\n                    <span>\n                        the learner.\n                    <\/span>\n\n                <\/h2>\n\n\n                <p class=\"lcabout26-approach-copy lcabout26-reveal\">\n\n                    \u5e74\u9f62\u3084\u6559\u79d1\u3060\u3051\u3067\u4e00\u5f8b\u306b\u5206\u3051\u308b\u306e\u3067\u306f\u306a\u304f\u3001\n                    \u73fe\u5728\u306e\u30ec\u30d9\u30eb\u3001\u5b66\u6821\u74b0\u5883\u3001\u76ee\u7684\u3092\u898b\u306a\u304c\u3089\u3001\n                    \u4e00\u4eba\u3072\u3068\u308a\u306b\u5fc5\u8981\u306a\u5b66\u3073\u3092\u7d44\u307f\u7acb\u3066\u307e\u3059\u3002\n\n                <\/p>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <div class=\"lcabout26-approach-list\">\n\n\n            <div class=\"lcabout26-approach-row lcabout26-reveal\">\n\n                <div class=\"lcabout26-approach-no\">\n\n                    01\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-name\">\n\n                    Small Group\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-desc\">\n\n                    \u5c11\u4eba\u6570\u5236\u3060\u304b\u3089\u3053\u305d\u3001\n                    \u4e00\u4eba\u3072\u3068\u308a\u306e\u7406\u89e3\u5ea6\u3084\u5909\u5316\u3092\u4e01\u5be7\u306b\u898b\u306a\u304c\u3089\u9032\u3081\u307e\u3059\u3002\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"lcabout26-approach-row lcabout26-reveal\">\n\n                <div class=\"lcabout26-approach-no\">\n\n                    02\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-name\">\n\n                    Personalised\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-desc\">\n\n                    \u5b66\u751f\u3054\u3068\u306e\u30ec\u30d9\u30eb\u3084\u76ee\u6a19\u306b\u5408\u308f\u305b\u3066\u3001\n                    \u5fc5\u8981\u306a\u5185\u5bb9\u3068\u9032\u3081\u65b9\u3092\u8003\u3048\u307e\u3059\u3002\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"lcabout26-approach-row lcabout26-reveal\">\n\n                <div class=\"lcabout26-approach-no\">\n\n                    03\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-name\">\n\n                    Practical Learning\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-desc\">\n\n                    \u5358\u7d14\u306a\u6697\u8a18\u3067\u306f\u306a\u304f\u3001\n                    \u5b9f\u969b\u306b\u4f7f\u3048\u308b\u529b\u3078\u3064\u306a\u3052\u308b\u3053\u3068\u3092\u5927\u5207\u306b\u3057\u307e\u3059\u3002\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"lcabout26-approach-row lcabout26-reveal\">\n\n                <div class=\"lcabout26-approach-no\">\n\n                    04\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-name\">\n\n                    Reading \u00b7 Writing \u00b7 Speaking\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-desc\">\n\n                    \u8aad\u3080\u30fb\u66f8\u304f\u30fb\u8a71\u3059\u529b\u3092\u30d0\u30e9\u30f3\u30b9\u3088\u304f\u5b66\u3073\u3001\n                    \u81ea\u5206\u306e\u8003\u3048\u3092\u8868\u73fe\u3059\u308b\u529b\u3092\u80b2\u3066\u307e\u3059\u3002\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"lcabout26-approach-row lcabout26-reveal\">\n\n                <div class=\"lcabout26-approach-no\">\n\n                    05\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-name\">\n\n                    Critical Thinking\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-desc\">\n\n                    \u7b54\u3048\u3092\u899a\u3048\u308b\u3060\u3051\u3067\u306f\u306a\u304f\u3001\n                    \u81ea\u5206\u3067\u8003\u3048\u3001\u7406\u89e3\u3057\u3001\u8aac\u660e\u3059\u308b\u529b\u3092\u5927\u5207\u306b\u3057\u307e\u3059\u3002\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"lcabout26-approach-row lcabout26-reveal\">\n\n                <div class=\"lcabout26-approach-no\">\n\n                    06\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-name\">\n\n                    Multilingual Environment\n\n                <\/div>\n\n                <div class=\"lcabout26-approach-desc\">\n\n                    \u591a\u8a00\u8a9e\u30fb\u591a\u6587\u5316\u304c\u81ea\u7136\u306b\u4ea4\u308f\u308b\u74b0\u5883\u306e\u4e2d\u3067\u3001\n                    \u5e7c\u5150\u304b\u3089\u5927\u4eba\u307e\u3067\u5b66\u3073\u3092\u7d9a\u3051\u3089\u308c\u307e\u3059\u3002\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     JOURNEY\n========================================================= -->\n\n<section class=\"lcabout26-journey\">\n\n    <div class=\"lcabout26-container\">\n\n\n        <div class=\"lcabout26-journey-head\">\n\n\n            <div class=\"lcabout26-reveal\">\n\n                <div class=\"lcabout26-section-no\">\n\n                    04\n\n                <\/div>\n\n                <div class=\"lcabout26-section-label\">\n\n                    LEARNING JOURNEY\n\n                <\/div>\n\n            <\/div>\n\n\n            <h2 class=\"lcabout26-journey-title lcabout26-reveal\">\n\n                Learning that grows<br>\n\n                <span>\n                    with you.\n                <\/span>\n\n            <\/h2>\n\n\n        <\/div>\n\n\n        <div class=\"lcabout26-journey-list\">\n\n\n            <div class=\"lcabout26-journey-item lcabout26-reveal\">\n\n                <div class=\"lcabout26-journey-no\">\n\n                    01\n\n                <\/div>\n\n                <div class=\"lcabout26-journey-name\">\n\n                    Preschool\n\n                <\/div>\n\n                <p class=\"lcabout26-journey-copy\">\n\n                    \u8a00\u8449\u3078\u306e\u8208\u5473\u3092\u80b2\u3066\u306a\u304c\u3089\u3001\n                    \u5b66\u3076\u3053\u3068\u3092\u697d\u3057\u3080\u571f\u53f0\u3092\u3064\u304f\u308a\u307e\u3059\u3002\n\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"lcabout26-journey-item lcabout26-reveal\">\n\n                <div class=\"lcabout26-journey-no\">\n\n                    02\n\n                <\/div>\n\n                <div class=\"lcabout26-journey-name\">\n\n                    Students\n\n                <\/div>\n\n                <p class=\"lcabout26-journey-copy\">\n\n                    \u5b66\u6821\u30fb\u8a66\u9a13\u30fbAcademic Learning\u306a\u3069\u3001\n                    \u5b66\u3076\u74b0\u5883\u306b\u5fc5\u8981\u306a\u529b\u3092\u80b2\u3066\u307e\u3059\u3002\n\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"lcabout26-journey-item lcabout26-reveal\">\n\n                <div class=\"lcabout26-journey-no\">\n\n                    03\n\n                <\/div>\n\n                <div class=\"lcabout26-journey-name\">\n\n                    Adults\n\n                <\/div>\n\n                <p class=\"lcabout26-journey-copy\">\n\n                    \u65e5\u5e38\u30fb\u4ed5\u4e8b\u30fb\u8cc7\u683c\u30fb\u8da3\u5473\u306a\u3069\u3001\n                    \u76ee\u7684\u306b\u5408\u308f\u305b\u305f\u5b9f\u8df5\u7684\u306a\u5b66\u3073\u3092\u7d9a\u3051\u307e\u3059\u3002\n\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     FINAL CTA\n========================================================= -->\n\n<section class=\"lcabout26-final\">\n\n    <div class=\"lcabout26-container lcabout26-final-grid\">\n\n\n        <div>\n\n\n            <div class=\"lcabout26-final-label lcabout26-reveal\">\n\n                FREE TRIAL \/ CONSULTATION\n\n            <\/div>\n\n\n            <h2 class=\"lcabout26-final-title lcabout26-reveal\">\n\n                Start with<br>\n\n                <span>\n                    a conversation.\n                <\/span>\n\n            <\/h2>\n\n\n        <\/div>\n\n\n        <div class=\"lcabout26-reveal\">\n\n\n            <p class=\"lcabout26-final-copy\">\n\n                \u73fe\u5728\u306e\u30ec\u30d9\u30eb\u3084\u76ee\u6a19\u3001\n                \u5b66\u6821\u74b0\u5883\u306a\u3069\u3092\u304a\u4f3a\u3044\u3057\u306a\u304c\u3089\u3001\n                \u4e00\u4eba\u3072\u3068\u308a\u306b\u5408\u3063\u305f\u5b66\u3073\u65b9\u3092\u3054\u6848\u5185\u3057\u307e\u3059\u3002\n\n            <\/p>\n\n\n            <a\n            href=\"\/?page_id=899\"\n            class=\"lcabout26-final-button\">\n\n                \u7121\u6599\u4f53\u9a13\u30fb\u5165\u4f1a\u76f8\u8ac7\n\n                <span class=\"lcabout26-final-arrow\">\n\n                    \u2192\n\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<\/main>\n\n<\/div>\n\n\n\n\n\n\n<script>\n\ndocument.addEventListener(\n'DOMContentLoaded',\nfunction(){\n\n\n    const root =\n        document.getElementById(\n            'lcabout26-root'\n        );\n\n\n    if(!root){\n        return;\n    }\n\n\n    \/* =====================================================\n       \ubc88\uc5ed \uc644\uc804 \ucc28\ub2e8\n    ===================================================== *\/\n\n    function lockTranslation(\n        element\n    ){\n\n        if(\n            !element ||\n            element.nodeType !== 1\n        ){\n            return;\n        }\n\n\n        element.setAttribute(\n            'translate',\n            'no'\n        );\n\n\n        element.setAttribute(\n            'data-no-translation',\n            'true'\n        );\n\n\n        element.classList.add(\n            'notranslate'\n        );\n\n\n        element.classList.add(\n            'skiptranslate'\n        );\n\n\n        element\n        .querySelectorAll('*')\n        .forEach(\n        function(child){\n\n\n            child.setAttribute(\n                'translate',\n                'no'\n            );\n\n\n            child.setAttribute(\n                'data-no-translation',\n                'true'\n            );\n\n\n            child.classList.add(\n                'notranslate'\n            );\n\n\n        });\n\n\n    }\n\n\n    lockTranslation(\n        root\n    );\n\n\n    const translationObserver =\n        new MutationObserver(\n        function(mutations){\n\n\n            mutations.forEach(\n            function(mutation){\n\n\n                mutation.addedNodes\n                .forEach(\n                function(node){\n\n\n                    if(\n                        node.nodeType === 1\n                    ){\n\n                        lockTranslation(\n                            node\n                        );\n\n                    }\n\n\n                });\n\n\n            });\n\n\n        });\n\n\n    translationObserver.observe(\n        root,\n        {\n            childList:true,\n            subtree:true\n        }\n    );\n\n\n    \/* =====================================================\n       PROGRESS\n    ===================================================== *\/\n\n    const progress =\n        document.getElementById(\n            'lcabout26Progress'\n        );\n\n\n    function updateProgress(){\n\n        const scrollTop =\n            document.documentElement.scrollTop ||\n            document.body.scrollTop;\n\n\n        const scrollHeight =\n            document.documentElement.scrollHeight -\n            document.documentElement.clientHeight;\n\n\n        const percentage =\n            scrollHeight > 0\n            ?\n            (\n                scrollTop \/\n                scrollHeight\n            ) * 100\n            :\n            0;\n\n\n        if(progress){\n\n            progress.style.width =\n                percentage + '%';\n\n        }\n\n    }\n\n\n    window.addEventListener(\n        'scroll',\n        updateProgress,\n        {\n            passive:true\n        }\n    );\n\n\n    updateProgress();\n\n\n    \/* =====================================================\n       REVEAL\n    ===================================================== *\/\n\n    const revealItems =\n        root.querySelectorAll(\n            '.lcabout26-reveal'\n        );\n\n\n    if(\n        'IntersectionObserver'\n        in window\n    ){\n\n        const observer =\n        new IntersectionObserver(\n        function(entries){\n\n\n            entries.forEach(\n            function(entry){\n\n\n                if(\n                    entry.isIntersecting\n                ){\n\n                    entry.target\n                    .classList\n                    .add(\n                        'show'\n                    );\n\n\n                    observer.unobserve(\n                        entry.target\n                    );\n\n                }\n\n\n            });\n\n\n        },{\n            threshold:.1\n        });\n\n\n        revealItems.forEach(\n        function(item,index){\n\n\n            item.style.transitionDelay =\n                Math.min(\n                    (index % 4) * .06,\n                    .18\n                ) + 's';\n\n\n            observer.observe(\n                item\n            );\n\n\n        });\n\n\n    }else{\n\n\n        revealItems.forEach(\n        function(item){\n\n\n            item.classList.add(\n                'show'\n            );\n\n\n        });\n\n\n    }\n\n\n    \/* =====================================================\n       HERO PARALLAX\n       \ub9c8\uc6b0\uc2a4 \ucd94\uc801\uc774 \uc544\ub2c8\ub77c \uc2a4\ud06c\ub864 \uae30\ubc18\n    ===================================================== *\/\n\n    const heroText =\n        document.getElementById(\n            'lcabout26HeroText'\n        );\n\n\n    const parallaxImage =\n        document.querySelector(\n            '#lcabout26ParallaxImage img'\n        );\n\n\n    function scrollMotion(){\n\n        const y =\n            window.scrollY ||\n            window.pageYOffset;\n\n\n        if(\n            heroText &&\n            y < 1000\n        ){\n\n            heroText.style.transform =\n                'translateY(' +\n                (y * .08) +\n                'px)';\n\n        }\n\n\n        if(parallaxImage){\n\n            const visual =\n                parallaxImage\n                .closest(\n                    '.lcabout26-visual-image'\n                );\n\n\n            const rect =\n                visual\n                .getBoundingClientRect();\n\n\n            const center =\n                window.innerHeight \/ 2;\n\n\n            const distance =\n                rect.top +\n                rect.height \/ 2 -\n                center;\n\n\n            const movement =\n                Math.max(\n                    -45,\n                    Math.min(\n                        45,\n                        distance * -.04\n                    )\n                );\n\n\n            parallaxImage.style.transform =\n                'translateY(' +\n                (\n                    -5 +\n                    movement \/ 10\n                ) +\n                '%) scale(1.02)';\n\n        }\n\n    }\n\n\n    window.addEventListener(\n        'scroll',\n        scrollMotion,\n        {\n            passive:true\n        }\n    );\n\n\n    scrollMotion();\n\n\n    \/* =====================================================\n       CTA placeholder\n    ===================================================== *\/\n\n    root\n    .querySelectorAll(\n        'a[href=\"#\"]'\n    )\n    .forEach(\n    function(link){\n\n\n        link.addEventListener(\n            'click',\n            function(e){\n\n                e.preventDefault();\n\n            }\n        );\n\n\n    });\n\n\n});\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>LINGUA COTTAGE \/ ABOUT About Lingua Cottage. More than language. 01 \u2014 04 Lingua Cottage\u304c\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u306e\u306f\u3001 \u3053\u3068\u3070\u3092\u899a\u3048\u308b\u3053\u3068\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002 \u4e00\u4eba\u3072\u3068\u308a\u306e\u30ec\u30d9\u30eb\u3084\u76ee\u6a19\u306b\u5bc4\u308a\u6dfb\u3044\u306a\u304c\u3089\u3001 \u3053\u3068\u3070\u3092\u4f7f\u3044\u3001\u8003\u3048\u3001\u4f1d\u3048\u3001 \u4e16\u754c\u3068\u3064\u306a\u304c\u308b\u529b\u3092\u80b2\u3066\u307e\u3059\u3002 OUR STORY \u00b7 PHILOSOPHY \u00b7 APPROACH 01 OUR STORY A small place for bigger connections. Lingua Cottage\u306f\u3001 \u82f1\u8a9e\u30fb\u97d3\u56fd\u8a9e\u30fb\u65e5\u672c\u8a9e\u30fb\u6570\u5b66\u3092\u5b66\u3076 \u6771\u65b0\u5bbf\u306e\u5c11\u4eba\u6570\u5236\u30b9\u30af\u30fc\u30eb\u3067\u3059\u3002 \u5e7c\u5150\u304b\u3089\u5b66\u751f\u3001\u305d\u3057\u3066\u5927\u4eba\u307e\u3067\u3001 \u4e00\u4eba\u3072\u3068\u308a\u306e\u80cc\u666f\u3084\u30ec\u30d9\u30eb\u3001 &hellip; <a href=\"https:\/\/lingua-cottage.com\/?page_id=11\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":795,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/lingua-cottage.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lingua-cottage.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lingua-cottage.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lingua-cottage.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lingua-cottage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":67,"href":"https:\/\/lingua-cottage.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":912,"href":"https:\/\/lingua-cottage.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/912"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lingua-cottage.com\/index.php?rest_route=\/wp\/v2\/media\/795"}],"wp:attachment":[{"href":"https:\/\/lingua-cottage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}