@charset "utf-8";

/* =======================================
	top CSS
========================================== */
/* グローバルナビカレント表示
------------------------------------------ */
@media screen and (min-width: 1000px) {
	ul.gnav > li:nth-of-type(1) > a {
		background: #C7F593;
		color: #44BB4C;
		border-radius: 5px;
	}
}

/* メインビジュアルスライダー
------------------------------------------ */
.slider ul {
	clear: both;
	width: 100%;
}
.slider ul li img{
	width: 100%;
}
@media screen and (min-width: 1000px) {/* PC */
	#visualSp {
		display: none;
	}
}
@media screen and (max-width: 999px) {/* TB & SP */
	#visual {
		display: none;
	}
}

/* secNotice : 告知エリア※固定ページ（スラッグ名/top-notice/）を読み込む
------------------------------------------ */
@media screen and (min-width: 1000px) {/* PC */
	#secNotice {
		background: linear-gradient(#44BB4C 4px, #E3FAC9 4px, #E3FAC9 70px, #F7F8EF 70px, #F7F8EF);
		padding: 130px 0 60px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	#secNotice {
		background: linear-gradient(#44BB4C 4px, #E3FAC9 4px, #E3FAC9 70px, #F7F8EF 70px, #F7F8EF);
		padding: 130px 0 60px;
	}
}
@media screen and (max-width: 767px) {/* SP */
	#secNotice {
		background: linear-gradient(#44BB4C 4px, #F7F8EF 4px, #F7F8EF);
		padding: 34px 0 30px;
	}
}

/* secNews : お知らせ Notice
------------------------------------------ */
/* セクション全体 */
@media screen and (min-width: 1000px) {/* PC */
	#secNews {
		padding: 60px 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	#secNews {
		padding: 40px 0;
	}
}
@media screen and (max-width: 767px) {/* SP */
	#secNews {
		padding: 20px 0;
	}
}
/* タイトル */
#secNews h2 {
	color: #44BB4C;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	border-left: 4px solid #D4E500;
	padding: 10px 0 10px 0.5em;
	margin-bottom: 0.5em;
	position: relative;
}
#secNews h2 span {
	display: block;
	text-align: right;
	margin: -1.6em 0 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 100;
}
#secNews h2:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #44BB4C;
}
@media screen and (min-width: 1000px) {/* PC */
	#secNews h2 {
		font-size: 36px;
	}
	#secNews h2 span {
		font-size: 26px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	#secNews h2 {
		font-size: 30px;
	}
	#secNews h2 span {
		font-size: 20px;
	}
}
@media screen and (max-width: 767px) {/* SP */
	#secNews h2 {
		font-size: 24px;
	}
	#secNews h2 span {
		font-size: 16px;
	}
}
/* お知らせの日付・タイトル */
#secNews dl dt {
	color: #44B84C;
	font-weight: 500;
}
#secNews dl dd {
	margin: -1.6em 0 1em 0;
	padding: 0 0 1em 6em;
	border-bottom: 1px dotted #ccc;
}
@media screen and (min-width: 1000px) {/* PC */
	/* お知らせの日付・タイトル */
	#secNews dl {
		font-size: 18px;
	}
}

/* secService : サービスのご案内 Service Info
------------------------------------------ */
/* セクション全体 */
#secService {
	padding: 0;
}
@media screen and (min-width: 1000px) {/* PC */
	ul.serviceInfo li {
		float: left;
		width: calc(100% / 3);
		height: 666px;
	}
	_:-ms-lang(x)::-ms-backdrop, ul.serviceInfo li {
		width: 33.3333333333%; /* IE11 */
	}
	ul.serviceInfo li figure {
		height: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	ul.serviceInfo li {
		float: left;
		width: calc(100% / 3);
	}
}
/* 画像BOX */
@media screen and (min-width: 1000px) {/* PC */
	ul.serviceInfo li figure {
		height: 50%;
	}
}
@media screen and (max-width: 767px) {/* SP */
	li.srvReg figure,
	li.srvHelp figure,
	li.srvAoi {
		padding: 2em 2em 0;	
	}
	li.srvDay figure,
	li.srvCare {
		padding: 0 2em 2em;	
	}
}
/* テキストBOX */
ul.serviceInfo li div.txt {
	box-sizing: border-box;
	text-align: center;
	display: flex;
	align-items: center;/* 内包要素を並列内で上下センターに */
	justify-content: center;/* 内包要素を並列内で左右センターに */
	flex-direction: column;/* 内包要素を縦に配置 */
	flex-wrap: wrap;/* 内包要素を折り返す */

}
@media screen and (min-width: 1000px) {/* PC */
	ul.serviceInfo li div.txt {
		height: 50%;
		padding: 30px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	ul.serviceInfo li div.txt {
		padding: 20px;
	}
}
@media screen and (max-width: 767px) {/* SP */
	ul.serviceInfo li div.txt {
		padding: 2em;
	}
}
/* テキストBOX内 */
ul.serviceInfo li div.txt h3 {
	margin: 0 auto 1em;
}
ul.serviceInfo li div.txt p a {
	margin: 0 auto 1em;
}
ul.serviceInfo li div.txt p:last-of-type a {
	margin: 0 auto 0;
}

/* サービスのご案内タイトル */
li.srvTtl {
	text-align: center;
}
li.srvTtl h2 {
	color: #44BB4C;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
}
li.srvTtl h3 {
	color: #44BB4C;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 100;
	border-top: 1px solid #44BB4C;
}
li.srvTtl p.icnInstagram a {
	color: #44BB4C;
}
@media screen and (min-width: 1000px) {/* PC */
	li.srvTtl h2 {/* 縦書きタイトル */
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 40px;
		line-height: 1;
		margin: 0 auto 20px;
		width: 40px;
	}
	li.srvTtl h3 {
		font-size: 26px;
		width: 216px;
		margin: 0 auto;
	}
	li.srvTtl p.icnInstagram a {
		font-size: 50px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	li.srvTtl h2 {/* 縦書きタイトル */
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 30px;
		line-height: 1;
		margin: 0 auto 20px;
		width: 30px;
	}
	li.srvTtl h3 {
		font-size: 20px;
		width: 80%;
		margin: 0 auto;
	}
	li.srvTtl p.icnInstagram a {
		font-size: 50px;
	}
}
@media screen and (max-width: 767px) {/* SP */
	li.srvTtl h2 {
		font-size: 24px;
	}
	li.srvTtl h3 {
		font-size: 16px;
	}
	li.srvTtl p.icnInstagram a {
		font-size: 40px;
	}
}

/* サ高住 */
li.srvReg {
	background: rgba(68,187,76,.15);
}
li.srvReg div.txt h3 {
	box-sizing: border-box;
	width: 12em;
	padding: 10px 0;
	background: #44BB4C;
	border-radius: 5px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
li.srvReg div.txt p a {
	display: block;
	box-sizing: border-box;
	width: 12em;
	padding: 10px 0;
	background: #F2FAF2;
	border-radius: 5px;
	border: 1px solid #44BB4C;
	color: #44BB4C;
	line-height: 1.2;
	text-align: center;
}
@media screen and (min-width: 1000px) {/* PC */
	li.srvReg div.txt h3 {
		font-size: 20px;
	}
	li.srvReg div.txt p a {
		font-size: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	li.srvReg div.txt h3 {
		font-size: 18px;
	}
	li.srvReg div.txt p a {
		font-size: 18px;
	}
}

/* デイサービス */
li.srvDay {
	background: rgba(0,133,178,.15);
}
li.srvDay div.txt h3 {
	box-sizing: border-box;
	width: 12em;
	padding: 10px 0;
	background: #0085B2;
	border-radius: 5px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
li.srvDay div.txt p a {
	display: block;
	box-sizing: border-box;
	width: 12em;
	padding: 10px 0;
	background: #EDF6FA;
	border-radius: 5px;
	border: 1px solid #0085B2;
	color: #0085B2;
	line-height: 1.2;
	text-align: center;
}
@media screen and (min-width: 1000px) {/* PC */
	li.srvDay div.txt h3 {
		font-size: 20px;
	}
	li.srvDay div.txt p a {
		font-size: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	li.srvDay div.txt h3 {
		font-size: 18px;
	}
	li.srvDay div.txt p a {
		font-size: 18px;
	}
}

/* ヘルパーステーション */
li.srvHelp {
	background: rgba(255,115,115,.15);
}
li.srvHelp div.txt p a {
	display: block;
	box-sizing: border-box;
	width: 12em;
	padding: 10px 0;
	background: #FF7373;
	border-radius: 5px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
@media screen and (min-width: 1000px) {/* PC */
	li.srvHelp div.txt p a {
		font-size: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	li.srvHelp div.txt p a {
		font-size: 18px;
	}
}

/* あおいルーム */
li.srvAoi {
	background: rgba(217,163,0,.15);
}
li.srvAoi div.txt p a {
	display: block;
	box-sizing: border-box;
	width: 12em;
	padding: 10px 0;
	background: #D9A300;
	border-radius: 5px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
@media screen and (min-width: 1000px) {/* PC */
	li.srvAoi div.txt p a {
		font-size: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	li.srvAoi div.txt p a {
		font-size: 18px;
	}
}

/* ケアプランセンター */
li.srvCare {
	background: rgba(137,130,216,.15);
}
li.srvCare div.txt p a {
	display: block;
	box-sizing: border-box;
	width: 12em;
	padding: 10px 0;
	background: #8982D8;
	border-radius: 5px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
@media screen and (min-width: 1000px) {/* PC */
	li.srvCare div.txt p a {
		font-size: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	li.srvCare div.txt p a {
		font-size: 18px;
	}
}

/* secCampusfacility : キャンパス施設のご紹介 Campus Facilities
------------------------------------------ */
/* セクション全体 */
#secCampusfacility {
	background: #44BB4C;
}
@media screen and (min-width: 1000px) {/* PC */
	#secCampusfacility {
		padding: 60px 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	#secCampusfacility {
		padding: 40px 0;
	}
}
@media screen and (max-width: 767px) {/* SP */
	#secCampusfacility {
		padding: 20px 0;
	}
}
/* タイトル */
#secCampusfacility h2 {
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	border-left: 4px solid #D4E500;
	padding: 10px 0 10px 0.5em;
	margin-bottom: 0.5em;
	position: relative;
}
#secCampusfacility h2 span {
	display: block;
	text-align: right;
	margin: -1.6em 0 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 100;
}
#secCampusfacility h2:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1000px) {/* PC */
	#secCampusfacility h2 {
		font-size: 36px;
	}
	#secCampusfacility h2 span {
		font-size: 26px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	#secCampusfacility h2 {
		font-size: 30px;
	}
	#secCampusfacility h2 span {
		font-size: 20px;
	}
}
@media screen and (max-width: 767px) {/* SP */
	#secCampusfacility h2 {
		font-size: 24px;
	}
	#secCampusfacility h2 span {
		font-size: 16px;
	}
}
/* BOX */
ul.facilityInfo li {
	box-sizing: border-box;
	background: #fff;
	border-radius: 0 0 5px 5px;
}
@media screen and (min-width: 1000px) {/* PC */
	ul.facilityInfo li {
		float: left;
		width: calc((100% - 40px) / 5);
		margin: 0 10px 0 0;
	}
	_:-ms-lang(x)::-ms-backdrop, ul.facilityInfo li {
		width: 192px; /* IE11 */
	}
	ul.facilityInfo li:last-of-type {
		margin: 0 0 0 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	ul.facilityInfo li {
		float: left;
		width: calc((100% - 40px) / 5);
		margin: 0 10px 0 0;
	}
	ul.facilityInfo li:last-of-type {
		margin: 0 0 0 0;
	}
}
@media screen and (max-width: 767px) {/* SP */
	ul.facilityInfo li {
		float: left;
		width: calc((100% - 10px) / 2);
		margin: 0 10px 10px 0;
	}
	ul.facilityInfo li:nth-of-type(2n) {
		margin: 0 0 10px 0;
	}
	ul.facilityInfo li:last-of-type {
		margin: 0 0 0 0;
	}
}
ul.facilityInfo li h3 {
	color: #44BB4C;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	display: flex;
	align-items: center;/* 内包要素を並列内で上下センターに */
	justify-content: center;/* 内包要素を並列内で左右センターに */
	height: 2em;
	margin: 1em 0 0 0;
}
ul.facilityInfo li p {
	padding: 0.5em;
}
#secCampusfacility p.readmore a {
	display: block;
	width: 7em;
	margin: 1em auto 0;
	color: #fff;
	font-size: 20px;
	padding: 0.5em 1em;
	border: 1px solid #fff;
	border-radius: 5px;
	text-align: center;
}
#secCampusfacility p.readmore a i {
	color: #fff;
}

/* secInstagram : インスタグラムタイムライン
------------------------------------------ */
/* セクション全体 */
#secInstagram h2 {
	text-align: center;
}
@media screen and (min-width: 1000px) {/* PC */
	#secInstagram {
		padding: 60px 0;
	}
	#secInstagram h2 {
		margin-bottom: 40px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	#secInstagram {
		padding: 40px 0;
	}
	#secInstagram h2 {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 767px) {/* SP */
	#secInstagram {
		padding: 20px 0;
	}
	#secInstagram h2 {
		margin-bottom: 10px;
	}
}
/* BOX */
ul.instaInfo > li {
}
@media screen and (min-width: 1000px) {/* PC */
	ul.instaInfo > li {
		float: left;
		width: calc((100% - 100px) / 3);
		margin: 0 50px 0 0;
	}
	_:-ms-lang(x)::-ms-backdrop, ul.serviceInfo > li {
		width: 300px; /* IE11 */
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	ul.instaInfo > li {
		float: left;
		width: calc((100% - 40px) / 2);
		margin: 0 20px 20px 0;
	}
	ul.instaInfo > li:nth-of-type(2n) {
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 767px) {/* SP */
	ul.instaInfo > li {
	}
}
ul.instaInfo > li:last-of-type {
	margin: 0 0 0 0;
}
/* BOX内 h3 */
ul.instaInfo > li h3 {
	font-weight: 700;
}
ul.instaInfo > li.istReg h3 {
	box-sizing: border-box;
	height: 55px;
	background: url("../../img_top/ist_residence.png") no-repeat;
	padding: 0 0 0 65px; 
}
ul.instaInfo > li.istDay1 h3 {
	box-sizing: border-box;
	height: 55px;
	background: url("../../img_top/ist_day1.png") no-repeat;
	padding: 0 0 0 65px; 
}
ul.instaInfo > li.istDay2 h3 {
	box-sizing: border-box;
	height: 55px;
	background: url("../../img_top/ist_day2.png") no-repeat;
	padding: 0 0 0 65px; 
}
@media screen and (min-width: 1000px) {/* PC */
	ul.instaInfo > li h3 {
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	ul.instaInfo > li h3 {
		margin-bottom: 20px;
	}
	ul.instaInfo > li h3 {
	display: flex;/* 内包要素を並列に */
	align-items: center;/* 内包要素を並列内で上下センターに */
	}
}
@media screen and (max-width: 767px) {/* SP */
	ul.instaInfo > li h3 {
		margin-bottom: 10px;
	}
	ul.instaInfo > li h3 {
	display: flex;/* 内包要素を並列に */
	align-items: center;/* 内包要素を並列内で上下センターに */
	}
}
/* BOX内 ボタン */
ul.istBtn {
	letter-spacing: -.4em;/*文字を詰める(隙間を消す)*/
	margin: 1em 0;
}
ul.istBtn li {
	display: inline;
	letter-spacing: normal;/*文字間を元に戻す(隙間は消えたまま)*/
}
ul.istBtn li a {
	display: inline-block;
	border-radius: 5px;
}
ul.istBtn li:nth-of-type(1) a {
	background: #000;
	color: #fff;
	padding: 0 10px;
	margin: 0 1em 0 0;
}
ul.istBtn li:nth-of-type(2) a {
	background: #527FA6;
	color: #fff;
	padding: 0 10px;
}
@media screen and (min-width: 1000px) {/* PC */
	#sec3 {
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	#sec3 {
	}
}
@media screen and (max-width: 767px) {/* SP */
	#sec3 {
	}
}

/* sec3 : 
------------------------------------------ */
/* セクション全体 */
#sec3 {
}
@media screen and (min-width: 1000px) {/* PC */
	#sec3 {
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	#sec3 {
	}
}
@media screen and (max-width: 767px) {/* SP */
	#sec3 {
	}
}