@charset "utf-8";
iframe#twitter-widget-0,.fb_iframe_widget {
	display:none !important;
}
h2,h3,h4 {
	border:none;
	font-family: "fot-tsukubrdgothic-std" !important;
}
.pane-contents .block-page-caption h1.block-page-caption--text {
    display: none !important;
}
/* ---------- base ---------- */
.pane-footer {
	margin-top:0;
	padding-top:0;
}
.block-page-block {
	max-width:1000px;
	margin:0 auto;
}
.block-page-block img {
	vertical-align:bottom;
}
.est-wrap,
.est-wrap * {
	font-family:"Noto Sans JP","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#3e3a39;
	box-sizing:border-box;
}
.est-inner {
	width:100%;
	max-width:820px;
	margin:0 auto;
}
@media screen and (min-width:769px) {
	.sp-only {
		display:none !important;
	}
}
@media screen and (max-width:768px) {
	.pc-only {
		display:none !important;
	}
	.pane-contents .pane-main {
		padding-top:0;
	}
	.est-wrap img {
		width:100%;
		max-width:none;
	}
}
.block-page-block--frame {
	margin-bottom: 60px;
}
/* ---------- section 1:main visual ---------- */
.est-mv {
	margin-bottom:54px;
}
.est-mv .mv {
	margin:0;
	padding:0;
}
.est-mv .mv img {
	width: 100%;
}
/* ---------- 波線見出し ---------- */
.est-wrap .wavy {
	position:relative;
	margin:0 auto;
	font-size:24px;
	font-weight:700;
	line-height:35px;
	text-align:center;
	border:none;
	background:none;
	padding: 8px 0;
}
.est-wrap .wavy::before,
.est-wrap .wavy::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	width: 100%;
	height:4px;
	background:url('../../../../img/usr/pg/1esthetician-260708/wave_bg.png') repeat-x;
	background-position: center center;
	background-size: 820px 2.9px;
}
.est-wrap .wavy::before {
	top:0;
}
.est-wrap .wavy::after {
	bottom: 0;
}
/* ---------- section 2:原因（グラフ） ---------- */
.est-cause {
	padding:0 0 80px;
}
.est-cause .est-lead {
	margin:0 0 80px;
	font-size:16px;
	line-height:31px;
	text-align:center;
}
.est-cause .est-graph {
	margin:40px auto 0;
	text-align:center;
}
.est-cause .est-graph img {
	width:700px;
	max-width:100%;
}
.est-cause .est-note {
	margin:40px 0 0;
	font-size:16px;
	line-height:30px;
	text-align: center;
}
/* ---------- section 3:夜習慣（tips） ---------- */
.est-tips {
	padding:0 0 80px;
}
.est-tips .wavy {
	margin-bottom:40px;
}
.est-tips .tip {
	display:flex;
	align-items:center;
	margin:0 auto 50px;
}
.est-tips .tip:last-child {
	margin-bottom:0;
}
.est-tips .tip.tip-right {
	flex-direction:row-reverse;
}
.est-tips .tip-1 {
	padding-left: 26px;
	gap: 50px;
}
.est-tips .tip-2 {
	gap: 85.6px;
}
.est-tips .tip-3 {
	padding-left: 63px;
	gap: 58px;
}
.est-tips .tip-4 {
	gap: 46.9px;
}
.est-tips .tip-5 {
	gap: 50px;
	padding-left: 50px;
}
.est-tips .tip-fig {
	width: 238px;
	flex-shrink:0;
}
.est-tips .tip-2 .tip-fig {
	width: 168.82px;
}
.est-tips .tip-3 .tip-fig {
	width: 154.08px;
}
.est-tips .tip-4 .tip-fig {
	width: 246.23px;
}
.est-tips .tip-5 .tip-fig {
	width: 200px;
}
.est-tips .tip-fig img {
	width:100%;
}
.est-tips .tip-body {
	flex:1;
	width: 480px;
}
.est-tips .tip-3 .tip-body {
	width: 514px;
}
.est-tips .tip-body h4 {
	margin:0 0 18px;
	padding:0;
	font-size:24px;
	font-weight:700;
	line-height:30px;
	color:#91aedb;
	border:none;
}
.est-tips .tip-body p {
	margin:0;
	font-size:16px;
	line-height:1.95;
	text-align:left;
	letter-spacing:.3px;
}
.est-tips .tip-body .mk {
	background: linear-gradient(transparent 55%,#fff9b1 55%);
}
/* ===================================================================== SP（スマホ：画像→説明テキストの縦並び） ===================================================================== */
@media screen and (max-width:768px) {
	.est-mv {
		margin-bottom:calc(70 / 750 * 100vw);
	}
	.est-inner {
		padding:0 calc(40 / 750 * 100vw);
	}
	/* 波線見出し */
	.est-wrap .wavy {
		font-size:calc(34 / 750 * 100vw);
		line-height:1.6;
		padding:calc(30 / 750 * 100vw) 0;
	}
	.est-wrap .wavy::before,
	.est-wrap .wavy::after {
		height:calc(6 / 750 * 100vw);
		background-size:100% calc(4 / 750 * 100vw);
	}
	/* 原因 */
	.est-cause {
		padding:0 0 calc(80 / 750 * 100vw);
	}
	.est-cause .est-lead {
		margin-bottom:calc(60 / 750 * 100vw);
		font-size:calc(28 / 750 * 100vw);
		line-height:1.9;
		text-align:center;
	}
	.est-cause .est-graph {
		margin-top:calc(50 / 750 * 100vw);
	}
	.est-cause .est-graph img {
		width:100%;
	}
	.est-cause .est-note {
		margin-top:calc(44 / 750 * 100vw);
		font-size:calc(28 / 750 * 100vw);
		line-height:1.9;
		text-align:left;
	}
	/* 夜習慣（tips）：画像 → 説明テキスト */
	.est-tips {
		padding:calc(70 / 750 * 100vw) 0 calc(90 / 750 * 100vw);
	}
	.est-tips .wavy {
		margin-bottom:calc(60 / 750 * 100vw);
	}
	.est-tips .tip,
	.est-tips .tip.tip-right,
	.est-tips .tip-1,
	.est-tips .tip-2,
	.est-tips .tip-3,
	.est-tips .tip-4,
	.est-tips .tip-5 {
		display:block;
		gap:0;
		padding:0;
		margin:0 auto calc(80 / 750 * 100vw);
	}
	.est-tips .tip:last-child {
		margin-bottom:0;
	}
	.est-tips .tip-fig,
	.est-tips .tip-2 .tip-fig,
	.est-tips .tip-3 .tip-fig,
	.est-tips .tip-4 .tip-fig,
	.est-tips .tip-5 .tip-fig {
		width:calc(380 / 750 * 100vw);
		margin:0 auto calc(30 / 750 * 100vw);
	}
	.est-tips .tip-body,
	.est-tips .tip-3 .tip-body {
		width:100%;
	}
	.est-tips .tip-body h4 {
		margin-bottom:calc(24 / 750 * 100vw);
		font-size:calc(34 / 750 * 100vw);
		line-height:1.5;
		text-align:center;
	}
	.est-tips .tip-body p {
		font-size:calc(28 / 750 * 100vw);
		line-height:1.9;
	}
}
