@charset "utf-8";
/* CSS Document */




.fv-text{
    text-align: center;
    margin: 15px auto 25px auto;
    width: 75%;
}


/* ---------------------------------------------------------------------------------------------

   五大栄養素円

--------------------------------------------------------------------------------------------- */
.five-biggest-nutrient img{
	width: 100%;
	height: auto;
	animation: rotate-anime 100s linear infinite;
	margin-bottom: 25px;
}

@keyframes rotate-anime {
  0%  {transform: rotate(0);
  }
  100%  {transform: rotate(-360deg);
  }
}

.index-contents-wrap .xl-text{
	margin-bottom: 100px;
}




/* ---------------------------------------------------------------------------------------------

   Table .nutrient

--------------------------------------------------------------------------------------------- */
.nutrient{
	margin-top: 50px;
}

.nutrient th,
.nutrient td{
	padding: 1.5% 2.5%;/*10px 15px*/
	vertical-align: middle;
	border-radius: 0.75em;
	border: 5px solid #fff;
}

.nutrient th{
	font-size: clamp(20px, 2vw, 24px);
	color: #fff;
	font-weight: bold;
	width: 20%;
	line-height: 1.5;
}
.nutrient th span{
	font-size: clamp(16px, 2vw, 20px);
	color: #fff;
	font-weight: bold;
}

.nutrient td{
	font-size: clamp(14px, 2vw, 18px);
	background: #faf0e6;
}

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

.nutrient th,
.nutrient td{
	display: block;
	border: 3px solid #fff;
	width: 100%;
	padding: 2% 3%;
}

}

/* Th color
-----------------------------------------------------------*/
.nutrient .tanpaku{
	background: #ea5432;
}
.nutrient .shishitsu{
	background: #e95193;
}
.nutrient .tansui{
	background: #f6ad3a;
}
.nutrient .vitamin{
	background: #7dc058;
}
.nutrient .mineral{
	background: #4394d0;
}



/* ---------------------------------------------------------------------------------------------

   Such_Symptoms_nav

--------------------------------------------------------------------------------------------- */

.Such_Symptoms_nav{
	width: 100%;
}

.Such_Symptoms_nav ul li a{
	width: 50%;
	padding:35px 3% 25px 3%;
	height: 150px;
	float: left;
	background: #fff;
	position:relative;
}
.Such_Symptoms_nav li a img{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
}

.Such_Symptoms_nav ul li.gray a{
	background: #f0f0f0;
}
.Such_Symptoms_nav ul li a:hover{
	background: #993;
}

.Such_Symptoms_nav ul li a .Such_h3{/*英文*/
	text-align: center;
	font-size: clamp(18px, 2vw, 24px);
	font-family: 'Philosopher', sans-serif;
	color: #999;
	letter-spacing:0.05em;
	line-height: 1.35;
    font-weight: normal;

}
.Such_Symptoms_nav ul li a:hover .Such_h3{
	color:#fff;
}

.Such_Symptoms_nav ul li a .Such_h3 span{/*和文*/
	font-size: clamp(16px, 2vw, 20px);
	letter-spacing:0.01em;
	line-height: 1.35;
}
.Such_Symptoms_nav ul li a:hover .Such_h3 span{
	color:#fff;
}