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


	
	
/* kv
--------------------- */
#kv {
	width: 100%;
	padding: 120px 0 100px 0;
}
	#kv #slider {
		width: 100%;
		height: 90vh;
		overflow: hidden;
		border-radius: 20px;
	}
		#kv #slider h1 {
			font-size: 10.0rem;
			color: #fff;
			letter-spacing: 0.02em;
			line-height: 1.1em;
			position: absolute;
			bottom: 85px;
			left: 50px;
			z-index: 3;
		}


	
	
/* course
--------------------- */
#course {
	width: 100%;
	padding-bottom: 100px;
}
	#course a.linkbox {
		display: block;
		width: 48%;
		min-height: 500px;
		overflow: hidden;
		border-radius: 20px;
		position: relative;
	}
	#course a.linkbox.nutrition {
		background: url("../img/home/nutrition_img.jpg") no-repeat center / cover;
	}
	#course a.linkbox.clinical {
		background: url("../img/home/clinical_img.jpg") no-repeat center / cover;
	}
		#course a.linkbox:before {
			content: "";
			width: 100%;
			height: 100%;
			mix-blend-mode: screen;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
			transition: 0.4s;
			-webkit-transition: 0.4s;
		}
		#course a.linkbox.nutrition:before {
			background: rgba(111,186,44,0.3);
		}
		#course a.linkbox.clinical:before {
			background: rgba(0,134,209,0.3);
		}
		#course a.linkbox.nutrition:hover:before {
			background: rgba(111,186,44,1);
		}
		#course a.linkbox.clinical:hover:before {
			background: rgba(0,134,209,1);
		}
			#course a.linkbox .text {
				text-align: center;
				padding-top: 200px;
				margin-bottom: 70px;
				position: relative;
				z-index: 2;
			}
				#course a.linkbox .text h2 {
					font-size: 4.0rem;
					font-weight: 600;
					line-height: 1;
					margin-bottom: 5px;
				}
				#course a.linkbox .text .en {
					font-size: 1.4rem;
					line-height: 1;
				}
				#course a.linkbox .text span {
					display: inline-block;
					background: #fff;
					border-radius: 3px;
					padding: 3px 5px;
					opacity: 0.8;
				}

			#course a.linkbox .btn {
				position: relative;
				z-index: 2;
			}


	
	
/* linkarea
--------------------- */
#linkarea {
	width: 100%;
	padding-bottom: 100px;
}
	#linkarea .column02 {
		margin-bottom: 60px;
	}
		#linkarea .column02 li {
			width: 48%;
		}
			#linkarea .column02 li a {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				height: 120px;
				border-radius: 20px;
				background: #fff;
				border: solid 3px #EFEFEF;
				position: relative;
			}
				#linkarea .column02 li a .pht {
					width: 180px;
					border-radius: 5px 5px 0 0;
					overflow: hidden;
					position: absolute;
					bottom: 0;
					left: 40px;
				}
					#linkarea .column02 li a .pht img {
						-moz-transition: -moz-transform 0.3s linear;
						-webkit-transition: -webkit-transform 0.3s linear;
						-o-transition: -o-transform 0.3s linear;
						-ms-transition: -ms-transform 0.3s linear;
						transition: transform 0.3s linear;
					}
					#linkarea .column02 li a:hover .pht img {
						-webkit-transform: scale(1.08);
						-moz-transform: scale(1.08);
						-o-transform: scale(1.08);
						-ms-transform: scale(1.08);
						transform: scale(1.08);
					}

				#linkarea .column02 li a .text {
					padding-left: 245px;
				}
					#linkarea .column02 li a .text h2 {
						font-size: 2.0rem;
						font-weight: 600;
						line-height: 1.4em;
						margin-bottom: 6px;
					}
					#linkarea .column02 li a .text .en {
						font-size: 1.2rem;
						line-height: 1;
						color: #A0A0A0;
					}

				#linkarea .column02 li a .more {
					position: absolute;
					top: 50%;
					right: 40px;
					margin-top: -14px;
				}


	#linkarea .column06 li {
		width: 15.2%;
	}
		#linkarea .column06 li a {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 200px;
			border-radius: 20px;
			background: #fff;
			border: solid 3px #EFEFEF;
			position: relative;
			text-align: center;
		}
			#linkarea .column06 li a .text {
				margin-top: -10px;
			}
				#linkarea .column06 li a .text h2 {
					font-size: 1.8rem;
					font-weight: 600;
					line-height: 1.3em;
					margin-bottom: 6px;
				}
				#linkarea .column06 li a .text .en {
					font-size: 1.2rem;
					line-height: 1;
					color: #A0A0A0;
				}

			#linkarea .column06 li a .more {
				width: 100%;
				position: absolute;
				bottom: 20px;
				left: 0;
				text-align: center;
			}


	
	
/* news
--------------------- */
#news {
	width: 100%;
	padding-bottom: 150px;
}
	#news h2 {
		margin-bottom: 70px;
		font-size: 10.0rem;
		font-weight: 500;
		text-align: center;
		line-height: 0.9;
	}
		#news h2 span {
			font-size: 2.8rem;
			font-weight: 600;
			letter-spacing: 0;
		}


	#news .swiper-container {
		padding-bottom: 50px;
		margin-bottom: 40px;
		overflow: hidden;
		position: relative;
	}
		#news .swiper-container a.swiper-slide {
			display: block;
		}
			#news .swiper-container a.swiper-slide .pht {
				aspect-ratio: 4 / 3.5;
				width: 100%;
				height: 100%;
				border-radius: 20px;
				overflow: hidden;
			}
				#news .swiper-container a.swiper-slide .pht img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					-moz-transition: -moz-transform 0.3s linear;
					-webkit-transition: -webkit-transform 0.3s linear;
					-o-transition: -o-transform 0.3s linear;
					-ms-transition: -ms-transform 0.3s linear;
					transition: transform 0.3s linear;
				}
				#news .swiper-container a.swiper-slide:hover .pht img {
					-webkit-transform: scale(1.08);
					-moz-transform: scale(1.08);
					-o-transform: scale(1.08);
					-ms-transform: scale(1.08);
					transform: scale(1.08);
				}

			#news .swiper-container a.swiper-slide .text {
				position: relative;
				padding-top: 18px;
			}
				#news .swiper-container a.swiper-slide .text h3 {
					font-size: 1.8rem;
					font-weight: 600;
					line-height: 1.5em;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					margin-bottom: 10px;
				}
				#news .swiper-container a.swiper-slide .text .en {
					font-size: 1.4rem;
					color: #A0A0A0;
					line-height: 1;
				}
				#news .swiper-container a.swiper-slide .text .more {
					position: absolute;
					bottom: 0;
					right: 0;
				}


		#news .swiper-container .swiper-pagination {
			bottom: 0;
		}
			#news .swiper-container .swiper-pagination .swiper-pagination-bullet {
				width: 8px;
				height: 8px;
				background: #fff;
				border-radius: 4px;
				border: solid 1px #332A25;
				opacity: 1.0;
				transition: 0.4s;
				-webkit-transition: 0.4s;
			}
			#news .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
				background: #332A25;
				width: 30px;
			}







/* 1200px */
@media screen and (max-width: 1200px) {


	
	
/* linkarea
--------------------- */
#linkarea .column02 li a {
	height: 100px;
}
	#linkarea .column02 li a .pht {
		width: 150px;
		left: 30px;
	}

	#linkarea .column02 li a .text {
		padding-left: 195px;
	}

	#linkarea .column02 li a .more {
		right: 30px;
	}



}









/* 1024px */
@media screen and (max-width: 1024px) {


	
	
/* kv
--------------------- */
#kv {
	padding: 90px 0 80px 0;
}
	#kv #slider {
		height: 70vh;
	}
		#kv #slider h1 {
			font-size: 7.0rem;
			bottom: 45px;
		}


	
	
/* course
--------------------- */
#course {
	padding-bottom: 70px;
}
	#course a.linkbox {
		width: 48.2%;
		min-height: 300px;
	}
		#course a.linkbox .text {
			padding-top: 90px;
			margin-bottom: 35px;
		}
			#course a.linkbox .text h2 {
				font-size: 3.4rem;
			}
			#course a.linkbox .text .en {
				font-size: 1.2rem;
			}


	
	
/* linkarea
--------------------- */
#linkarea {
	padding-bottom: 70px;
}
	#linkarea .column02 {
		margin-bottom: 40px;
	}
		#linkarea .column02 li {
			width: 48.5%;
		}
			#linkarea .column02 li a {
				height: 107px;
			}
				#linkarea .column02 li a .pht {
					width: 130px;
					left: 0;
					border-radius: 18px 0 0 18px;
				}

				#linkarea .column02 li a .text {
					padding-left: 148px;
				}
					#linkarea .column02 li a .text h2 {
						font-size: 1.7rem;
						margin-bottom: 3px;
					}
					#linkarea .column02 li a .text .en {
						font-size: 1.1rem;
					}

				#linkarea .column02 li a .more {
					right: 20px;
				}


	#linkarea .column06 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		#linkarea .column06 li {
			width: 32%;
			margin-right: 2%;
		}
		#linkarea .column06 li:nth-child(3n) {
			margin-right: 0;
		}
		#linkarea .column06 li:nth-child(1),
		#linkarea .column06 li:nth-child(2),
		#linkarea .column06 li:nth-child(3) {
			margin-bottom: 2%;
		}
			#linkarea .column06 li a {
				height: 110px;
			}
				#linkarea .column06 li a .text {
					margin-top: -20px;
				}
					#linkarea .column06 li a .text h2 {
						font-size: 1.5rem;
						margin-bottom: 3px;
					}
						#linkarea .column06 li a .text h2 br {
							display: none;
						}
	
					#linkarea .column06 li a .text .en {
						font-size: 1.1rem;
					}

				#linkarea .column06 li a .more {
					bottom: 10px;
				}


	
	
/* news
--------------------- */
#news {
	padding-bottom: 100px;
}
	#news h2 {
		margin-bottom: 50px;
		font-size: 8.0rem;
	}
		#news h2 span {
			font-size: 2.3rem;
		}


	#news .swiper-container {
		margin-bottom: 30px;
	}
		#news .swiper-container a.swiper-slide .pht {
			aspect-ratio: 4 / 3;
		}

		#news .swiper-container a.swiper-slide .text h3 {
			font-size: 1.6rem;
		}
		#news .swiper-container a.swiper-slide .text .en {
			font-size: 1.3rem;
		}




}

	







/* max 767px */
@media screen and (max-width: 767px) {


	
	
/* kv
--------------------- */
#kv {
	padding-bottom: 60px;
}
	#kv #slider {
		height: 60vh;
	}
		#kv #slider h1 {
			font-size: 4.6rem;
			bottom: 25px;
			left: 25px;
		}


	
	
/* course
--------------------- */
#course {
	display: block;
	padding-bottom: 60px;
}
	#course a.linkbox {
		width: 100%;
		min-height: auto;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
	#course a.linkbox:nth-last-child(1) {
		margin-bottom: 0;
	}
		#course a.linkbox .text {
			padding-top: 60px;
			margin-bottom: 30px;
		}
			#course a.linkbox .text h2 {
				font-size: 3.0rem;
			}
			#course a.linkbox .text .en {
				font-size: 1.1rem;
			}


	
	
/* linkarea
--------------------- */
#linkarea {
	padding-bottom: 40px;
}
	#linkarea .column02 {
		display: block;
		margin-bottom: 30px;
	}
		#linkarea .column02 li {
			width: 100%;
		}
		#linkarea .column02 li:nth-child(1) {
			margin-bottom: 20px;
		}
			#linkarea .column02 li a {
				height: 100px;
			}
				#linkarea .column02 li a .pht {
					width: 121px;
				}

				#linkarea .column02 li a .text {
					padding-left: 135px;
				}
					#linkarea .column02 li a .text h2 {
						font-size: 1.7rem;
						margin-bottom: 3px;
					}
					#linkarea .column02 li a .text .en {
						font-size: 1.1rem;
					}

				#linkarea .column02 li a .more {
					right: 15px;
				}


	#linkarea .column06 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		#linkarea .column06 li {
			width: 48%;
			margin-right: 4%;
		}
		#linkarea .column06 li:nth-child(3n) {
			margin-right: 4%;
		}
		#linkarea .column06 li:nth-child(2n) {
			margin-right: 0;
		}
		#linkarea .column06 li:nth-child(1),
		#linkarea .column06 li:nth-child(2),
		#linkarea .column06 li:nth-child(3),
		#linkarea .column06 li:nth-child(4) {
			margin-bottom: 4%;
		}
			#linkarea .column06 li a {
				height: 110px;
			}
				#linkarea .column06 li a .text {
					margin-top: -23px;
				}
					#linkarea .column06 li a .text h2 {
						font-size: 1.4rem;
						margin-bottom: 2px;
					}
						#linkarea .column06 li a .text h2 br {
							display: block;
						}
	
					#linkarea .column06 li a .text .en {
						font-size: 1.0rem;
					}

				#linkarea .column06 li a .more {
					bottom: 8px;
				}


	
	
/* news
--------------------- */
#news {
	padding-bottom: 80px;
}
	#news h2 {
		margin-bottom: 30px;
		font-size: 5.0rem;
	}
		#news h2 span {
			font-size: 1.4rem;
		}





}