/* PC・スマホ共通設定
--------------------------------------------------------------------*/

/* contents
--------------------------------------------------------------------*/
.home_ttl {
	text-align: center;
	text-shadow: 0px 0px 10px #ffffff;
}
.home_sub_ttl {
	text-align: center;
	color: #058ee5;
	line-height: 1;
}
/* メインビジュアル */
.visual {
	width: 100%;
}
.news_feed {
	text-align: left;
}
.news_feed .contents_inner {
	position: relative;
}
.news_feed .contents_inner .news_ttl {
	background: #262261;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
}
.news_feed .contents_inner .news_ttl img {
	width: 20px;
	vertical-align: -4px;
	margin-right: 3px;
}
.news_feed .update_body {
	background: #fff;
}
.news_feed .update_body .feed_set .feed_item {
	width: 100%;

	z-index: 1 !important;
}
.news_feed .update_body .feed_set .feed_item.sample {
	display: block;
}
.news_feed .update_body .feed_set .feed_item > a {
	position: relative;
	overflow: hidden;
}
.news_feed .update_body .feed_set .feed_item > a .entry_ttl_inner {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.6rem;
	display: block;
}
.news_feed .update_body .feed_set .feed_item > a:hover {
		background: #f5f3ee;
}

/* コンテンツ */
.home_branch {
	margin-top: 70px;
	height: 1000px;
	background-image: url(../images/top/contents_back.jpg);
}

/* 私たちの想い */
.home_about .home_about_ttl {
	font-weight: bold;
}
.home_about .about_link a {
	font-weight: bold;
	color: #262261;
}
.group {
	width: 100%;
}
/* 4つのリンク */
.home_nav .home_nav_link {
	overflow: hidden;
}
.home_nav_link .link_item a:hover {
	text-decoration: none;
}
.home_nav_link .link_item a .thumbs {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	display: inline-block;
}
.home_nav .link_item a .thumbs img {
	transform: scale(1);
	transition: .3s ease-in-out;
}
.home_nav .link_item a .thumbs img:hover {
	transform: scale(1.2);
}
.home_nav_link .link_item a .link_name {
	display: block;
	background: #fff;
}
.home_nav_link .link_item a .link_name h2 {
	color: #262261;
}

/* お知らせ */
.staff_blog.sec_lv1 {
	margin-top: 0;
	position: relative;
}
.staff_blog .no_entry {
	width: 100%;
}
.staff_blog .update_body {
	border-top: solid 1px #ddd;
}
.staff_blog .entry_panel {
	display: block;
	background: #fff;
	overflow: hidden;
	border-bottom: solid 1px #ddd;
}
.staff_blog .entry_meta {
	text-align: left;
}
.staff_blog .entry_meta .entry_date {
	font-size: 1.6rem;
	display: inline-block;
}
.staff_blog .entry_meta .entry_cate {
	color: #fff;
	font-size: 1.2rem;
	display: inline-block;
	text-align: center;
	border-radius: 2px;
}
.staff_blog .entry_meta .entry_ttl {
	line-height: 1.5;
}
.label_news {
	background: #b0d644 !important;
}
.label_staff_blog {
	background: #262261 !important;
}
.label_important {
	background: #ff5773 !important;
}

/* スマホレスポンシブ
--------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
/* スマホコンテンツ */
	.contents_inner {
		padding-right: 15px;
		padding-left: 15px;
		text-align: left;
	}
	.sm_none {
		display: none;
	}
	.home_branch {
		height: 1300px;
	}
/* スマホメインビジュアル */
	.visual {
		height: 250px;
		background: url(../images/top/family_sp.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.news_feed {
		transform: translate(0px, 250px);
	}
	.news_feed .feed_block {
		padding: 0 !important;
	}
	.news_feed .update_body {
		height: 70px !important;
	}
	.news_feed .update_body .feed_set .feed_item.sapmle a {
		display: block;
		padding: 17px 20px 20px 15px;
	}
	.news_feed .update_body .feed_set .feed_item > a {
		display: block;
		padding: 10px 20px 20px 15px;
	}
	.news_feed .update_body .feed_set .feed_item > a .entry_date {
		font-size: 1.4rem;
		line-height: 1;
		color: #058ee5;
		display: block;
	}
	.news_feed .update_body .feed_set .feed_item > a .entry_ttl_inner {
		margin-top: 8px;
		line-height: 1.4;
		color: #333;
	}
/* スマホコンテンツ */
	.home_branch {
		background-image: url(../images/top/contents_back_sp.jpg);
		background-size: cover;
		height: 1320px;
}
/* スマホ私たちの想い */
	.home_about {
		padding: 60px 0 0;
		position: relative;
	}
	.home_about_ttl {
		font-size: 1.9rem;
	}
	.home_about_txt {
		width: 90%;
		margin: 1.5rem auto;
	}
	.about_link {
		width: 90%;
		background: #fff;
		font-size: 1.8rem;
		line-height: 4;
		position: absolute;
		bottom: 0;
		left: 5%;
	}
	.about_link img {
		width: 18px;
		margin-right: 5px;
		vertical-align: -3px;
	}
	.sp_group {
		width: 90%;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
		display: inline-block;
	}
	.group {
		transform: scale(1);
		transition: .3s ease-in-out;
	}
	.group:hover {
		transform: scale(1.2);
		background: #f5f3ee;
	}

/* スマホ4つのリンク */
	.home_nav {
		margin-top: 50px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.home_nav .link_item a {
		display: flex;
		height: 120px;
		margin-bottom: 3px;
		position: relative;
	}
	.home_nav .link_item .thumbs {
		width: 150px;
	}
	.home_nav .link_item .thumbs img {
		width: 100%;
	}
	.home_nav .link_name {
		width: 100%;
		text-align: left;
		font-size: 1.4rem;
		padding-top: 10px;
		padding-left: 15px;
	}
	.home_nav .link_name h2 {
		font-size: 1.9rem;
	}
	.home_nav .link_name img {
		display: none;
	}
	.home_nav .link_arrow {
		width: 20px;
		position: absolute;
		right: 5px;
		top: 45%;
	}
/* スマホお知らせ */
	.staff_blog {
		padding: 50px 0 0 0;
	}
	.staff_blog .home_ttl {
		font-size: 2rem;
	}
	.staff_blog .home_sub_ttl {
		font-size: 1.4rem;
	}
	.staff_blog .update_body {
		margin-top: 30px;
	}
	.staff_blog .entry_panel {
		padding: 15px 20px 15px 15px;
		position: relative;
	}
	.staff_blog .entry_meta {
		width: 100%;
	}
	.staff_blog .entry_meta .entry_date {
		padding-right: 10px;
	}
	.staff_blog .entry_meta .entry_cate {
		width: 100px;
	}
	.staff_blog .entry_meta .entry_ttl {
		margin-top: 5px;
		font-size: 1.7rem;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.staff_blog .update_body .entry_panel img {
		width: 20px;
		position: absolute;
		top: 40%;
		right: 5px;
	}
	.staff_blog .btn_area {
		margin-top: 20px;
	}
	.staff_blog .btn_area li .btn_more {
		margin-top: 10px;
		width: 100%;
	}
}

/* PCレスポンシブ
--------------------------------------------------------------------*/
@media screen and (min-width: 600px), print {
/* PCコンテンツ */
	.contents {
		min-height: 600px;
	}
	.contents_inner {
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}
/* PCメインビジュアル */
	.visual {
		height: 600px;
		padding-top: 100px;
		background: url(../images/top/family_main.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.news_feed {
		padding: 165px 0 0 0;
		transform: translate(0px, 215px);
	}
	.news_feed .contents_inner {
		overflow: hidden;
	}
	.news_feed .contents_inner .news_ttl {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		float: left;
		width: 150px;
		padding: 15px 0 14px 0;
	}
	.news_feed .btn_more {
		display: none;
	}
	.news_feed .update_body {
		float: left;
		width: 810px;
		position: relative;
		overflow: hidden;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.news_feed .update_body .feed_set .feed_item > a {
		padding: 23px 15px 23px 20px;
		font-size: 1.5rem;
		line-height: 1;
		text-decoration: none;
		display: block;
	}
	.news_feed .update_body .feed_set .feed_item > a .entry_date {
		color: #058ee5;
		float: left;
		font-size: 1.6rem;
		width: 120px;
	}
	.news_feed .update_body .feed_set .feed_item > a .entry_ttl_inner {
		padding-left: 15px;
	}
/* PC私たちの想い */
	.home_about {
		padding-top: 60px;
		margin-left: auto;
		margin-right: auto;
		width: 960px;
		height: 480px;
		text-align: left;
	}
	.home_about_inner {
		float: left;
		width: 480px;
		padding-top: 20px;
	}
	.home_about_ttl {
		font-size: 2.4rem;
		line-height: 2;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}
	.home_about_txt {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
	.about_link {
		padding-right: 20px;
		text-align: right;
		font-size: 2.2rem;
		font-weight: bold;
	}
	.about_link img {
		width: 20px;
		margin-right: 5px;
		vertical-align: -2px;
	}
	.group {
		float: right;
		width: 480px;
	}
/* PC4つのリンク */
	.home_nav {
		width: 960px;
		margin: 100px auto 0 auto;
	}
	.home_nav_link .link_item {
		display: block;
		float: left;
		position: relative;
		width: 225px;
	}
	.home_nav_link .gap {
		margin-left: 20px;
	}
	.home_nav_link .link_item a .thumbs {
		width: 225px;
		height: 350px;
	}
	.home_nav_link .link_item a .link_name {
		position: absolute;
		width: 225px;
		height: 100px;
		bottom: 0;
		font-size: 1.3rem;
	}
	.home_nav_link .link_item a .link_name h2 {
		font-size: 1.9rem;
	}
	.home_nav_link .link_item a .link_name img {
		width: 16px;
		margin-right: 5px;
		vertical-align: -1px;
	}
/* PCお知らせ */
	.staff_blog {
		padding: 120px 0 0 0;
	}
	.staff_blog .no_entry {
		padding: 80px 0;
	}
	.staff_blog .update_body {
		margin-top: 30px;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: flex-start;
	}
	.staff_blog .entry_panel {
		width: 100%;
		position: relative;
		font-size: 1.8rem;
	}
	.staff_blog .entry_panel:hover {
		text-decoration: none;
		background: #f5f3ee;
	}
	.staff_blog .entry_meta {
		padding: 15px 0;
		display: table;
	}
	.staff_blog .entry_meta .entry_date {
		padding-right: 30px;
		padding-left: 25px;
	}
	.staff_blog .entry_meta .entry_cate {
		width: 120px;
		padding: 3px 0;
	}
	.staff_blog .entry_meta .entry_ttl {
		display: table-cell;
		vertical-align: middle;
		padding-left: 30px;
		font-size: 1.6rem;
	}
	.staff_blog .entry_meta .entry_ttl span {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 630px;
		display: inline-block;
	}
	.staff_blog .entry_panel img {
		width: 20px;
		position: absolute;
		top: 35%;
		right: 0;
	}
	.staff_blog .btn_area {
		margin: 40px auto 0 auto;
		text-align: center;
		overflow: hidden;
		width: 440px;
	}

}