@charset "UTF-8";

/*教授挨拶
------------------------------------*/

.greeting.main {
	padding-bottom:0;
}
.greeting .content_visual {
	background-color:#fff;
	background-image:url("../images/greeting/bg_hd_greeting.png");
}
.content_greeting {
	position:relative;
	padding:80px 0;
}
.content_greeting::before {
	position:fixed;
	content:"";
	background-image: url("../images/greeting/bg_cont_greeting.png");
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	top:0px;
	right:0;
	z-index:-2;
}
.content_greeting .content_wrap {
	max-width:1000px;
}
.content_flex {
	display:flex;
	justify-content:space-between;
}
.content_greeting .content_flex .image{
	height:448px;
	width:auto;
	margin-bottom:20px;
	
}
.content_greeting .content_flex .image img {
	border-radius:16px;
	height:100%;
}
.content_greeting .content_flex .text_wrap {
	width:580px;
}
.content_greeting .text_wrap p {
	line-height:2;
	margin-bottom:10px;
}
.content_greeting .content_block {
	margin-bottom:20px;
}
.content_greeting .professor {
	font-weight:600;
	padding: 20px 0;
}
.content_greeting .professor .name span {
	padding-right:20px;
	font-size:0.9em;
}
.content_greeting .greeting_ft_content {
	padding: 30px 0;
}
.content_greeting .greeting_ft_content .image_wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.content_greeting .greeting_ft_content .image_wrap > div img {
	border-radius:20px;
}
.content_greeting ol {
	 list-style: none;
	counter-reset: item;
	padding-left:2rem;
}
.content_greeting ol li {
	line-height:2;
	margin-bottom: 1rem;
	position: relative;
	padding-left: 2em;
	counter-increment: item;
}
.content_greeting ol li::before {
	content: counter(item) ". ";
	position: absolute;
	left: 0;
	color: #333;
	font-weight: bold;
}
.content_greeting .name {
	padding-left:1rem
}

@media screen and (max-width: 1200px) {
	.content_flex {
		padding: 0 1rem;
	}
	.content_greeting .content_flex .image img {
		object-fit:cover;
		aspect-ratio: 350 / 475;
	}
	.content_greeting .content_block {
		padding: 0 1rem;
	}
	.content_greeting .content_flex .text_wrap {
		width: calc(100% - 331px);
	}
	.content_greeting .text_wrap p {
		padding-left: 1rem;
	}
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 960px) {
	
}
@media screen and (max-width: 768px) {
	.content_flex {
		flex-flow:column;
	}
	.content_greeting .content_flex .image {
		width: 60%;
		height: auto;
		margin: 0 auto 2rem;
	}
	.content_greeting .content_flex .text_wrap {
		width: 100%;
	}
	.content_greeting .text_wrap p {
		padding-left: 0;
	}
}
@media screen and (max-width: 560px) {
	.content_greeting {
		padding: 2rem 0;
	}
	.content_greeting .content_flex .image {
		width: 100%;
	}
	.content_greeting ol {
		padding:0 0.5rem;
	}
}
@media screen and (max-width: 428px) {
	.content_greeting .greeting_ft_content .image_wrap {
		flex-flow:column;
	}
	.content_greeting .greeting_ft_content .image_wrap div {
		margin-bottom: 1rem;
	}
}
@media screen and (max-width: 375px) {
	
}