@charset "UTF-8";

/** トップメイン領域 **/
.top_hero {
	background: linear-gradient(rgba(245,245,245,0.6), rgba(240,240,240,0.9)), url(../images/sasuga_top.svg);
	background-position: 80% bottom;
	background-size: cover;
}
.top_hero h1 {
	margin: 0;
	font-size: 9vw;
}
.top_hero h2 {
	margin: 0;
	font-size: 3vw;
}
.top_block {
	display: block;
	padding: 32px 16px;
}
.top_aa {
	padding: 16px;
}

/** コンテンツ一覧 **/
/** コンテンツ一覧 - タイトル **/
.top_nav_title {
	display: flex;
	align-items: center;
}
.top_nav_title:before, .top_nav_title:after {
	content: "";
	display: block;
	flex-grow: 1;
	height: 3px;
	background: #2196F3;
	margin-left: 8px;
	margin-right: 8px;
}
/** コンテンツ一覧 - リンク **/
.top_nav a {
	text-decoration: none;
}
.top_nav_link {
	margin: 16px;
	padding: 16px;
	background: #fafafa;
	color: #000;
	border: 3px solid #2196F3;
	border-radius: 8px;
}
.top_nav_link:hover {
	background: #E3F2FD;
	color: #333;
	box-shadow: 0px 0px 6px 4px rgba(72,72,72,0.3);
}
/** コンテンツ一覧 - リンク アイコン **/
.top_nav_link .icon {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	min-height: 240px;
}
.icon1 {
	background: url(../images/aa.svg);
}
.icon2 {
	background: url(../images/fam.svg);
}
.icon3 {
	background: url(../images/his.svg);
}
.top_nav_link .top_nav_txt {
}

/** お知らせ **/
/** お知らせ - タイトル **/
.top_info_title {
	display: flex;
	align-items: center;
}
.top_info_title:before, .top_info_title:after {
	content: "";
	display: block;
	flex-grow: 1;
	height: 3px;
	background: #4CAF50;
	margin-left: 8px;
	margin-right: 8px;
}

/** 大画面用設定 **/
@media (min-width: 768px) {
  .top_hero h1 {
	font-size: 72px;
  }
  .top_hero h2 {
	font-size: 24px;
  }
  .top_nav_link {
	display: flex;
  }
  .top_nav_link .icon1, .top_nav_link .icon2, .top_nav_link .icon3 {
	flex: 2;
  }
  .top_nav_link .top_nav_txt {
	flex: 4;
  }
}
@media (min-width: 1250px) {
  .top_nav_link {
	margin: 16px 0;
  }
}