/* CSS Document */



#fv {
	padding: 0 20px;
	box-sizing: border-box;
	max-width: 1440px;
  margin: auto;
	position: relative;
}
#fv .img {
}
#fv .img img {
	border-radius: 20px;
}
#fv .title {
	max-width: 520px;
  background: rgba(255,255,255, .9);
  padding: 40px;
  box-sizing: border-box;
	position: absolute;
  top: 55%;
  left: 5%;
  transform: translateY(-50%);
}
#fv .title h2 {
	font-size: 220%;
  line-height: 1.2;
	letter-spacing: 2px;
	margin: 0 0 15px;
	position: relative;
}
#fv .title h2 span {
	font-size: 15px;
  letter-spacing: 0;
	position: absolute;
	top: -1.2em;
	left: 1.5em;
}
#fv .title p {
	font-size: 105%;
	font-weight: 500;
	line-height: 2;
	text-align: justify;
}
#fv .title .logo {
	width: 75px;
	position: absolute;
	top: 10px;
  right: 20px;
}


#main .tab {
	max-width: 1440px;
  margin: auto;
	padding: 80px 20px 0;
	box-sizing: border-box;
}
#main .tab ul {
	font-size: 160%;
  font-weight: 500;
  line-height: 1.4;
	border-bottom: 2px solid #70BC5C;
	padding: 0 100px;
  display: flex;
	gap: 10px;
}
#main .tab ul li {
}
#main .tab ul li a {
	color: #70BC5C;
	border: 1px solid #70BC5C;
	border-bottom: none;
  border-radius: 10px 10px 0 0;
	padding: 5px 20px;
	display: block;
}
#main .tab ul li a:hover {
	background: #f1f9f2;
}
#main .tab ul li.active a {
	color: #fff;
	background: #70BC5C;
}




#businessContent {
	padding: 80px 0 40px;
}
#businessContent .inner {
	max-width: 1040px;
  display: flex;
  gap: 60px;
	position: relative;
}
#businessContent .txt,
#businessContent .img {
	width: 50%;
}
#businessContent .txt h2 {
	font-size: 220%;
	line-height: 1.4;
	margin: 20px 0;
}
#businessContent .txt h2 span {
	color: #70BC5C;
}
#businessContent .txt p {
	text-align: justify;
}




#dailyCare {
	margin: 50px 0;
	padding: 80px 0;
	background: #F1F9F2;
}
#dailyCare .inner {
	position: relative;
}
#dailyCare .lead {
  text-align: justify;
	max-width: 630px;
  margin: auto;
}




#dailyCare .block {
  margin: 60px 0;
	background: #fff;
	border: 4px solid #C1DDC2;
	border-radius: 15px;
	padding: 40px 60px;
}
#dailyCare .block h3 {
  font-size: 180%;
  line-height: 1.4;
  letter-spacing: 2px;
  text-align: center;
	color: #70BC5C;
	margin: 0 0 20px;
}
#dailyCare .block .lead {
	max-width: 780px;
}
#dailyCare .block .box {
	display: flex;
	gap: 40px;
	margin: 40px 0 0;
  padding: 40px 0 0;
	position: relative;
}
#dailyCare .block .box::before {
	content: '';
	border-bottom: 3px dotted #70BC5C;
  width: 70%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#dailyCare .block .box .img {
	width: 40%;
}
#dailyCare .block .box .img img {
	border-radius: 10px;
}
#dailyCare .block .box .txt {
	width: 60%;
	line-height: 1.6;
	margin: 15px 0 0;
}
#dailyCare .block .box .txt dl {
	display: flex;
  flex-wrap: wrap;
}
#dailyCare .block .box .txt dl dt {
	width: 120px;
	text-align: center;
}
#dailyCare .block .box .txt dl dd {
	width: calc(100% - 120px - 10px);
	text-align: justify;
}
#dailyCare .block .box .txt dl.style1 {
	align-items: flex-start;
	gap: 10px;
}
#dailyCare .block .box .txt dl.style1 dt {
	color: #fff;
	background: #7F7F80;
}
#dailyCare .block .box .txt dl.style1 dd {
}
#dailyCare .block .box .txt dl.style1 dd .atn {
	font-size: 90%;
	line-height: 1.4;
	margin: 5px 0 0;
}
#dailyCare .block .box .txt dl.style2 {
	font-size: 95%;
	margin: 40px 0 0;
}
#dailyCare .block .box .txt dl.style2 dt,
#dailyCare .block .box .txt dl.style2 dd {
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
}
#dailyCare .block .box .txt dl.style2 dt {
	font-weight: 500;
}
#dailyCare .block .box .txt dl.style2 dd {
}
#dailyCare .block .box .txt dl dd .green {
	color: #70BC5C;
}



#facilityEquipment {
  padding: 40px 0;
}
#facilityEquipment ul.photo {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
#facilityEquipment ul.photo li {
	width: calc(33.3% - 30px * 2 / 3);
	position: relative;
}
#facilityEquipment ul.photo li p {
	font-weight: 500;
	line-height: 1.4;
	background: linear-gradient(to right, #fff 0%, #fff 50%, rgba(255,255,255, 0) 100%);
	padding: 3px 80px 3px 15px;
	position: absolute;
	top: 20px;
	left: 0;
}
#facilityEquipment table.tb1 {
	margin: 40px 0 0;
}




#overview {
  padding: 40px 0;
}
#facilityEquipment table.tb1 th,
#overview table.tb1 th {
	width: 180px;
	color: #70BC5C;
	background: #fafbfa;
}
#facilityEquipment table.tb1 td,
#overview table.tb1 td {
}
#facilityEquipment table.tb1 td ul.flex {
	display: flex;
	gap: 30px;
}
#facilityEquipment table.tb1 td ul.flex li {
}
#facilityEquipment table.tb1 td ul li span {
	font-size: 90%;
}




#contact {
	padding: 80px 0;
}
#contact .banner {
	max-width: 560px;
  margin: auto;
}






@media screen and (max-width: 480px) {
  
	#fv .img img {
		border-radius: 15px;
		aspect-ratio: 3/2;
    width: 100%;
    object-fit: cover;
	}
	#fv .title {
		background: none;
		padding: 20px 0;
		margin: 20px 0 0;
		position: relative;
		top: 0;
		left: 0;
		transform: unset;
	}
	#fv .title h2 {
		font-size: 180%;
		text-align: center;
		margin: 0 0 10px;
	}
	#fv .title h2 span {
		font-size: 13px;
		left: 50%;
		transform: translateX(-50%);
	}
	#fv .title .logo {
		width: 60px;
		top: 0;
		right: 10px;
	}
	
	
	
	#main .tab {
		padding: 30px 20px 0;
	}
	#main .tab ul {
		font-size: 110%;
		padding: 0 5px;
		gap: 5px;
	}
	#main .tab ul li a {
		border-radius: 5px 5px 0 0;
		padding: 5px 10px;
	}

	
	
	#businessContent {
		padding: 40px 0;
		overflow-x: clip;
	}
	#businessContent .inner {
		flex-direction: column-reverse;
		gap: 10px;
	}
	#businessContent .txt,
	#businessContent .img {
		width: 100%;
	}
	#businessContent .txt h2 {
		font-size: 180%;
		text-align: center;
		margin: 10px 0;
	}
	
	
	#dailyCare {
		margin: 20px 0;
		padding: 40px 0;
	}
	#dailyCare .block {
		margin: 30px 0;
		border: 3px solid #C1DDC2;
		border-radius: 10px;
		padding: 30px 20px;
	}
	#dailyCare .block h3 {
		font-size: 140%;
		margin: 0 0 10px;
	}
	#dailyCare .block .box {
		flex-direction: column;
		gap: 10px;
		margin: 30px 0 0;
    padding: 30px 0 0;
	}
	#dailyCare .block .box .img {
		width: 100%;
	}
	#dailyCare .block .box .txt {
		width: 100%;
	}
	#dailyCare .block .box .txt dl {
		flex-direction: column;
	}
	#dailyCare .block .box .txt dl dt {
		width: 100%;
		padding: 2px 0;
	}
	#dailyCare .block .box .txt dl dd {
		width: 100%;
	}
	#dailyCare .block .box .txt dl.style2 {
		margin: 30px 0 0;
	}
	#dailyCare .block .box .txt dl.style2 dt {
		padding: 2px 0;
		border-top: 1px solid #ccc;
	}
	#dailyCare .block .box .txt dl.style2 dd {
		padding: 10px 10px 30px;
		border: none;
	}
	
	
	
	
	#facilityEquipment {
	}
	#facilityEquipment ul.photo {
		gap: 10px;
	}
	#facilityEquipment ul.photo li {
		width: calc(50% - 10px / 2);
	}
	#facilityEquipment ul.photo li p {
		font-size: 90%;
		padding: 2px 60px 2px 5px;
		top: 10px;
	}
	#facilityEquipment table.tb1 {
		margin: 30px 0 0;
	}
	#facilityEquipment table.tb1 th,
	#overview table.tb1 th,
	#facilityEquipment table.tb1 td,
	#overview table.tb1 td {
		width: 100% !important;
		display: block;
		box-sizing: border-box;
	}
	#facilityEquipment table.tb1 td,
	#overview table.tb1 td {
		border-width: 0 1px;
		padding: 10px 15px;
	}
	#facilityEquipment table.tb1 tr:last-of-type td,
	#overview table.tb1 tr:last-of-type td {
		border-bottom-width: 1px;
	}
	#facilityEquipment table.tb1 td ul.flex {
		flex-wrap: wrap;
		gap: 0;
		list-style-position: inside;
		padding: 0;
	}
	#facilityEquipment table.tb1 td ul.flex li {
		margin-right: 20px;
	}
	
	
	
	
	#contact {
		padding: 40px 0;
	}
	#contact .banner {
		max-width: 200px;
	}
	
	
	
	
	
	
	
	
	
}