@charset "UTF-8";
/* ============================================================
   畜産に生きる会議 2026
   Figma: 2026_sp (390 x 15909) ベース
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800;900&family=Noto+Sans+JP:wght@400;500;700;800;900&family=Alata&family=Anek+Malayalam:wght@800&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%;-webkit-text-size-adjust:100%}
body.page-conf2026{
	font-family:"M PLUS Rounded 1c","Noto Sans JP","Hiragino Sans",sans-serif;
	font-weight:700;
	color:#230e0a;
	background:#fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-x:hidden;
	line-height:1.5;
}
img{max-width:100%;height:auto;vertical-align:bottom;display:block}
a{color:inherit;text-decoration:none;transition:opacity .2s}
a:hover{opacity:.75}
button{background:none;border:0;cursor:pointer;font:inherit;color:inherit}
ul,ol{list-style:none}

:root{
	--c-base:#230e0a;
	--c-gray:#929292;
	--c-line:#dcdcdc;
}

.conf-wrap{position:relative;width:100%;max-width:390px;margin:0 auto;background:#fff}
.conf-main{position:relative;padding-bottom:90px}

/* ============================================================
   セクション見出し共通（com_sec_head: 339.279 x 200.821）
   背景に Figma 本物の水彩玉SVG (4枚重ね, opacity:.2)
   ============================================================ */
.sec-head{
	position:relative;
	width:339.279px;
	max-width:100%;
	height:200.821px;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:visible;
}
/* 4色水彩玉グラフィック（位置/サイズは Figma 仕様の % で再現） */
.sec-head__balls{
	position:absolute;
	inset:0;
	z-index:0;
	pointer-events:none;
}
.sec-head__balls img{
	position:absolute;
	display:block;
	max-width:none;
}
/* Figma 仕様：各ボールを .sec-head 全体に対して直接 width/height 指定
   （imgは置換要素のため、left+right+width:auto は不安定なので明示サイズで指定） */
.sec-head__balls .ball-bg{
	top:0;left:24.76%;width:50.24%;height:100%;
	opacity:.2;
}
.sec-head__balls .ball-1{
	top:18.05%;left:24.76%;width:36.15%;height:69.30%;
	opacity:.2;mix-blend-mode:multiply;
}
.sec-head__balls .ball-2{
	top:0;left:41.47%;width:33.53%;height:68.79%;
	opacity:.2;mix-blend-mode:multiply;
}
.sec-head__balls .ball-3{
	top:34.36%;left:37.55%;width:32.16%;height:65.64%;
	opacity:.2;mix-blend-mode:multiply;
}

/* タイトル中央：35.35% top, 23.81% bottom */
.sec-head__inner{
	position:absolute;
	left:0; right:0; top:35.35%; bottom:23.81%;
	display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:21px;
	z-index:1;
}
.sec-head__en{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700; /* Figma: Noto Sans JP Bold */
	font-size:36px;line-height:38px;
	letter-spacing:7.2px;
	color:#230e0a;
	width:100%;
}
.sec-head__jp{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:16px;letter-spacing:8px;
	color:#230e0a;
	width:100%;
}
/* 追加：見出しの直下にくる説明とノート */
.sec-head__desc{
	margin:14px auto 0;
	max-width:300px;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:500;font-size:13px;line-height:1.85;
	color:#230e0a;
	text-align:center;
}
.sec-head__note{
	margin:6px auto 0;
	font-size:11px;color:var(--c-gray);font-weight:500;
	text-align:center;
}

/* セクションヘッダー全体を含むラッパー（説明文も入る） */
.sec-head-wrap{
	padding:60px 25px 30px;
	text-align:center;
}

/* and more! ブロック（Figma com_and-more 253×90） */
.and-more{
	display:flex;flex-direction:column;align-items:center;gap:20px;
	width:253px;max-width:calc(100% - 30px);
	margin:40px auto 0;
}
.and-more__ttl{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;font-size:20px;line-height:25px;
	color:#230e0a;
	text-align:center;
	width:100%;
}
.and-more__btn{
	display:flex;align-items:center;justify-content:center;gap:9px;
	width:100%;height:45px;
	border:1px dashed #230e0a;
	border-radius:3px;
	background:transparent;
	color:#230e0a;
}
.and-more__btn-icon{
	width:16px;height:16px;display:block;flex-shrink:0;
	/* SVGはwhiteフィルなので、黒系のフィルター適用 */
	filter:brightness(0) saturate(100%);
}
.and-more__btn-txt{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;font-size:12px;line-height:25px;
	color:#230e0a;
	white-space:nowrap;
}

/* もっと見るボタン */
.c-more-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:200px;
	height:38px;
	margin:30px auto;
	border:1px solid #230e0a;
	border-radius:3px;
	background:#fff;
	font-family:"Noto Sans JP",sans-serif;
	font-size:12px;font-weight:700;
}
.c-more-btn::after{content:"›";font-size:14px}

/* アウトラインボタン */
.c-btn-outline{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:275px;
	height:47px;
	margin:0 auto;
	border:1px solid #230e0a;
	border-radius:3px;
	background:#fff;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;font-size:12px;
	color:#230e0a;letter-spacing:.04em;
}
.c-btn-outline::after{content:"›";font-size:14px;color:#230e0a}
.c-btn-outline--full{width:calc(100% - 30px)}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;width:390px;height:795px;overflow:hidden}
.hero-img{position:absolute;background:#eee;overflow:hidden;z-index:1}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.hero-img--01{left:15px; top:24px;  width:183px; height:183px; border-radius:0 30px 30px 0}
.hero-img--02{left:204px;top:24px;  width:84px;  height:93px;  border-radius:30px 0 0 0}
.hero-img--03{left:294px;top:24px;  width:81px;  height:93px;  border-radius:0 0 30px 0}
.hero-img--04{left:204px;top:123px; width:84px;  height:84px;  border-radius:0 0 30px 0}
.hero-img--05{left:294px;top:123px; width:81px;  height:84px;  border-radius:0 30px 0 30px}
.hero-img--06{left:192px;top:213px; width:183px; height:183px; border-radius:50px 0 50px 0}
.hero-img--07{left:15px; top:402px; width:84px;  height:93px;  border-radius:30px 0 0 0}
.hero-img--08{left:105px;top:402px; width:81px;  height:93px;  border-radius:0 0 30px 0}
.hero-img--09{left:288px;top:403px; width:87px;  height:93px;  border-radius:0 0 30px 0}
.hero-img--11{left:105px;top:501px; width:81px;  height:84px;  border-radius:0 0 30px 0}
.hero-img--10{left:192px;top:502px; width:90px;  height:84px;  border-radius:0 0 30px 0; background:#e7649f}
.hero-img--12{left:288px;top:502px; width:87px;  height:84px;  border-radius:0 30px 0 30px}
.hero-circle--1{position:absolute;left:191px;top:404px;width:92px;height:92px;border-radius:50%;overflow:hidden;z-index:2}
.hero-circle--1 img{width:100%;height:100%;object-fit:cover;display:block}
.hero-circle--2{position:absolute;left:16px;top:501px;width:84px;height:84px;border-radius:50%;overflow:hidden;z-index:2}
.hero-circle--2 img{width:100%;height:100%;object-fit:cover;display:block}
.hero-tag{position:absolute;left:15px;top:182px;font-family:"Noto Sans JP",sans-serif;font-weight:900;font-size:23.571px;line-height:27.5px;color:#fff;z-index:10;white-space:nowrap}
.hero-year{position:absolute;left:199px;top:317px;width:175px;height:113px;font-family:"Anek Malayalam","M PLUS Rounded 1c",sans-serif;font-weight:800;font-size:79.032px;line-height:normal;color:#fff;letter-spacing:-.02em;z-index:10}
/* Hero logo composite (Figma 3437:1334 内 120.53×132.76) */
.hero-logo{
	position:absolute;left:39px;top:243px;
	width:120.53px;height:132.76px;
	z-index:10;
}
.hero-logo img{position:absolute;display:block;max-width:none;height:auto}
/* 水彩玉アイコン部分 */
.hero-logo .hl-cow--base{left:27.5px;top:0;width:66.558px;height:76.226px}
.hero-logo .hl-cow--b1{left:27.5px;top:13.28px;width:47.892px;height:52.823px;mix-blend-mode:multiply}
.hero-logo .hl-cow--b2{left:49.57px;top:.55px;width:44.424px;height:52.432px;mix-blend-mode:multiply}
.hero-logo .hl-cow--b3{left:44.38px;top:26.01px;width:42.612px;height:50.035px;mix-blend-mode:multiply}
.hero-logo .hl-cow--c1{left:40.44px;top:19.65px;width:4.71px;height:10.945px}
.hero-logo .hl-cow--c2{left:31.04px;top:22.83px;width:4.71px;height:10.945px}
/* 畜産に生きる会議 (Figma 8文字) */
.hero-logo .hl-ttl--1{left:0;top:94.42px;width:15.544px;height:16.534px}
.hero-logo .hl-ttl--2{left:15.17px;top:94.42px;width:16.082px;height:16.727px}
.hero-logo .hl-ttl--3{left:32.45px;top:97.6px;width:12.984px;height:13.388px}
.hero-logo .hl-ttl--4{left:46.25px;top:94.42px;width:16.352px;height:15.796px}
.hero-logo .hl-ttl--5{left:63.3px;top:96.01px;width:8.782px;height:15.162px}
.hero-logo .hl-ttl--6{left:74.06px;top:97.6px;width:10.94px;height:13.761px}
.hero-logo .hl-ttl--7{left:85.14px;top:96.01px;width:16.51px;height:16.325px}
.hero-logo .hl-ttl--8{left:101.95px;top:96.01px;width:18.57px;height:16.855px}
/* どっこいしょニッポン */
.hero-logo .hl-sub{left:26.09px;top:126.24px;width:71.09px;height:6.89px}
.hero-free{position:absolute;left:206px;top:507px;width:62px;z-index:12;font-family:"Noto Sans JP",sans-serif;font-weight:900;font-size:31px;line-height:36.167px;color:#fff;text-align:left}
.hero-free p{margin:0;line-height:36.167px}
.hero-catch{position:absolute;left:0;top:600px;width:390px;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;font-size:24px;line-height:30.114px;letter-spacing:9.6px;text-align:center;color:#230e0a;white-space:nowrap}
.hero-date{position:absolute;left:13px;top:630px;width:321px;font-family:"Alata",sans-serif;font-weight:400;font-size:61.018px;line-height:74px;letter-spacing:1.28px;white-space:nowrap}
.hero-date .c-y{color:#f4e63a}
.hero-date .c-c{color:#5dafde}
.hero-date .c-m{color:#e7649f}
.hero-date .c-d{color:#d0d0d0}
.hero-mon{position:absolute;left:338px;top:636px;width:37px;height:62px;background:#434343;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Alata",sans-serif;font-size:13.83px;line-height:14px;text-align:center;padding:0 10px;border-radius:3px}
.hero-mon p{margin:0;line-height:14px}
.hero-time{position:absolute;left:0;top:713px;width:390px}
.hero-time-item{position:absolute;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;font-size:17.208px;line-height:30.114px;color:#230e0a;white-space:nowrap}
.hero-time-item--open{left:16px}
.hero-time-item--900{left:75.15px}
.hero-time-item--start{left:141.83px}
.hero-time-item--945{left:200.98px}
.hero-time-item--close{left:263.36px}
.hero-time-item--1800{left:322.52px}
.hero-venue{position:absolute;left:15px;top:753px;width:360px;height:42px;background:#f4e63a;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:18px;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;font-size:16px;line-height:28px;color:#230e0a}
.hero-venue__pin{width:16.45px;height:24.03px;flex-shrink:0;display:block}

/* ============================================================
   ABOUT セクション（Frame 134: y=873, 275幅, 中央寄せ）
   gap-32, 見出し 19px Bold lh 40px, 本文 18px Bold lh 2 text-justify
   ボタン rounded-3px 275x47 border-1 #230e0a
   ============================================================ */
.about{padding:60px 30px 80px;text-align:center}
/* About logo composite (Figma 3437:1421 — 82.015×93.929) */
.about__logo{
	position:relative;
	width:82.015px;height:93.929px;
	margin:0 auto 32px;
}
.about__logo img{position:absolute;display:block;max-width:none}
.about__logo .al-base{left:0;top:0;width:82.015px;height:93.929px}
.about__logo .al-b1{left:0;top:16.95px;width:59.015px;height:65.091px;mix-blend-mode:multiply}
.about__logo .al-b2{left:27.27px;top:0;width:54.742px;height:64.61px;mix-blend-mode:multiply}
.about__logo .al-b3{left:20.87px;top:32.27px;width:52.508px;height:61.656px;mix-blend-mode:multiply}
.about__logo .al-c1{left:16.04px;top:25.19px;width:5.805px;height:13.486px}
.about__logo .al-c2{left:4.43px;top:29.07px;width:5.805px;height:13.486px}
.about__lead{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:19px;line-height:40px;
	margin-bottom:32px;
}
.about__txt{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:18px;line-height:2;
	text-align:justify;margin-bottom:32px;
}

/* ============================================================
   SPEAKERS — Frame 131 (8人のカード grid 2col)
   各カード: 168.181px幅、画像 168x237 rounded-5px (mt-11)
   水彩玉ロゴ 38.349x45.179 ml-122.49 mt-0 (画像右上に被る)
   会社名 12px Noto Sans Medium / 名前 16px Bold tracking 6.56px / 英名 12px gray
   ============================================================ */
.speakers{padding:0 16px 60px;position:relative}
.speakers__grid{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:36px}
.speaker-card{position:relative;width:100%;max-width:168.181px}
.speaker-card__media{position:relative;padding-top:11px;margin-bottom:7px}
.speaker-card__img{
	width:100%;
	aspect-ratio:168.181/237;
	border-radius:5px;
	overflow:hidden;
	background:#e2e2e2;
}
.speaker-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.speaker-card__img--coming{
	display:flex;align-items:center;justify-content:center;
	background:linear-gradient(135deg,#f1f0ec 0%,#e2e2e2 100%);
}
.speaker-card__img--coming span{
	font-family:"Alata",sans-serif;
	font-size:14px;letter-spacing:.1em;
	color:#929292;
}
.speaker-card__badge{
	position:absolute;
	left:122.49px; top:0;
	width:38.349px; height:45.179px;
	z-index:3;
	pointer-events:none;
}
.speaker-card__badge img{
	position:absolute;
	display:block;
}
.speaker-card__badge .badge-bg{left:0;top:0;width:100%;height:100%}
.speaker-card__badge .badge-1{left:0;top:8.15px;width:27.595px;height:31.308px;mix-blend-mode:multiply}
.speaker-card__badge .badge-2{left:12.75px;top:0;width:25.597px;height:31.076px;mix-blend-mode:multiply}
.speaker-card__badge .badge-3{left:9.76px;top:15.52px;width:24.552px;height:29.656px;mix-blend-mode:multiply}
.speaker-card__farm{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:500;font-size:12px;color:#230e0a;margin-bottom:4px;
}
.speaker-card__name{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:16px;letter-spacing:6.56px;
	color:#230e0a;margin-bottom:4px;
}
.speaker-card__name-en{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:500;font-size:12px;color:#929292;
}

/* ============================================================
   PROGRAM INTRO + 4 ROOMS — Frame 127 + Frame 132
   - intro: 「今年は目的ごとに異なる学びを体験できる４つの部屋をご用意しています」
   - 4部屋: 177x240 grid 2col、半透明オーバーレイ、英文+日本語+本文
   ============================================================ */
.program-intro{padding:0 25px 30px;text-align:center}
.program-intro__lead{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:16px;line-height:1.6;
	margin-bottom:8px;
}
.program-intro__note{font-size:11px;color:var(--c-gray);font-weight:500}

.rooms{padding:0 15px 60px}
.rooms__grid{display:flex;flex-wrap:wrap;gap:6px}
.rooms__item{
	position:relative;
	width:calc(50% - 3px);
	height:240px;
	border-radius:5px;
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
}
.rooms__item-bg{position:absolute;inset:0;border-radius:5px;overflow:hidden}
.rooms__item-bg img{width:100%;height:100%;object-fit:cover;display:block}
.rooms__item-bg::after{
	content:"";position:absolute;inset:0;
}
.rooms__item--conference .rooms__item-bg::after{background:rgba(135,79,130,.7)}
.rooms__item--study      .rooms__item-bg::after{background:rgba(7,91,38,.7)}
.rooms__item--communication .rooms__item-bg::after{background:rgba(101,78,8,.7)}
.rooms__item--mirai      .rooms__item-bg::after{background:rgba(11,62,92,.7)}

.rooms__item-inner{
	position:relative;z-index:1;
	width:152px;text-align:center;color:#fff;
	display:flex;flex-direction:column;gap:12px;
}
.rooms__item-head{display:flex;flex-direction:column;gap:7px;align-items:center}
.rooms__item-title{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;color:#fff;
	width:130px;
}
.rooms__item-title-main{
	font-size:20px;letter-spacing:2px;line-height:1.25;
	display:block;
}
.rooms__item-title-sub{
	font-size:14px;letter-spacing:1.4px;line-height:normal;
	display:block;
}
.rooms__item-label{
	width:100%;height:27px;
	border:1px solid #fff;
	display:flex;align-items:center;justify-content:center;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;font-size:9px;color:#fff;
	padding:10px;white-space:nowrap;
}
.rooms__item-desc{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:400;font-size:12px;line-height:1.5;
	text-align:justify;color:#fff;
}

/* ============================================================
   PROGRAM CARDS — Frame 123 (5枚 com_program_card)
   rounded-5px, 画像(4096:2732比) + 下部 bg-#f8f5f3 padding 30/20 gap 12
   ラベル: border-left 4px solid + padding-left 14px + 12px Bold tracking 2.4px
   タイトル: 18px Bold Rounded Mplus, lh 1.52, text-justify
   本文: 14px Regular Noto Sans, lh 1.75, text-justify
   ============================================================ */
.program-cards{padding:0 15px 60px}
.program-card{
	border-radius:5px;
	overflow:hidden;
	margin-bottom:20px;
	background:#f8f5f3;
}
.program-card__img{
	width:100%;aspect-ratio:4096/2732;background:#ddd;
}
.program-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.program-card__body{
	padding:20px 30px;
	display:flex;flex-direction:column;gap:12px;
}
.program-card__head{display:flex;flex-direction:column;gap:8px}
.program-card__label{
	display:flex;align-items:center;
	border-left-width:4px;border-left-style:solid;
	padding-left:14px;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;font-size:12px;letter-spacing:2.4px;line-height:1;
}
.program-card__label--conference{border-left-color:#874f82;color:#874f82}
.program-card__label--communication{border-left-color:#928352;color:#928352}
.program-card__label--study{border-left-color:#437e5b;color:#437e5b}
.program-card__ttl{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:18px;line-height:1.52;
	text-align:justify;color:#230e0a;
}
.program-card__txt{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:400;font-size:14px;line-height:1.75;
	text-align:justify;color:#230e0a;
}

/* ============================================================
   INTERNSHIP — Frame 121
   ============================================================ */
.internship{padding:0 15px 60px}
.internship__desc{
	text-align:center;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;font-size:14px;line-height:1.85;
	margin-bottom:8px;
}
.internship__note{
	text-align:center;font-size:11px;color:var(--c-gray);
	font-weight:500;margin-bottom:24px;
}
.internship__hero{
	width:100%;aspect-ratio:360/240;
	background:#ddd;border-radius:0;overflow:hidden;margin-bottom:40px;
}
.internship__hero img{width:100%;height:100%;object-fit:cover;display:block}
.internship__sub{
	display:flex;flex-direction:column;align-items:center;gap:10px;
	margin-bottom:24px;
}
.internship__sub-icon{
	width:32px;height:28px;display:flex;align-items:center;justify-content:center;
	font-size:24px;color:#230e0a;
}
.internship__sub-txt{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:16px;
}
.voice-list{border-top:1px solid var(--c-line)}
.voice-list__item{padding:18px 14px;border-bottom:1px solid var(--c-line)}
.voice-list__txt{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:400;font-size:14px;line-height:1.85;color:#230e0a;
	text-align:justify;margin-bottom:8px;
}
.voice-list__year{
	font-size:12px;text-align:right;color:#230e0a;
	font-weight:500;
}

/* ============================================================
   COMING SOON
   ============================================================ */
.coming-soon-box{text-align:center;padding:30px 15px 60px}
.coming-soon-box__en{
	font-family:"Alata",sans-serif;
	font-size:24px;letter-spacing:.2em;color:var(--c-gray);
	margin-bottom:14px;
}
.coming-soon-box__jp{font-size:14px;color:var(--c-gray);font-weight:500}

/* ============================================================
   ENTRY（参加方法）
   ============================================================ */
.entry{padding:0 16px 30px}
.entry__group{margin-bottom:50px}
.entry__group-head{display:flex;align-items:center;gap:15px;margin-bottom:16px}
.entry__group-num{
	width:37px;height:35px;border-radius:50%;
	background:#230e0a;color:#fff;
	display:flex;align-items:center;justify-content:center;
	font-family:"Alata",sans-serif;font-size:18px;flex-shrink:0;
}
.entry__group-ttl{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:18px;line-height:1.4;
}
.entry__lead{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:22px;line-height:1.5;text-align:left;margin-bottom:14px;
}
.entry__txt{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:500;font-size:14px;line-height:1.85;margin-bottom:14px;
}
.entry__note{font-size:12px;color:var(--c-gray);line-height:1.85;margin-bottom:14px;font-weight:500}
.entry__btns{display:flex;flex-direction:column;gap:14px;margin:24px 0}
.entry__btn{
	display:flex;align-items:center;justify-content:center;
	width:298px;max-width:100%;height:58px;margin:0 auto;
	border-radius:29px;
	font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;font-size:16px;color:#fff;
}
.entry__btn--student{background:#7dd3f5}
.entry__btn--general{background:#333}

.faq{margin-top:30px;border-top:1px solid var(--c-line)}
.faq__item{border-bottom:1px solid var(--c-line)}
.faq__q{display:flex;align-items:center;gap:15px;width:100%;padding:18px 0;text-align:left}
.faq__q-mark{
	width:37px;height:35px;flex-shrink:0;
	background:#230e0a;color:#fff;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	font-family:"Alata",sans-serif;font-size:18px;
}
.faq__q-txt{flex:1;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;font-size:14px;line-height:1.6}
.faq__q-icon{width:14px;height:14px;flex-shrink:0;position:relative}
.faq__q-icon::before,.faq__q-icon::after{content:"";position:absolute;background:#230e0a;transition:transform .3s}
.faq__q-icon::before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}
.faq__q-icon::after{top:0;left:50%;width:2px;height:100%;transform:translateX(-50%)}
.faq__item.is-open .faq__q-icon::after{transform:translateX(-50%) scaleY(0)}
.faq__a{
	max-height:0;overflow:hidden;
	transition:max-height .35s ease;
	padding:0 0 0 52px;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:400;font-size:14px;line-height:1.85;
}
.faq__item.is-open .faq__a{max-height:800px;padding:0 0 18px 52px}
.faq__a-policy{margin:10px 0;padding:14px;background:#f6f6f6;border-radius:6px;font-size:13px;font-weight:500}
.faq__a-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;border:1px solid #230e0a;border-radius:3px;font-size:12px;font-weight:700}

.entry__contact-lead{margin:30px 0 14px;text-align:center;font-size:14px;font-weight:700}

/* ============================================================
   OVERVIEW（開催概要）— Frame 143
   359幅、線で区切られた dl/dt/dd、padding 18px 14px
   ============================================================ */
.overview{padding:0 16px 60px}
.overview__list{border-top:1px solid var(--c-line)}
.overview__row{padding:18px 14px;border-bottom:1px solid var(--c-line)}
.overview__row dt{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:16px;color:#230e0a;margin-bottom:8px;
}
.overview__row dd{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:500;font-size:14px;line-height:1.75;color:#230e0a;
}
.overview__row dd small{display:block;font-size:13px;color:#555;margin-top:8px;font-weight:500}

/* ============================================================
   ACCESS（会場アクセス）— Frame 103
   ============================================================ */
.access{padding:0 15px 60px}
.access__name{
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:18px;margin-bottom:16px;
}
.access__map{
	width:100%;aspect-ratio:360/495;background:#ddd;
	border-radius:8px;overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	color:#666;font-size:14px;margin-bottom:14px;
}
.access__map iframe{width:100%;height:100%;border:0;display:block}
.access__addr{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:400;font-size:13px;line-height:1.85;color:#230e0a;margin-top:20px;
}

/* ============================================================
   SPONSORS（協賛パートナー）
   ============================================================ */
.sponsors{padding:0 16px 60px}
.sponsors__rank{
	display:flex;align-items:center;justify-content:center;
	width:100%;min-height:58px;padding:10px;
	margin:30px 0 16px;
	border:3px solid;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:900;font-size:23px;line-height:38px;
	color:#230e0a;
	text-align:center;
	white-space:nowrap;
}
/* Figmaの gra_02 グラデーション枠を再現するため border-image を使用 */
.sponsors__rank--vision,
.sponsors__rank--angel,
.sponsors__rank--relation,
.sponsors__rank--community{
	border-color:transparent;
	border-image:linear-gradient(90deg,#5dafde 0%,#e7649f 25%,#f4e63a 50%,#5fa844 75%,#5dafde 100%) 1;
}
.sponsors__list-lg{margin-bottom:30px}
.sponsors__list-lg .sponsors__item{
	width:100%;max-width:359px;min-height:111px;
	margin:0 auto;
	background:#fff;border:1px solid var(--c-line);border-radius:8px;
	display:flex;align-items:center;justify-content:center;
	padding:22px 47px;
	font-family:"M PLUS Rounded 1c",sans-serif;
	font-weight:700;font-size:14px;
	box-sizing:border-box;
}
.sponsors__list-lg .sponsors__item--image{padding:22px}
.sponsors__list-lg .sponsors__item--image img{
	display:block;
	max-width:100%;max-height:67px;
	width:auto;height:auto;
	object-fit:contain;
}
.sponsors__list{display:flex;flex-direction:column;gap:10px}
.sponsors__list .sponsors__item{
	background:#fafafa;border-radius:8px;padding:14px;text-align:center;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:500;font-size:14px;
}

/* ============================================================
   FOOTER — Figma Frame 98 (3437:1527)
   border-top + 上下 padding + gap-53 で要素を縦配置
   ============================================================ */
.conf-foot{
	padding:40px 25px 30px;background:transparent;
	border-top:1px solid #929292;
	display:flex;flex-direction:column;align-items:center;gap:53px;
	text-align:center;
}

/* どっこいしょニッポン + Presents (Figma: 196 × 47.21) */
.conf-foot__head{
	position:relative;
	width:196px;height:47.21px;
}
.conf-foot__head-logo{
	display:block;width:196px;height:19px;
}
.conf-foot__head-presents{
	position:absolute;
	left:73px;top:37px;
	width:50.15px;height:10.21px;
	display:block;
}

/* 畜産に生きる会議 ロゴ群 (icon + title + 2026) */
.conf-foot__logo{
	display:flex;flex-direction:column;align-items:center;gap:16px;
	width:163.353px;
}
/* 水彩玉アイコン (Figma: 96.6145 × 110.649) */
.conf-foot__logo-icon{
	position:relative;
	width:96.6145px;height:110.649px;
}
.conf-foot__logo-icon img{position:absolute;display:block;max-width:none}
.conf-foot__logo-icon .fi-base{left:0;top:0;width:96.6145px;height:110.649px}
.conf-foot__logo-icon .fi-b1{left:0;top:19.96px;width:69.52px;height:76.68px;mix-blend-mode:multiply}
.conf-foot__logo-icon .fi-b2{left:32.13px;top:0;width:64.49px;height:76.11px;mix-blend-mode:multiply}
.conf-foot__logo-icon .fi-b3{left:24.59px;top:38.01px;width:61.86px;height:72.63px;mix-blend-mode:multiply}
.conf-foot__logo-icon .fi-c1{left:18.9px;top:29.65px;width:6.84px;height:15.89px}
.conf-foot__logo-icon .fi-c2{left:5.22px;top:34.23px;width:6.84px;height:15.89px}

/* 畜産に生きる会議 (8文字) */
.conf-foot__logo-title{
	position:relative;
	width:163.358px;height:24.37px;
}
.conf-foot__logo-title img{position:absolute;display:block;max-width:none}

/* 2026 (Alata 24px) */
.conf-foot__logo-year{
	font-family:"Alata",sans-serif;
	font-weight:400;font-size:24px;line-height:1;
	color:#230e0a;
	margin:0;
}

/* どっこいしょニッポントップへ */
.conf-foot__top-link{
	display:block;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:400;font-size:14px;line-height:38px;
	color:#230e0a;
	text-decoration:underline;
}

/* ZENOAQ (Figma: 172.703 × 40.666 + tagline 107.959 × 12.86, gap 6.37) */
.conf-foot__zenoaq{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6.37px}
.conf-foot__zenoaq-logo{width:172.703px;height:40.666px;display:block}
.conf-foot__zenoaq-tagline{width:107.959px;height:12.86px;display:block}

.conf-foot__copy{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:400;font-size:12px;line-height:1;
	color:#230e0a;
	margin:0;
}

/* ============================================================
   SP 下部固定 CTA バー
   ============================================================ */
.bl-cta{
	position:fixed;left:0;right:0;bottom:0;z-index:90;
	width:100%;max-width:390px;margin:0 auto;height:69px;
	background:#fff;border-top:1px solid #eee;
	box-shadow:0 -2px 8px rgba(0,0,0,.06);
	display:flex;align-items:center;padding:0 14px;
	transform:translateY(0);
	transition:transform .25s ease, box-shadow .25s ease;
	will-change:transform;
}
/* 下スクロール中（iOSのURLバー表示遷移で隙間が見える場面）は一時非表示
   transform で隠す＋shadowも消す */
.bl-cta.is-hidden{
	transform:translateY(100%);
	box-shadow:0 -2px 8px rgba(0,0,0,0);
}
.bl-cta__label{flex-shrink:0;white-space:nowrap}
.bl-cta__label-en{display:block;font-size:10px;color:var(--c-gray);font-weight:700;letter-spacing:.06em;line-height:1.2}
.bl-cta__label-jp{display:block;font-size:12px;font-weight:800;line-height:1.2;margin-top:2px}
.bl-cta__btns{display:flex;gap:10px;margin-left:10px;flex:1;max-width:200px}
.bl-cta__btn{display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:106px;height:45px;border-radius:30px;font-size:13px;font-weight:800;color:#fff;white-space:nowrap}
.bl-cta__btn--student{background:#7dd3f5}
.bl-cta__btn--general{background:#333}
.bl-cta__hamburger{
	flex-shrink:0;width:44px;height:45px;margin-left:auto;
	background:#230e0a;border-radius:50%;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.bl-cta__hamburger span{display:block;width:18px;height:2px;background:#fff;border-radius:1px}

body.nav-open{overflow:hidden}

/* ============================================================
   PC左サイドバー / 右ナビ / SPオーバーレイナビ
   ・SP（〜1023px）では PC サイドバーは非表示
   ・SPメニュー（.conf-spnav）は通常非表示、.is-open で表示
   ・PC（1024px〜）では PC サイドバーを fixed で表示、SP CTA / SPメニュー非表示
   ============================================================ */

/* デフォルト：PCサイドバーは非表示 */
.conf-side-l,
.conf-nav--pc{display:none}

/* ====== SPオーバーレイナビ（共通：base hidden） ======
   親コンテナ自体がスクロールし、オーバーレイは fixed で常時最背面に保つ */
.conf-spnav{
	position:fixed;inset:0;z-index:100;
	visibility:hidden;opacity:0;
	overflow-y:auto;        /* 親で縦スクロール */
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior:contain; /* 後ろのページがスクロールしないように */
	transition:opacity .25s ease, visibility 0s linear .25s;
}
.conf-spnav.is-open{visibility:visible;opacity:1;transition:opacity .25s ease}
.conf-spnav__overlay{
	position:fixed; /* スクロールしてもダーク背景が追従する */
	inset:0;
	background:rgba(0,0,0,.35);
	cursor:pointer;
	z-index:1; /* パネルより必ず背面 */
}
.conf-spnav__panel{
	position:relative; /* 親と一緒にスクロール。コンテンツ分の高さを持つ */
	margin:0 auto;
	width:100%;max-width:390px;
	background:#599e32;
	border-radius:0 0 30px 30px; /* Figma navigation_open: 下両側30px */
	box-shadow:0 10px 10px rgba(0,0,0,.15);
	transform:translateY(-30px);
	transition:transform .3s ease;
	padding:57px 35px 30px 107px;
	z-index:2; /* オーバーレイより前面 */
}
.conf-spnav.is-open .conf-spnav__panel{transform:translateY(0)}

/* 「2026.8.24」縦書き（Alata, opacity .5, 50%白） — Figma: 画面左端に寄せ、上から19px */
.conf-spnav__date{
	position:absolute;
	left:0;top:19px;
	font-family:"Alata",sans-serif;font-weight:400;
	font-size:61.018px;line-height:1;
	letter-spacing:4.8814px;
	color:rgba(255,255,255,.5);
	writing-mode:vertical-rl;
	text-orientation:mixed;
	margin:0;
	pointer-events:none;
	z-index:3;
}
/* 閉じる × */
.conf-spnav__close{
	position:absolute;right:29px;top:29px;
	width:17.678px;height:17.678px;
	z-index:2;
}
.conf-spnav__close span{
	position:absolute;left:50%;top:50%;
	width:24px;height:2px;background:#fff;border-radius:1px;
	transform-origin:center;
}
.conf-spnav__close span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}
.conf-spnav__close span:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}

.conf-spnav__inner{position:relative;z-index:1}

/* ====== 共通ナビ要素（PC右サイドバー & SPオーバーレイで共用） ====== */
.conf-nav__list{
	display:flex;flex-direction:column;gap:22px;
	width:100%;
}
.conf-nav__list a{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;font-size:16px;line-height:1.2;
	color:#fff;
	display:inline-block;
}
.conf-nav__list--sub{
	gap:16px;
	margin:30px 0;
	padding:30px 0;
	border-top:1px solid #fff;border-bottom:1px solid #fff;
}
.conf-nav__list--sub a{
	font-weight:400;font-size:14px;
}
.conf-nav__report{
	display:flex;align-items:center;justify-content:center;
	width:100%;min-height:41px;padding:10px;
	border:1px solid #fff;border-radius:3px;
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;font-size:12px;color:#fff;
	margin-bottom:18px;
	text-align:center;
}
.conf-nav__insta{
	display:flex;align-items:center;gap:12px;
	color:#fff;
}
.conf-nav__insta img{width:37px;height:37px;display:block;flex-shrink:0}
.conf-nav__insta span{
	font-family:"Noto Sans JP",sans-serif;
	font-weight:700;font-size:12px;color:#fff;
}

/* ============================================================
   PC ブレイクポイント（1024px〜）：Figma 2026_pc 忠実
   ・左ゾーン（〜30%）：上部にブランドロゴ＋下部にフローティングEntry CTA(白半透明)
   ・中央：390px幅、SP内容そのまま、margin:0 auto で中央寄せ
   ・右ゾーン（〜25vw、ただし min 320px / max 390px）：緑ナビ、左下のみ50px角丸
   ============================================================ */
/* ============================================================
   PC 背景：2つの巨大ぼかしカラフルブロブ（畜産に生きる会議アイコンの拡大表現）
   ・SP は非表示
   ・PC では画面全体に固定、ゆっくりアニメ
   ============================================================ */
.conf-bg{display:none}
@media (min-width:1024px){
	.conf-bg{
		display:block;
		position:fixed;inset:0;z-index:0;
		pointer-events:none;
		overflow:hidden;
	}
	/* Figmaの装飾水彩玉群と同サイズ (≒1280viewportで435x497、約33%)
	   位置は JS が transform で動的に制御 */
	.conf-bg__blob{
		position:absolute;
		left:0;top:0;
		width:min(36vw,520px);
		aspect-ratio:435/497;
		filter:blur(60px);
		opacity:.45;
		will-change:transform;
		transform:translate(0,0);
	}
	.conf-bg__circle{
		position:absolute;
		display:block;
		width:55%;height:55%;
		border-radius:50%;
		mix-blend-mode:multiply;
	}
	.conf-bg__circle--y{background:#F4E63A;top:0;left:14%}
	.conf-bg__circle--p{background:#E7649F;top:6%;right:0}
	.conf-bg__circle--b{background:#5DAFDE;bottom:0;left:0}
	.conf-bg__circle--g{background:#5FA844;bottom:4%;right:8%}
}

@media (min-width:1024px){
	body.page-conf2026{
		padding-top:0;
		background:#fff;
	}
	.preview-banner{display:none}

	.conf-wrap{
		position:relative;
		max-width:none;width:100%;
		padding-left:max(30vw,320px);
		padding-right:max(25vw,320px);
		box-sizing:border-box;
		background:transparent;
		z-index:1;
	}
	.conf-main{
		width:390px;max-width:390px;
		margin:0 auto;
		padding-bottom:0;
		/* 背景のブロブが透けて見えるよう半透明白＋backdrop-blur */
		background:rgba(255,255,255,.6);
		backdrop-filter:blur(20px);
		-webkit-backdrop-filter:blur(20px);
		position:relative;z-index:1;
	}

	/* SP固定CTA / SPオーバーレイは非表示 */
	.bl-cta{display:none}
	.conf-spnav{display:none !important}

	/* PCサイドバー：表示 */
	.conf-side-l,
	.conf-nav--pc{display:block}

	/* ====== 左サイド（透過、コンテンツが浮かぶ） ====== */
	.conf-side-l{
		position:fixed;top:0;bottom:0;
		/* 左端から中央コンテンツ(390px)の左辺までを完全占有 */
		left:0;
		right:calc(50% + 195px);
		width:auto;
		pointer-events:none; /* 子要素のみ受ける */
		z-index:50;
		display:flex;flex-direction:column;
		justify-content:center;align-items:center; /* 左スペース内で縦＆横中央 */
		gap:60px;
		padding:40px 20px;
		box-sizing:border-box;
	}
	.conf-side-l > *{pointer-events:auto}

	/* ブランドロゴ (Figma: gap:30 items-center) */
	.conf-side-l__brand{
		position:static;
		display:flex;align-items:center;gap:30px;
	}
	/* 99x114 にブロブ3つ＋牛キャラ2つを Figma 同位置に重ねる */
	.conf-side-l__brand-logo{
		position:relative;
		width:99px;height:114px;
		display:block;flex-shrink:0;
	}
	.conf-side-l__brand-logo img{position:absolute;display:block}
	/* Y blob: inset 18.04% 28.04% 12.67% 0% (=top:20.57 right:27.76 bottom:14.44 left:0 → w71.24 h79.0) */
	.conf-side-l__brand-logo .lg-blob--y{
		left:0;top:20.57px;width:71.24px;height:78.99px;
		mix-blend-mode:multiply;
	}
	/* P blob: inset 0 0 31.23% 33.26% (=top:0 right:0 bottom:35.6 left:32.93 → w66.07 h78.4) */
	.conf-side-l__brand-logo .lg-blob--p{
		left:32.93px;top:0;width:66.07px;height:78.4px;
		mix-blend-mode:multiply;
	}
	/* B blob: inset 34.35% 10.52% 0.02% 25.45% (=top:39.16 right:10.41 bottom:0.02 left:25.20 → w63.39 h74.82) */
	.conf-side-l__brand-logo .lg-blob--b{
		left:25.20px;top:39.16px;width:63.39px;height:74.82px;
		mix-blend-mode:multiply;
	}
	/* Cow 1: inset 26.81% 73.36% 58.84% 19.56% (=top:30.56 left:19.36 → w7.01 h16.37) */
	.conf-side-l__brand-logo .lg-cow--1{
		left:19.36px;top:30.56px;width:7.01px;height:16.37px;
	}
	/* Cow 2: inset 30.94% 87.52% 54.7% 5.4% (=top:35.27 left:5.35 → w7 h16.37) */
	.conf-side-l__brand-logo .lg-cow--2{
		left:5.35px;top:35.27px;width:7px;height:16.37px;
	}
	.conf-side-l__brand-title{
		display:flex;flex-direction:column;gap:14px;align-items:flex-start;
	}
	.conf-side-l__brand-presents{
		width:94.037px;height:9.116px;display:block;
	}
	.conf-side-l__brand-name{
		position:relative;
		width:175.846px;height:24.59px;
	}
	.conf-side-l__brand-name img{
		position:absolute;display:block;
	}

	/* フローティング半透明白Entry CTA (Figma: w:339.279 rounded:10 bg:rgba(255,255,255,0.5) backdrop-blur:2 py:40) */
	.conf-side-l__cta{
		position:static;
		width:339.279px;max-width:100%;
		background:rgba(255,255,255,.5);
		backdrop-filter:blur(2px);
		-webkit-backdrop-filter:blur(2px);
		border-radius:10px;
		padding:40px 0;
		display:flex;flex-direction:column;align-items:center;gap:25px;
	}
	.conf-side-l__head{
		display:flex;flex-direction:column;align-items:center;gap:0;
		width:100%;text-align:center;
	}
	.conf-side-l__head-en{
		font-family:"Noto Sans JP",sans-serif;
		font-weight:900;font-size:20px;line-height:38px;letter-spacing:4px;
		color:#230e0a;
	}
	.conf-side-l__head-jp{
		font-family:"M PLUS Rounded 1c",sans-serif;
		font-weight:700;font-size:16px;letter-spacing:8px;
		color:#230e0a;
	}
	.conf-side-l__lead{
		width:172px;text-align:center;
		font-family:"Noto Sans JP",sans-serif;
		font-weight:400;font-size:12px;line-height:1.75;color:#230e0a;
	}
	.conf-side-l__sub{
		width:200px;text-align:center;
		font-family:"Noto Sans JP",sans-serif;
		font-weight:700;font-size:20px;line-height:1.75;color:#230e0a;
	}
	.conf-side-l__btns{
		display:flex;flex-direction:column;gap:17px;
		width:auto;
	}
	.conf-side-l__btn{
		display:flex;align-items:center;justify-content:center;
		width:239px;height:50px;padding:10px;
		border-radius:50px;
		font-family:"Noto Sans JP",sans-serif;
		font-weight:700;font-size:14px;color:#fff;
		white-space:nowrap;
		filter:drop-shadow(0px 1px 5px rgba(0,0,0,.25));
	}
	.conf-side-l__btn--student{background:#5dafda}
	.conf-side-l__btn--general{background:#434343}

	/* ====== 右サイド：固定ナビ（緑、左下のみ50px角丸） ====== */
	.conf-nav--pc{
		position:fixed;right:0;top:0;
		width:25vw;min-width:320px;max-width:390px;
		height:auto;max-height:100vh;
		overflow-y:auto;
		background:#599e32;
		border-radius:0 0 0 50px;
		z-index:50;
		padding:57px 35px 30px 107px;
	}
	/* 縦書き「2026.8.24」(Alata, opacity .5 白) */
	.conf-nav--pc .conf-nav__date{
		position:absolute;
		left:18px;top:30px;
		font-family:"Alata",sans-serif;font-weight:400;
		font-size:61.018px;line-height:1;
		letter-spacing:4.8814px;
		color:rgba(255,255,255,.5);
		writing-mode:vertical-rl;
		text-orientation:mixed;
		pointer-events:none;
		margin:0;
	}
	.conf-nav--pc .conf-nav__inner{
		position:relative;z-index:1;
		display:flex;flex-direction:column;
	}
}

/* 大画面（1440px〜）：余白を最適化（左サイドはpadding-leftと同期するため特に上書きなし） */