@charset "utf-8";
/* CSS Document */
header{
	padding: 0;}
#page_header{
	position: relative;
	min-height: 56.2%;}
#page_header #site_logo{
	animation-delay: 0s;
	animation-duration: 0s;
	width: 26px;}
#header_img{
	position: absolute;
	top: 0;
	left: 0;
    height: 100%;
    width: 100%;}
#header_img img{
    max-width: unset;
    object-fit: cover;
    width: 100%;
    height: 100%;}
#header_txt{
	position: relative;
    margin-left: 50%;
	width: 45%;
    padding-top: clamp(140px, 8vw, 160px);
    padding-bottom: 5em;}
#header_txt p,
#header_txt h1{
	font-size: clamp(14px, 1vw, 18px);
	line-height: 2.3;}
#header_txt h1{
	display: inline-block;
	opacity: 0;
	animation-name: fadeinHeader;
	animation-duration:  4s;
	animation-delay: 1s;
	animation-fill-mode: forwards;}
#header_txt h1:after {
    content: '';
    height: clamp(50px,4.4em ,80px);
    display: block;
    border-right: 1px solid #000;
    width: 50%;
	margin: 1em 0;}
#header_txt h2{
	font-size: clamp(22px, 2.3vw, 42px);
    margin-bottom: clamp(26px, 1.2em, 50px);
    line-height: 1;
	opacity: 0;
	animation-name: fadeinHeader;
	animation-duration:  4s;
	animation-delay: 2s;
	animation-fill-mode: forwards;}
#header_txt p{
	opacity: 0;
	animation-name: fadeinHeader;
	animation-duration:  4s;
	animation-delay: 3s;
	animation-fill-mode: forwards;}
#sec_award{
	padding-bottom: 3em;}
#sec_award .flex_center img{
	width: 40%;
    margin: 2% 2%;}
#sec_award .flex_space .area_txt{
    width: 37%;}
#sec_award .flex_space .area_img{
	width: 55%;}
#sec_message .content_inner{
	max-width: 872px;}
#sec_message .area_txt{
	width: 55.5%;
	margin-bottom: 1em;}
#sec_message .area_img{
	width: 37.5%;}
#sec_message hr{
	color: #000;
	margin: 2em 0 1.5em;}
#sec_message .area_pdf dt{
	padding-right: 2em;}
@media screen and (max-width: 767px) {
	#page_header #site_logo{
		width: 16px;}
	#header_img{
		position: relative;
    	aspect-ratio: 125 / 221;}
	#header_img img{
		object-position: 32% 0;
    	object-fit: cover;
		overflow: visible;}
	#header_txt{
		margin: 0 auto;
		width: 90%;
		padding-top: 2em;
		padding-bottom: 3em;}
	#header_txt h1{
		display: block;
		text-align: center;}
	#header_txt h2{
    	display: block;
		text-align: center;}
	#sec_csr{
		padding-bottom: 3.5em;}
	#sec_csr h2{
		margin-bottom: 2em !important;}
	#sec_award{
		padding-top: 3.5em;
		margin-bottom: 1em !important;}
	#sec_award h2{
		margin-bottom: 3em !important;	}
	#sec_award .flex_center img{
		width: 87%;}
	#sec_award .flex_space .area_txt{
		width: 100%;}
	#sec_award .flex_space .area_img{
		width: 87%;
		padding-top: 1.5em;
		margin: 0 auto;}
	#sec_message{
		overflow: hidden;}
	#sec_message h2{
		margin-bottom: 2em !important;	}
	#sec_message .area_txt{
	    width: 100%;}
	#sec_message .area_img{
		width: 83%;
		margin: 0 auto;}
	#sec_message .area_img .txt_center{
		text-align: left;}
	#sec_message hr{
		margin: 2em 0 2em;
		width: 114%;
		transform: translateX(-6%);}
}