@charset "UTF-8";
/* お知らせ */
.wrap_keyiamge {
	position: relative;
}

.wrap_top_news {
	width: 90%;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: rgba(254, 255, 255, 0.95);
	border-radius: 20px 20px 0 0;
}

.wrap_top_news a {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 16px 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.ttl_top_news {
	font-weight: bold;
	margin-bottom: 8px;
}

.ttl_top_news .name {
	color: #04AF7A;
	display: inline-block;
	margin-right: 40px;
}

.txt_top_news {
	text-decoration: underline;
	position: relative;
}

.txt_top_news::after {
	content: "";
	display: inline-block;
	background: url(../images/top/icon_news.png) no-repeat;
	background-size: contain;
	width: 6px;
	height: 8px;
	position: absolute;
	top: 70%;
	right: 0;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

/* アンジェリカの理念 */
.philosophy {
	background: url(../images/top/bg_philosophy_sp.jpg) no-repeat;
	background-size: cover;
}

.philosophy .txt_contents {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin-top: 24px;
}

/* お知らせ */
.news_contents a {
	display: block;
	padding-bottom: 16px;
	border-bottom: 1px dashed #3A3F3B;
}

.news_contents:not(:first-child) a {
	padding-top: 16px;
}

.news_head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 16px;
}

.new {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #04AF7A;
	width: 43px;
	height: 24px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #04AF7A;
	margin-right: 16px;
}

.news_time {
	font-weight: bold;
}

/* 評価表 */
.evaluation {
	background: url(../images/top/bg_hyoka_sp.jpg) no-repeat;
	background-size: cover;
}

.evaluation .btn01 a {
	height: 84px;
	width: 100%;
	max-width: 290px;
	text-align: center;
	margin-top: 80px;
}

/* ブログ */
.blog {
	background: url(../images/top/bg_blog_sp.jpg) no-repeat;
	background-size: cover;
}

.blog .btn01 a {
	height: 84px;
	width: 100%;
	max-width: 272px;
	text-align: center;
	margin-top: 80px;
}

@media print, screen and (min-width: 769px) {
	.inner_section {
		width: 95%;
		max-width: 960px;
	}
	/* お知らせ */
	.wrap_top_news {
		width: 95%;
		max-width: 960px;
		background: rgba(254, 255, 255, 0.8);
	}
	.wrap_top_news a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		max-width: 880px;
	}
	.wrap_top_news a:hover .txt_top_news {
		color: #04AF7A;
	}
	.ttl_top_news {
		margin-bottom: 0;
		width: 171px;
	}
	.txt_top_news {
		width: calc(100% - 213px);
		max-width: 672px;
		padding-right: 20px;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	.txt_top_news::after {
		content: "";
		display: inline-block;
		background: url(../images/top/icon_news.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
	}
	/* コロナ対策 */
	.covid .wrap_contents .txt_contents {
		text-align: center;
	}
	/* アンジェリカの理念 */
	.philosophy {
		background: url(../images/top/bg_philosophy_pc.jpg) no-repeat;
		background-size: cover;
	}
	.img_philosophy {
		max-width: 560px;
		margin: 0 auto;
	}
	/* お知らせ */
	.wrap_news_contents {
		max-width: 840px;
		margin: 0 auto;
	}
	.news_contents a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.news_contents a:hover .ttl_news {
		color: #04AF7A;
	}
	.news_head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 0;
	}
	.news_head .new {
		margin-top: 5px;
	}
	.news_time {
		margin-right: 16px;
	}
	.ttl_news {
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	/* 評価表 */
	.wrap_top_link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.evaluation {
		background: url(../images/top/bg_hyoka_pc.jpg) no-repeat;
		background-size: cover;
		width: 50%;
	}
	.evaluation .btn01 a {
		height: 56px;
		max-width: 470px;
	}
	/* ブログ */
	.blog {
		background: url(../images/top/bg_blog_pc.jpg) no-repeat;
		background-size: cover;
		width: 50%;
	}
	.blog .btn01 a {
		height: 56px;
		max-width: 376px;
	}
	/* アクセス */
	.wrap_access_contents {
		max-width: 874px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.wrap_gmap {
		width: 46%;
		max-width: 400px;
		max-height: 333px;
	}
	.wrap_gmap iframe {
		max-height: 100%;
	}
	.wrap_access_right {
		width: 50%;
		max-width: 434px;
	}
	.access_logo {
		width: 239px;
		margin: 0 0 24px;
	}
	.dl_access dt {
		line-height: 1.5;
	}
	.dl_access dd {
		line-height: 1.5;
	}
	.dl_access dd .sp_none {
		display: inline;
	}
}

/* 2025 07 24 スタッフ募集追加 */
.staff {
	background: url(../images/top/bg_staff_sp.png) no-repeat center;
	background-size: cover;
}

.ttl_h3_staff {
	font-weight: 900;
	font-size: 18px;font-size: 1.8rem;
	color: #04AF7A;
	text-align: center;
	line-height: 1.5;
	padding-bottom: 8px;
	margin-bottom: 24px;
	border-bottom: 2px dashed #FF8484;
}

.wrap_btn {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 24px;
}

.btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	height: 56px;
	background: rgba(255, 255, 254, 0.8);
	border: 3px solid #FF8484;
	border-radius: 50px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.2;
	text-align: center;
}

.btn a::before {
	content: "";
	display: block;
	min-width: 16px;
	max-width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
}

.btn_tel a::before {
	background-image: url(../images/top/icon_tel.svg);
}

.btn_mail a::before {
	background-image: url(../images/top/icon_mail.svg);
}

.btn_tel a span span {
	font-size: 14px;
	letter-spacing: 0;
}

@media (min-width: 769px) {
	.staff {
		background-image: url(../images/top/bg_staff_pc.png);
	}

	.ttl_h3_staff {
		max-width: 760px;
		font-size: 24pxx;font-size: 2.4rem;
		line-height: calc(32 / 24);
		margin: 0 auto 40px;
	}
	
	.txt_staff {
		text-align: center;
		font-size: 18px;font-size: 1.8rem;
	}

	.wrap_btn {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 40px;
	}
	
	.btn {
		width: 298px;
	}
	
	.btn a {
		transition: 0.2s;
	}
	
	.btn a:hover {
		background: #FFF0F0;
	}
}