@charset "utf-8";

/* info */
#info {
	background-color: #fff;
}
#info h2 {
	position: relative;
}
#info h2::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../../images/common/icon_info.svg") no-repeat left bottom;
}

/* topMenu */
#topMenu ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#topMenu ul li {
	display: flex;
	position: relative;
	background-color: #fff;
}
#topMenu ul li a {
	display: block;
}
#topMenu ul li a:hover {
	text-decoration: none;
}
#topMenu .ttl {
	position: relative;
}
#topMenu .ttl::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-size: contain;
}
#topMenu li:nth-of-type(1) .ttl::before {
	background: url("../../images/common/icon_consult.svg") no-repeat left bottom;
}
#topMenu li:nth-of-type(2) .ttl::before {
	background: url("../../images/common/icon_consult_hour.svg") no-repeat left bottom;
}
#topMenu li:nth-of-type(3) .ttl::before {
	background: url("../../images/common/icon_greet.svg") no-repeat left bottom;
}
#topMenu li:nth-of-type(4) .ttl::before {
	background: url("../../images/common/icon_access.svg") no-repeat left bottom;
}
#topMenu li:nth-of-type(5) .ttl::before {
	background: url("../../images/common/icon_kaigo.svg") no-repeat left bottom;
}
#topMenu li:nth-of-type(6) .ttl::before {
	background: url("../../images/common/icon_contact.svg") no-repeat left bottom;
}

@media screen and (max-width: 768px) {

	/* mv */
	#mv img {
		height: calc(400vw / 7.5);
	}

	/* info */
	#info {
		margin-bottom: 10vw;
		padding: 4vw 4vw 2vw;
	}
	#info h2 {
		font-size: 5vw;
		margin-bottom: 4vw;
		padding-left: 10vw;
	}
	#info h2::before {
		width: calc(63vw / 7.5);
		height: calc(56vw / 7.5);
		background-size: contain;
	}
	#info p {
		margin-bottom: 4vw;
	}


	/* topMenu */
	#topMenu ul {
		width: 92vw;
		margin: 0 auto 4vw;
	}
	#topMenu ul li {
		width: 44vw;
		box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	}
	#topMenu ul li:nth-of-type(n+3) {
		margin-top: 3.2vw;
	}
	#topMenu ul li a {
		padding: 2vw 3.2vw 3vw;
	}
	#topMenu .ttl {
		font-size: 4.3vw;
		padding-top: 2.6vw;
		margin-bottom: 1vw;
	}
	#topMenu .img {
		margin-bottom: 2vw;
		height: 11vw;
	}
	#topMenu .text {
		font-size: 3vw;
	}
	#topMenu .ttl::before {
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	#topMenu li:nth-of-type(1) .ttl {
		padding-left:8vw;
	}
	#topMenu li:nth-of-type(1) .ttl::before {
		width: calc(48vw / 7.5);
		height: calc(48vw / 7.5);
		background-size: contain;
	}
	#topMenu li:nth-of-type(2) .ttl {
		padding-left: 8vw;
	}
	#topMenu li:nth-of-type(2) .ttl::before {
		width: calc(46vw / 7.5);
		height: calc(52vw / 7.5);
		background-size: contain;
	}
	#topMenu li:nth-of-type(3) .ttl {
		padding-left: 7.5vw;
	}
	#topMenu li:nth-of-type(3) .ttl::before {
		width: calc(44vw / 7.5);
		height: calc(51vw / 7.5);
		background-size: contain;
	}
	#topMenu li:nth-of-type(4) .ttl {
		padding-left: 10vw;
	}
	#topMenu li:nth-of-type(4) .ttl::before {
		width: calc(63vw / 7.5);
		height: calc(50vw / 7.5);
		background-size: contain;
	}
	#topMenu li:nth-of-type(5) .ttl {
		padding-left: 7.4vw;
	}
	#topMenu li:nth-of-type(5) .ttl::before {
		width: calc(43vw / 7.5);
		height: calc(51vw / 7.5);
		background-size: contain;
	}
	#topMenu li:nth-of-type(6) .ttl {
		padding-left: 6.3vw;
	}
	#topMenu li:nth-of-type(6) .ttl::before {
		width: calc(35vw / 7.5);
		height: calc(47vw / 7.5);
		background-size: contain;
	}
	#topMenu .text br {
		display: none;
	}

} 

@media screen and (min-width: 769px) {

	/* mv */
	#mv {
		margin-bottom: 20px;
	}
	#mv img {
		height: 300px;
	}

	/* info */
	#info {
		margin-bottom: 50px;
		padding: 30px 0 20px;
	}
	#info h2 {
		font-size: 30px;
		margin-bottom: 30px;
		padding-left: 73px;
	}
	#info h2::before {
		width: 63px;
		height: 56px;
	}
	#info p {
		margin-bottom: 20px;
	}


	/* topMenu */
	#topMenu ul {
		margin-bottom: 50px;
	}
	#topMenu ul li {
		width: 300px;
		box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	}
	#topMenu ul li:nth-of-type(n+4) {
		margin-top: 45px;
	}
	#topMenu ul li a {
		padding: 10px 20px 20px;
	}
	#topMenu .ttl {
		font-size: 24px;
		padding-top: 15px;
		margin-bottom: 10px;
	}
	#topMenu .img {
		margin-bottom: 15px;
	}
	#topMenu .text {
		font-size: 16px;
	}
	#topMenu .ttl::before {
		left: 0;
		margin: auto;
	}
	#topMenu li:nth-of-type(1) .ttl {
		padding-left: 58px;
	}
	#topMenu li:nth-of-type(1) .ttl::before {
		width: 48px;
		height: 48px;
	}
	#topMenu li:nth-of-type(2) .ttl {
		padding-left: 59px;
	}
	#topMenu li:nth-of-type(2) .ttl::before {
		width: 46px;
		height: 52px;
	}
	#topMenu li:nth-of-type(3) .ttl {
		padding-left: 60px;
	}
	#topMenu li:nth-of-type(3) .ttl::before {
		width: 44px;
		height: 51px;
	}
	#topMenu li:nth-of-type(4) .ttl {
		padding-left: 73px;
	}
	#topMenu li:nth-of-type(4) .ttl::before {
		width: 63px;
		height: 50px;
	}
	#topMenu li:nth-of-type(5) .ttl {
		padding-left: 53px;
	}
	#topMenu li:nth-of-type(5) .ttl::before {
		width: 43px;
		height: 51px;
	}
	#topMenu li:nth-of-type(6) .ttl {
		padding-left: 45px;
	}
	#topMenu li:nth-of-type(6) .ttl::before {
		width: 35px;
		height: 47px;
	}
	
}