@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

施設基準の院内掲示

------------------------------------------------------------ */

.wrapNotices{
	max-width: 1360px;
	margin: 0 auto;
	padding: 80px 40px;
}

.wrapNotices .heading03 + p{
	text-align: center;
	margin-bottom: 60px;
	font-size: 1.8rem;
}

.wrapNotices_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 40px;
	letter-spacing: 0;
}

.wrapNotices_item{
	width: calc(50% - 15px);
	max-width: 580px;
}

.wrapNotices_item_ttl{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 10px 5px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #E6E2D9;
}

.wrapNotices_item_ttl span{
	position: relative;
	padding-left: 32px;
	font-weight: 700;
	font-size: 1.5rem;
	background: url(../notices/img/ico_notices01.svg) no-repeat top -2px left / 32px;
}

.wrapNotices_item_ttl span.active{
	background-image: url(../notices/img/ico_notices01_active.svg);
}

.wrapNotices_item_inner{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.wrapNotices_item_inner > p{
	padding-left: 32px;
}

.wrapNotices_item_inner > div{
	background-color: #F5EEE6;
	padding: 20px;
	margin-left: 32px;
	line-height: 1.6;
}

.wrapNotices_item_inner > p span{
	font-size: 1.3rem;
}

.wrapNotices_txt{
	margin-top: 60px;
	border: 1px solid #E0DCD1;
	padding: 13px 25px;
	display: flex;
	gap: 20px;
	line-height: 1.6;
	font-size: 1.3rem;
}

.wrapNotices_txt h4{
	flex: none;
	color: #C01E7C;
}

.wrapNotices_txt h4 svg{
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: -5px;
}



@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	施設基準の院内掲示

	------------------------------------------------------------ */

	/* 
	---------------------------------------------- */
	
	
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	施設基準の院内掲示

	------------------------------------------------------------ */

	.wrapNotices{
		padding: 50px 15px;
	}

	.wrapNotices .heading03 + p{
		margin-bottom: 30px;
		font-size: 1.6rem;
	}

	.wrapNotices_container{
		flex-direction: column;
		row-gap: 20px;
	}
	
	.wrapNotices_item{
		width: 100%;
		max-width: 100%;
	}

	.wrapNotices_item_inner > div{
		margin-left: 0;
		padding: 20px 15px;
	}
	
	.wrapNotices_item_inner > p span{
		font-size: 1.3rem;
	}
	
	.wrapNotices_txt{
		margin-top: 30px;
		padding: 15px;
		flex-direction: column;
		gap: 5px;
	}
	
	.wrapNotices_txt h4{
		color: #C01E7C;
	}
	
	.wrapNotices_txt h4 svg{
		width: 20px;
		height: 20px;
		display: inline-block;
		margin-right: 10px;
		vertical-align: -5px;
	}
	
	
}/*--@media--*/