@charset "UTF-8";

/* -----------------------------
 * ヘッダーお問い合わせボタン  
-------------------------------*/
/* テキストスタイル */
.header-contact-btn span {
	font-family: "Noto Sans JP";
	font-weight: 700;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0.025em;
	color: #fff;
}

.header-contact-btn a {
	/* ボタン背景色 */
	background: linear-gradient(90deg, #FFA99F 0%, #FF719A 100%);

	/* ボタン半径 */
	border-radius: 8px;

	/* ホバーアニメーション用 */
	overflow: hidden;
	transition: color 0.3s ease;
	isolation: isolate;
	/* 新しいスタッキングコンテキストを作成 */
}

/* ホバーアニメーション */
.header-contact-btn a::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(238, 153, 170, 0.8);
	mix-blend-mode: multiply;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.4s ease;
	z-index: -1;
}

.header-contact-btn a:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

@media (max-width:1299px) {

	/* テキストスタイル */
	.header-contact-btn span {
		font-size: 14px;
	}

	/* ボタン余白 */
	.header-contact-btn a {
		padding: 12px 16px;
	}
}

/* -----------------------------
 * TOP汎用リンクボタン  
-------------------------------*/
.link-btn {
	max-width: 243px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background: #fff;
	border: 1px solid #63585B;
	z-index: 1;
}

.link-btn::before {
	content: '';
	position: absolute;
	inset: 0px;
	background: linear-gradient(135deg, #EE99AA 0%, #F2BD9D 100%);
	transition: .3s;
	z-index: -1;
	display: block;
	width: 0%;
	height: 100%;
}

.link-btn a {
	padding: 16px 60px;
	display: block;
	width: 100%;
	height: 100%;
	font-family: "Shippori Mincho B1";
	font-weight: 400;
	font-size: 16px;
	line-height: 2.09;
	letter-spacing: 0.03em;
	color: #63585B;
	transition: .3s;
	position: relative;
	z-index: 1;
}

.link-btn svg {
	position: absolute;
	top: 50%;
	right: -20px;
	translate: 0 -50%;
	z-index: 2;
	transition: .3s ease;
}

.link-btn:hover::before {
	width: 100%;
}

.link-btn:hover a {
	color: #fff;
}

.link-btn:hover svg {
	right: -30px;
}

/* -----------------------------
 * 追従LINEボタン  
-------------------------------*/
#custom_html-4 {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 100;
	width: 342px;
/* 	height: 196px; */
}

#custom_html-4 img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (max-width:959px) {
	#custom_html-4 {
		bottom: 16px;
		left: 16px;
		width: 232px;
/* 		height: 124px; */
	}
}

/* -----------------------------
 * 追従バナーpc  
-------------------------------*/
.follow-btn {
	position: fixed;
	right: 0;
	bottom: 100px;
	z-index: 100;
}

.follow-tel img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.follow-mail img {
	width: 20px;
	height: 16px;
	object-fit: contain;
}

.follow-tel {
	width: 80px;
	height: 235px;
	border-radius: 4px 0 0 4px;
	background: linear-gradient(to bottom, #FFE595 0%, #FDA085 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-direction: column;
	margin-bottom: 26px;
	position: relative;
	/* ホバーアニメーション用 */
	overflow: hidden;
	transition: color 0.3s ease;
	isolation: isolate;
	/* 新しいスタッキングコンテキストを作成 */
}

.follow-mail {
	width: 80px;
	height: 235px;
	border-radius: 4px 0 0 4px;
	background: linear-gradient(to bottom, #FFA99F 0%, #FF719A 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-direction: column;
	position: relative;


	/* ホバーアニメーション用 */
	overflow: hidden;
	transition: color 0.3s ease;
	isolation: isolate;
	/* 新しいスタッキングコンテキストを作成 */
}

/* ホバーアニメーション */
.follow-mail::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(238, 153, 170, 0.8);
	mix-blend-mode: multiply;
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform 0.4s ease;
	z-index: -1;
}

.follow-tel::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(255, 229, 149, 0.8);
	mix-blend-mode: multiply;
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform 0.4s ease;
	z-index: -1;
}

.follow-mail:hover::before,
.follow-tel:hover::before {
	transform: scaleY(1);
	transform-origin: top;
}

.follow-tel-num {
	font-family: "Shippori Mincho B1";
	font-weight: 500;
	font-size: 24px;
	line-height: 1.67;
	letter-spacing: 0.025em;
	color: #63585B;
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.follow-mail-text {
	font-family: "Shippori Mincho B1";
	font-weight: 500;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0.025em;
	color: #FFFFFF;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

/* -----------------------------
 * 追従バナーsp  
-------------------------------*/
.follow-btn-sp {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 100;

}

.follow-btn-sp-wrapper {
	display: flex;
}

.follow-btn-sp .follow-tel img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.follow-btn-sp .follow-mail img {
	width: 20px;
	height: 16px;
	object-fit: contain;
}

.follow-btn-sp .follow-tel {
	margin: 0;
	width: 50%;
	height: 56px;
	border-radius: 0;
	background: linear-gradient(to right, #FFE595 0%, #FDA085 100%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	position: relative;
	/* ホバーアニメーション用 */
	overflow: hidden;
	transition: color 0.3s ease;
	isolation: isolate;
	/* 新しいスタッキングコンテキストを作成 */
}

.follow-btn-sp .follow-mail {
	margin: 0;
	width: 50%;
	height: 56px;
	border-radius: 0;
	background: linear-gradient(to right, #FFA99F 0%, #FF719A 100%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	position: relative;


	/* ホバーアニメーション用 */
	overflow: hidden;
	transition: color 0.3s ease;
	isolation: isolate;
	/* 新しいスタッキングコンテキストを作成 */
}

/* ホバーアニメーション */
.follow-btn-sp .follow-mail::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(238, 153, 170, 0.8);
	mix-blend-mode: multiply;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
	z-index: -1;
}

.follow-btn-sp .follow-tel::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(255, 229, 149, 0.8);
	mix-blend-mode: multiply;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
	z-index: -1;
}

.follow-btn-sp .follow-mail:hover::before,
.follow-btn-sp .follow-tel:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.follow-btn-sp .follow-tel-num {
	font-family: "Shippori Mincho B1";
	font-weight: 500;
	font-size: 24px;
	line-height: 1.67;
	letter-spacing: 0.025em;
	color: #63585B;
	writing-mode: horizontal-tb;
	text-orientation: mixed;
}

.follow-btn-sp .follow-mail-text {
	font-family: "Shippori Mincho B1";
	font-weight: 500;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0.025em;
	color: #FFFFFF;
	writing-mode: horizontal-tb;
	text-orientation: mixed;
}

@media (max-width:599px) {
	.follow-btn-sp .follow-tel-num {
		font-size: 20px;
		line-height: 1;
	}

	.follow-btn-sp .follow-mail-text {
		font-size: 20px;
		line-height: 1;
	}
}




/* -----------------------------
 * 下層ページ アンカーリンク 
-------------------------------*/
.Anchor-link a{
	background: none;
    border-radius: 0;
    box-shadow: none;
	font-family: "Shippori Mincho B1";
	font-weight: 400;
	font-size: 16px;
	line-height: 2.09;
	letter-spacing: 0.03em;
	color:#000000;
	
/* 	border-bottom: 1px solid transparent; */
    transition: all 0.3s;
    padding: 0;
    justify-content: space-between !important;
    width: 100%;
    text-align: left;
}
.Anchor-link a:hover{
	box-shadow:none;
}
.Anchor-link a:hover span{
	opacity:0.5;
}
.Anchor-link svg{
	fill:#EE99AA;
}
.Anchor-link a:hover svg{
	fill:#000000;
}

/* ホバーアニメーション */

/* 基準点作成 */
.Anchor-link a {
	position: relative;
}
/* アニメーション中身 */
.Anchor-link a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #000000;
	bottom: -8px;
	/*アンダーラインがaタグの下端から現れる*/
	transform: scale(0, 1);
	/*アンダーラインの縮尺比率。ホバー前はx方向に0*/
	transform-origin: left top;
	/*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.3s;
	/*変形の時間*/
}

.Anchor-link a:hover::after {
	transform: scale(1, 1);
	/*ホバー後、x軸方向に1（相対値）伸長*/
}


/* -----------------------------
 * 汎用 リンクボタン
-------------------------------*/
.General-btn a{
	font-family: "Shippori Mincho B1";
	font-weight: 500;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing:0.025em;
	color:#FFFFFF;
	text-align: center;
	padding:24px 64px;
	border-radius:999px;
	border:none;
	box-shadow:none;
	background: linear-gradient(90deg, #F77062 0%, #FE5196 100%);
}

/* -----------------------------
 * 執筆者パーツ
-------------------------------*/
.author-outer{
	padding-bottom:6px;
	border-bottom:1px solid #63585B;
}
.author-img{
clip-path: circle(45.2% at 51% 49%);
}
.author-img img{
	display:block;
clip-path: circle(45.2% at 51% 49%);
	width:100%;
	height:100%;
	object-fit:cover;
}