@charset "utf-8";
/* The LADY. TOP 「学び」パート  blanc 2026-09-16
   homepage.css は触らずこのファイルだけ追加する。
   ボタン等はセクションごとに書き出される作りのため、ここで同じ指定を持つ。 */

.con_learn .box_learn {
	width: 90%;
	max-width: 1600px;
	margin: auto;
	padding-block: clamp(60px, 9%, 110px);
}
@media only screen and (max-width: 1279px) {
	.con_learn .box_learn { width: 91.6666666667%; }
}

.con_learn .lead_learn {
	text-align: center;
	line-height: 2;
	margin-top: 1.5em;
}
@media only screen and (max-width: 767px) {
	.con_learn .lead_learn { text-align: left; font-size: 94%; }
	.con_learn .lead_learn .view_pc { display: none; }
}

/* --- メルマガ --- */
.con_learn .box_mailmag {
	background: #fdf6f4;
	border-radius: 1em;
	padding: clamp(1.5em, 4%, 2.75em);
	margin-top: clamp(2.5em, 5%, 3.5em);
	display: flex;
	align-items: center;
	gap: clamp(1.5em, 4%, 3em);
}
@media only screen and (max-width: 991px) {
	.con_learn .box_mailmag { display: block; }
}
.con_learn .box_mailmag .ttl { flex: 1 1 auto; }
.con_learn .box_mailmag .label {
	display: inline-block;
	background: #e69891;
	color: #fff;
	border-radius: 2em;
	padding: .25em 1.4em;
	font-size: 84%;
	font-weight: 600;
	letter-spacing: .08em;
}
.con_learn .box_mailmag h3 {
	font-size: 145%;
	font-weight: 600;
	margin-top: .55em;
	letter-spacing: .04em;
}
.con_learn .box_mailmag .txt { margin-top: .6em; line-height: 1.9; }
.con_learn .box_mailmag .widget { flex: 0 0 auto; }
@media only screen and (max-width: 991px) {
	.con_learn .box_mailmag .widget { margin-top: 1.5em; }
}

/* --- アカデミー2種 --- */
.con_learn .list_academy {
	max-width: 1080px;
	margin-inline: auto;
	display: flex;
	gap: clamp(1.5em, 4%, 3.5em);
	margin-top: clamp(2.5em, 5%, 3.5em);
	list-style: none;
	padding: 0;
}
@media only screen and (max-width: 767px) {
	.con_learn .list_academy { display: block; }
	.con_learn .list_academy > li + li { margin-top: 3em; }
}
.con_learn .list_academy > li {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.con_learn .list_academy .img { overflow: hidden; border-radius: .75em; }
.con_learn .list_academy .img img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	transition: transform .4s;
}
.con_learn .list_academy .img a:hover img { transform: scale(1.04); }
.con_learn .list_academy h3 {
	font-size: 124%;
	font-weight: 600;
	margin-top: 1em;
	line-height: 1.6;
	letter-spacing: .04em;
}
.con_learn .list_academy h3 a { color: inherit; text-decoration: none; }
.con_learn .list_academy .price {
	font-family: "Cormorant Garamond", serif;
	font-size: 150%;
	margin-top: .35em;
	color: #b8837c;
}
.con_learn .list_academy .txt {
	margin-top: .8em;
	line-height: 1.9;
	text-align: left;
	flex: 1 1 auto;
}

.con_learn .list_academy .badge_sale {
	display: inline-block;
	align-self: center;
	background: #e69891;
	color: #fff;
	border-radius: 2em;
	padding: .2em 1.3em;
	margin-top: .9em;
	font-size: 84%;
	font-weight: 600;
	letter-spacing: .08em;
}
.con_learn .list_academy .price .regular {
	display: block;
	font-family: "Yu Gothic", YuGothic, Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", Verdana, Arial, sans-serif;
	font-size: 52%;
	color: #8a7f7d;
	text-decoration: line-through;
	margin-bottom: .1em;
}

/* --- ボタン（他セクションと同じ見た目） --- */
.con_learn .btn {
	--btn-color: #e69891;
	--btn-radius: 1.6em;
	max-width: 260px;
	width: 90%;
	margin: 1.75em auto 0;
}
.con_learn .btn a {
	font-family: "Yu Gothic", YuGothic, Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", Verdana, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: .075em;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
	background: var(--btn-color, #2f2725);
	border-radius: var(--btn-radius, 3em);
	padding: .8em 1em;
	box-shadow: 2px 5px 10px 5px rgba(0, 0, 0, .05);
	transition: all .3s;
}
.con_learn .btn a:hover {
	background: #fff;
	transform: scale(.95);
	color: var(--btn-color, #2f2725);
}

/* --- Instagram（公式プロフィール埋め込み） --- */
.con_learn .box_instagram { margin-top: clamp(3em, 6%, 4.5em); }
.con_learn .ttl_instagram {
	text-align: center;
	font-family: "Cormorant Garamond", serif;
	font-size: 150%;
	font-weight: 500;
	font-style: italic;
	letter-spacing: .1em;
	color: #b8837c;
}
.con_learn .list_instagram {
	display: flex;
	justify-content: center;
	gap: clamp(1.5em, 4%, 3em);
	margin-top: 1.5em;
	list-style: none;
	padding: 0;
}
@media only screen and (max-width: 767px) {
	.con_learn .list_instagram { display: block; }
	.con_learn .list_instagram > li + li { margin-top: 2em; }
}
.con_learn .list_instagram {
	max-width: 1140px;
	margin-inline: auto;
}
.con_learn .list_instagram > li {
	/* Instagram の embed.js は挿入時の幅を iframe に固定する。
	   ここで先に幅を確定させておかないと 300px 程度まで縮む。 */
	flex: 1 1 0;
	max-width: 540px;
	min-width: 0;
}
.con_learn .list_instagram .instagram-media {
	margin: 0 auto !important;
	max-width: 100% !important;
	width: 100% !important;
}
@media only screen and (max-width: 767px) {
	.con_learn .list_instagram .instagram-media { min-width: 0 !important; }
}