@charset "UTF-8";

/*センター長　副センター長挨拶
----------------------------------*/

.greeting {
	
}
.greeting .content_header_text::before {
	
	
}
.greeting .content_visual {
	background-image: url(../images/low/bg_greeting.png);
}
.greeting section.director {
	position:relative;
}
.greeting section.director::before{
	position:absolute;
	top:5%;
	left:-5%;
	content:"";
	width: 348px;
	aspect-ratio:348 /644;
	background-size:cover;
	background-image:url('../images/index/heart_1@350x.png');
	z-index:0;
	opacity:0.6;
}

.greeting .content_flex {
	padding: 2.5rem;
	display:flex;
	justify-content:space-between;
}
.greeting .content_flex > div{
	width:48%;
}
.greeting .text_wrap {
	padding: 0.5rem;
	background:rgb(255,255,255,0.7);
	backdrop-filter: blur(3px);
}
.greeting .text_wrap p {
	line-height: 1.5;
	font-size:18px;
	margin-bottom:20px;
}
.greeting .text_wrap p.division {
	font-size:1.1em;
	font-weight:600;
}
.greeting section.vice {
	position:relative;
	overflow-x:hidden;
}
.greeting section.vice::after {
	position:absolute;
	top:-0%;
	right:-20%;
	content:"";
	width: 567px;
	aspect-ratio:567 /477;
	background-size:cover;
	background-image:url('../images/index/brain@350x.png');
	z-index:0;
	pointer-events: none;
	opacity:0.6;
}
@media screen and (max-width: 1200px) {
	/*画面幅1024pxで調整*/
	.greeting .content_header_text::before {
		
	}
}
@media screen and (max-width: 1023px) {
	/*画面幅1000pxで調整*/
	
}
@media screen and (max-width: 999px) {
	/*画面幅751pxで調整*/
	.content_hd_wrap {
		
	}
	
}
@media screen and (max-width: 750px) {
	/*画面幅681pxで調整*/
	.content_visual {
		background-position: 75% center;
	}
	.greeting .content_flex {
		flex-flow:column-reverse;
	}
	.greeting section.vice .content_flex {
		flex-flow:column;
	}
	.greeting .content_flex div {
		width:100%;
		
	}
	.greeting .content_flex .image {
		margin-bottom:30px;
	}
	.greeting section.director::before{
		width:250px;
		left:-15%;
	}
	.greeting section.vice::after {
		width:300px;
	}
	
}
@media screen and (max-width: 680px) {
	/*画面幅481pxで調整*/
	.content_hd_wrap {
		
		
	}
	.content_hd_wrap h2 {
		font-size:1.7rem;
	}
	.greeting .content_flex {
		padding: 2.5rem 1.5rem;
	}
	.greeting section.director::before {
		width:180px;
		left:-20%;
	}
}
@media screen and (max-width: 480px) {
	/*iphoneSEサイズで調整*/
	.greeting .content_header_text::before {
    
}
	
	.greeting .content_flex {
		padding: 2rem 1rem;
	}
}