@charset "utf-8";

/*

2021 blue

メイン #063B63 rgba(6,59,99,0.5)
濃 #091646 rgba(9,22,70,0.5)
青 #074E82 rgba(7,78,130,0.5)
黄 #D3B835 rgba(211,184,53,0.5)

*/

/*------------------------------------------------
  base
-------------------------------------------------*/

#wrapper:after{
	display:block;
}

header{
	height:777px;/*790+210+80 > 564+150+57 */
	background:url(../../image/base/bg.png) repeat-y center 0 #FFF;
	background-size:contain;
	}
	header:before{
	background:linear-gradient(-180deg, #0CAEE7, #004D8D, #004D8D, #04447C);
	}
	header #main_nav{
	background:linear-gradient(-180deg, #0CAEE7, #004D8D, #004D8D, #04447C);
	}
header #main_nav li#ln_link,
header #main_nav li#ln_sitemap,
header #main_nav li#ln_facebook,
header #main_nav li#ln_instagram,
header #main_nav li#ln_twitter,
header #main_nav li#ln_member{
	top:-715px;
	}
	header #main_nav li#ln_link a,
	header #main_nav li#ln_sitemap a,
	header #main_nav li#ln_facebook a,
	header #main_nav li#ln_instagram a,
	header #main_nav li#ln_twitter a,
	header #main_nav li#ln_member a{
		color:#FFF;
	}
	header #main_nav li#ln_link a:hover,
	header #main_nav li#ln_sitemap a:hover,
	header #main_nav li#ln_member a:hover{
		text-decoration:underline;
	}
	header #main_nav li#ln_link a:after,
	header #main_nav li#ln_sitemap a:after,
	header #main_nav li#ln_member a:after{
		display:none;
	}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#wrapper{
		padding-top:0px;
	}
	#wrapper:after{
		display:none;
	}
	header{
		display:block;
		height:auto;
		background:none;
	}
	header:before,
	#head_contents h1,
	header #main_nav{
		display:none;
	}
}

/* ------------------------------------------------
   vimeo
------------------------------------------------- */


/*------------------------------------------------
  mainslide
-------------------------------------------------*/

#mainslide{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	z-index:1;
	}
	#mainslide *{
		transition-duration:0.5s;
}
#mainslide #movie{
	display:block;
	position: relative;
	width:100%;
	height:0px;
	padding-top:56.25%;
	z-index:0;
	}
	#mainslide #movie:after{
		content:" ";
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:15;
		background:rgba(255,255,255,0);
	}
	/*
	#mainslide #movie #youtube{
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:720px;
		z-index:10;
	}
	*/
	#mainslide #movie #vimeo{
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:720px;
		z-index:10;
		}
		#mainslide #movie #vimeo iframe{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#vimeo{
		position:absolute;
		top:0px !important;
		left:0px !important;
		width:100%;
		height:100%;
	}
}


/* main_kaichou */
#main_kaichou{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:20;
	background:#FFF;
	animation:main_kaichou 60s ease 0s both 1;
	}
	#main_kaichou:after{
		position:absolute;
		top:0px;
		left:0px;
		content:" ";
		width:100%;
		height:563px;
		background:url(../../image/top/bg_sendai.jpg) no-repeat center top;
		background-size:cover;
		z-index:0;
}
@keyframes main_kaichou{
	0% {opacity:1;}
	5% {opacity:1;}
	7% {opacity:0;}
	92% {opacity:0;}
	94% {opacity:1;}
	100% {opacity:1;}
}

#main_kaichou_contents{
	position:relative;
	width:1000px;
	max-width:100%;
	height:100%;
	margin:0 auto;
	text-align:left;
	z-index:10;
	cursor:pointer;
}
#main_copy{
	position:absolute;
	top:148px;/* 178 */
	left:-30px;
	width:480px;
	height:300px;
	opacity:0.6;
}
#head_photo{
	position:absolute;
	bottom:57px;
	right:4px;
	width:344px;
	height:520px;
	z-index:10;
}
#head_message{
	position:absolute;
	bottom:75px;
	left:110px;
	width:612px;
	height:558px;
}
#head_message_link{
	position:absolute;
	bottom:70px;
	left:50%;
	width:700px;
	height:124px;
	margin:0 0 0 -522px;
	z-index:30;
	cursor:pointer;
	}
	#head_message_link a{
		display:block;
		position:relative;
		width:100%;
		height:100%;
		z-index:10;
}

/* --- responsive --- */
@media(max-width:1040px){
	#main_copy{
		left:20px;
	}
	#head_message{
		left:0px;
	}
}
@media only screen and (max-width:767px){
	#mainslide{
		position:relative;
		height:auto;
	}
	/* movie */
	#mainslide #movie{
		display:none;
		}
		#mainslide #movie #youtube{
			height:100%;
	}
	#mainslide #movie:after{
		display:none;
	}

	/* kaichou */
	#main_kaichou{
		position:relative;
		margin:0 0 0px;
		animation:none;
		opacity:1 !important;
		}
		#main_kaichou:after{
			height:300px;
	}
	#main_kaichou_contents{
		padding-top:300px;
	}
	#main_copy{
		position:absolute;
		top:20px;/* 178 */
		left:20px;
		width:160px;
		height:100px;
		opacity:0.6;
	}
	#head_photo{
		position:absolute;
		top:82px;
		bottom:auto;
		right:15px;
		width:144px;
		height:251px;
	}
	#head_message{
		position:relative;
		bottom:0px;
		left:0px;
		padding:0px 20px 0px;
		width:100%;
		height:auto;
	}
}

/* --- print --- */
@media print{
	#mainslide{
		position:absolute;
	}
	#mainslide #main_kaichou,
	#head_message_link{
		display:block !important;
		opacity:1 !important;
	}
	#mainslide #movie{
		display:none !important;
		opacity:0 !important;
	}
	#mainslide #movie:after{
		display:none;
	}
}

/*------------------------------------------------
  top_main
-------------------------------------------------*/

#top_main{
	position:relative;
	z-index:10;
}
#top_lead{
	position:relative;
	width:1040px;
	min-height:136px;
	margin:0 auto;
	padding:35px 390px 20px 20px;/* 340 + 20 +20 */
	text-align:center;
	}
	#top_lead h2{
		display:none;
	}
	#top_lead p{
		margin:0 0 15px;
		font-family: 'Noto Serif JP', serif;
		font-size:0.86rem;
		text-align:left;
		line-height:1.8;
	}
	#top_lead img{
		position:absolute;
		top:50%;
		left:660px;
		margin-top:-50px;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#top_lead{
		width:100%;
		padding:20px;
	}
	#top_lead p br{
		display:none;
	}
	#top_lead img{
		position:relative;
		top:0;
		left:0;
		margin:0px auto;
	}
}

/*------------------------------------------------
  event_info
-------------------------------------------------*/

#event_info{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:30px 5px 15px;
	text-align:center;
	background:#E3E2EB;
	}
	#event_info iframe{
		position:relative;
		width:1000px;
		height:200px;
		margin:0 auto;
	}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#event_info{
		padding:30px 0px 15px !important;
	}
	#event_info iframe{
		width:100%;
	}
}


	#event_info ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		width:1000px;
		margin:0 auto;
		padding:0 70px;
		text-align:center;
		list-style:none;
		}
		#event_info ul li{
			display:inline-block;
			position:relative;
			width:272px;
			height:180px;
			margin:0 auto 15px;
			border:1px solid #FFF;
			background:#FFF;
			-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
			-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
			box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		}
		#event_info ul li a{
			display:block;
			position:relative;
			width:100%;
			height:180px;
			z-index:1;
			}
			#event_info ul li a:hover{
				background:rgba(0,0,0,0.05);
			}
			#event_info ul li a:hover img{
				opacity:0.8;
		}
		#event_info ul li p{
			display:-webkit-flex;
			display:flex;
			align-items:center;
			position:absolute;
			left:0px;
			bottom:0px;
			width:100%;
			height:33px;
			padding:0 5px;
			font-weight:bold;
			font-size:0.8rem;
			text-align:left;
			line-height:1.3;
			z-index:0;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#event_info{
		padding:20px;
	}
	#event_info ul{
		width:100%;
		padding:0px;
		}
		#event_info ul li{
			display:none;
		}
		#event_info ul li:first-child{
			display:block;
	}
}

/*------------------------------------------------
  information
-------------------------------------------------*/

#information{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	width:1040px;
	margin:0 auto 30px;
	padding:30px 20px 0px;
	text-align:center;
	list-style:none;
}
/* news */
#news{
	position:relative;
	width:737px;
	text-align:left;
	list-style:none;
}
#news_title{
	position:relative;
	width:100%;
	height:30px;
	}
	#news_title:after{
		content:" ";
		position:absolute;
		left:0px;
		top:17px;
		width:100%;
		height:1px;
		border-top:1px solid #063B63;
		z-index:0;
	}
	#news_title h3{
		display:inline-block;
		position:relative;
		margin-bottom:7px;
		font-family: 'Noto Serif JP', serif;
		font-weight:bold;
		font-size:1.5rem;
		background:#FFF;
		color:#063B63;
		z-index:10;
		}
		#news_title h3 span{
			display:inline-block;
			margin:0 15px 0 10px;
			font-weight:bold;
			font-size:0.85rem;
			color:#A7A7A7;
}
#news iframe{
	position:relative;
	width:100%;
	height:207px;
/*	padding:20px 22px 5px;*/
	list-style:none;
	border:1px solid #B6B6B6;
	overflow-y:auto;
}
/*ul*/
#news ul{
	position:relative;
	height:207px;
	padding:20px 22px 5px;
	list-style:none;
	border:1px solid #B6B6B6;
	overflow-y:auto;
	}
	#news ul li{
		position:relative;
		margin:0 0 15px;
	}
	#news ul li h4{
		position:relative;
		font-weight:bold;
		font-size:0.9rem;
	}
	#news ul li h4 a{
		font-weight:bold;
		font-size:0.9rem;
		color:#000;
		text-decoration:underline;
	}
	#news ul li p{
		font-size:0.75rem;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#information{
		width:100%;
	}
}

/*------------------------------------------------
  yeg_bord
-------------------------------------------------*/

#yeg_bord{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	width:1040px;
	height:250px;
	margin:0 auto 20px;
	padding:0px 20px 0px;
	text-align:center;
	list-style:none;
	vertical-align:text-top;
}
#yeg_bord_box{
	position:relative;
	width:737px;
	height:220px;
	text-align:left;
	list-style:none;
	vertical-align:text-top;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	}
	#yb_title{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		height:60px;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		background:#063B63;
		color:#FFF;
		z-index:10;
		}
		#yb_title h3{
			display:-webkit-flex;
			display:flex;
			align-items:center;
			position:relative;
			width:300px;
			height:60px;
			margin:0px !important;
			padding:0 5px 0 15px !important;
			font-family: 'Noto Serif JP', serif;
			font-weight:bold;
			font-size:1.35rem;
			color:#FFF;
		}
		#yb_title p{
			display:-webkit-flex;
			display:flex;
			align-items:center;
			position:relative;
			width:calc(100% - 310px);
			font-size:0.8rem;
			margin:0px !important;
			color:#FFF;
			line-height:1.5;
	}
	#yeg_bord iframe{
		position:relative;
		width:737px;
		height:160px;
		text-align:left;
		list-style:none;
		z-index:9;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#yeg_bord{
		width:100%;
		height:auto;
	}
	#yeg_bord_box{
		width:100%;
		height:auto;
		}
		#yb_title{
			height:auto;
			}
			#yb_title h3{
				width:100%;
				height:auto;
				margin:0 0 7px !important;
				padding:10px !important;
				font-size:1.2rem;
			}
			#yb_title p{
				width:100%;
				padding:0 10px 10px;
				font-size:0.75rem;
		}
		#yeg_bord iframe{
			width:100%;
			height:300px;
	}
}


/*------------------------------------------------
  yeg_blog
-------------------------------------------------*/

#yeg_blog{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	width:1040px;
	max-width:100%;
	margin:0 auto 20px;
	padding:0px 20px 10px;
	text-align:center;
	list-style:none;
	vertical-align:text-top;
}
#yeg_blog_box{
	position:relative;
	width:737px;
	text-align:left;
	list-style:none;
	vertical-align:text-top;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	}
	#yeg_blog_title{
		position:relative;
		height:60px;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		background:#346128;
		color:#FFF;
		z-index:10;
		}
		#yeg_blog_title h3{
			display:-webkit-flex;
			display:flex;
			justify-content:flex-start;
			align-items:center;
			position:relative;
			width:100%;
			height:60px;
			margin:0px !important;
			padding:0 5px 0 15px !important;
			font-family: 'Noto Serif JP', serif;
			font-weight:bold;
			font-size:1.35rem;
			color:#FFF;
		}
		#yeg_blog_title h3 span{
			display:inline-block;
			position:relative;
			top:5px;
			font-family:inherit;
			font-weight:normal;
			font-size:1.1rem;
			color:#FFF;
	}
	#yeg_blog .blog{
		height:160px;
		overflow: scroll;
}
	#yeg_blog ul{
		position:relative;
		padding:10px;
		list-style:none;
		}
		#yeg_blog ul li{
			position:relative;
			border-bottom:1px solid #346128;
		}
		#yeg_blog ul li a{
			display:block;
			position:relative;
			width:100%;
			padding:10px 10px 10px 170px;
			font-size:0.87rem;
			text-decoration:none;
			color:#000;
			line-height:1.35;
		}
		#yeg_blog ul li a span.date{
			position:absolute;
			top:10px;
			left:5px;
			width:160px;
			font-size:0.82rem;
		}
		#yeg_blog ul li a:hover{
			text-decoration:none;
			background:rgba(52,97,40,0.1);
}

/* --- responsive --- */
@media only screen and (max-width:767px){
		#yeg_blog ul li a{
			padding:10px 10px 10px 10px;
		}
		#yeg_blog ul li a span.date{
			display:block;
			position:relative;
			top:0px;
			left:0px;
			width:100%;
	}
}

/*------------------------------------------------
  right_banner
-------------------------------------------------*/

#recommendations,
#yeg20th,
#wr_banner{
	position:relative;
	width:236px;
	margin:0;
	vertical-align:text-top;
}
#recommendations{
	margin:17px 0;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#recommendations,
	#wr_banner,
	#yeg20th{
		margin:20px auto;
	}
}

/*------------------------------------------------
  yeg_banner
-------------------------------------------------*/

#yeg_banner{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:30px 20px 15px;
	background:#E3E2EB;
	}
	#yeg_banner h3{
		display:none;
	}
	#yeg_banner ul{
		position:relative;
		width:1000px;
		margin:0 auto;
		list-style:none;
		text-align:center;
		}
		#yeg_banner ul li{
			display:inline-block;
			height:100px;
			margin:0 0 15px;
		}
		#yeg_banner ul li:first-child img{
			-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.7);
			-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.7);
			box-shadow:3px 3px 3px rgba(0,0,0,0.7);
		}
		#yeg_banner ul li a{
			display:inline-block;
			width:100%;
			height:100%;
			}
			#yeg_banner ul li a:hover{
				background:rgba(255,255,255,0.3);
		}
		#yeg_banner ul li#business_matching{
			position:relative;
			width:380px;
			background:#063B63;
			color:#FFF;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			}
			#yeg_banner ul li#business_matching a{
				display:-webkit-flex;
				display:flex;
				justify-content:center;
				align-items:center;
				padding:10px 5px;
				font-weight:bold;
				font-size:1.0rem;
				text-align:center;
				text-decoration:none;
				line-height:1.5;
				background:#063B63;
				color:#FFF;
}

/*
#yeg_banner{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:30px 20px 15px;
	background:#F5EED1;
	}
	#yeg_banner h3{
		display:none;
	}
	#yeg_banner ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		width:1000px;
		margin:0 auto;
		list-style:none;
		}
		#yeg_banner ul li{
			height:100px;
			margin:0 0 15px;
		}
		#yeg_banner ul li:first-child img{
			-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.7);
			-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.7);
			box-shadow:3px 3px 3px rgba(0,0,0,0.7);
		}
		#yeg_banner ul li a{
			display:inline-block;
			width:100%;
			height:100%;
			}
			#yeg_banner ul li a:hover{
				background:rgba(255,255,255,0.3);
		}
		#yeg_banner ul li#business_matching{
			position:relative;
			width:380px;
			background:#063B63;
			color:#FFF;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
			}
			#yeg_banner ul li#business_matching a{
				display:-webkit-flex;
				display:flex;
				justify-content:center;
				align-items:center;
				padding:10px 5px;
				font-weight:bold;
				font-size:1.0rem;
				text-align:center;
				text-decoration:none;
				line-height:1.5;
				background:#063B63;
				color:#FFF;
}
*/
/* --- responsive --- */
@media only screen and (max-width:767px){
	#yeg_banner{
		padding:0px;
	}
	#yeg_banner ul{
		width:100%;
		}
		#yeg_banner ul li{
			height:auto;
			margin:0px;
		}
		#yeg_banner ul li:first-child img{
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			box-shadow:none;
	}
}

/*------------------------------------------------
  solidarity
-------------------------------------------------*/

#yeg_solidarity{
	display:block;
	position:relative;
	width:1040px;
	margin:0 auto;
	padding:40px 20px 40px 250px;
}
#yeg_solidarity #solidarity_title{
	position:absolute;
	top:50%;
	left:143px;
	margin:-50px;
	}
	#yeg_solidarity #solidarity_title:before{
		content:" ";
		position:absolute;
		top:0px;
		left:0px;
		width:100px;
		height:100px;
		background:#B3C1DD;
		transform:rotate(45deg);
		z-index:9;
	}
	#yeg_solidarity h2{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		top:0px;
		left:0px;
		width:100px;
		height:100px;
		font-weight:bold;
		font-size:1.0rem;
		text-align:center;
		background:#FFF;
		border:1px solid #005298;
		color:#005298;
		z-index:10;
}
/* solidarity_backnumber */
#yeg_solidarity ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	width:560px;
	list-style:none;
	}
	#yeg_solidarity ul li{
		position:relative;
		width:110px;
		height:156px;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
/* solidarity_backnumber */
#solidarity_backnumber{
	position:absolute;
	top:50%;
	right:130px;
	width:110px;
	height:70px;
	margin:-35px;
	background:#B3C1DD;
	color:#005298;
	}
	#solidarity_backnumber a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		width:100%;
		height:100%;
		font-weight:bold;
		font-size:0.8rem;
		text-decoration:none;
		color:#005298;
	}
	#solidarity_backnumber a:before{
		content:" ";
		position:absolute;
		right:-25px;
		border:0px solid transparent;
		border-top:35px solid transparent;
		border-bottom:35px solid transparent;
		border-left:25px solid #B3C1DD;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#yeg_solidarity{
		display:none;
	}
}



/* ------------------------------------------------
   yeg_follow
-------------------------------------------------*/

#yeg_follow{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:35px 20px 25px;
	background:#E3E2EB;
	}
	#yeg_follow h3{
		position:relative;
		width:1000px;
		margin:0 auto 35px;
		font-family: 'Noto Serif JP', serif;
		font-size:2.9rem;
		color:#ADBFC3;
	}
	#yeg_follow ul{
		position:relative;
		width:1000px;
		margin:0 auto;
		list-style:none;
		text-align:center;
		}
		#yeg_follow ul li{
			display:inline-block;
			width:61px;
			margin:0 30px 10px;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#yeg_follow{
		display:none;
	}
}