{"id":6,"date":"2026-10-10T00:32:34","date_gmt":"2026-10-10T00:32:34","guid":{"rendered":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/?page_id=6"},"modified":"2026-10-10T00:32:34","modified_gmt":"2026-10-10T00:32:34","slug":"6-2","status":"publish","type":"page","link":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/?page_id=6","title":{"rendered":""},"content":{"rendered":"\n
<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\">\n<title>\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb \u516c\u5f0f\u30b5\u30a4\u30c8<\/title>\n<meta name=\"description\" content=\"\u7b11\u9854\u914d\u9054\u4eba\uff0f\u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u8005 \u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\u306e\u516c\u5f0f\u30b5\u30a4\u30c8\u3002\u30b5\u30c3\u30ab\u30fc\u306e\u73fe\u5834\u3067\u57f9\u3063\u305f\u7d4c\u9a13\u3092\u3082\u3068\u306b\u3001\u30c1\u30fc\u30e0\u30d3\u30eb\u30c7\u30a3\u30f3\u30b0\u30fb\u4eba\u6750\u80b2\u6210\u30fb\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u3092\u30c6\u30fc\u30de\u3068\u3057\u305f\u8b1b\u6f14\u6d3b\u52d5\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Sans+JP:wght@400;500;700&family=Shippori+Mincho:wght@500;600;700&display=swap\">\n<style>\n\/* Layout: \u540d\u523a\u8868\u9762\u306e\u30ca\u30a4\u30c8\u30b9\u30bf\u30b8\u30a2\u30e0\u3067\u958b\u304d\u3001\u767d\u3078\u5207\u308a\u66ff\u3048 \u2192 \u767d\uff0f\u30aa\u30d5\u30db\u30ef\u30a4\u30c8\u3092\u4ea4\u4e92\u306b\u91cd\u306d\u3001\u8b1b\u6f14\u3068\u554f\u3044\u5408\u308f\u305b\u3067\u3082\u3046\u4e00\u5ea6\u30cd\u30a4\u30d3\u30fc\u306b\u623b\u308b\uff08\u660e\u6697\u306e\u30ea\u30ba\u30e0\uff09 *\/\n:root{\n  color-scheme: light;\n  --navy:#071C33;\n  --navy-deep:#041322;\n  --navy-line:rgba(255,255,255,.14);\n  --white:#FFFFFF;\n  --offwhite:#F5F5F2;\n  --paper-line:#E3E4DF;\n  --green:#83A947;\n  --green-deep:#5F7F2E;      \/* \u767d\u80cc\u666f\u4e0a\u306e\u5c0f\u3055\u306a\u6587\u5b57\u7528\uff08\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u78ba\u4fdd\uff09 *\/\n  --ink:#20252A;\n  --gray:#7B8085;\n  --on-dark-soft:rgba(255,255,255,.78);\n\n  --font-mincho:\"Shippori Mincho\",\"Hiragino Mincho ProN\",\"Yu Mincho\",\"YuMincho\",serif;\n  --font-sans:\"Noto Sans JP\",\"Hiragino Kaku Gothic ProN\",\"Yu Gothic\",\"Meiryo\",sans-serif;\n  --font-serif-en:\"Cormorant Garamond\",\"Times New Roman\",serif;\n\n  --wrap:1180px;\n  --gutter:clamp(20px,5vw,56px);\n  --section-y:clamp(80px,11vw,150px);\n  --ease:cubic-bezier(.22,.61,.36,1);\n}\n\n*,*::before,*::after{box-sizing:border-box}\nhtml{scroll-behavior:smooth;scroll-padding-top:72px}\nbody{\n  margin:0;background:var(--white);color:var(--ink);\n  font-family:var(--font-sans);font-size:16px;line-height:1.95;letter-spacing:.04em;\n  -webkit-font-smoothing:antialiased;\n}\nimg{max-width:100%;display:block}\na{color:inherit}\n:focus-visible{outline:2px solid var(--green);outline-offset:3px}\n\n.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}\n.section{padding-block:var(--section-y)}\n\n\/* ---------- \u5171\u901a\uff1a\u898b\u51fa\u3057 ---------- *\/\n.eyebrow{\n  font-family:var(--font-serif-en);font-weight:500;\n  font-size:.95rem;letter-spacing:.32em;text-transform:uppercase;\n  color:var(--green-deep);display:flex;align-items:center;gap:14px;margin:0 0 22px;\n}\n.eyebrow::after{content:\"\";width:40px;height:1px;background:currentColor;opacity:.7}\n.on-dark .eyebrow{color:var(--green)}\n.heading{\n  font-family:var(--font-mincho);font-weight:600;color:var(--navy);\n  font-size:clamp(1.65rem,3.2vw,2.6rem);line-height:1.6;letter-spacing:.06em;\n  margin:0;text-wrap:balance;\n}\n.on-dark .heading{color:var(--white)}\n.rule{display:block;width:56px;height:2px;background:var(--green);margin:28px 0}\n\n\/* ---------- \u5199\u771f\u67a0\uff08PHOTO PLACEHOLDER\uff09 ----------\n   \u5b9f\u5199\u771f\u304c\u5c4a\u3044\u305f\u3089 .ph \u306e div \u3092 <img src=\"images\/xxx.jpg\" alt=\"...\"> \u306b\u7f6e\u304d\u63db\u3048\u308b\u3060\u3051\u3067\u5dee\u3057\u66ff\u3048\u3067\u304d\u307e\u3059 *\/\n.photo{position:relative;overflow:hidden;background:var(--offwhite);max-width:100%}\n.photo img{width:100%;height:100%;object-fit:cover}\n.ph{\n  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;\n  text-align:center;padding:16px;color:var(--gray);\n  background:\n    repeating-linear-gradient(135deg,transparent 0 14px,rgba(7,28,51,.035) 14px 15px),\n    var(--offwhite);\n  border:1px solid var(--paper-line);\n}\n.ph__label{font-family:var(--font-serif-en);letter-spacing:.28em;font-size:.8rem;font-weight:600}\n.ph__note{font-size:.78rem;letter-spacing:.06em;line-height:1.6}\n.on-dark .ph,.ph--dark{\n  color:rgba(255,255,255,.55);border-color:var(--navy-line);\n  background:\n    repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.04) 14px 15px),\n    #0B2541;\n}\n.section--offwhite .ph{background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(7,28,51,.04) 14px 15px),#ECEDE8}\n\n\/* ---------- \u30dc\u30bf\u30f3 ---------- *\/\n.btn{\n  display:inline-flex;align-items:center;gap:18px;\n  font-family:var(--font-sans);font-weight:500;font-size:.95rem;letter-spacing:.12em;\n  text-decoration:none;padding:17px 30px 17px 34px;border:1px solid currentColor;\n  transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease);\n}\n.btn__arrow{width:26px;height:1px;background:currentColor;position:relative;transition:width .4s var(--ease)}\n.btn__arrow::after{content:\"\";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}\n.btn:hover .btn__arrow{width:36px}\n.btn--light{color:var(--white);border-color:rgba(255,255,255,.6)}\n.btn--light:hover{background:var(--white);color:var(--navy);border-color:var(--white)}\n.btn--green{background:var(--green);color:var(--white);border-color:var(--green)}\n.btn--green:hover{background:var(--white);color:var(--navy);border-color:var(--white)}\n.btn--navy{background:var(--navy);color:var(--white);border-color:var(--navy)}\n.btn--navy:hover{background:var(--green);border-color:var(--green)}\n\n\/* =========================================================\n   HEADER \/ NAV\n   ========================================================= *\/\n.site-header{\n  position:fixed;left:0;right:0;top:0;z-index:50;\n  padding-top:env(safe-area-inset-top,0px);\n  transition:background .5s var(--ease),box-shadow .5s var(--ease);\n  color:var(--white);\n}\n.site-header.is-scrolled{background:rgba(4,19,34,.94);box-shadow:0 1px 0 var(--navy-line)}\n.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;max-width:1360px;margin-inline:auto;padding-inline:var(--gutter)}\n.logo{text-decoration:none;display:flex;flex-direction:column;line-height:1.2}\n.logo__en{font-family:var(--font-serif-en);font-weight:600;letter-spacing:.24em;font-size:1.05rem}\n.logo__ja{font-family:var(--font-mincho);font-size:.72rem;letter-spacing:.3em;color:var(--on-dark-soft)}\n.gnav{display:flex;align-items:center;gap:clamp(16px,2vw,30px)}\n.gnav a{font-family:var(--font-serif-en);font-size:.92rem;letter-spacing:.2em;text-decoration:none;font-weight:500;position:relative;padding-block:6px}\n.gnav a:not(.gnav__cta)::after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}\n.gnav a:not(.gnav__cta):hover::after{transform:scaleX(1)}\n.gnav__cta{font-family:var(--font-sans)!important;font-size:.82rem!important;letter-spacing:.1em!important;padding:10px 18px!important;border:1px solid rgba(255,255,255,.55);transition:background .3s,color .3s}\n.gnav__cta:hover{background:var(--white);color:var(--navy)}\n.menu-btn{display:none;background:none;border:0;color:inherit;width:44px;height:44px;position:relative;cursor:pointer;padding:0}\n.menu-btn span{position:absolute;left:10px;right:10px;height:1px;background:currentColor;transition:transform .4s var(--ease),opacity .3s}\n.menu-btn span:nth-child(1){top:17px}.menu-btn span:nth-child(2){top:26px;left:18px}\n.menu-open .menu-btn span:nth-child(1){transform:translateY(4.5px) rotate(20deg)}\n.menu-open .menu-btn span:nth-child(2){transform:translateY(-4.5px) rotate(-20deg);left:10px}\n\n\/* =========================================================\n   01 HERO\uff08\u540d\u523a\u8868\u9762\u306e\u4e16\u754c\u89b3\uff09\n   ========================================================= *\/\n.hero{\n  position:relative;overflow:hidden;color:var(--white);\n  min-height:clamp(640px,100svh,960px);\n  background:\n    radial-gradient(ellipse 38% 30% at 96% 8%,rgba(170,205,255,.20),transparent 70%),\n    radial-gradient(ellipse 30% 22% at 70% 2%,rgba(170,205,255,.12),transparent 70%),\n    linear-gradient(180deg,#0A2747 0%,var(--navy) 45%,var(--navy-deep) 100%);\n}\n\/* \u829d\u306e\u30b0\u30ea\u30fc\u30f3\u3092\u8db3\u5143\u306b\u3046\u3063\u3059\u3089 *\/\n.hero::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,transparent,rgba(64,104,40,.22));pointer-events:none}\n.hero__photo{position:absolute;left:0;top:0;bottom:0;width:min(54%,820px)}\n.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:28% 12%;will-change:transform}\n.hero__photo::after{content:\"\";position:absolute;inset:0;\n  background:\n    linear-gradient(90deg,transparent 55%,var(--navy) 99%),\n    linear-gradient(180deg,rgba(4,19,34,.35) 0%,transparent 18%,transparent 70%,var(--navy-deep) 100%);}\n.hero__inner{\n  position:relative;z-index:2;max-width:1360px;margin-inline:auto;padding-inline:var(--gutter);\n  min-height:inherit;display:grid;grid-template-columns:1fr minmax(0,1fr);align-items:center;\n  padding-block:120px 80px;\n}\n.hero__content{grid-column:2;min-width:0;max-width:560px}\n.hero__en{font-family:var(--font-serif-en);font-weight:600;letter-spacing:.42em;font-size:clamp(.85rem,1.1vw,1rem);color:var(--green);margin:0 0 30px}\n.hero__copy{font-family:var(--font-mincho);font-weight:600;font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.5;letter-spacing:.08em;margin:0}\n.hero__copy span{display:block}\n.hero__rule{display:block;width:72px;height:2px;background:var(--green);margin:36px 0 34px;transform-origin:left;animation:drawX 1.4s .6s var(--ease) both}\n.hero__title{font-family:var(--font-mincho);font-size:clamp(.95rem,1.25vw,1.1rem);letter-spacing:.14em;margin:0;color:var(--on-dark-soft)}\n.hero__name{font-family:var(--font-mincho);font-weight:600;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:.2em;line-height:1.35;margin:4px 0 0}\n.hero__lead{font-size:.95rem;line-height:2.1;color:var(--on-dark-soft);margin:26px 0 38px;max-width:30em}\n.hero__scroll{position:absolute;z-index:2;left:50%;bottom:26px;transform:translateX(-50%);font-family:var(--font-serif-en);font-size:.72rem;letter-spacing:.3em;color:var(--on-dark-soft);display:flex;flex-direction:column;align-items:center;gap:10px}\n.hero__scroll::after{content:\"\";width:1px;height:44px;background:linear-gradient(var(--green),transparent);animation:scrollLine 2.4s var(--ease) infinite}\n\n@keyframes drawX{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}\n@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}\n.hero__content>*{animation:heroIn 1.2s var(--ease) both}\n.hero__content>*:nth-child(2){animation-delay:.15s}\n.hero__content>*:nth-child(4),.hero__content>*:nth-child(5){animation-delay:.35s}\n.hero__content>*:nth-child(6),.hero__content>*:nth-child(7){animation-delay:.5s}\n\n\/* =========================================================\n   02 MESSAGE\uff08\u767d\u3078\u5207\u308a\u66ff\u3048\uff09\n   ========================================================= *\/\n.message{background:var(--white)}\n.message__grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(48px,8vw,120px);align-items:start}\n.message__head{display:flex;gap:40px}\n.message__head .eyebrow{writing-mode:vertical-rl;margin:0;letter-spacing:.4em}\n.message__head .eyebrow::after{width:1px;height:40px}\n.message__title{writing-mode:vertical-rl;font-size:clamp(1.9rem,2.9vw,2.5rem);line-height:1.9;letter-spacing:.14em;height:14em}\n.message__body{max-width:34em;padding-top:12px}\n.message__body p{margin:0 0 1.6em}\n.message__sign{font-family:var(--font-mincho);font-size:1.15rem;letter-spacing:.2em;color:var(--navy);display:flex;align-items:center;gap:16px;margin-top:40px!important}\n.message__sign::before{content:\"\";width:32px;height:1px;background:var(--green)}\n\n\/* =========================================================\n   03 PROFILE\n   ========================================================= *\/\n.section--offwhite{background:var(--offwhite)}\n.profile__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,100px);align-items:center}\n.profile__photo{aspect-ratio:4\/5}\n.profile__photo::before{content:\"\";position:absolute;left:-1px;bottom:-1px;width:38%;height:2px;background:var(--green);z-index:1}\n.profile__title{font-family:var(--font-mincho);color:var(--gray);letter-spacing:.14em;margin:0 0 6px;font-size:.95rem}\n.profile__name{font-family:var(--font-mincho);font-weight:600;font-size:clamp(2rem,3.4vw,2.8rem);letter-spacing:.2em;color:var(--navy);margin:0;line-height:1.4}\n.profile__en{font-family:var(--font-serif-en);font-weight:600;letter-spacing:.34em;color:var(--green-deep);margin:4px 0 0;font-size:1rem}\n.profile__text p{margin:0 0 1.1em;font-size:.95rem}\n.keywords{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:0;list-style:none}\n.keywords li{font-size:.8rem;letter-spacing:.08em;padding:6px 14px;border:1px solid var(--paper-line);background:var(--white);color:var(--navy)}\n\n\/* =========================================================\n   04 HISTORY\uff08\u540d\u523a\u88cf\u9762\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\uff09\n   ========================================================= *\/\n.history__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,100px);align-items:start}\n.history__head{position:sticky;top:120px}\n.history__list{list-style:none;margin:0;padding:0;position:relative}\n.history__list::before{content:\"\";position:absolute;left:calc(6.2em + 26px + 5px);top:14px;bottom:14px;width:1px;background:var(--green);transform-origin:top;transition:transform 2s var(--ease)}\n.history__list.is-pending::before{transform:scaleY(0)}\n.history__item{display:grid;grid-template-columns:6.2em 11px minmax(0,1fr);gap:0 26px;align-items:baseline;padding-block:18px;border-bottom:1px solid var(--paper-line)}\n.history__item:last-child{border-bottom:0}\n.history__year{font-family:var(--font-serif-en);font-weight:600;font-size:1.9rem;color:var(--navy);letter-spacing:.06em;line-height:1;font-variant-numeric:lining-nums tabular-nums}\n.history__year--ja{font-family:var(--font-mincho);font-size:1.05rem;letter-spacing:.14em}\n.history__dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--white);position:relative;top:-2px}\n.history__dot--open{background:var(--white);border:1.5px solid var(--green)}\n.history__text{margin:0;font-size:.98rem;line-height:1.85}\n.history__text small{display:block;color:var(--gray);font-size:.85rem;margin-top:6px}\n\n\/* =========================================================\n   05 ACTIVITY\n   ========================================================= *\/\n.activity__head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(48px,6vw,72px)}\n.activity__head p{max-width:30em;margin:0;color:var(--gray);font-size:.92rem}\n.activity__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(40px,5vw,64px) clamp(20px,3vw,40px)}\n.activity__item{grid-column:span 2;min-width:0}\n.activity__item--lg{grid-column:span 3}\n.activity__item .photo{aspect-ratio:3\/2;margin-bottom:22px}\n.activity__item--lg .photo{aspect-ratio:16\/10}\n.activity__item .photo .ph{transition:transform .8s var(--ease)}\n.activity__item:hover .photo .ph,.activity__item:hover .photo img{transform:scale(1.025)}\n.activity__item .photo img{transition:transform .8s var(--ease)}\n.activity__meta{display:flex;align-items:baseline;gap:16px;margin-bottom:10px}\n.activity__num{font-family:var(--font-serif-en);font-style:italic;font-size:1.6rem;color:var(--green-deep);line-height:1}\n.activity__name{font-family:var(--font-mincho);font-weight:600;font-size:1.3rem;letter-spacing:.1em;color:var(--navy);margin:0}\n.activity__text{margin:0;font-size:.9rem;line-height:1.9;color:var(--ink)}\n\n\/* =========================================================\n   06 SPEAKING\uff08\u7b2c2\u306e\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\uff09\n   ========================================================= *\/\n.speaking{background:var(--navy);color:var(--white);position:relative;overflow:hidden}\n.speaking__pitch{position:absolute;right:-180px;top:50%;width:720px;height:720px;transform:translateY(-50%);opacity:.09;pointer-events:none}\n.speaking__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,90px);align-items:center}\n.speaking__photo{aspect-ratio:4\/3;margin-left:calc(var(--gutter) * -1)}\n.speaking__body{min-width:0}\n.speaking__heading{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.55}\n.speaking__body>p{color:var(--on-dark-soft);font-size:.95rem;margin:0 0 1.2em}\n.speaking__points{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--navy-line)}\n.speaking__points li{font-family:var(--font-mincho);letter-spacing:.1em;padding:14px 0 14px 22px;border-bottom:1px solid var(--navy-line);position:relative;font-size:1rem}\n.speaking__points li::before{content:\"\";position:absolute;left:2px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--green);transform:translateY(-50%)}\n\n\/* =========================================================\n   07 LECTURE THEME\n   ========================================================= *\/\n.lecture__head{margin-bottom:clamp(40px,5vw,64px)}\n.lecture__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--navy)}\n.lecture__item{padding:34px clamp(0px,3vw,40px) 36px 0;border-bottom:1px solid var(--paper-line);min-width:0}\n.lecture__item:nth-child(even){padding-left:clamp(24px,3vw,40px);border-left:1px solid var(--paper-line)}\n.lecture__label{font-family:var(--font-serif-en);letter-spacing:.28em;font-size:.8rem;color:var(--green-deep);font-weight:600;margin:0 0 10px}\n.lecture__title{font-family:var(--font-mincho);font-weight:600;color:var(--navy);font-size:clamp(1.2rem,1.9vw,1.45rem);line-height:1.6;letter-spacing:.06em;margin:0 0 12px;text-wrap:balance}\n.lecture__text{margin:0;font-size:.9rem;color:var(--ink)}\n.note{font-size:.8rem;color:var(--gray);margin:24px 0 0}\n\n\/* =========================================================\n   08 MEDIA \/ 09 NEWS\uff08\u7de8\u96c6\u7528\u306e\u578b\uff09\n   ========================================================= *\/\n.list-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:48px}\n.list-head p{margin:0;color:var(--gray);font-size:.9rem}\n.media__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}\n.media__item .photo{aspect-ratio:16\/10;margin-bottom:18px}\n.media__cat{font-family:var(--font-serif-en);letter-spacing:.22em;font-size:.8rem;font-weight:600;color:var(--green-deep);margin:0 0 6px}\n.media__title{font-family:var(--font-mincho);font-weight:600;color:var(--navy);font-size:1.1rem;margin:0 0 4px;letter-spacing:.06em}\n.media__sub{font-size:.85rem;color:var(--gray);margin:0}\n\n.news__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}\n.news__item{display:block;text-decoration:none;border-top:1px solid var(--navy);padding-top:22px}\n.news__item .photo{aspect-ratio:3\/2;margin-bottom:20px}\n.news__meta{display:flex;gap:14px;align-items:center;margin-bottom:8px}\n.news__date{font-family:var(--font-serif-en);font-size:1rem;letter-spacing:.1em;color:var(--gray);font-variant-numeric:tabular-nums}\n.news__cat{font-size:.72rem;letter-spacing:.1em;padding:2px 10px;border:1px solid var(--green);color:var(--green-deep)}\n.news__title{font-family:var(--font-mincho);font-weight:600;font-size:1.05rem;color:var(--navy);margin:0;line-height:1.7}\n.is-placeholder{color:var(--gray)!important}\n.tag-ph{display:inline-block;font-family:var(--font-serif-en);font-size:.7rem;letter-spacing:.2em;color:var(--gray);border:1px dashed #B9BCBF;padding:0 8px;margin-left:8px;vertical-align:middle}\n\n\/* =========================================================\n   10 CONTACT CTA\n   ========================================================= *\/\n.contact-cta{position:relative;overflow:hidden;background:var(--navy-deep);color:var(--white)}\n.contact-cta__photo{position:absolute;right:0;top:0;bottom:0;width:min(46%,640px)}\n.contact-cta__photo img{width:100%;height:100%;object-fit:cover;object-position:30% 10%}\n.contact-cta__photo::after{content:\"\";position:absolute;inset:0;background:linear-gradient(270deg,transparent 40%,var(--navy-deep) 100%),linear-gradient(0deg,rgba(4,19,34,.6),transparent 40%)}\n.contact-cta__inner{position:relative;z-index:1;padding-block:clamp(100px,13vw,170px)}\n.contact-cta__body{max-width:520px}\n.contact-cta__body .heading{font-size:clamp(1.9rem,3.6vw,3rem)}\n.contact-cta__body p{color:var(--on-dark-soft);margin:0 0 40px;font-size:.95rem}\n\n\/* =========================================================\n   11 CONTACT\n   ========================================================= *\/\n.contact__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,80px);align-items:start}\n.contact__card{background:var(--white);padding:clamp(28px,4vw,44px);border-top:2px solid var(--green)}\n.contact__org{font-family:var(--font-mincho);font-weight:600;font-size:1.35rem;color:var(--navy);letter-spacing:.12em;margin:0 0 20px}\n.contact__addr{font-style:normal;font-size:.95rem;line-height:1.9;margin:0 0 26px}\n.contact__rows{display:grid;gap:14px;margin:0}\n.contact__row{display:grid;grid-template-columns:3.6em minmax(0,1fr);align-items:center;gap:12px;border-top:1px solid var(--paper-line);padding-top:14px}\n.contact__row dt{font-family:var(--font-serif-en);letter-spacing:.22em;font-weight:600;font-size:.85rem;color:var(--green-deep)}\n.contact__row dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}\n.contact__link{font-family:var(--font-serif-en);font-size:1.45rem;font-weight:600;letter-spacing:.06em;color:var(--navy);text-decoration:none;overflow-wrap:anywhere;font-variant-numeric:lining-nums}\n.contact__link:hover{color:var(--green-deep)}\n.copy-btn{font:inherit;font-size:.72rem;letter-spacing:.08em;background:none;border:1px solid var(--paper-line);color:var(--gray);padding:3px 10px;cursor:pointer}\n.copy-btn:hover{border-color:var(--navy);color:var(--navy)}\n\n.form{display:grid;gap:20px}\n.form__row{display:grid;gap:8px}\n.form__row--2{grid-template-columns:1fr 1fr;gap:20px}\n.form label{font-size:.85rem;font-weight:500;letter-spacing:.08em;color:var(--navy)}\n.form label em{font-style:normal;font-size:.7rem;color:var(--white);background:var(--green-deep);padding:1px 6px;margin-left:8px}\n.form input,.form select,.form textarea{\n  font:inherit;font-size:16px;letter-spacing:.03em;color:var(--ink);background:var(--white);\n  border:1px solid var(--paper-line);padding:13px 14px;border-radius:0;width:100%;min-width:0;\n  transition:border-color .3s;\n}\n.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--navy)}\n.form textarea{min-height:150px;resize:vertical}\n.form__status{margin:0;font-size:.85rem;color:var(--green-deep);min-height:1.5em}\n.form__notice{font-size:.8rem;color:var(--gray);margin:0;padding:12px 14px;border:1px dashed #C6C8C4;background:var(--white)}\n\n\/* ---------- FOOTER ---------- *\/\n.site-footer{background:var(--navy-deep);color:var(--on-dark-soft);padding-block:56px 40px;font-size:.8rem}\n.site-footer__inner{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}\n.site-footer .logo__en{color:var(--white)}\n.site-footer small{font-family:var(--font-serif-en);letter-spacing:.14em;font-size:.82rem}\n\n\/* ---------- \u30b9\u30af\u30ed\u30fc\u30eb\u8868\u793a\uff08\u63a7\u3048\u3081\u306a\u30d5\u30a7\u30fc\u30c9\uff0b\u4e0a\u65b9\u5411\u30b9\u30e9\u30a4\u30c9\uff09 ---------- *\/\n.reveal{transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}\n.reveal.is-pending{opacity:0;transform:translateY(30px)}\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n@media (max-width:1080px){\n  .gnav a:not(.gnav__cta){display:none}\n  .gnav{gap:8px}\n  .menu-btn{display:block}\n  .speaking__points{grid-template-columns:1fr}\n}\n\n\/* =========================================================\n   SMARTPHONE\uff08PC\u306e\u7e2e\u5c0f\u3067\u306f\u306a\u304f\u3001\u30b9\u30de\u30db\u5c02\u7528\u306b\u518d\u69cb\u6210\uff09\n   ========================================================= *\/\n@media (max-width:760px){\n  html{scroll-padding-top:60px}\n  body{font-size:15px;line-height:1.9}\n  .site-header__inner{height:60px}\n  .gnav__cta{display:none}\n  .logo__en{font-size:.95rem}\n\n  \/* \u5168\u753b\u9762\u30e1\u30cb\u30e5\u30fc *\/\n  .mobile-nav{display:flex!important}\n\n  \/* HERO\uff1a\u5199\u771f\u3092\u5168\u9762\u306b\u3001\u30b3\u30d4\u30fc\u306f\u4e0b\u90e8\u306b\u96c6\u7d04 *\/\n  .hero{min-height:max(620px,min(100svh,860px))}\n  .hero__photo{width:100%;bottom:auto;height:76%}\n  .hero__photo img{object-position:34% 0}\n  .hero__photo::after{background:linear-gradient(180deg,rgba(4,19,34,.45) 0%,transparent 16%,transparent 38%,rgba(7,28,51,.85) 60%,var(--navy-deep) 82%)}\n  .hero__inner{grid-template-columns:1fr;align-items:end;padding-block:0 64px}\n  .hero__content{grid-column:1}\n  .hero__en{margin-bottom:14px;font-size:.78rem;letter-spacing:.34em}\n  .hero__copy{font-size:clamp(1.85rem,8.2vw,2.4rem);line-height:1.55}\n  .hero__rule{margin:20px 0 18px;width:48px}\n  .hero__name{font-size:1.75rem}\n  .hero__title{font-size:.85rem}\n  .hero__lead{font-size:.86rem;margin:14px 0 24px;line-height:1.95}\n  .hero .btn{width:100%;justify-content:space-between}\n  .hero__scroll{display:none}\n\n  \/* MESSAGE\uff1a\u7e26\u66f8\u304d\u2192\u6a2a\u66f8\u304d *\/\n  .message__grid{grid-template-columns:1fr;gap:28px}\n  .message__head{flex-direction:column;gap:0}\n  .message__head .eyebrow{writing-mode:horizontal-tb;margin-bottom:18px}\n  .message__head .eyebrow::after{width:40px;height:1px}\n  .message__title{writing-mode:horizontal-tb;height:auto;font-size:1.6rem;line-height:1.7;letter-spacing:.06em}\n  .message__body{padding-top:0}\n\n  .profile__grid,.history__grid,.contact__grid{grid-template-columns:1fr}\n  .profile__photo{aspect-ratio:1\/1;max-width:420px}\n  .history__head{position:static}\n  .history__list::before{left:calc(4.4em + 16px + 5px)}\n  .history__item{grid-template-columns:4.4em 11px minmax(0,1fr);gap:0 16px}\n  .history__year{font-size:1.4rem}\n  .history__year--ja{font-size:.9rem}\n\n  .activity__grid{grid-template-columns:1fr;gap:44px}\n  .activity__item,.activity__item--lg{grid-column:auto}\n  .activity__item .photo,.activity__item--lg .photo{aspect-ratio:16\/10}\n\n  .speaking__grid{grid-template-columns:1fr}\n  .speaking__photo{margin-inline:calc(var(--gutter) * -1);aspect-ratio:16\/11}\n  .speaking__pitch{width:480px;height:480px;right:-220px;top:auto;bottom:-120px;transform:none}\n\n  .lecture__list{grid-template-columns:1fr}\n  .lecture__item,.lecture__item:nth-child(even){padding:26px 0;border-left:0}\n\n  .media__grid{grid-template-columns:1fr;gap:28px}\n  .news__grid{grid-template-columns:1fr;gap:0}\n  .news__item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start;padding-block:18px;border-top:1px solid var(--paper-line)}\n  .news__item:first-child{border-top-color:var(--navy)}\n  .news__item .photo{margin-bottom:0;aspect-ratio:1\/1}\n\n  \/* CTA\uff1a\u5199\u771f\u3092\u4e0a\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u4e0b\u306b *\/\n  .contact-cta__photo{position:relative;width:100%;height:auto;aspect-ratio:4\/3.4}\n  .contact-cta__photo img{object-position:30% 6%}\n  .contact-cta__photo::after{background:linear-gradient(0deg,var(--navy-deep) 0%,transparent 45%)}\n  .contact-cta__inner{padding-block:8px 72px;margin-top:-56px}\n  .contact-cta .btn{width:100%;justify-content:space-between}\n\n  .form__row--2{grid-template-columns:1fr}\n  .contact__link{font-size:1.3rem}\n}\n\n\/* \u5168\u753b\u9762\u30e1\u30cb\u30e5\u30fc\uff08\u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\uff09 *\/\n.mobile-nav{\n  display:none;position:fixed;inset:0;z-index:40;background:var(--navy-deep);color:var(--white);\n  flex-direction:column;justify-content:center;padding:80px var(--gutter) 40px;\n  opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility .45s;\n}\n@media (max-width:1080px){.mobile-nav{display:flex}}\n.menu-open .mobile-nav{opacity:1;visibility:visible}\n.mobile-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}\n.mobile-nav a{text-decoration:none;display:flex;align-items:baseline;gap:18px;padding-block:8px;border-bottom:1px solid var(--navy-line)}\n.mobile-nav a .en{font-family:var(--font-serif-en);font-size:1.6rem;letter-spacing:.16em;font-weight:500}\n.mobile-nav a .ja{font-size:.78rem;color:var(--on-dark-soft);letter-spacing:.1em}\n.mobile-nav .btn{margin-top:32px;justify-content:space-between}\n.mobile-nav__tel{margin-top:22px;font-size:.85rem;color:var(--on-dark-soft)}\n.mobile-nav__tel a{display:inline;border:0;color:var(--white);font-family:var(--font-serif-en);font-size:1.15rem;letter-spacing:.06em}\n\n@media (prefers-reduced-motion:reduce){\n  html{scroll-behavior:auto}\n  *,*::before,*::after{animation:none!important;transition:none!important}\n  .reveal.is-pending{opacity:1;transform:none}\n  .history__list.is-pending::before{transform:none}\n}\n<\/style>\n<\/head>\n<body>\n<!-- =========================================================\n     HEADER\n     ========================================================= -->\n<header class=\"site-header\" id=\"top\">\n  <div class=\"site-header__inner\">\n    <a class=\"logo\" href=\"#top\" aria-label=\"\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb \u516c\u5f0f\u30b5\u30a4\u30c8 \u30c8\u30c3\u30d7\u3078\">\n      <span class=\"logo__en\">MICHEL MIYAZAWA<\/span>\n      <span class=\"logo__ja\">\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb<\/span>\n    <\/a>\n    <nav class=\"gnav\" aria-label=\"\u30e1\u30a4\u30f3\u30e1\u30cb\u30e5\u30fc\">\n      <a href=\"#message\">MESSAGE<\/a>\n      <a href=\"#profile\">PROFILE<\/a>\n      <a href=\"#activity\">ACTIVITY<\/a>\n      <a href=\"#speaking\">SPEAKING<\/a>\n      <a href=\"#media\">MEDIA<\/a>\n      <a href=\"#news\">NEWS<\/a>\n      <a class=\"gnav__cta\" href=\"#contact\">\u8b1b\u6f14\u30fb\u51fa\u6f14\u306e\u3054\u76f8\u8ac7<\/a>\n      <button class=\"menu-btn\" id=\"menuBtn\" type=\"button\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f\" aria-expanded=\"false\" aria-controls=\"mobileNav\"><span><\/span><span><\/span><\/button>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<div class=\"mobile-nav\" id=\"mobileNav\" aria-hidden=\"true\">\n  <ul>\n    <li><a href=\"#message\"><span class=\"en\">MESSAGE<\/span><span class=\"ja\">\u30e1\u30c3\u30bb\u30fc\u30b8<\/span><\/a><\/li>\n    <li><a href=\"#profile\"><span class=\"en\">PROFILE<\/span><span class=\"ja\">\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/span><\/a><\/li>\n    <li><a href=\"#activity\"><span class=\"en\">ACTIVITY<\/span><span class=\"ja\">\u6d3b\u52d5<\/span><\/a><\/li>\n    <li><a href=\"#speaking\"><span class=\"en\">SPEAKING<\/span><span class=\"ja\">\u8b1b\u6f14<\/span><\/a><\/li>\n    <li><a href=\"#media\"><span class=\"en\">MEDIA<\/span><span class=\"ja\">\u30e1\u30c7\u30a3\u30a2<\/span><\/a><\/li>\n    <li><a href=\"#news\"><span class=\"en\">NEWS<\/span><span class=\"ja\">\u304a\u77e5\u3089\u305b<\/span><\/a><\/li>\n    <li><a href=\"#contact\"><span class=\"en\">CONTACT<\/span><span class=\"ja\">\u304a\u554f\u3044\u5408\u308f\u305b<\/span><\/a><\/li>\n  <\/ul>\n  <a class=\"btn btn--green\" href=\"#contact\">\u8b1b\u6f14\u30fb\u51fa\u6f14\u306e\u3054\u76f8\u8ac7<span class=\"btn__arrow\"><\/span><\/a>\n  <p class=\"mobile-nav__tel\">TEL <a href=\"tel:05057998376\">050-5799-8376<\/a><\/p>\n<\/div>\n\n<main>\n\n<!-- =========================================================\n     01 FIRST VIEW\n     \u5199\u771f\u5dee\u3057\u66ff\u3048\uff1a\u4e0b\u306e img \u306e src \u3092\u5909\u66f4\n     ========================================================= -->\n<section class=\"hero\" aria-label=\"\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\">\n  <div class=\"hero__photo\">\n    <img src=\"http:\/\/www.life-label.com\/web\/wp-content\/uploads\/2026\/10\/hero.jpg\" alt=\"\u30b9\u30fc\u30c4\u59ff\u3067\u5fae\u7b11\u3080\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\" id=\"heroImg\" fetchpriority=\"high\" onerror=\"this.style.visibility='hidden'\">\n  <\/div>\n  <div class=\"hero__inner\">\n    <div class=\"hero__content\">\n      <p class=\"hero__en\">MICHEL MIYAZAWA<\/p>\n      <p class=\"hero__copy\"><span>\u4eba\u3092\u80b2\u3066\u308b\u3002<\/span><span>\u30c1\u30fc\u30e0\u3092\u80b2\u3066\u308b\u3002<\/span><span>\u672a\u6765\u3092\u80b2\u3066\u308b\u3002<\/span><\/p>\n      <span class=\"hero__rule\" aria-hidden=\"true\"><\/span>\n      <p class=\"hero__title\">\u7b11\u9854\u914d\u9054\u4eba \/ \u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u8005<\/p>\n      <h1 class=\"hero__name\">\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb<\/h1>\n      <p class=\"hero__lead\">\u9078\u624b\u3001\u6307\u5c0e\u8005\u3001\u89e3\u8aac\u8005\u3068\u3057\u3066\u3001\u9577\u5e74\u30b5\u30c3\u30ab\u30fc\u3068\u4eba\u306b\u5411\u304d\u5408\u3063\u3066\u304d\u305f\u3002\u305d\u306e\u7d4c\u9a13\u3092\u3001\u3053\u308c\u304b\u3089\u306e\u4eba\u3065\u304f\u308a\u3001\u30c1\u30fc\u30e0\u3065\u304f\u308a\u3078\u3002<\/p>\n      <a class=\"btn btn--light\" href=\"#speaking\">\u8b1b\u6f14\u30fb\u51fa\u6f14\u306b\u3064\u3044\u3066<span class=\"btn__arrow\"><\/span><\/a>\n    <\/div>\n  <\/div>\n  <span class=\"hero__scroll\" aria-hidden=\"true\">SCROLL<\/span>\n<\/section>\n\n<!-- =========================================================\n     02 MESSAGE\n     ========================================================= -->\n<section class=\"message section\" id=\"message\">\n  <div class=\"wrap message__grid\">\n    <div class=\"message__head\">\n      <p class=\"eyebrow\">MESSAGE<\/p>\n      <h2 class=\"heading message__title\">\u30b5\u30c3\u30ab\u30fc\u304b\u3089\u5b66\u3093\u3060\u306e\u306f\u3001<br>\u4eba\u3068\u306e\u5411\u304d\u5408\u3044\u65b9\u3067\u3057\u305f\u3002<\/h2>\n    <\/div>\n    <div class=\"message__body reveal\">\n      <p>\u30d7\u30ed\u30b5\u30c3\u30ab\u30fc\u9078\u624b\u3068\u3057\u3066\u30d7\u30ec\u30fc\u3057\u3001\u73fe\u5f79\u3092\u9000\u3044\u3066\u304b\u3089\u306f\u6307\u5c0e\u8005\u3068\u3057\u3066\u3001\u89e3\u8aac\u8005\u3068\u3057\u3066\u3001\u305f\u304f\u3055\u3093\u306e\u9078\u624b\u3084\u76e3\u7763\u3001\u30c1\u30fc\u30e0\u3092\u898b\u3066\u304d\u307e\u3057\u305f\u3002<\/p>\n      <p>\u305d\u3053\u3067\u4f55\u5ea6\u3082\u611f\u3058\u3066\u304d\u305f\u306e\u306f\u3001\u540c\u3058\u30e1\u30f3\u30d0\u30fc\u3067\u3082\u3001\u30ea\u30fc\u30c0\u30fc\u306e\u95a2\u308f\u308a\u65b9\u3072\u3068\u3064\u3067\u30c1\u30fc\u30e0\u306f\u5927\u304d\u304f\u5909\u308f\u308b\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002\u58f0\u306e\u304b\u3051\u65b9\u3001\u4efb\u305b\u65b9\u3001\u5f85\u3061\u65b9\u3002\u305d\u306e\u9055\u3044\u304c\u3001\u9078\u624b\u306e\u8868\u60c5\u306b\u3082\u3001\u8a66\u5408\u306e\u5185\u5bb9\u306b\u3082\u8868\u308c\u307e\u3059\u3002<\/p>\n      <p>\u30b5\u30c3\u30ab\u30fc\u306e\u73fe\u5834\u3067\u5b66\u3093\u3060\u3053\u306e\u7d4c\u9a13\u306f\u3001\u4f1a\u793e\u3084\u5b66\u6821\u3001\u5730\u57df\u306e\u7d44\u7e54\u3065\u304f\u308a\u306b\u3082\u3064\u306a\u304c\u3063\u3066\u3044\u307e\u3059\u3002\u4eba\u304c\u80b2\u3061\u3001\u30c1\u30fc\u30e0\u304c\u80b2\u3064\u3002\u305d\u306e\u304d\u3063\u304b\u3051\u3092\u3001\u3072\u3068\u3064\u3067\u3082\u591a\u304f\u5c4a\u3051\u3066\u3044\u304d\u305f\u3044\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n      <p class=\"message__sign\">\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     03 PROFILE\n     \u5199\u771f\u5dee\u3057\u66ff\u3048\uff1a.ph \u3092 <img src=\"images\/profile.jpg\" alt=\"\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\"> \u306b\u7f6e\u304d\u63db\u3048\n     ========================================================= -->\n<section class=\"profile section section--offwhite\" id=\"profile\">\n  <div class=\"wrap profile__grid\">\n    <figure class=\"photo profile__photo reveal\" style=\"margin:0\">\n      <div class=\"ph\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><span class=\"ph__note\">\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\u672c\u4eba\u306e\u81ea\u7136\u306a\u7b11\u9854\u306e\u5199\u771f<\/span><\/div>\n    <\/figure>\n    <div class=\"profile__text reveal\">\n      <p class=\"eyebrow\">PROFILE<\/p>\n      <p class=\"profile__title\">\u7b11\u9854\u914d\u9054\u4eba \/ \u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u8005<\/p>\n      <h2 class=\"profile__name\">\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb<\/h2>\n      <p class=\"profile__en\">MICHEL MIYAZAWA<\/p>\n      <span class=\"rule\" aria-hidden=\"true\"><\/span>\n      <p>1963\u5e74 \u5343\u8449\u770c\u751f\u307e\u308c\u3002\u56fd\u58eb\u8218\u5927\u5b66\u5352\u696d\u3002<br>1981\u5e74\u3001\u56fd\u4f53\u53f2\u4e0a\u521d\u306e\u5916\u56fd\u7c4d\u9078\u624b\u3068\u3057\u3066\u56fd\u4f53\u51fa\u5834\u30021986\u5e74\u3001\u30d5\u30b8\u30bf\u30b5\u30c3\u30ab\u30fc\u30af\u30e9\u30d6\u5165\u56e3\u30021992\u5e74\u3001\u30b8\u30a7\u30d5\u30e6\u30ca\u30a4\u30c6\u30c3\u30c9\u5e02\u539f\u3078\u79fb\u7c4d\u30021993\u5e74\u3001\u65e5\u672c\u56fd\u7c4d\u53d6\u5f97\u3002\u65e5\u672c\u4ee3\u8868\u5019\u88dc\u306b\u9078\u51fa\u3002<\/p>\n      <p>\u73fe\u5f79\u5f15\u9000\u5f8c\u306f\u30b5\u30c3\u30ab\u30fc\u6307\u5c0e\u8005\u3068\u3057\u3066\u3001\u5e1d\u4eac\u9ad8\u6821\u30b5\u30c3\u30ab\u30fc\u90e8\u30b3\u30fc\u30c1\u3001PUMA\u30b5\u30c3\u30ab\u30fc\u30a2\u30ab\u30c7\u30df\u30fc\u30fb\u30c1\u30fc\u30d5\u30b3\u30fc\u30c1\u306a\u3069\u3092\u6b74\u4efb\u3002<\/p>\n      <p>\u73fe\u5728\u306f\u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u8005\u30fb\u6307\u5c0e\u8005\u3068\u3057\u3066\u6d3b\u52d5\u3057\u3001\u5404\u7a2e\u30e1\u30c7\u30a3\u30a2\u3067\u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u3092\u52d9\u3081\u308b\u307b\u304b\u3001\u30c1\u30fc\u30e0\u30d3\u30eb\u30c7\u30a3\u30f3\u30b0\u3001\u4eba\u6750\u80b2\u6210\u3001\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u306a\u3069\u3092\u30c6\u30fc\u30de\u3068\u3057\u305f\u8b1b\u6f14\u6d3b\u52d5\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n      <ul class=\"keywords\" aria-label=\"\u30ad\u30fc\u30ef\u30fc\u30c9\">\n        <li>\u30c1\u30fc\u30e0\u30d3\u30eb\u30c7\u30a3\u30f3\u30b0<\/li><li>\u4eba\u6750\u80b2\u6210<\/li><li>\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7<\/li><li>\u6559\u80b2\u30fb\u30b9\u30dd\u30fc\u30c4\u6307\u5c0e<\/li><li>\u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u30fb\u30e1\u30c7\u30a3\u30a2\u51fa\u6f14<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     04 HISTORY\n     ========================================================= -->\n<section class=\"history section\" id=\"history\">\n  <div class=\"wrap history__grid\">\n    <div class=\"history__head reveal\">\n      <p class=\"eyebrow\">HISTORY<\/p>\n      <h2 class=\"heading\">\u56fd\u7c4d\u3068\u3044\u3046\u58c1\u3092\u8d8a\u3048\u3001<br>\u30b5\u30c3\u30ab\u30fc\u3068\u3068\u3082\u306b<br>\u6b69\u3093\u3067\u304d\u305f\u4eba\u751f\u3002<\/h2>\n    <\/div>\n    <ol class=\"history__list\" id=\"historyList\">\n      <li class=\"history__item\"><span class=\"history__year\">1963<\/span><span class=\"history__dot\"><\/span><p class=\"history__text\">\u5343\u8449\u770c\u751f\u307e\u308c\u3002\u56fd\u58eb\u8218\u5927\u5b66\u5352\u696d\u3002<\/p><\/li>\n      <li class=\"history__item\"><span class=\"history__year\">1981<\/span><span class=\"history__dot\"><\/span><p class=\"history__text\">\u56fd\u4f53\u53f2\u4e0a\u521d\u306e\u5916\u56fd\u7c4d\u9078\u624b\u3068\u3057\u3066\u56fd\u4f53\u51fa\u5834\u3002<\/p><\/li>\n      <li class=\"history__item\"><span class=\"history__year\">1986<\/span><span class=\"history__dot\"><\/span><p class=\"history__text\">\u30d5\u30b8\u30bf\u30b5\u30c3\u30ab\u30fc\u30af\u30e9\u30d6\u5165\u56e3\u3002<\/p><\/li>\n      <li class=\"history__item\"><span class=\"history__year\">1992<\/span><span class=\"history__dot\"><\/span><p class=\"history__text\">\u30b8\u30a7\u30d5\u30e6\u30ca\u30a4\u30c6\u30c3\u30c9\u5e02\u539f\u3078\u79fb\u7c4d\u3002<\/p><\/li>\n      <li class=\"history__item\"><span class=\"history__year\">1993<\/span><span class=\"history__dot\"><\/span><p class=\"history__text\">\u65e5\u672c\u56fd\u7c4d\u53d6\u5f97\u3002\u65e5\u672c\u4ee3\u8868\u5019\u88dc\u306b\u9078\u51fa\u3002<\/p><\/li>\n      <li class=\"history__item\"><span class=\"history__year history__year--ja\">\u5f15\u9000\u5f8c<\/span><span class=\"history__dot history__dot--open\"><\/span><p class=\"history__text\">\u30b5\u30c3\u30ab\u30fc\u6307\u5c0e\u8005\u3068\u3057\u3066\u3001\u5e1d\u4eac\u9ad8\u6821\u30b5\u30c3\u30ab\u30fc\u90e8\u30b3\u30fc\u30c1\u3001PUMA\u30b5\u30c3\u30ab\u30fc\u30a2\u30ab\u30c7\u30df\u30fc\u30fb\u30c1\u30fc\u30d5\u30b3\u30fc\u30c1\u306a\u3069\u3092\u6b74\u4efb\u3002<\/p><\/li>\n      <li class=\"history__item\"><span class=\"history__year history__year--ja\">\u73fe\u5728<\/span><span class=\"history__dot history__dot--open\"><\/span><p class=\"history__text\">\u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u8005\u30fb\u6307\u5c0e\u8005\u3068\u3057\u3066\u6d3b\u52d5\u3002<small>\u5404\u7a2e\u30e1\u30c7\u30a3\u30a2\u3067\u306e\u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u306e\u307b\u304b\u3001\u30c1\u30fc\u30e0\u30d3\u30eb\u30c7\u30a3\u30f3\u30b0\u30fb\u4eba\u6750\u80b2\u6210\u30fb\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u3092\u30c6\u30fc\u30de\u306b\u8b1b\u6f14\u6d3b\u52d5\u3092\u884c\u3046\u3002<\/small><\/p><\/li>\n    <\/ol>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     05 ACTIVITY\n     \u5199\u771f\u5dee\u3057\u66ff\u3048\uff1a\u5404 .ph \u3092 <img src=\"images\/activity-xx.jpg\" alt=\"...\"> \u306b\u7f6e\u304d\u63db\u3048\n     ========================================================= -->\n<section class=\"activity section section--offwhite\" id=\"activity\">\n  <div class=\"wrap\">\n    <div class=\"activity__head\">\n      <div>\n        <p class=\"eyebrow\">ACTIVITY<\/p>\n        <h2 class=\"heading\">\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\u306e\u6d3b\u52d5<\/h2>\n      <\/div>\n      <p>\u30d4\u30c3\u30c1\u306e\u4e0a\u3067\u3001\u653e\u9001\u5e2d\u3067\u3001\u305d\u3057\u3066\u8b1b\u6f14\u306e\u4f1a\u5834\u3067\u3002\u30b5\u30c3\u30ab\u30fc\u3092\u901a\u3057\u3066\u4eba\u3068\u5411\u304d\u5408\u3046\u6d3b\u52d5\u3092\u7d9a\u3051\u3066\u3044\u307e\u3059\u3002<\/p>\n    <\/div>\n\n    <div class=\"activity__grid\">\n      <article class=\"activity__item activity__item--lg reveal\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><span class=\"ph__note\">\u8b1b\u6f14\u3057\u3066\u3044\u308b\u5199\u771f<\/span><\/div><\/div>\n        <div class=\"activity__meta\"><span class=\"activity__num\">01<\/span><h3 class=\"activity__name\">\u8b1b\u6f14\u6d3b\u52d5<\/h3><\/div>\n        <p class=\"activity__text\">\u30c1\u30fc\u30e0\u30d3\u30eb\u30c7\u30a3\u30f3\u30b0\u3001\u4eba\u6750\u80b2\u6210\u3001\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u306a\u3069\u3092\u30c6\u30fc\u30de\u306b\u8b1b\u6f14\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002\u30b5\u30c3\u30ab\u30fc\u306e\u73fe\u5834\u3067\u898b\u3066\u304d\u305f\u76e3\u7763\u3068\u9078\u624b\u306e\u95a2\u4fc2\u304b\u3089\u3001\u7d44\u7e54\u3065\u304f\u308a\u306e\u30d2\u30f3\u30c8\u3092\u304a\u8a71\u3057\u3057\u307e\u3059\u3002<\/p>\n      <\/article>\n      <article class=\"activity__item activity__item--lg reveal\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><span class=\"ph__note\">\u89e3\u8aac\u30fb\u653e\u9001\u5e2d\u3067\u306e\u5199\u771f<\/span><\/div><\/div>\n        <div class=\"activity__meta\"><span class=\"activity__num\">02<\/span><h3 class=\"activity__name\">\u30b5\u30c3\u30ab\u30fc\u89e3\u8aac<\/h3><\/div>\n        <p class=\"activity__text\">\u5404\u7a2e\u30e1\u30c7\u30a3\u30a2\u3067\u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u3092\u52d9\u3081\u3066\u3044\u307e\u3059\u3002\u30d7\u30ec\u30fc\u306e\u88cf\u306b\u3042\u308b\u76e3\u7763\u306e\u610f\u56f3\u3084\u9078\u624b\u306e\u5224\u65ad\u3092\u3001\u308f\u304b\u308a\u3084\u3059\u3044\u8a00\u8449\u3067\u4f1d\u3048\u307e\u3059\u3002<\/p>\n      <\/article>\n      <article class=\"activity__item reveal\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><span class=\"ph__note\">\u6307\u5c0e\u3057\u3066\u3044\u308b\u5199\u771f<\/span><\/div><\/div>\n        <div class=\"activity__meta\"><span class=\"activity__num\">03<\/span><h3 class=\"activity__name\">\u30b5\u30c3\u30ab\u30fc\u6307\u5c0e<\/h3><\/div>\n        <p class=\"activity__text\">\u5e1d\u4eac\u9ad8\u6821\u30b5\u30c3\u30ab\u30fc\u90e8\u30b3\u30fc\u30c1\u3001PUMA\u30b5\u30c3\u30ab\u30fc\u30a2\u30ab\u30c7\u30df\u30fc\u30fb\u30c1\u30fc\u30d5\u30b3\u30fc\u30c1\u306a\u3069\u3092\u6b74\u4efb\u3002\u73fe\u5728\u3082\u6307\u5c0e\u8005\u3068\u3057\u3066\u6d3b\u52d5\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n      <\/article>\n      <article class=\"activity__item reveal\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><span class=\"ph__note\">\u5b50\u3069\u3082\u30fb\u82e5\u3044\u4e16\u4ee3\u3068\u306e\u5199\u771f<\/span><\/div><\/div>\n        <div class=\"activity__meta\"><span class=\"activity__num\">04<\/span><h3 class=\"activity__name\">\u6559\u80b2\u30fb\u4eba\u6750\u80b2\u6210<\/h3><\/div>\n        <p class=\"activity__text\">\u6307\u5c0e\u306e\u7d4c\u9a13\u3092\u3082\u3068\u306b\u3001\u81ea\u5206\u3067\u8003\u3048\u3066\u52d5\u304f\u529b\u3092\u80b2\u3066\u308b\u95a2\u308f\u308a\u65b9\u3084\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f1d\u3048\u307e\u3059\u3002<\/p>\n      <\/article>\n      <article class=\"activity__item reveal\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><span class=\"ph__note\">\u30c6\u30ec\u30d3\u30fb\u30e9\u30b8\u30aa\u30fb\u30a4\u30d9\u30f3\u30c8\u306e\u5199\u771f<\/span><\/div><\/div>\n        <div class=\"activity__meta\"><span class=\"activity__num\">05<\/span><h3 class=\"activity__name\">\u30e1\u30c7\u30a3\u30a2\u6d3b\u52d5<\/h3><\/div>\n        <p class=\"activity__text\">\u30c6\u30ec\u30d3\u30fb\u30e9\u30b8\u30aa\u30fb\u30a4\u30d9\u30f3\u30c8\u306a\u3069\u3092\u901a\u3057\u3066\u3001\u30b5\u30c3\u30ab\u30fc\u306e\u9762\u767d\u3055\u3068\u3001\u305d\u3053\u306b\u3044\u308b\u4eba\u306e\u9b45\u529b\u3092\u5c4a\u3051\u307e\u3059\u3002<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     06 SPEAKING\n     \u5199\u771f\u5dee\u3057\u66ff\u3048\uff1a.ph \u3092 <img src=\"images\/speaking.jpg\" alt=\"\u8b1b\u6f14\u3059\u308b\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\"> \u306b\u7f6e\u304d\u63db\u3048\n     ========================================================= -->\n<section class=\"speaking section on-dark\" id=\"speaking\">\n  <!-- \u30d4\u30c3\u30c1\u306e\u30bb\u30f3\u30bf\u30fc\u30b5\u30fc\u30af\u30eb\u3092\u6a21\u3057\u305f\u7d30\u7dda\uff08\u88c5\u98fe\uff09 -->\n  <svg class=\"speaking__pitch\" viewBox=\"0 0 720 720\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" aria-hidden=\"true\">\n    <circle cx=\"360\" cy=\"360\" r=\"200\"\/><circle cx=\"360\" cy=\"360\" r=\"5\" fill=\"#FFFFFF\"\/>\n    <line x1=\"360\" y1=\"0\" x2=\"360\" y2=\"720\"\/>\n    <rect x=\"1\" y=\"1\" width=\"718\" height=\"718\"\/>\n  <\/svg>\n  <div class=\"wrap speaking__grid\">\n    <figure class=\"photo speaking__photo reveal\" style=\"margin-block:0\">\n      <div class=\"ph ph--dark\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><span class=\"ph__note\">\u8b1b\u6f14\u4f1a\u5834\u3067\u8a71\u3059\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\u306e\u5199\u771f\uff08\u6a2a\u4f4d\u7f6e\u63a8\u5968\uff09<\/span><\/div>\n    <\/figure>\n    <div class=\"speaking__body reveal\">\n      <p class=\"eyebrow\">SPEAKING<\/p>\n      <h2 class=\"heading speaking__heading\">\u30b5\u30c3\u30ab\u30fc\u306e\u8a71\u304b\u3089\u3001<br>\u7d44\u7e54\u3068\u4eba\u306e\u8a71\u3078\u3002<\/h2>\n      <span class=\"rule\" aria-hidden=\"true\"><\/span>\n      <p>\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\u306e\u8b1b\u6f14\u306f\u3001\u30b9\u30dd\u30fc\u30c4\u306e\u6210\u529f\u8ac7\u3060\u3051\u3092\u8a71\u3059\u8b1b\u6f14\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n      <p>\u30b5\u30c3\u30ab\u30fc\u306e\u4e16\u754c\u3067\u7d4c\u9a13\u3057\u3066\u304d\u305f\u3053\u3068\u3092\u901a\u3057\u3066\u3001\u7d44\u7e54\u3084\u6559\u80b2\u306b\u3064\u3044\u3066\u8003\u3048\u308b\u304d\u3063\u304b\u3051\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<\/p>\n      <ul class=\"speaking__points\">\n        <li>\u76e3\u7763\u3068\u9078\u624b\u306e\u95a2\u4fc2<\/li>\n        <li>\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7<\/li>\n        <li>\u30c1\u30fc\u30e0\u3065\u304f\u308a<\/li>\n        <li>\u4eba\u6750\u80b2\u6210<\/li>\n        <li>\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3<\/li>\n        <li>\u81ea\u4e3b\u6027<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     07 LECTURE THEME\n     \u30c6\u30fc\u30de\u306e\u8ffd\u52a0\u30fb\u5909\u66f4\uff1a<li class=\"lecture__item\"> \u30921\u3064\u5358\u4f4d\u3067\u30b3\u30d4\u30fc\uff0f\u524a\u9664\n     ========================================================= -->\n<section class=\"lecture section\" id=\"lecture\">\n  <div class=\"wrap\">\n    <div class=\"lecture__head reveal\">\n      <p class=\"eyebrow\">LECTURE THEME<\/p>\n      <h2 class=\"heading\">\u4e3b\u306a\u8b1b\u6f14\u30c6\u30fc\u30de<\/h2>\n    <\/div>\n    <ul class=\"lecture__list\">\n      <li class=\"lecture__item reveal\">\n        <p class=\"lecture__label\">THEME<\/p>\n        <h3 class=\"lecture__title\">\u6b74\u4ee3\u65e5\u672c\u4ee3\u8868\u76e3\u7763\u306b\u898b\u308b<br>\u30c1\u30fc\u30e0\u30d3\u30eb\u30c7\u30a3\u30f3\u30b0<\/h3>\n        <p class=\"lecture__text\">\u76e3\u7763\u304c\u66ff\u308f\u308b\u3068\u3001\u30c1\u30fc\u30e0\u306e\u7a7a\u6c17\u3084\u9078\u624b\u306e\u52d5\u304d\u306f\u3069\u3046\u5909\u308f\u308b\u306e\u304b\u3002\u30b5\u30c3\u30ab\u30fc\u306e\u73fe\u5834\u304b\u3089\u3001\u7d44\u7e54\u3065\u304f\u308a\u306e\u30d2\u30f3\u30c8\u3092\u8003\u3048\u307e\u3059\u3002<\/p>\n      <\/li>\n      <li class=\"lecture__item reveal\">\n        <p class=\"lecture__label\">THEME<\/p>\n        <h3 class=\"lecture__title\">\u4eba\u304c\u81ea\u3089\u52d5\u304f\u30c1\u30fc\u30e0\u306e\u3064\u304f\u308a\u65b9<\/h3>\n        <p class=\"lecture__text\">\u6307\u793a\u3092\u5f85\u3064\u306e\u3067\u306f\u306a\u304f\u3001\u4e00\u4eba\u3072\u3068\u308a\u304c\u8003\u3048\u3066\u52d5\u304f\u30c1\u30fc\u30e0\u3078\u3002\u4efb\u305b\u65b9\u3068\u58f0\u306e\u304b\u3051\u65b9\u306b\u3064\u3044\u3066\u304a\u8a71\u3057\u3057\u307e\u3059\u3002<\/p>\n      <\/li>\n      <li class=\"lecture__item reveal\">\n        <p class=\"lecture__label\">THEME<\/p>\n        <h3 class=\"lecture__title\">\u76ee\u6a19\u3092\u6301\u3064\u3053\u3068\u3001<br>\u6311\u6226\u3057\u7d9a\u3051\u308b\u3053\u3068<\/h3>\n        <p class=\"lecture__text\">\u30b5\u30c3\u30ab\u30fc\u3068\u3068\u3082\u306b\u6b69\u3093\u3067\u304d\u305f\u4eba\u751f\u3092\u632f\u308a\u8fd4\u308a\u306a\u304c\u3089\u3001\u76ee\u6a19\u306b\u5411\u304b\u3063\u3066\u6311\u6226\u3092\u7d9a\u3051\u308b\u3053\u3068\u306b\u3064\u3044\u3066\u304a\u8a71\u3057\u3057\u307e\u3059\u3002<\/p>\n      <\/li>\n      <li class=\"lecture__item reveal\">\n        <p class=\"lecture__label\">THEME<\/p>\n        <h3 class=\"lecture__title\">\u5b50\u3069\u3082\u306e\u53ef\u80fd\u6027\u3092\u5f15\u304d\u51fa\u3059<br>\u6307\u5c0e\u3068\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3<\/h3>\n        <p class=\"lecture__text\">\u6307\u5c0e\u8005\u3084\u4fdd\u8b77\u8005\u3001\u6559\u80b2\u95a2\u4fc2\u8005\u306b\u5411\u3051\u3066\u3001\u5b50\u3069\u3082\u304c\u4f38\u3073\u3066\u3044\u304f\u95a2\u308f\u308a\u65b9\u3092\u6307\u5c0e\u306e\u7d4c\u9a13\u304b\u3089\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002<\/p>\n      <\/li>\n    <\/ul>\n    <p class=\"note\">\u203b\u8b1b\u6f14\u30c6\u30fc\u30de\u306f\u4e00\u4f8b\u3067\u3059\u3002\u5185\u5bb9\u306f\u4eca\u5f8c\u8ffd\u52a0\u30fb\u5909\u66f4\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     08 MEDIA\uff08\u5b9f\u7e3e\u78ba\u5b9a\u307e\u3067\u306e\u578b\uff09\n     \u8ffd\u52a0\u65b9\u6cd5\uff1a<article class=\"media__item\"> \u3092\u30b3\u30d4\u30fc\u3057\u3001\u5199\u771f\u30fb\u30ab\u30c6\u30b4\u30ea\u30fb\u30bf\u30a4\u30c8\u30eb\u3092\u66f8\u304d\u63db\u3048\n     ========================================================= -->\n<section class=\"media section section--offwhite\" id=\"media\">\n  <div class=\"wrap\">\n    <div class=\"list-head reveal\">\n      <div>\n        <p class=\"eyebrow\">MEDIA<\/p>\n        <h2 class=\"heading\">\u30e1\u30c7\u30a3\u30a2\u30fb\u51fa\u6f14<\/h2>\n      <\/div>\n      <p>\u30b5\u30c3\u30ab\u30fc\u89e3\u8aac\u3001\u30c6\u30ec\u30d3\u30fb\u30e9\u30b8\u30aa\u3001\u30a4\u30d9\u30f3\u30c8\u306a\u3069\u306e\u51fa\u6f14\u60c5\u5831\u3092\u63b2\u8f09\u4e88\u5b9a\u3067\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"media__grid\">\n      <article class=\"media__item reveal\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><\/div><\/div>\n        <p class=\"media__cat\">TV<span class=\"tag-ph\">PLACEHOLDER<\/span><\/p>\n        <h3 class=\"media__title is-placeholder\">\u756a\u7d44\u540d\u30fb\u51fa\u6f14\u30bf\u30a4\u30c8\u30eb\u304c\u5165\u308a\u307e\u3059<\/h3>\n        <p class=\"media__sub\">\u653e\u9001\u5c40\u30fb\u51fa\u6f14\u5185\u5bb9\u304c\u5165\u308a\u307e\u3059<\/p>\n      <\/article>\n      <article class=\"media__item reveal\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><\/div><\/div>\n        <p class=\"media__cat\">RADIO<span class=\"tag-ph\">PLACEHOLDER<\/span><\/p>\n        <h3 class=\"media__title is-placeholder\">\u756a\u7d44\u540d\u30fb\u51fa\u6f14\u30bf\u30a4\u30c8\u30eb\u304c\u5165\u308a\u307e\u3059<\/h3>\n        <p class=\"media__sub\">\u653e\u9001\u5c40\u30fb\u51fa\u6f14\u5185\u5bb9\u304c\u5165\u308a\u307e\u3059<\/p>\n      <\/article>\n      <article class=\"media__item reveal\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO PLACEHOLDER<\/span><\/div><\/div>\n        <p class=\"media__cat\">EVENT<span class=\"tag-ph\">PLACEHOLDER<\/span><\/p>\n        <h3 class=\"media__title is-placeholder\">\u30a4\u30d9\u30f3\u30c8\u540d\u304c\u5165\u308a\u307e\u3059<\/h3>\n        <p class=\"media__sub\">\u4e3b\u50ac\u30fb\u958b\u50ac\u5185\u5bb9\u304c\u5165\u308a\u307e\u3059<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     09 NEWS\uff08\u8a18\u4e8b\u78ba\u5b9a\u307e\u3067\u306e\u578b\uff09\n     \u8ffd\u52a0\u65b9\u6cd5\uff1a<a class=\"news__item\"> \u3092\u30b3\u30d4\u30fc\u3057\u3001\u65e5\u4ed8\u30fb\u30ab\u30c6\u30b4\u30ea\u30fb\u30bf\u30a4\u30c8\u30eb\u30fb\u30ea\u30f3\u30af\u5148\u3092\u66f8\u304d\u63db\u3048\n     ========================================================= -->\n<section class=\"news section\" id=\"news\">\n  <div class=\"wrap\">\n    <div class=\"list-head reveal\">\n      <div>\n        <p class=\"eyebrow\">NEWS<\/p>\n        <h2 class=\"heading\">\u304a\u77e5\u3089\u305b<\/h2>\n      <\/div>\n      <p>\u6d3b\u52d5\u5831\u544a\u3001\u8b1b\u6f14\u60c5\u5831\u3001\u30e1\u30c7\u30a3\u30a2\u51fa\u6f14\u306a\u3069\u3092\u304a\u77e5\u3089\u305b\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"news__grid\">\n      <a class=\"news__item reveal\" href=\"#news\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO<\/span><\/div><\/div>\n        <div><div class=\"news__meta\"><span class=\"news__date\">YYYY.MM.DD<\/span><span class=\"news__cat\">\u30ab\u30c6\u30b4\u30ea<\/span><\/div>\n        <h3 class=\"news__title is-placeholder\">\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\u304c\u5165\u308a\u307e\u3059<\/h3><\/div>\n      <\/a>\n      <a class=\"news__item reveal\" href=\"#news\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO<\/span><\/div><\/div>\n        <div><div class=\"news__meta\"><span class=\"news__date\">YYYY.MM.DD<\/span><span class=\"news__cat\">\u30ab\u30c6\u30b4\u30ea<\/span><\/div>\n        <h3 class=\"news__title is-placeholder\">\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\u304c\u5165\u308a\u307e\u3059<\/h3><\/div>\n      <\/a>\n      <a class=\"news__item reveal\" href=\"#news\">\n        <div class=\"photo\"><div class=\"ph\"><span class=\"ph__label\">PHOTO<\/span><\/div><\/div>\n        <div><div class=\"news__meta\"><span class=\"news__date\">YYYY.MM.DD<\/span><span class=\"news__cat\">\u30ab\u30c6\u30b4\u30ea<\/span><\/div>\n        <h3 class=\"news__title is-placeholder\">\u8a18\u4e8b\u30bf\u30a4\u30c8\u30eb\u304c\u5165\u308a\u307e\u3059<\/h3><\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     10 CONTACT CTA\n     \u5199\u771f\u5dee\u3057\u66ff\u3048\uff1aimages\/cta.jpg \u3092\u7528\u610f\u3057 src \u3092\u5909\u66f4\uff08\u73fe\u5728\u306f hero.jpg \u3092\u6d41\u7528\uff09\n     ========================================================= -->\n<section class=\"contact-cta on-dark\" aria-labelledby=\"ctaTitle\">\n  <div class=\"contact-cta__photo\">\n    <img src=\"images\/hero.jpg\" alt=\"\" loading=\"lazy\" width=\"602\" height=\"976\">\n  <\/div>\n  <div class=\"wrap contact-cta__inner\">\n    <div class=\"contact-cta__body reveal\">\n      <p class=\"eyebrow\">CONTACT<\/p>\n      <h2 class=\"heading\" id=\"ctaTitle\">\u8b1b\u6f14\u30fb\u51fa\u6f14\u306e\u3054\u76f8\u8ac7<\/h2>\n      <span class=\"rule\" aria-hidden=\"true\"><\/span>\n      <p>\u4f01\u696d\u7814\u4fee\u3001\u8b1b\u6f14\u4f1a\u3001\u5b66\u6821\u30fb\u6559\u80b2\u6a5f\u95a2\u3067\u306e\u8b1b\u6f14\u3001\u30b9\u30dd\u30fc\u30c4\u30a4\u30d9\u30f3\u30c8\u3001\u30e1\u30c7\u30a3\u30a2\u51fa\u6f14\u306a\u3069\u306e\u3054\u76f8\u8ac7\u3092\u53d7\u3051\u4ed8\u3051\u308b\u4e88\u5b9a\u3067\u3059\u3002<\/p>\n      <a class=\"btn btn--green\" href=\"#contact\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089<span class=\"btn__arrow\"><\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- =========================================================\n     11 CONTACT\n     ========================================================= -->\n<section class=\"contact section section--offwhite\" id=\"contact\">\n  <div class=\"wrap\">\n    <div class=\"reveal\" style=\"margin-bottom:clamp(40px,5vw,64px)\">\n      <p class=\"eyebrow\">CONTACT<\/p>\n      <h2 class=\"heading\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n    <\/div>\n    <div class=\"contact__grid\">\n      <div class=\"contact__card reveal\">\n        <p class=\"contact__org\">\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\u4e8b\u52d9\u5c40<\/p>\n        <address class=\"contact__addr\">\u3012290-0054<br>\u5343\u8449\u770c\u5e02\u539f\u5e02\u4e94\u4e95\u4e2d\u592e\u67712-17-18<br>\u30d5\u30a3\u30c3\u30c8\u30d3\u30eb<\/address>\n        <dl class=\"contact__rows\">\n          <div class=\"contact__row\">\n            <dt>TEL<\/dt>\n            <dd><a class=\"contact__link\" href=\"tel:05057998376\" id=\"telText\">050-5799-8376<\/a><button class=\"copy-btn\" type=\"button\" data-copy=\"050-5799-8376\">\u30b3\u30d4\u30fc<\/button><\/dd>\n          <\/div>\n          <div class=\"contact__row\">\n            <dt>MAIL<\/dt>\n            <dd><a class=\"contact__link\" href=\"mailto:michel@housefit.jp\" id=\"mailText\">michel@housefit.jp<\/a><button class=\"copy-btn\" type=\"button\" data-copy=\"michel@housefit.jp\">\u30b3\u30d4\u30fc<\/button><\/dd>\n          <\/div>\n        <\/dl>\n      <\/div>\n\n      <!-- \u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\uff1a\u9001\u4fe1\u5148\u304c\u6c7a\u307e\u3063\u305f\u3089 form \u306e submit \u51e6\u7406\uff08script \u5185 handleFormSubmit\uff09\u3092\u63a5\u7d9a\u3057\u3066\u304f\u3060\u3055\u3044 -->\n      <form class=\"form reveal\" id=\"contactForm\" novalidate>\n        <p class=\"form__notice\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u306f\u73fe\u5728\u6e96\u5099\u4e2d\u3067\u3059\u3002\u304a\u6025\u304e\u306e\u5834\u5408\u306f\u3001\u304a\u96fb\u8a71\u307e\u305f\u306f\u30e1\u30fc\u30eb\u306b\u3066\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002<\/p>\n        <div class=\"form__row form__row--2\">\n          <div class=\"form__row\"><label for=\"f-name\">\u304a\u540d\u524d<em>\u5fc5\u9808<\/em><\/label><input id=\"f-name\" name=\"name\" type=\"text\" autocomplete=\"name\" required><\/div>\n          <div class=\"form__row\"><label for=\"f-org\">\u4f1a\u793e\u540d\u30fb\u56e3\u4f53\u540d<\/label><input id=\"f-org\" name=\"organization\" type=\"text\" autocomplete=\"organization\"><\/div>\n        <\/div>\n        <div class=\"form__row form__row--2\">\n          <div class=\"form__row\"><label for=\"f-mail\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<em>\u5fc5\u9808<\/em><\/label><input id=\"f-mail\" name=\"email\" type=\"email\" autocomplete=\"email\" required><\/div>\n          <div class=\"form__row\"><label for=\"f-tel\">\u96fb\u8a71\u756a\u53f7<\/label><input id=\"f-tel\" name=\"tel\" type=\"tel\" autocomplete=\"tel\"><\/div>\n        <\/div>\n        <div class=\"form__row\"><label for=\"f-type\">\u3054\u76f8\u8ac7\u5185\u5bb9<\/label>\n          <select id=\"f-type\" name=\"type\">\n            <option>\u8b1b\u6f14\u30fb\u4f01\u696d\u7814\u4fee<\/option>\n            <option>\u5b66\u6821\u30fb\u6559\u80b2\u6a5f\u95a2\u3067\u306e\u8b1b\u6f14<\/option>\n            <option>\u30b9\u30dd\u30fc\u30c4\u30a4\u30d9\u30f3\u30c8<\/option>\n            <option>\u30e1\u30c7\u30a3\u30a2\u51fa\u6f14<\/option>\n            <option>\u305d\u306e\u4ed6<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"form__row\"><label for=\"f-msg\">\u8a73\u7d30\uff08\u65e5\u7a0b\u30fb\u4f1a\u5834\u30fb\u4eba\u6570\u306a\u3069\uff09<\/label><textarea id=\"f-msg\" name=\"message\"><\/textarea><\/div>\n        <div><button class=\"btn btn--navy\" type=\"submit\">\u5185\u5bb9\u3092\u78ba\u8a8d\u3059\u308b<span class=\"btn__arrow\"><\/span><\/button><\/div>\n        <p class=\"form__status\" id=\"formStatus\" role=\"status\"><\/p>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<footer class=\"site-footer\">\n  <div class=\"wrap site-footer__inner\">\n    <a class=\"logo\" href=\"#top\"><span class=\"logo__en\">MICHEL MIYAZAWA<\/span><span class=\"logo__ja\">\u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\u4e8b\u52d9\u5c40<\/span><\/a>\n    <small>&copy; \u5bae\u6fa4\u30df\u30b7\u30a7\u30eb\u4e8b\u52d9\u5c40<\/small>\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var header = document.querySelector('.site-header');\n  var heroImg = document.getElementById('heroImg');\n\n  \/* \u30d8\u30c3\u30c0\u30fc\uff1a\u30b9\u30af\u30ed\u30fc\u30eb\u3067\u80cc\u666f\u3092\u4ed8\u3051\u308b\uff0b\u30d2\u30fc\u30ed\u30fc\u5199\u771f\u306e\u8efd\u3044\u30d1\u30e9\u30e9\u30c3\u30af\u30b9 *\/\n  function onScroll(){\n    var y = window.scrollY || 0;\n    header.classList.toggle('is-scrolled', y > 40);\n    if(!reduce && heroImg && y < window.innerHeight){\n      heroImg.style.transform = 'translateY(' + (y * 0.12) + 'px)';\n    }\n  }\n  window.addEventListener('scroll', onScroll, {passive:true});\n  onScroll();\n\n  \/* \u30b9\u30de\u30db\u30e1\u30cb\u30e5\u30fc *\/\n  var menuBtn = document.getElementById('menuBtn');\n  var mobileNav = document.getElementById('mobileNav');\n  function setMenu(open){\n    document.body.classList.toggle('menu-open', open);\n    menuBtn.setAttribute('aria-expanded', open);\n    menuBtn.setAttribute('aria-label', open ? '\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b' : '\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f');\n    mobileNav.setAttribute('aria-hidden', !open);\n    document.body.style.overflow = open ? 'hidden' : '';\n  }\n  menuBtn.addEventListener('click', function(){ setMenu(!document.body.classList.contains('menu-open')); });\n  mobileNav.addEventListener('click', function(e){ if(e.target.closest('a')) setMenu(false); });\n  document.addEventListener('keydown', function(e){ if(e.key === 'Escape') setMenu(false); });\n\n  \/* \u30b9\u30af\u30ed\u30fc\u30eb\u8868\u793a\uff1a\u753b\u9762\u5916\u306e\u8981\u7d20\u3060\u3051\u3092\u5f85\u6a5f\u72b6\u614b\u306b\u3057\u3001\u898b\u3048\u305f\u3089\u8868\u793a *\/\n  if(!reduce && 'IntersectionObserver' in window){\n    var targets = Array.prototype.slice.call(document.querySelectorAll('.reveal, #historyList'));\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){ en.target.classList.remove('is-pending'); io.unobserve(en.target); }\n      });\n    }, {rootMargin:'0px 0px -8% 0px', threshold:0.08});\n    targets.forEach(function(el){\n      if(el.getBoundingClientRect().top > window.innerHeight){\n        el.classList.add('is-pending');\n        io.observe(el);\n      }\n    });\n  }\n\n  \/* \u96fb\u8a71\u30fb\u30e1\u30fc\u30eb\u306e\u30b3\u30d4\u30fc *\/\n  document.querySelectorAll('.copy-btn').forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var text = btn.getAttribute('data-copy');\n      function done(){ btn.textContent = '\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f'; setTimeout(function(){ btn.textContent = '\u30b3\u30d4\u30fc'; }, 1800); }\n      function fallback(){\n        var el = btn.previousElementSibling, r = document.createRange();\n        r.selectNodeContents(el); var s = window.getSelection(); s.removeAllRanges(); s.addRange(r);\n        btn.textContent = '\u9078\u629e\u3057\u307e\u3057\u305f';\n        setTimeout(function(){ btn.textContent = '\u30b3\u30d4\u30fc'; }, 1800);\n      }\n      if(navigator.clipboard && navigator.clipboard.writeText){\n        navigator.clipboard.writeText(text).then(done, fallback);\n      } else { fallback(); }\n    });\n  });\n\n  \/* \u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\uff08\u9001\u4fe1\u5148\u672a\u78ba\u5b9a\u306e\u305f\u3081\u3001\u9001\u4fe1\u306f\u3057\u306a\u3044\uff09 *\/\n  var form = document.getElementById('contactForm');\n  var status = document.getElementById('formStatus');\n  function handleFormSubmit(e){\n    e.preventDefault();\n    var name = form.querySelector('#f-name'), mail = form.querySelector('#f-mail');\n    if(!name.value.trim() || !mail.value.trim()){\n      status.textContent = '\u304a\u540d\u524d\u3068\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002';\n      (name.value.trim() ? mail : name).focus();\n      return;\n    }\n    status.textContent = '\u30d5\u30a9\u30fc\u30e0\u306f\u6e96\u5099\u4e2d\u306e\u305f\u3081\u3001\u307e\u3060\u9001\u4fe1\u3067\u304d\u307e\u305b\u3093\u3002\u304a\u96fb\u8a71\uff08050-5799-8376\uff09\u307e\u305f\u306f\u30e1\u30fc\u30eb\uff08michel@housefit.jp\uff09\u306b\u3066\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002';\n  }\n  form.addEventListener('submit', handleFormSubmit);\n})();\n<\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":1,"href":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/festive-yonath.153-123-7-214.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}