@charset "utf-8";

/* =========================================================
   食品用鮮度保持剤 LP
   全面差し替え版 / ワークフレーム反映
   ========================================================= */

.freshness-lp{
	--green:#426b58;
	--green-dark:#2e4d3f;
	--green-light:#edf4f0;
	--beige:#f7f4ed;
	--orange:#d47c3c;
	--orange-light:#fbf0e7;
	--blue:#4c9ac0;
	--blue-light:#eaf6fa;
	--text:#333;
	--muted:#6b645d;
	--line:#d8ded9;
	background:#fff;
	color:var(--text);
	font-size:16px;
	line-height:1.85;
}

.freshness-lp *,
.freshness-lp *::before,
.freshness-lp *::after{box-sizing:border-box}

.freshness-lp img{max-width:100%;height:auto;vertical-align:bottom}
.freshness-lp a{color:inherit}
.freshness-lp p,
.freshness-lp li,
.freshness-lp dt,
.freshness-lp dd,
.freshness-lp td,
.freshness-lp th{font-size:16px}
.freshness-lp small{font-size:14px;line-height:1.7}
.freshness-lp .inner{width:min(1000px,calc(100% - 40px));margin:0 auto}
.freshness-lp .narrow{max-width:900px}
.freshness-lp h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.freshness-lp h2,
.freshness-lp h3,
.freshness-lp h4,
.freshness-lp p{margin-top:0}

/* ========================
   HERO
   ======================== */
.freshness-lp .hero{
	background:#eefafa;
	padding:34px 0;
}

.freshness-lp .hero-inner{
	width:min(1000px,calc(100% - 40px));
	margin:0 auto;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0;
	align-items:center;
}

.freshness-lp .hero-copy{
	padding:20px 0;
	text-align:left;
	align-self:center;
	transform:translateX(18px);
	z-index:2;
}

.freshness-lp .hero-en{
	margin:0 0 14px;
	font-size:14px;
	letter-spacing:.12em;
	color:#4f7668;
	font-weight:700;
	text-align:left;
}

.freshness-lp .hero h2{
	margin:0;
	color:#315645;
	font-size:42px;
	line-height:1.38;
	letter-spacing:.01em;
	text-align:center;
}

.freshness-lp .hero h2 strong{font-weight:800}

.freshness-lp .hero-sub{
	margin:18px 0 0;
	font-weight:700;
	font-size:21px;
	line-height:1.5;
	color:#3988aa;
	text-align:left;
}

.freshness-lp .hero-note{
	display:inline-block;
	margin:20px 0 0;
	padding:8px 18px;
	background:#fff;
	border:none;
	border-radius:999px;
	box-shadow:0 1px 5px rgba(0,0,0,.04);
	font-size:14px;
	font-weight:700;
	line-height:1.5;
	color:#4f7668;
	text-align:left;
}

.freshness-lp .hero-image{
	height:auto;
	background:transparent;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	border-radius:0;
	transform:translateX(-18px);
}

.freshness-lp .hero-image span{
	display:block;
	width:100%;
	height:auto;
	background:transparent;
	color:inherit;
	font-size:16px;
	font-weight:700;
}

/* ========================
   INTRO
   ======================== */
.freshness-lp .intro{padding:55px 0 50px;background:#fff;text-align:center}
.freshness-lp .intro h2{font-size:27px;color:var(--green-dark);margin:0 0 22px;line-height:1.5}
.freshness-lp .intro p{max-width:760px;margin:0 auto 7px;text-align:left}

/* ========================
   PROBLEM
   ======================== */
.freshness-lp .problem{padding:48px 0;background:var(--beige)}
.freshness-lp .problem h2{text-align:center;font-size:25px;color:var(--green-dark);margin:0 0 25px}
.freshness-lp .check-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.freshness-lp .check-list li{position:relative;background:#fff;border-radius:8px;padding:13px 18px 13px 42px;font-weight:700}
.freshness-lp .check-list li::before{content:"✓";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--green);font-weight:800;font-size:20px}

.freshness-lp .solve-band{padding:22px 20px;background:var(--green-light);text-align:center}
.freshness-lp .solve-band p{margin:0;color:var(--green-dark);font-size:22px;font-weight:800}

/* ========================
   PAGE NAV
   ======================== */
.freshness-lp .work-nav{padding:18px 0;background:#edf5f1}
.freshness-lp .work-nav ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.freshness-lp .work-nav li{margin:0;padding:0}
.freshness-lp .work-nav a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:105px;
	padding:13px 10px;
	background:#fff;
	border-radius:15px;
	text-decoration:none;
	text-align:center;
	transition:.2s ease;
}
.freshness-lp .work-nav a:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.07)}
.freshness-lp .work-nav b{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:50%;
	background:var(--green-dark);
	color:#fff;
	font-size:12px;
	line-height:1;
}
.freshness-lp .work-nav strong{display:block;margin-top:4px;color:#111;font-size:20px;line-height:1.25}
.freshness-lp .work-nav span{display:block;margin-top:5px;color:#555;font-size:13px;line-height:1.4;white-space:nowrap}

/* ========================
   COMMON SECTION
   ======================== */
.freshness-lp .section{padding:70px 0}
.freshness-lp .section-title{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.freshness-lp .section-title.center{justify-content:center}
.freshness-lp .section-no{
	flex:0 0 58px;
	width:58px;
	height:58px;
	border-radius:50%;
	background:var(--green);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	font-weight:800;
	line-height:1;
}
.freshness-lp .section-title p{margin:0;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em;line-height:1.3}
.freshness-lp .section-title h2{margin:3px 0 0;color:var(--green-dark);font-size:29px;line-height:1.45}
.freshness-lp .lead{margin:0 0 28px;text-align:center}

/* ========================
   KNOW / DEFINITION
   ======================== */
.freshness-lp .know{background:#fff}
.freshness-lp .definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}
.freshness-lp .definition{
	padding:28px 24px 30px;
	border-radius:20px;
	background:#edf7fa;
	text-align:center;
}
.freshness-lp .definition.dry-definition{background:#f5f2e9}
.freshness-lp .definition-icon{
	width:100px;
	height:100px;
	margin:0 auto 20px;
	border-radius:50%;
	background:#8ec9db;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#3d99ca;
	font-family:Georgia,"Times New Roman",serif;
	font-size:28px;
	letter-spacing:.03em;
}
.freshness-lp .dry-definition .definition-icon{background:#f5ebb6;color:#d77e3d;font-size:25px}
.freshness-lp .definition h3{margin:0 0 15px;color:#111;font-size:24px;line-height:1.4}
.freshness-lp .definition-main{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:stretch;padding:7px;background:#fff;border-radius:4px;text-align:left}
.freshness-lp .definition-text{display:flex;align-items:center;padding:8px}
.freshness-lp .definition-main p{margin:0;font-size:14px;line-height:1.8}
.freshness-lp .image-placeholder{min-height:110px;display:flex;align-items:center;justify-content:center;color:#111;font-size:14px;font-weight:700;text-align:center}
.freshness-lp .mini-points{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}
.freshness-lp .mini-points>div{background:#fff;border-radius:4px;padding:9px 5px;min-height:70px;display:flex;flex-direction:column;justify-content:center}
.freshness-lp .mini-points b{display:block;font-size:13px;line-height:1.4;color:#222}
.freshness-lp .mini-points small{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:#444}
.freshness-lp .definition-info{margin:22px 7px 0;text-align:left}
.freshness-lp .definition-info dt{margin:0;padding:7px 0 1px;border-bottom:2px solid rgba(255,255,255,.9);color:#198fc2;font-size:18px;font-weight:700;line-height:1.45}
.freshness-lp .dry-definition .definition-info dt{color:#dc7c38}
.freshness-lp .definition-info dd{margin:0;padding:3px 0 7px;color:#111;font-size:15px;line-height:1.6}
.freshness-lp .definition .button{margin-top:25px}

/* ========================
   QUALITY CHANGE
   ======================== */
.freshness-lp .quality-change{margin-top:42px;padding:30px;background:#f4f9f7;border-radius:12px}
.freshness-lp .quality-change h3{margin:0 0 10px;text-align:center;font-size:25px;color:var(--green-dark)}
.freshness-lp .quality-lead{max-width:820px;margin:0 auto 22px;text-align:center}
.freshness-lp .quality-change-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.freshness-lp .quality-change-grid div{padding:16px 10px;background:#fff;border:1px solid #dce7e2;border-radius:7px;text-align:center}
.freshness-lp .quality-change-grid strong{display:block;font-size:16px;color:var(--green)}
.freshness-lp .quality-change-grid span{display:block;margin-top:5px;font-size:14px;line-height:1.6}
.freshness-lp .quality-note{margin:17px 0 0;padding-top:14px;border-top:1px solid #dbe7e2;text-align:center;font-size:14px}

/* ========================
   FOOD TABLE
   ======================== */
.freshness-lp .food-table-wrap{margin-top:42px}
.freshness-lp .sub-title{text-align:center;font-size:25px;color:var(--green-dark);margin:0 0 5px}
.freshness-lp .center{text-align:center}
.freshness-lp .food-table{width:100%;border-collapse:collapse;margin-top:18px;background:#fff}
.freshness-lp .food-table th,
.freshness-lp .food-table td{border:1px solid var(--line);padding:13px 14px;text-align:left;font-size:15px}
.freshness-lp .food-table thead th{background:#e8f1ed;color:var(--green-dark);font-weight:800}
.freshness-lp .food-table tbody th{background:#f8faf9}

/* ========================
   BUTTON
   ======================== */
.freshness-lp .button{display:inline-flex;align-items:center;justify-content:center;min-width:210px;padding:11px 20px;border-radius:25px;color:#fff;text-decoration:none;font-size:15px;font-weight:700;line-height:1.5}
.freshness-lp .button.green{background:#4c9ac0}
.freshness-lp .button.orange{background:var(--orange)}
.freshness-lp .button:hover{opacity:.88}

/* ========================
   CHOOSE
   ======================== */
.freshness-lp .choose{background:#f8f6ed}
.freshness-lp .size-block{background:#fff;border-radius:10px;padding:28px;margin-top:20px}
.freshness-lp .size-block h3{font-size:24px;color:var(--green-dark);margin:0 0 9px}
.freshness-lp .size-block>p{margin-bottom:16px}
.freshness-lp .formula{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;align-items:center;background:var(--green-light);border-radius:7px;padding:18px;margin-top:12px}
.freshness-lp .formula-content h4{font-size:18px;margin:0 0 6px;color:var(--green-dark)}
.freshness-lp .formula-content p{font-weight:700;margin:0;line-height:1.8}
.freshness-lp .formula-image{height:110px;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#111;text-align:center}
.freshness-lp .note{font-size:14px!important;color:var(--muted);margin-top:14px!important}
.freshness-lp .dry-size{background:#fffaf5;margin-top:20px}

/* ========================
   USE
   ======================== */
.freshness-lp .use{background:var(--green-light)}
.freshness-lp .use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}
.freshness-lp .use-grid>div{background:#fff;border-radius:8px;padding:20px 16px}
.freshness-lp .use-grid span{font-size:13px;font-weight:800;color:var(--green)}
.freshness-lp .use-grid h3{font-size:18px;margin:8px 0;line-height:1.5}
.freshness-lp .use-grid p{margin:0;font-size:15px}
.freshness-lp .seal-box{display:grid;grid-template-columns:42% 1fr;gap:25px;align-items:center;margin-top:25px;padding:24px;background:#fff;border-radius:9px}
.freshness-lp .image-placeholder.large{height:220px}
.freshness-lp .image-placeholder.large small{font-size:14px}
.freshness-lp .seal-box h3{font-size:23px;color:var(--green-dark)}
.freshness-lp .seal-box p{margin-bottom:15px}
.freshness-lp .warning{padding:13px 15px;background:#fff8df;border-left:4px solid #e4bd38;font-size:14px;line-height:1.7}
.freshness-lp .warning strong{font-size:15px}
.freshness-lp .storage{margin-top:20px;padding:19px 22px;background:#fff;border-radius:8px}
.freshness-lp .storage h3{margin:0 0 5px;font-size:20px}

/* ========================
   SUPPORT
   ======================== */
.freshness-lp .support{background:#fff}
.freshness-lp .support-lead{background:#f4f9f7;padding:22px;text-align:center;border-radius:8px;margin-top:25px}
.freshness-lp .support-lead h3{font-size:23px;color:var(--green-dark);margin-bottom:9px}
.freshness-lp .support-lead p{margin:0}
.freshness-lp .mylabo{display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center;margin-top:20px;padding:26px;background:#edf7f3;border-radius:8px}
.freshness-lp .mylabo-logo{height:115px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;letter-spacing:.08em}
.freshness-lp .mylabo h3{font-size:22px;margin-bottom:8px}
.freshness-lp .mylabo p{margin-bottom:15px}

/* ========================
   BUY
   ======================== */
.freshness-lp .buy{background:#fff}
.freshness-lp .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}
.freshness-lp .product-card{display:block;border:1px solid var(--line);border-radius:8px;padding:14px;text-decoration:none;background:#fff;transition:.2s ease}
.freshness-lp .product-card:hover{box-shadow:0 5px 16px rgba(0,0,0,.08);transform:translateY(-2px)}
.freshness-lp .product-image{height:170px;background:var(--yellow);display:flex;align-items:center;justify-content:center;color:#111;font-size:16px;font-weight:700}
.freshness-lp .product-card p{margin:10px 0 0;font-size:14px;color:var(--green)}
.freshness-lp .product-card h3{font-size:18px;line-height:1.5;margin:3px 0 12px}
.freshness-lp .product-card span{display:flex;align-items:center;justify-content:center;padding:9px 12px;background:var(--green);border-radius:18px;color:#fff;font-size:14px;font-weight:700}
.freshness-lp .packaging{margin-top:35px;padding:27px;background:#f8f6ed;border-radius:8px;text-align:center}
.freshness-lp .packaging h3{font-size:23px;color:var(--green-dark)}
.freshness-lp .packaging p{max-width:760px;margin:0 auto 19px}
.freshness-lp .packaging-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.freshness-lp .packaging-links a{background:#fff;padding:18px;text-decoration:none;border:1px solid var(--line);border-radius:7px}
.freshness-lp .packaging-links b{display:block;font-size:17px}
.freshness-lp .packaging-links span{display:block;color:var(--green);font-weight:700;font-size:14px;margin-top:5px}

/* ========================
   FAQ
   ======================== */

.freshness-lp .faq{
	padding:60px 0;
	background:#f7f2e8;
}

.freshness-lp .faq dl{
	margin:28px 0 0;
}

/* 質問 */
.freshness-lp .faq dt{
	position:relative;
	background:#fff;
	border-top:1px solid var(--line);
	padding:18px 55px 18px 18px;
	font-weight:700;
	color:var(--green-dark);
	cursor:pointer;
	transition:background .2s ease;
}

.freshness-lp .faq dt:hover{
	background:#fafcfb;
}

/* Q */
.freshness-lp .faq dt > span{
	font-weight:800;
	margin-right:8px;
	color:var(--green);
}

/* ＋／− */
.freshness-lp .faq .faq-icon{
	position:absolute;
	right:18px;
	top:50%;
	transform:translateY(-50%);
	width:26px;
	height:26px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-style:normal;
	font-size:22px;
	font-weight:400;
	line-height:1;
	color:var(--green);
}

/* 回答 */
.freshness-lp .faq dd{
	display:none;
	background:#fff;
	border-bottom:1px solid var(--line);
	margin:0;
	padding:0 55px 20px 18px;
	line-height:1.8;
}

/* A */
.freshness-lp .faq dd > span{
	font-weight:800;
	margin-right:8px;
	color:var(--orange);
}

/* 開いている質問 */
.freshness-lp .faq dt.is-open{
	border-bottom:none;
}

.freshness-lp .faq dt.is-open .faq-icon{
	font-size:22px;
}

/* マイラボへのリンク */
.freshness-lp a[href="#support"]{
	color:var(--green);
	text-decoration:underline;
	text-underline-offset:3px;
	font-weight:700;
}

.freshness-lp a[href="#support"]:hover{
	opacity:.7;
}


/* 上に戻る */
.freshness-lp .pagetop{
	margin:0;
	padding:22px 0 35px;
	text-align:center;
}

.freshness-lp .pagetop a{
	color:var(--green);
	font-size:14px;
	font-weight:700;
	text-decoration:none;
}


/* ========================
   FAQ SP
   ======================== */

@media screen and (max-width:767px){

	.freshness-lp .faq{
		padding:45px 0;
	}

	.freshness-lp .faq dl{
		margin-top:22px;
	}

	.freshness-lp .faq dt{
		padding:16px 48px 16px 14px;
		font-size:14px;
		line-height:1.6;
	}

	.freshness-lp .faq dd{
		padding:0 48px 18px 14px;
		font-size:14px;
		line-height:1.8;
	}

	.freshness-lp .faq .faq-icon{
		right:14px;
		width:24px;
		height:24px;
		font-size:20px;
	}

}


/* ========================
   MOBILE
   ======================== */
@media screen and (max-width:767px){
	.freshness-lp{font-size:15px}
	.freshness-lp p,
	.freshness-lp li,
	.freshness-lp dt,
	.freshness-lp dd,
	.freshness-lp td,
	.freshness-lp th{font-size:15px}
	.freshness-lp .inner,
	.freshness-lp .hero-inner{width:calc(100% - 30px)}

	.freshness-lp .hero{padding:20px 0}
	.freshness-lp .hero-inner{grid-template-columns:1fr;gap:16px}
	.freshness-lp .hero-copy{padding:10px 0;text-align:left}
	.freshness-lp .hero h2{font-size:30px;text-align:center}
	.freshness-lp .hero-sub{font-size:17px}
	.freshness-lp .hero-note{font-size:14px;padding:6px 16px}
	.freshness-lp .hero-image{height:155px}
	.freshness-lp .hero-image span{width:75%;height:115px}

	.freshness-lp .intro{padding:35px 0}
	.freshness-lp .intro h2{font-size:21px}

	.freshness-lp .problem{padding:35px 0}
	.freshness-lp .problem h2{font-size:21px}
	.freshness-lp .check-list{grid-template-columns:1fr;gap:8px}
	.freshness-lp .solve-band p{font-size:17px}

	.freshness-lp .work-nav{padding:10px 0}
	.freshness-lp .work-nav ul{display:flex;flex-wrap:wrap;justify-content:space-between}
	.freshness-lp .work-nav li{width:47%;}
	.freshness-lp .work-nav a{min-height:88px;padding:7px 3px;border-radius:10px}
	.freshness-lp .work-nav b{width:25px;height:25px;font-size:10px}
	.freshness-lp .work-nav strong{font-size:14px}
	.freshness-lp .work-nav span{font-size:10px;white-space:normal;line-height:1.3}

	.freshness-lp .section{padding:48px 0}
	.freshness-lp .section-title{gap:10px;align-items:flex-start}
	.freshness-lp .section-no{width:42px;height:42px;flex-basis:42px;font-size:11px}
	.freshness-lp .section-title h2{font-size:22px}
	.freshness-lp .section-title p{font-size:11px}

	.freshness-lp .definition-grid{grid-template-columns:1fr;gap:18px}
	.freshness-lp .definition{padding:24px 17px 25px}
	.freshness-lp .definition-icon{width:85px;height:85px;font-size:24px;margin-bottom:15px}
	.freshness-lp .definition h3{font-size:22px}
	.freshness-lp .definition-main{grid-template-columns:1fr 105px;gap:8px}
	.freshness-lp .definition-main p{font-size:13px}
	.freshness-lp .image-placeholder{min-height:105px}
	.freshness-lp .mini-points b{font-size:12px}
	.freshness-lp .mini-points small{font-size:11px}
	.freshness-lp .definition-info dt{font-size:16px}
	.freshness-lp .definition-info dd{font-size:14px}

	.freshness-lp .quality-change{padding:22px 15px;margin-top:28px}
	.freshness-lp .quality-change h3{font-size:20px}
	.freshness-lp .quality-change-grid{grid-template-columns:1fr 1fr}
	.freshness-lp .quality-change-grid strong{font-size:14px}
	.freshness-lp .quality-change-grid span{font-size:13px}
	.freshness-lp .quality-note{font-size:13px}

	.freshness-lp .sub-title{font-size:21px}
	.freshness-lp .food-table{display:block;overflow-x:auto;white-space:nowrap}
	.freshness-lp .food-table th,.freshness-lp .food-table td{padding:9px;font-size:13px}

	.freshness-lp .size-block{padding:20px 15px}
	.freshness-lp .size-block h3{font-size:21px}
	.freshness-lp .formula{grid-template-columns:1fr;gap:12px;padding:15px}
	.freshness-lp .formula-image{height:125px}

	.freshness-lp .use-grid{grid-template-columns:1fr 1fr}
	.freshness-lp .use-grid h3{font-size:17px}
	.freshness-lp .use-grid p{font-size:14px}
	.freshness-lp .seal-box{grid-template-columns:1fr;gap:16px;padding:18px}
	.freshness-lp .image-placeholder.large{height:180px}

	.freshness-lp .support-lead{padding:18px 14px}
	.freshness-lp .support-lead h3{font-size:20px}
	.freshness-lp .mylabo{grid-template-columns:1fr;padding:20px}
	.freshness-lp .mylabo-logo{height:80px}

	.freshness-lp .product-grid{grid-template-columns:1fr 1fr}
	.freshness-lp .product-image{height:135px}
	.freshness-lp .product-card h3{font-size:16px}
	.freshness-lp .product-card span{font-size:13px}
	.freshness-lp .packaging-links{grid-template-columns:1fr}
}

@media screen and (max-width:480px){
	.freshness-lp .work-nav a{min-height:82px}
	.freshness-lp .work-nav span{font-size:9px}
	.freshness-lp .definition-main{grid-template-columns:1fr}
	.freshness-lp .definition-main .image-placeholder{min-height:110px}
	.freshness-lp .mini-points{grid-template-columns:1fr}
	.freshness-lp .mini-points>div{min-height:55px}
	.freshness-lp .use-grid{grid-template-columns:1fr}
	.freshness-lp .product-grid{grid-template-columns:1fr 1fr}
	.freshness-lp .product-image{height:120px}
}


/* ========================
   追加修正：2026-09-09
   ======================== */
.freshness-lp .hero-inner{gap:0}
.freshness-lp .hero-copy{padding-right:0;text-align:center;transform:translateX(24px)}
.freshness-lp .hero-en,.freshness-lp .hero-sub,.freshness-lp .hero-note{text-align:center}
.freshness-lp .hero-note{margin-left:auto;margin-right:auto}
.freshness-lp .hero-image{background:transparent}
.freshness-lp .hero-image span{background:transparent}

.freshness-lp .intro h2,.freshness-lp .problem h2{color:#315645}
.freshness-lp .intro p:nth-of-type(2){color:#333}
.freshness-lp .definition-icon{color:#fff}
.freshness-lp .quality-note{display:flex;align-items:flex-start;gap:12px;margin:17px 0 0;padding:14px 16px;background:#fff9df;border:0;border-radius:8px;text-align:left;font-size:14px;line-height:1.7}
.freshness-lp .quality-note .notice-icon{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#dfbc2e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;line-height:1}
.freshness-lp .quality-note strong{display:block;margin:0 0 3px;font-weight:800}
.freshness-lp .quality-note p{margin:0}

.freshness-lp .food-table thead th{background:#edf4f0}
.freshness-lp .agent-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 13px;border-radius:999px;font-size:14px;font-weight:800;line-height:1.4;white-space:nowrap}
.freshness-lp .oxygen-pill{background:#e6f3f8;color:#287d9e}
.freshness-lp .dry-pill{background:#f5eedc;color:#8a6d2f}
.freshness-lp .table-note{margin:8px 0 0;color:#777;font-size:13px;line-height:1.6}

.freshness-lp .choose{background:#edf4f0}
.freshness-lp .formula{background:#edf7fa}
.freshness-lp .dry-size{background:#fff}
.freshness-lp .dry-size .formula{background:#f5f2e9}

.freshness-lp .use{background:#fff}
.freshness-lp .use-grid>div{background:#edf4f0}
.freshness-lp .seal-box{background:#edf4f0}
.freshness-lp .storage{background:#edf4f0}
.freshness-lp .warning{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;background:#fff9df;border:0;border-radius:8px}
.freshness-lp .warning .notice-icon{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#dfbc2e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;line-height:1}
.freshness-lp .warning strong{display:block;font-size:15px;margin-bottom:2px}
.freshness-lp .warning p{margin:0}

.freshness-lp .support{background:#edf4f0}
.freshness-lp .support-lead{background:#fff}
.freshness-lp .mylabo{background:#f8f6ed}
.freshness-lp .mylabo-logo{height:150px;font-size:28px}

@media screen and (max-width:767px){
 .freshness-lp .hero-copy{padding-right:0;text-align:center;transform:none}
 .freshness-lp .hero-en,.freshness-lp .hero-sub,.freshness-lp .hero-note{text-align:center}
 .freshness-lp .hero-image{background:transparent}
 .freshness-lp .mylabo-logo{height:105px;font-size:24px}
 .freshness-lp .quality-note,.freshness-lp .warning{gap:9px}
 .freshness-lp .quality-note .notice-icon,.freshness-lp .warning .notice-icon{flex-basis:30px;width:30px;height:30px}
}

/* =========================================================
   サイズ選定：計算式・計算例（差し替え追加CSS）
   ========================================================= */
.freshness-lp .formula{
	display:block;
	background:#edf7fa;
	border-radius:12px;
	padding:22px 24px 24px;
	margin-top:18px;
}

.freshness-lp .formula-title-row h4{
	margin:0 0 14px;
	font-size:20px;
	color:#315645;
}

.freshness-lp .formula-label{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:17px;
	font-weight:700;
	line-height:1.8;
}

.freshness-lp .formula-label strong{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:6px 14px;
	background:#fff;
	border:2px solid #3988aa;
	border-radius:8px;
	color:#3988aa;
	font-size:17px;
	white-space:nowrap;
}

.freshness-lp .formula-label span{font-weight:700;color:#222}
.freshness-lp .oxygen-label strong{border-color:#e98967;color:#d66f4a}
.freshness-lp .dry-label strong{border-color:#b99b57;color:#8b7137}

.freshness-lp .formula-example{
	display:grid;
	grid-template-columns:minmax(0,1fr) 45%;
	gap:25px;
	align-items:center;
	margin-top:18px;
	padding:18px;
	background:#fff;
	border-radius:9px;
}

.freshness-lp .formula-example-text h5{
	margin:0 0 8px;
	font-size:18px;
	color:#315645;
}

.freshness-lp .formula-example-text p{
	margin:0;
	font-size:15px;
	line-height:1.8;
}

.freshness-lp .formula-example-text ul{
	margin:12px 0 0;
	padding:10px 14px;
	background:#f8faf9;
	border-radius:7px;
	list-style:none;
}

.freshness-lp .formula-example-text li{
	font-size:14px;
	line-height:1.7;
}

.freshness-lp .formula-example-image{
	min-height:190px;
	border-radius:7px;
	background:#fff9df;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#777;
}

.freshness-lp .formula-result{
	margin-top:18px;
	padding:12px 16px;
	background:#fff;
	border-radius:7px;
	text-align:center;
	font-size:21px;
	font-weight:700;
	color:#315645;
}

.freshness-lp .formula-result strong{font-size:27px}

.freshness-lp .formula-recommend{
	margin:12px 0 0!important;
	font-size:16px!important;
	font-weight:700;
	color:#315645;
}

.freshness-lp .formula-recommend small{
	display:block;
	margin-top:3px;
	font-size:13px;
	font-weight:400;
	color:#6b645d;
}

.freshness-lp .dry-size .formula{background:#f5f2e9}
.freshness-lp .dry-size .formula-example-image{background:#fff}

@media screen and (max-width:767px){
	.freshness-lp .formula{padding:18px 15px 20px}
	.freshness-lp .formula-label{display:block;font-size:15px}
	.freshness-lp .formula-label strong{margin-bottom:7px;font-size:15px}
	.freshness-lp .formula-example{grid-template-columns:1fr;gap:15px;padding:14px}
	.freshness-lp .formula-example-image{min-height:150px}
	.freshness-lp .formula-result{font-size:17px}
	.freshness-lp .formula-result strong{font-size:22px}
}


/* =========================================================
   計算例 最終調整
   ========================================================= */
.freshness-lp .quality-note-text{
	font-size:14px;
	line-height:1.8;
	color:#222;
}

.freshness-lp .formula-example{
	grid-template-columns:minmax(0,1fr) 43%;
	gap:24px;
	padding:18px;
	background:#fff;
	border-radius:9px;
	align-items:center;
}

.freshness-lp .formula-example-text{
	min-width:0;
}

.freshness-lp .formula-example-text h5{
	font-size:18px;
	color:#315645;
	margin:0 0 8px;
}

.freshness-lp .formula-example-text p{
	font-size:14px;
	line-height:1.8;
}

.freshness-lp .formula-example-text ul{
	font-size:14px;
}

.freshness-lp .formula-example-image{
	min-height:210px;
	background:#fff;
	border-radius:7px;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}

.freshness-lp .formula-example-image img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
}

.freshness-lp .formula-result{
	margin:16px 0 0;
	padding:10px 12px;
	background:#fff;
	border-radius:7px;
	text-align:left;
	font-size:20px;
	font-weight:700;
	color:#315645;
}

.freshness-lp .formula-result strong{
	font-size:26px;
}

.freshness-lp .formula-recommend{
	margin:10px 0 0!important;
	font-size:15px!important;
}

.freshness-lp .formula-recommend small{
	font-size:13px;
}

.freshness-lp .dry-size .formula{
	background:#f5f2e9;
}

.freshness-lp .dry-size .formula-example-image{
	background:#fff;
}

@media screen and (max-width:767px){
	.freshness-lp .formula-example{
		grid-template-columns:1fr;
		gap:14px;
		padding:14px;
	}
	.freshness-lp .formula-example-image{
		min-height:150px;
	}
	.freshness-lp .formula-result{
		font-size:17px;
	}
	.freshness-lp .formula-result strong{
		font-size:22px;
	}
	.freshness-lp .quality-note-text{
		font-size:14px;
	}
}

/* =========================================================
   シートドライヤー：サイズ目安・面積表
   ========================================================= */
.freshness-lp .sheet-size-guide{
	margin-top:12px;
	padding:14px 15px 12px;
	background:#f8faf9;
	border-radius:8px;
}

.freshness-lp .sheet-size-guide .formula-recommend{
	margin:0 !important;
	font-size:17px !important;
	font-weight:800;
	color:#315645;
}

.freshness-lp .sheet-size-target{
	margin:7px 0 0 !important;
	font-size:15px !important;
	font-weight:700;
	color:#333;
}

.freshness-lp .sheet-size-target strong{
	color:#315645;
	font-size:17px;
}

.freshness-lp .sheet-size-note{
	margin:3px 0 8px !important;
	font-size:13px !important;
	line-height:1.6;
	color:#777;
}

.freshness-lp .sheet-size-table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
	font-size:14px;
}

.freshness-lp .sheet-size-table th,
.freshness-lp .sheet-size-table td{
	padding:6px 9px;
	border:1px solid #d8ded9;
	line-height:1.45;
}

.freshness-lp .sheet-size-table thead th{
	background:#edf4f0;
	color:#315645;
	font-weight:800;
	text-align:center;
}

.freshness-lp .sheet-size-table tbody td:first-child{
	text-align:left;
	font-weight:700;
}

.freshness-lp .sheet-size-table tbody td:last-child{
	width:34%;
	text-align:center;
}

.freshness-lp .sheet-size-table small{
	font-size:12px;
	font-weight:400;
	color:#888;
}

@media screen and (max-width:767px){
	.freshness-lp .sheet-size-guide{
		padding:12px;
	}

	.freshness-lp .sheet-size-guide .formula-recommend{
		font-size:16px !important;
	}

	.freshness-lp .sheet-size-target{
		font-size:14px !important;
	}

	.freshness-lp .sheet-size-target strong{
		font-size:16px;
	}

	.freshness-lp .sheet-size-table th,
	.freshness-lp .sheet-size-table td{
		padding:6px 7px;
		font-size:13px;
	}

	.freshness-lp .sheet-size-table small{
		font-size:11px;
	}
}



/* =========================================================
   シートドライヤー計算例：1000px幅／左に計算式・右に画像／下にサイズ表
   ========================================================= */
.freshness-lp .dry-formula{
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.freshness-lp .dry-formula .formula-example{
	display:grid;
	grid-template-columns:minmax(0,1fr) 43%;
	gap:24px;
	align-items:center;
}

.freshness-lp .dry-formula .formula-example-text{
	padding-right:8px;
}

.freshness-lp .dry-formula .formula-example-image{
	min-height:210px;
}

.freshness-lp .dry-formula .sheet-size-guide{
	width:100%;
	box-sizing:border-box;
}

@media screen and (max-width:767px){
	.freshness-lp .dry-formula .formula-example{
		grid-template-columns:1fr;
		gap:14px;
	}

	.freshness-lp .dry-formula .formula-example-text{
		padding-right:0;
	}

	.freshness-lp .dry-formula .formula-example-image{
		min-height:150px;
	}
}


/* 開封後の保管 */
.freshness-lp .storage-table{
  width:100%;
  border-collapse:collapse;
  margin:24px 0 28px;
  background:#fff;
  font-size:15px;
  line-height:1.75;
}
.freshness-lp .storage-table th,
.freshness-lp .storage-table td{
  padding:14px 16px;
  border:1px solid #dfe7e2;
  vertical-align:middle;
}
.freshness-lp .storage-table thead th{
  background:#315645;
  color:#fff;
  font-weight:700;
  text-align:center;
}
.freshness-lp .storage-table tbody th{
  width:20%;
  background:#f5f2e9;
  color:#315645;
  font-weight:700;
  text-align:center;
}
.freshness-lp .storage-warning{
  margin-top:8px;
}
.freshness-lp .storage-warning-lead{
  margin:10px 0 6px;
  font-size:19px;
  font-weight:700;
  color:#315645;
}
.freshness-lp .storage-warning p{
  margin:5px 0 0;
}
@media (max-width:767px){
  .freshness-lp .storage-table{
    font-size:13px;
  }
  .freshness-lp .storage-table th,
  .freshness-lp .storage-table td{
    padding:10px 8px;
  }
  .freshness-lp .storage-table tbody th{
    width:24%;
  }
  .freshness-lp .storage-warning-lead{
    font-size:17px;
  }
}


/* ========================
   SUPPORT / MY LABO
   2026-09-11
   ======================== */
.freshness-lp .mylabo{
	display:grid;
	grid-template-columns:40% 1fr;
	gap:35px;
	align-items:center;
	margin-top:20px;
	padding:30px;
	background:#edf7f3;
	border-radius:12px;
}
.freshness-lp .mylabo-image{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:220px;
	background:#fff;
	border-radius:8px;
	overflow:hidden;
}
.freshness-lp .mylabo-logo{
	width:100%;
	height:220px;
	background:var(--green);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:25px;
	font-weight:800;
	letter-spacing:.08em;
}
.freshness-lp .mylabo-content h3{font-size:25px;margin:2px 0 10px;color:var(--green-dark)}
.freshness-lp .mylabo-content p{margin-bottom:17px}
.freshness-lp .support-card-no{
	margin:0 0 2px!important;
	color:var(--green)!important;
	font-size:13px!important;
	font-weight:800;
	letter-spacing:.08em;
}
.freshness-lp .support-cards{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-top:20px;
}
.freshness-lp .support-card{
	display:flex;
	flex-direction:column;
	padding:26px 25px 25px;
	background:#f7f9f7;
	border:1px solid #dce7e2;
	border-radius:10px;
}
.freshness-lp .support-card h3{
	margin:3px 0 10px;
	color:var(--green-dark);
	font-size:21px;
	line-height:1.55;
}
.freshness-lp .support-card>p:not(.support-card-no){
	margin:0 0 18px;
}
.freshness-lp .support-card .button{
	margin-top:auto;
	align-self:flex-start;
}

/* Support responsive */
@media screen and (max-width:767px){
	.freshness-lp .mylabo{
		grid-template-columns:1fr;
		gap:18px;
		padding:20px;
	}
	.freshness-lp .mylabo-image,
	.freshness-lp .mylabo-logo{min-height:140px;height:140px}
	.freshness-lp .mylabo-content h3{font-size:21px}
	.freshness-lp .support-cards{
		grid-template-columns:1fr;
		gap:14px;
	}
	.freshness-lp .support-card{padding:21px 18px}
	.freshness-lp .support-card h3{font-size:19px}
	.freshness-lp .support-card .button{
		width:100%;
		align-self:stretch;
	}
}


/* =========================================================
   追加修正：TOP画像 / 「密封」がポイント画像
   2026-09-14
   ========================================================= */

/* ① スマホ：TOP画像を青いヒーロー背景内に中央配置 */
@media screen and (max-width:767px){
	.freshness-lp .hero{
		overflow:hidden;
	}

	.freshness-lp .hero-inner{
		grid-template-columns:1fr;
		gap:8px;
		width:calc(100% - 30px);
	}

	.freshness-lp .hero-copy{
		width:100%;
		transform:none;
	}

	.freshness-lp .hero-image{
		width:100%;
		height:auto;
		min-height:0;
		margin:0 auto;
		padding:0;
		display:flex;
		align-items:center;
		justify-content:center;
		transform:none;
		overflow:hidden;
	}

	.freshness-lp .hero-image span{
		width:100%;
		height:auto;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	.freshness-lp .hero-image img{
		display:block;
		width:auto;
		max-width:88%;
		max-height:155px;
		height:auto;
		margin:0 auto;
		object-fit:contain;
	}
}

/* ② 「密封」がポイント：左右の高さを揃える */
.freshness-lp .seal-box{
	align-items:stretch;
}

.freshness-lp .seal-box .image-placeholder.large{
	height:auto;
	min-height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

.freshness-lp .seal-box .image-placeholder.large img{
	display:block;
	width:100%;
	height:100%;
	max-width:100%;
	object-fit:contain;
}

/* スマホでは画像エリアも一定の見やすい高さを確保 */
@media screen and (max-width:767px){
	.freshness-lp .seal-box .image-placeholder.large{
		height:180px;
		min-height:180px;
	}

	.freshness-lp .seal-box .image-placeholder.large img{
		width:100%;
		height:100%;
		object-fit:contain;
	}
}


/* =========================================================
   追加修正②：「密封」がポイントの画像を注意ボックスに合わせる
   左画像の高さ・下端を右側の「ご注意ください」ボックスに合わせる
   ========================================================= */
@media screen and (min-width:768px){
	.freshness-lp .seal-box{
		align-items:end;
	}

	.freshness-lp .seal-box .image-placeholder.large{
		height:142px;
		min-height:142px;
		align-self:end;
	}

	.freshness-lp .seal-box .image-placeholder.large img{
		width:100%;
		height:100%;
		object-fit:contain;
	}
}

/* スマホは縦積みになるため、画像は従来の見やすいサイズを維持 */
@media screen and (max-width:767px){
	.freshness-lp .seal-box{
		align-items:stretch;
	}

	.freshness-lp .seal-box .image-placeholder.large{
		height:180px;
		min-height:180px;
	}
}


/* =========================================================
   最終修正：「密封」がポイントの左画像
   左画像エリアの高さを、右側コンテンツ全体
   （見出し～本文～「ご注意ください」の下端）に完全に合わせる
   ========================================================= */
@media screen and (min-width:768px){
	.freshness-lp .seal-box{
		align-items:stretch;
	}

	.freshness-lp .seal-box .image-placeholder.large{
		height:auto;
		min-height:0;
		align-self:stretch;
		display:flex;
		align-items:center;
		justify-content:center;
		overflow:hidden;
	}

	.freshness-lp .seal-box .image-placeholder.large img{
		display:block;
		width:100%;
		height:100%;
		max-width:100%;
		max-height:100%;
		object-fit:contain;
	}
}


/* =========================================================
   最終調整：「密封」がポイントの左画像
   マイラボ食品検査センターの画像と同じサイズ感にする
   ※その他のレイアウト・デザインは変更しない
   ========================================================= */
@media screen and (min-width:768px){
	.freshness-lp .seal-box{
		grid-template-columns:40% 1fr;
	}

	.freshness-lp .seal-box .image-placeholder.large{
		width:100%;
		height:220px;
		min-height:220px;
		align-self:center;
	}

	.freshness-lp .seal-box .image-placeholder.large img{
		width:100%;
		height:100%;
		max-width:100%;
		max-height:100%;
		object-fit:contain;
	}
}


/* =========================================================
   計算例：内容＋計算結果をひとつの白枠にまとめる
   ※既存のデザインは変更せず、白枠が二重に見えないよう調整
   ========================================================= */
.freshness-lp .formula-calc-box{
	display:block;
	margin-top:12px;
	padding:10px 14px;
	background:#fff;
	border-radius:7px;
}

.freshness-lp .formula-calc-box ul{
	margin:0;
	padding:0;
	background:transparent;
	border-radius:0;
	list-style:none;
}

.freshness-lp .formula-calc-box li{
	font-size:14px;
	line-height:1.7;
}

.freshness-lp .formula-calc-box .formula-result{
	margin:8px 0 0;
	padding:10px 4px 2px;
	background:transparent;
	border-radius:0;
	border-top:1px solid #d8ded9;
	text-align:left;
	font-size:20px;
	font-weight:700;
	color:#315645;
}

.freshness-lp .formula-calc-box .formula-result strong{
	font-size:26px;
}

@media screen and (max-width:767px){
	.freshness-lp .formula-calc-box{
		padding:9px 12px;
	}

	.freshness-lp .formula-calc-box .formula-result{
		font-size:17px;
	}

	.freshness-lp .formula-calc-box .formula-result strong{
		font-size:22px;
	}
}

/* =========================================================
   最終調整：2026-09-15
   指定箇所のみ上書き
   ========================================================= */

/* ① 食品に合わせて選ぶ：食品例は太字にしない */
.freshness-lp .food-table tbody th{
	font-weight:400;
}

/* ① 乾燥剤ラベル */
.freshness-lp .agent-pill.dry-pill{
	background:#f5f2e9;
	color:#dc7c38;
}

/* ② エバーフレッシュ：容器内酸素量を容器内空気量と同じ色に */
.freshness-lp .everfresh-formula .formula-label.oxygen-label strong{
	border-color:#3988aa;
	color:#3988aa;
}

/* ③ 乾燥剤：必要量・必要面積 */
.freshness-lp .dry-size .formula-label.dry-label strong{
	border-color:#dc7c38;
	color:#dc7c38;
}

/* ④ 開封後は、鮮度保持剤の保管にも注意 */
.freshness-lp .storage h3{
	color:#2e4d3f;
}

/* ⑤ マイラボ関連ボタン */
.freshness-lp .support .button.green{
	background:#dc7c38;
}

/* ⑥ BUY：商品カード */
.freshness-lp .product-card{
	display:flex;
	flex-direction:column;
}

.freshness-lp .product-card > .agent-pill{
	align-self:flex-start;
	display:inline-flex;
	width:auto;
	margin:12px 0 0;
	padding:5px 13px;
	border-radius:999px;
	font-size:14px;
	font-weight:800;
	line-height:1.4;
	white-space:nowrap;
}

.freshness-lp .product-card > .agent-pill.oxygen-pill{
	background:#e6f3f8;
	color:#287d9e;
}

.freshness-lp .product-card > .agent-pill.dry-pill{
	background:#f5f2e9;
	color:#dc7c38;
}

.freshness-lp .product-card .product-description{
	margin:0 0 18px;
	color:#333;
	font-size:14px;
	line-height:1.75;
}

.freshness-lp .product-card h3{
	margin:6px 0 10px;
}

.freshness-lp .product-card .product-card-button{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:auto;
	padding:9px 12px;
	border-radius:18px;
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:1.4;
}

.freshness-lp .product-card.vitalon-card .product-card-button,
.freshness-lp .product-card.everfresh-card .product-card-button{
	background:#4c9ac0;
}

.freshness-lp .product-card.silicagel-card .product-card-button,
.freshness-lp .product-card.sheetdryer-card .product-card-button{
	background:#dc7c38;
}

@media screen and (max-width:767px){
	.freshness-lp .product-card > .agent-pill{
		font-size:12px;
		padding:4px 10px;
	}
	.freshness-lp .product-card .product-description{
		font-size:13px;
	}
	.freshness-lp .product-card .product-card-button{
		font-size:13px;
	}
}

/* =========================================================
   最終調整：マイラボ関連ボタンを深緑へ変更
   ========================================================= */
.freshness-lp .support .button.green{
	background:#315645;
}

/* =========================================================
   追加修正：マイラボ食品検査センター メインボタン
   ========================================================= */
.freshness-lp .mylabo .button.green{
	background:#2e4d3f;
}

/* マイラボ食品検査センター リンク */
.freshness-lp .mylabo-link{
	color:var(--green) !important;
	text-decoration:underline !important;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
	font-weight:700;
	cursor:pointer;
}

.freshness-lp .mylabo-link:hover{
	opacity:.7;
}

/* =========================================================
   最終確定：PAGE NAV 04 / 特集一覧に戻る
   ========================================================= */

/* PAGE NAV の04だけ下線を消す */
.freshness-lp .work-nav a.work-nav-support,
.freshness-lp .work-nav a.work-nav-support:link,
.freshness-lp .work-nav a.work-nav-support:visited,
.freshness-lp .work-nav a.work-nav-support:hover,
.freshness-lp .work-nav a.work-nav-support:active{
	text-decoration:none !important;
	text-decoration-line:none !important;
}

.freshness-lp .work-nav a.work-nav-support{
    font-weight:400 !important;
}

.freshness-lp .work-nav a.work-nav-support span{
    font-weight:400 !important;
}

.freshness-lp .work-nav a.work-nav-support strong{
    font-weight:700 !important;
}

/* 特集一覧に戻る */
.freshness-lp section.spotlist_back{
	display:block !important;
	width:100% !important;
	margin:0 !important;
	padding:35px 20px 50px !important;
	background:#fff !important;
	text-align:center !important;
	box-sizing:border-box !important;
}

.freshness-lp section.spotlist_back > a{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:10px !important;
	width:auto !important;
	min-width:260px !important;
	max-width:100% !important;
	padding:15px 28px !important;
	margin:0 !important;
	border:1px solid #426b58 !important;
	border-radius:30px !important;
	background:#fff !important;
	color:#2e4d3f !important;
	font-size:15px !important;
	font-weight:700 !important;
	line-height:1.5 !important;
	text-decoration:none !important;
	box-sizing:border-box !important;
	transition:background .2s ease,color .2s ease,border-color .2s ease !important;
}

.freshness-lp section.spotlist_back > a > span{
	color:#2e4d3f !important;
}

.freshness-lp section.spotlist_back > a .back-arrow{
	display:inline-block !important;
	font-size:20px !important;
	line-height:1 !important;
	transition:transform .2s ease !important;
}

.freshness-lp section.spotlist_back > a:hover,
.freshness-lp section.spotlist_back > a:focus{
	background:#2e4d3f !important;
	border-color:#2e4d3f !important;
	color:#fff !important;
}

.freshness-lp section.spotlist_back > a:hover > span,
.freshness-lp section.spotlist_back > a:focus > span{
	color:#fff !important;
}

.freshness-lp section.spotlist_back > a:hover .back-arrow,
.freshness-lp section.spotlist_back > a:focus .back-arrow{
	color:#fff !important;
	transform:translateX(-4px);
}

@media screen and (max-width:767px){
	.freshness-lp section.spotlist_back{
		padding:28px 15px 40px !important;
	}

	.freshness-lp section.spotlist_back > a{
		width:100% !important;
		max-width:320px !important;
		min-width:0 !important;
		padding:14px 20px !important;
		font-size:14px !important;
	}
}


/* =========================================================
   MY LABO / SUPPORT 表示修正
   2026-09-30
   ========================================================= */

/* マイラボ本体：左に画像、右に説明 */
.freshness-lp .mylabo{
	display:grid !important;
	grid-template-columns:40% 1fr !important;
	gap:35px !important;
	align-items:center !important;
	margin-top:20px !important;
	padding:30px !important;
	background:#edf7f3 !important;
	border-radius:12px !important;
}

/* マイラボ画像エリア */
.freshness-lp .mylabo-image{
	width:100% !important;
	min-height:220px !important;
	height:220px !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	padding:0 !important;
	background:var(--green) !important;
	border-radius:8px !important;
	overflow:hidden !important;
	box-sizing:border-box !important;
}

/* 実際のマイラボ画像を大きく表示 */
.freshness-lp .mylabo-logo{
	width:100% !important;
	height:100% !important;
	padding:6px !important;
	margin:0 !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	background:var(--green) !important;
	box-sizing:border-box !important;
}

.freshness-lp .mylabo-logo img{
	display:block !important;
	width:100% !important;
	height:100% !important;
	max-width:none !important;
	max-height:none !important;
	object-fit:contain !important;
	margin:0 !important;
}

/* マイラボ右側 */
.freshness-lp .mylabo-content h3{
	font-size:25px !important;
	margin:2px 0 10px !important;
	color:var(--green-dark) !important;
	line-height:1.45 !important;
}

.freshness-lp .mylabo-content p{
	margin:0 0 17px !important;
	line-height:1.8 !important;
}

/* 下段2カード */
.freshness-lp .support-cards{
	display:grid !important;
	grid-template-columns:1fr 1fr !important;
	gap:20px !important;
	margin-top:20px !important;
}

.freshness-lp .support-card{
	display:flex !important;
	flex-direction:column !important;
	padding:26px 25px 25px !important;
	background:#f7f9f7 !important;
	border:1px solid #dce7e2 !important;
	border-radius:10px !important;
	box-sizing:border-box !important;
}

.freshness-lp .support-card h3{
	margin:0 0 10px !important;
	color:var(--green-dark) !important;
	font-size:21px !important;
	line-height:1.55 !important;
}

.freshness-lp .support-card > p{
	margin:0 0 18px !important;
	line-height:1.8 !important;
}

.freshness-lp .support-card .button{
	margin-top:auto !important;
	align-self:flex-start !important;
}

/* 04のナビにはマイラボ用の下線を適用しない */
.freshness-lp .work-nav a.work-nav-support,
.freshness-lp .work-nav a.work-nav-support:link,
.freshness-lp .work-nav a.work-nav-support:visited,
.freshness-lp .work-nav a.work-nav-support:hover,
.freshness-lp .work-nav a.work-nav-support:active{
	text-decoration:none !important;
	text-decoration-line:none !important;
}

/* SP */
@media screen and (max-width:767px){
	.freshness-lp .mylabo{
		grid-template-columns:1fr !important;
		gap:18px !important;
		padding:20px !important;
	}

	.freshness-lp .mylabo-image{
		min-height:140px !important;
		height:140px !important;
	}

	.freshness-lp .mylabo-logo{
		height:140px !important;
	}

	.freshness-lp .mylabo-content h3{
		font-size:21px !important;
	}

	.freshness-lp .support-cards{
		grid-template-columns:1fr !important;
		gap:14px !important;
	}

	.freshness-lp .support-card{
		padding:21px 18px !important;
	}

	.freshness-lp .support-card h3{
		font-size:19px !important;
	}
}

/* =========================================================
   PAGE NAV 修正
   01～05：番号 / タイトル / 説明 / ↓ を縦配置
   04のみマイラボ用リンク下線を完全に無効化
   ========================================================= */
.freshness-lp .work-nav a{
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	min-height:105px !important;
	padding:13px 10px !important;
	background:#fff !important;
	border-radius:15px !important;
	text-decoration:none !important;
	text-align:center !important;
	box-sizing:border-box !important;
}
.freshness-lp .work-nav a > p{margin:0 !important;padding:0 !important;}
.freshness-lp .work-nav a > p:nth-child(1){display:flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;border-radius:50% !important;background:var(--green-dark) !important;color:#fff !important;font-size:12px !important;font-weight:400 !important;line-height:1 !important;}
.freshness-lp .work-nav a > p:nth-child(2){display:block !important;margin-top:4px !important;color:#111 !important;font-size:20px !important;font-weight:700 !important;line-height:1.25 !important;}
.freshness-lp .work-nav a > p:nth-child(3){display:block !important;margin-top:5px !important;color:#555 !important;font-size:13px !important;font-weight:400 !important;line-height:1.4 !important;white-space:nowrap !important;}
.freshness-lp .work-nav a > p:nth-child(4){display:block !important;margin-top:3px !important;color:var(--green-dark) !important;font-size:18px !important;font-weight:400 !important;line-height:1 !important;}
.freshness-lp .work-nav a.work-nav-support,
.freshness-lp .work-nav a.work-nav-support:link,
.freshness-lp .work-nav a.work-nav-support:visited,
.freshness-lp .work-nav a.work-nav-support:hover,
.freshness-lp .work-nav a.work-nav-support:active{text-decoration:none !important;text-decoration-line:none !important;text-decoration-style:none !important;text-decoration-color:transparent !important;}
.freshness-lp .work-nav a.work-nav-support > p{text-decoration:none !important;text-decoration-line:none !important;}
/* 既存の b / strong / span 構造にも対応 */
.freshness-lp .work-nav a > b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--green-dark);color:#fff;font-size:12px;line-height:1;}
.freshness-lp .work-nav a > strong{display:block;margin-top:4px;color:#111;font-size:20px;font-weight:700;line-height:1.25;}
.freshness-lp .work-nav a > span{display:block;margin-top:5px;color:#555;font-size:13px;font-weight:400;line-height:1.4;white-space:nowrap;}
@media screen and (max-width:767px){
 .freshness-lp .work-nav a{min-height:88px !important;padding:7px 3px !important;border-radius:10px !important;}
 .freshness-lp .work-nav a > p:nth-child(1),.freshness-lp .work-nav a > b{width:25px !important;height:25px !important;font-size:10px !important;}
 .freshness-lp .work-nav a > p:nth-child(2),.freshness-lp .work-nav a > strong{margin-top:3px !important;font-size:14px !important;}
 .freshness-lp .work-nav a > p:nth-child(3),.freshness-lp .work-nav a > span{margin-top:3px !important;font-size:10px !important;white-space:normal !important;line-height:1.3 !important;}
 .freshness-lp .work-nav a > p:nth-child(4){margin-top:2px !important;font-size:15px !important;}
}
@media screen and (max-width:480px){
 .freshness-lp .work-nav a{min-height:82px !important;}
 .freshness-lp .work-nav a > p:nth-child(3),.freshness-lp .work-nav a > span{font-size:9px !important;}
}