@charset "utf-8";
@import url("font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
@page {margin: 0;}

html,body,#container {height: 100%;}
body {
	margin: 0px;
	padding: 0px;
	color: #2a3439;	
	font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;	
	font-size: 16px;	
	line-height: 1.5;	
	background: #fff;	
	-webkit-text-size-adjust: none;
} 
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

a {
	color: #2a3439;		
	transition: 0.2s;	
}
a:hover {
	color: #ff8000;			
	text-decoration: none;	}
    
a[target="_pdf"] {
  display: inline-block;
  padding-right: 30px;
  background: url("../img/pdficon.png") no-repeat right center;
}    


/*inner*/
.inner {
	max-width: 1200px;	
	margin: 0 auto;
	padding-left: 1% !important;
	padding-right: 1% !important;
}

/*header*/
header {
	height: 70px;
	background: #333333;
	position: relative;    
   display: flex;
   align-items: center;
}

#top header, #mainimg {
	height: 700px;	
}

/*sub logo*/
header #logo {
	width: 200px;
	padding-top: 15px;
}

header #logo a {
	text-decoration: none;
}

header #logo a :hover {	
 text-decoration: none;
   }

#top #logo img {
	position: relative;	
	left: 10%;	
	top: 50px;	
	z-index: 1;
	width: 250px;	
}

/* IE　logo非表示 */
@media all and (-ms-high-contrast: none) {
  
  #logo {
    display: none;
  }
}
header ul {
   list-style: none;
   margin: 0 20px 0 0;
   display: flex;
}

header li {
   margin: 0 0 0 25px;
   font-size: 14px;
}

 header li:before {
  font-family: FontAwesome;
  content: '\f105'; 
  margin-right: 10px;
}

header nav {
   margin: 0 0 0 auto;
}
header a {	
   text-decoration: none;
   color: #fff;
}
    
header a:hover {	
   color: #999;
}

/*top sub smenu*/
#topbar {
	position: relative;z-index: 10;
	text-align: center;	
	background: #fff;	
	font-size: 12px;
    padding-bottom: 20px;
}
#topbar > ul {overflow: hidden;}

#topbar ul li {
	float: right;	
	width: 12%;		
}

#topbar li:before {
  font-family: FontAwesome;
  content: '\f105'; 
    font-weight: 900; 
  margin-right: 10px;
}


#topbar ul li a {	
	padding-top: 12px;	
    text-decoration: none;
}


/*mainmenu*/
#menubar {
	position: relative;z-index: 10;
	text-align: center;	
	background: #fff;	
	border-bottom: 1px solid #2a3439;	
}
#menubar > ul {overflow: hidden;}
#menubar ul li {
	float: left;	
	width: 14%;		
}
#menubar ul li a {
	text-decoration: none;display: block;
	height: 63px;	
	padding-top: 12px;	
}


/*飾り文字*/
#menubar ul li span {
	display: block;
	font-size: 10px;	
	color: #999;		
}


/*search*/
.searcharea {
	position: absolute;	
	margin: 0px 10px 0px 0px; 
	padding: 0px; 	
	width: 400px; 
	height: 68px; 
	float: right;
}

/*スマホ用メニューを表示させない*/
#menubar-s {display: none;}
/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}
.ddmenu{display: none;}

/*メニューブロック*/
#menubar ul.ddmenu {
	position:absolute;
	visibility: hidden;
	padding: 0;
	height: 120px;
	width: 100%;	
	background: #333;	
	padding: 10px;			
	font-size: 13.5px;		
	text-align: left;		  
    left: 0;	
}

/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li {
    float: left;	
	line-height: 1;    /*2行になったときの行間*/
	background-image:url(../img/ss_list.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 10px;
    margin: 10px;
}
#menubar ul.ddmenu li a {
	transition: 0s;
	background: none;
	height: auto;
	width: 90%;
	color: #fff;	
	opacity: 0.7;	
	padding: 0px 5px;		
}

#menubar ul.ddmenu li a:hover {
	opacity: 1;
	background-color: #666666;
}

/*fixmenu*/
body.is-fixed-menu #menubar.nav-fix-pos {
	position: fixed;width: 100%;top: 0px;
	background: #fff;	
	background: rgba(255,255,255,0.95);	
}
body.is-fixed-menu #contents {
	margin-top: 75px;
}
/**/
body.is-fixed #menubar.nav-fix-pos {
	position: fixed;width: 100%;top: 0px;
	background: #fff;	
	background: rgba(255,255,255,0.95);	
}
body.is-fixed #contents {
	margin-top: 75px;
}

/*contents*/
#contents {
	position: relative;z-index: 1;
	overflow: hidden;
	background: #fff;	
	padding: 40px 0px 0px 0px;	
}

#contents .inner {
	padding: 10px 40px 0px 40px;	
}

#contents h2 {
	clear: both;
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 30px;	
	text-align: center;	
	color: #ff8000;		
}

/*h2*/
#contents h2 span {
	display: block;
	font-size: 14px;	
	color: #999;		
	letter-spacing: 0.3em;	
}
/*h3*/
#contents h3 {
	clear: both;
	margin-bottom: 20px;
    margin-top: 20px;
	font-size: 20px;	
	border-bottom: 1px solid #ccc;
}

#contents h3::first-letter {
	border-left: 3px solid #d58008;	
	padding-left: 20px;	
}

#contents p {
	padding: 0 20px 20px;
}
#contents h2 + p,
#contents h3 + p {
	margin-top: -10px;
}

#contents section + section {
	margin-top: 40px;
}
  
#contents h4 {
  padding: .25em 0 .25em .75em;
  border-left: 6px solid #ccc;
    background-color: #f6f6f6;
    border-radius: 6px;
}

#contents h5{ 
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-radius: 6px;
  }
  
#gray {
  padding-bottom: 50px;
  padding-top: 20px;
  background: #f5f5f5;
}
#white {
  padding-bottom: 50px;
  padding-top: 20px;
  background: #ffffff;
}




/*fontawesome*/

.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

.icon > .label {
			display: none;
		}
        
        

/*kengaku   */  
ul.list1 {
	padding:0.5em;
	list-style-type:none;
}
ul.list1 li {
	position:relative;
    margin: 7px 0 7px 30px;     
	padding: 0em 0.3em 0.3em 2.3em;    
}
ul.list1 li::before {
	position: absolute;
	content: '';
	display: block;
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 3px solid #d58008;
	border-bottom: 3px solid #d58008;
	transform: rotate(-45deg);
}

/*セカンドページ　MENU*/
.list3 {
	padding-bottom: 50px;
	overflow: hidden;
}

.list3 li {
	float: left;	
	width: 30%;		
	margin: 10px;	
	line-height: 1.5;	
	position: relative;
    font-size: 18px;
}
.list3 a {
	display: block;
    text-decoration: none;
	height: 50px;	
	overflow: hidden;	
	background: #ffffff;	
	padding: 10px 5px 5px 10px;	
	color: #333333;	
	border: 1px solid #6D6868;
	
}

.list3 a:hover {
	background: #f5f5f5;		
	color: #333;	
	
}

.list3 .img {
	height: 100%;			
	background: #fff;	
	float: left;
    margin-right: 10px;
}

.list3 span {
	font-size: 10px;	
	position: absolute;
	padding: 1px 10px 10px 5px;
}
.list3 h1 {
	font-size: 15px;	
	position: absolute;
	left: 80px;
	border-bottom: 1px solid #9999;
}
/*3rdページ　MENU*/
.list3-3 {
	padding-bottom: 50px;
	overflow: hidden;
}

.list3-3 li {
	float: left;	
	width: 30%;		
	margin: 10px;	
	line-height: 1.5;	
	position: relative;
    font-size: 18px;
}
.list3-3 a {
	display: block;
    text-decoration: none;
	height: 50px;	
	overflow: hidden;	
	background: #ffffff;	
	padding: 10px 5px 5px 10px;	
	color: #333333;	
	border: 1px solid #109ca8;
	
}

.list3-3 a:hover {
	background: #d3f3f6;		
	color: #333;	
	
}

.list3-3 .img {
	height: 100%;			
	background: #fff;	
	float: left;
    margin-right: 10px;
}

.list3-3 span {
	font-size: 10px;	
	position: absolute;
	padding: 1px 10px 10px 5px;
}
.list3-3 h1 {
	font-size: 15px;	
	position: absolute;
	left: 80px;
	border-bottom: 1px solid #9999;
}

/*about/index.html sita*/
.list5 {
	padding-bottom: 50px;
	overflow: hidden;
}
/*各ボックスの設定*/
.list5 li {
	float: left;	/*左に回り込み*/
	width: 18%;		/*幅*/
	margin: 10px 0.5%;	/*上下、左右へのボックスの外側へ空けるスペース*/
	line-height: 1;	/*行間*/
	position: relative;
}
.list5 a {
	display: block;text-decoration: none;
	height: 35px;	/*ボックスの高さ*/
	overflow: hidden;	/*ボックスから飛び出た場合、非表示にする設定*/
	background: #f5f5f5;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f5f5f5, #e2e2e2);/*背景グラデーション*/	
	border-radius: 10px;	/*角丸のサイズ*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.2は20%色がついた状態の事。*/
	padding: 10px;	/*ボックス内の余白*/
	color: #413F3F;	/*文字色*/
    text-align: center;	
}
/*マウスオン時*/
.list5 a:hover {
	background: #f5f5f5;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f5f5f5, #e2e2e2);/*背景グラデーション*/
	background: #ffffff;	
	color: #333333;	/*文字色*/
	
}
/*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
.list5 .img {
	height: 80%;			/*高さ*/
	background: #fff;	/*背景色*/
	float: right;		/*右に回り込み*/
	border-radius: 3px;	/*角丸のサイズ*/
}
/*件数のテキスト。※list2内でspanタグで囲った場合。*/
.list5 span {
	display: block;text-decoration: none;
	height: 35px;	/*ボックスの高さ*/
	overflow: hidden;	/*ボックスから飛び出た場合、非表示にする設定*/
	background: #f5f5f5;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f5f5f5, #e2e2e2);/*背景グラデーション*/	
	border-radius: 10px;	/*角丸のサイズ*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.2は20%色がついた状態の事。*/
	padding: 10px;	/*ボックス内の余白*/
	color: #413F3F;	/*文字色*/
    text-align: center;	
}
.list5 h1 {
	font-size: 10px;	/*文字サイズ*/
	position: absolute;
	left: 14px;
	border-bottom: 1px solid #9999;
	font-weight: bold;
}

 /*org/hyokareo.h recruit/ academics/*/  
.list6 {list-style:none;}
.list6 li{
	margin: 7px 7px 7px 50px; 
    padding-left:1em;
    padding-bottom: 0.5em;
    text-indent:-1em;
  }
.list6 li:before{
	font-family: FontAwesome;
	content: '\f105'; 
	font-weight: 900;
	color:#666666; /*アイコンフォントの色*/
	padding-right:5px;
	font-size:15px;
	list-style:none;    
}

 /*org/hyokareo.h recruit/ academics/*/  
.list7 {list-style:none;}
.list7 li{
	margin: 7px 7px 7px 50px; 
    padding-left:1em;
text-indent:-1em;
  }
.list7 li:before{
	font-family: FontAwesome;
	content: '\f101'; 
	font-weight: 900;
	color:#666666; /*アイコンフォントの色*/
	padding-right:5px;
	font-size:15px;
	list-style:none;    
}
.list8 {list-style: disc;}
.list8 li{
	margin: 7px 7px 7px 30px;
    padding-left:1em;
    padding-bottom: 0.5em;
    text-indent:-0.5em;
    
    }
    
.list9 {list-style: decimal;}
.list9 li{
	margin: 7px 0 7px 50px;
    padding-left:1em;
text-indent:-1em;
   } 
    
    

    
ol .exmb li {
margin-bottom: 20px;
}    

/*subページ　menu　2/5追加*/


.box3 {
	overflow: hidden;
	padding: 10px;	
    margin-top: 30px;
	float: right;
}
/*アイコン
---------------------------------------------------------------------------*/
/*アイコン共通*/
.icon-t {
	display: inline-block;
	margin: 2px;
	font-size: 12px;	/*文字サイズ*/
	padding: 0 5px;		/*ボックス内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	background: #eee;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
}
.icon-t a {text-decoration: none;}
/*アイコン色付き*/
.icon-t.color1 {
	border: 1px solid #59b9d5;	/*枠線の幅、線種、色*/
	background: #05b98b;	/*背景色（古いブラウザ用）*/
	color: #fff !important;	/*文字色*/
}
/*アイコン色付き*/
.icon-t.color2 {
	border: 1px solid #05b98d;	/*枠線の幅、線種、色*/
	background: #58b41a;	/*背景色（古いブラウザ用）*/
	color: #fff;	/*文字色*/
}
/*ボックス内の右上のマーク
---------------------------------------------------------------------------*/
/*option1〜option3、と、newアイコン共通*/
.option1,.option2,.option3,.new {
	font-size: 12px;	/*文字サイズ*/
	text-align: center;
	display: block;
	width: 80px;		/*幅*/
	line-height: 30px;	/*高さ*/
	position: absolute;
	right: 40px;	/*右から40pxの場所に配置*/
	top: 0px;		/*上から0pxの場所に配置*/
}
/*subコンテンツ内で使う場合の追加（変更）設定*/
.sub .option1,.sub .option2,.sub .option3,.sub .new {
	font-size: 10px;	/*文字サイズ*/
	line-height: 16px;	/*行間*/
	right: 0px;		/*右から0pxの場所に配置*/
	transform: rotate(45deg) translate(22px,-10px);	/*45度回転、右へ,下へ(マイナス設定なので上へ向けての指定)の移動距離*/
}
/*option1*/
.option1 {
	color: #FFF;			/*文字色*/
	background: #f83d72;	/*背景色*/
}
/*option2*/
.option2 {
	color: #000;			/*文字色*/
	background: #ffd200;	/*背景色*/
}
/*option3*/
.option3 {
	color: #FFF;			/*文字色*/
	background: #999;	/*背景色*/
}
/*new*/
.new {
	color: #FFF;			/*文字色*/
	background: #F00;	/*背景色*/
}




/*footer*/
footer {
clear: both;position: relative;z-index: 1;
font-size: 12px;		
background: #000;	
color: #fff;	
text-align: center;
bottom: 0;   
}

footer a {color: #fff;}
footer a:hover {color: #fff;}
footer .pr {display: block;font-size: 80%;}

#sns{  
font-size: 20px;
background: #333;
text-align: center;
padding: 5px 0px;
}

#sns a{
opacity: 0.7;} 

#sns a:hover {
opacity: 1;
}

#footermenu {
overflow: hidden;
padding: 20px 0;	
}
#footermenu a {
text-decoration: none;
opacity: 0.7;	
}
#footermenu a:hover {
opacity: 1;
}
/*１行分の設定*/
#footermenu ul {
float: left;	
width: 30%;		
padding-right: 1%;
padding-left: 1%;
text-align: left;
line-height: 1.7;
}

#footermenu ul li{
background-image:url(../img/ss_fotter_list.png);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 10px;
}


#footermenu li.title, #footermenu li.title a {
opacity: 1;	
font-size: 15px;
text-decoration: underline;
}

/*ado*/
#ado {
overflow: hidden;
padding: 20px 0;	
}
#ado a {
text-decoration: none;
opacity: 0.7;	
}
#ado a:hover {
opacity: 1;
}

#ado ul {
float: left;	
width: 30%;		
padding-right: 1%;
padding-left: 1%;
text-align: left;
line-height: 1.7;
padding-top: 15px;    
}

#ado ul li{
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 10px;
}


#ado li.title, #ado li.title a {
opacity: 1;	
font-size: 15px;
}




/*copyright*/
#copyright {
clear: both;
text-align: center;
background: #333;
}
#copyright a {text-decoration: none;}
#copyright a:hover {color: #666;}



/* TOP お知らせ */
#up_news {
width:100%;
margin:15px 0;
padding:0;   
}

#up_news ul.news_table {
width:100%;
padding:10px 0;
border-bottom:1px dotted #cccccc;
display:table;
text-align:left;
line-height:2;
background: #fff;  
border-radius: 4px;	 
}

#up_news ul.news_table li.news_date,
#up_news ul.news_table li.news_cate,
#up_news ul.news_table li.news_article {
display:table-cell;
vertical-align:top;
}

#up_news ul.news_table li.news_date {
width:110px;
margin:0;
padding:0 0 0 10px;
}

#up_news ul.news_table li.news_cate {
width:70px;
margin:0;
padding:0;
}

#up_news ul.news_table li.news_cate span {
width:70px;
padding:5px;
text-align:center;
line-height:1;
color:#ffffff;
white-space:nowrap;
display:inline-block;
font-size: 12px;
}

#up_news ul.news_table li.news_article {
margin:0;
padding:0 0 0 15px;
display:inline-block;
}

#up_news ul.news_table li.news_cate span.news_oshirase {background-color:#70b543;}
#up_news ul.news_table li.news_cate span.news_up {background-color:#f863de;}
#up_news ul.news_table li.news_cate span.news_workshop {background-color:#00BCD4;}
#up_news ul.news_table li.news_cate span.news_kobo {background-color:#fdb802;}








/*トップページのNEWアイコン*/
.newicon {
	background: #F00;	
	color: #FFF;		
	font-size: 70%;		
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*ヘッダーにメニューが固定される分、リンク先が隠れるのを防ぐ為のスタイル。※ページ内へのリンクで使う。
---------------------------------------------------------------------------*/
.link {
	display: block;
	margin-top: -100px;
	padding-top: 100px;
}

/*ページの上部へボタン「↑」設定*/
@keyframes scroll {0% {opacity: 0;}100% {opacity: 1;}}
body .nav-fix-pos-pagetop a {display: none;}
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;
	text-decoration: none;
	text-align: center;
	width: 50px;		
	line-height: 50px;	
	z-index: 1;
	position: fixed;
	bottom: 20px;	
	right: 3%;		
	background: #666;	
	background: rgba(0,0,0,0.6);	
	color: #fff;	
	border: 1px solid #fff;
	animation-name: scroll;	
	animation-duration: 1S;	
	animation-fill-mode: forwards;	
}

body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;	
}


/*slideshow*/

/*画面幅1500px以上の設定*/
@media screen and (min-width:1500px){

	#top header, #mainimg {height: 900px;}

}

/*画面幅2000px以上の設定*/
@media screen and (min-width:2000px){

	#top header, #mainimg {height: 1200px;}

}

/*画面幅1200px以下の設定*/
@media screen and (max-width:1200px){

	#top header, #mainimg {height: 600px;}

}

/*画面幅1000px以下*/
@media screen and (max-width:1000px){

	#top header, #mainimg {height: 470px;}
	#top #logo img {left: 1%;top: 20px;width: 200px;}

}

/*画面幅800px以下-*/
@media screen and (max-width:800px){

	#top header, #mainimg {height: 380px;}

}

/*画面幅620px以下*/
@media screen and (max-width:620px){

	#top header, #mainimg {height: 300px;}
	#top #logo img {left: 1%;top: 10px;width: 120px;}

}

/*画面幅500px以下の設定*/
@media screen and (max-width:500px){

	#top header, #mainimg {height: 240px;}

}

/*画面幅420px以下の設定*/
@media screen and (max-width:420px){

	#top header, #mainimg {height: 190px;}
	#top #logo img {left: 1%;top: 10px;width: 90px;}

}



/*画面幅1000px以下の設定*/
@media screen and (max-width:1000px){

/*list2ボックス*/
/*各ボックスの設定*/
.list2 .list3  .list5  li {
	width: 49%;		/*幅*/
	margin: 10px 0.5%;	/*上下、左右へのボックスの外側へ空けるスペース*/
	}	
.list3-3  li {
	width: 49%;		/*幅*/
	margin: 10px 0.5%;	/*上下、左右へのボックスの外側へ空けるスペース*/
	}	    

}



/*画面を横向きにした場合の高さが500px*/
@media screen and (orientation: landscape) and (max-height:500px){

/*メインメニュー*/
/*メニュー１個あたりの設定*/
#menubar-s ul li a {
	padding: 10px;		/*メニュー内の余白*/
	float: left;		/*左に回り込み*/
	width: 40%;			/*幅*/
	margin-left: 4%;	/*メニューの左側に空けるスペース*/
}

}



/*8/4480に変更--------画面幅800px以下の設定*/
@media screen and (max-width:480px){

/*メインメニュー*/
/*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明度(opacity)0%から透明度100%にする指定。*/
@keyframes menu1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}




/*スマホ用メニューブロック -display: block; 5/19再+*/
#menubar-s {
	display: block;
	overflow: hidden;
	position: fixed;z-index: 100;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);	
	border-top: 1px solid #fff;		
	animation-name: menu1;		
	animation-duration: 0.5s;	
	animation-fill-mode: both;	
}
/*メニュー１個あたりの設定*/
#menubar-s ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 15px;	
	border-bottom: 1px solid #fff;	
	color: #fff;		
	font-size: 16px;	
}

	
	
	/*メニューブロック*/
#menubar-s ul li .ddmenu {
	color: #fff;	
	padding: 10px 15px;	
	border-bottom: 1px solid #fff;	
	color: #fff;		
	font-size: 16px;

}

	
.child {display: none;}
	
.search-w{padding: 10px 0px 0px 10px;}
	
/*飾り文字*/
#menubar-s ul li span {
	display: block;
	font-size: 10px;	
	color: #999;		
}

#menubar {display: none;}

#topbar {display: none;}
	
header nav {display: none;}	

.box3{display: none;}

/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 18px;		
	right: 10px;	
	width: 30px;	
	border: 1px solid #FFF;	
	border-radius: 4px;
	padding: 12px 10px 5px;	
}

#menubar_hdr span {
	display: block;
	border-top: 2px solid #FFF;	
	border-radius: 2px;	
	margin-bottom: 7px;	
}
	
	
	
	
	

/*fixmenu設定（メニューが画面上部に到達した際のスタイル）*/
/*fixmenuから折りたたみメニューになるのでリセット。*/
body.is-fixed-menu #contents {
	margin-top: 0px;
}

/*main,subコンテンツ*/
.main,.sub {
	float: none;
    width: auto;
	
}


/*その他*/
body.s-n .sub,body.s-n #footermenu {display: none;}
.big1 {font-size: 20px;}
.w50 {overflow: hidden;width: auto;}
.fl {float: none;}
.fr {float: none;}

} /*.画面幅800px以下の設定*/



/*画面幅480px以下の設定*/
@media screen and (max-width:620px){


body {
	font-size: 12px;	
	line-height: 1.5;	
}

/*inner*/
.inner {
	padding-left: 2% !important;
	padding-right: 2% !important;
}
	



/*コンテンツ（mainとsubを囲むブロック。１カラム時の場合はメインコンテツを囲むブロック。）*/
#contents {
	padding: 20px 0px 0px 0px;	
}

#contents .inner {
	padding: 20px 0px;	
}

#contents h2 {
	font-size: 20px;	
}

#contents h2 span {
	font-size: 10px;	
	letter-spacing: 0.2em;	
}

#contents h3 {
	font-size: 20px;	
	padding-left: 10px;
}

#contents h3::first-letter {
	padding-left: 10px;	
}




#contents p {
	padding: 0 10px 20px;
}


/*list*/

.list {
	padding: 10px;		
	margin-bottom: 20px;	
}

.list h4 {
	font-size: 20px;	
}



/*2/3追加*/
.list2 li {
	display: block;
	width: 100%;
     margin: 5px auto;
	padding-bottom: 10px;
    }
/*2/3追加end*/	
    
/*2/5追加*/
.list3  li {
	display: block;
	width: 100%;
     margin: 5px auto;
	padding-bottom: 10px;
    }
  


.list5  li {
	display: block;
	width: 100%;
     margin: 5px auto;
}
 
.list6  li {
	display: block;
	width: 100%;
     margin: 5px auto;
}

.list7  li {
	display: block;
	width: 100%;
     margin: 5px auto;
}



/*リセット*/
.list1, .list41, .list6, .list7, {
  display: inline-block;
  width: 95%;
  
  margin: 0;
  padding: 0;
}
/*2/5追加end*/	

/*xxxxxx一覧ページのボックス内の右上のマーク*/
/*option1〜option3、と、newアイコン共通*/
.option1,.option2,.option3,.new {
	font-size: 10px;	/*文字サイズ*/
	width: 50px;		/*幅*/
	line-height: 20px;	/*高さ*/
	right: 10px;	/*右から10pxの場所に配置*/
}

#footermenu ul {
	display: block;
	width: 100%;
   margin: 0 auto;
	
}
#ado ul {
	display: block;
	width: 100%;
   margin: 0 auto;
	
}


/*その他*/
.photo {padding: 5px;border: 2px solid #fff;}
.ws,.wl {width: 94%;}
.fl {float: none;}
img.fl {float: none;display: block;width:90%;margin: 0 auto 20px;}
.fr {float: none;}
img.fr {float: none;display: block;width:90%;margin: 0 auto 20px;}
.big1 {font-size: 16px;}
.sh {display:block;}
.pc {display:none;}

}  /*.画面幅480px以下の設定*/









/* ++++*/
/* search*/

	#search form {
		text-decoration: none;
		position: relative;
	}

		#search form:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		#search form:before {
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
			color: #7f888f;
			content:'';
			cursor: default;
			display: block;
			font-size: 1.5em;
			height: 2em;
			line-height: 2em;
			opacity: 0.325;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2em;
		}

		#search form input[type="text"] {
			padding-right: 2.75em;
		}











/* index20news */


.col_all{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px
}

.col_z{    
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}


/* 2ワリ------ */
 .col_2s{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
 
}
.col_2{
box-sizing: border-box;
margin: 0;
padding: 15px;
width: 50%;
}

@media screen and (max-width: 960px) {
	.col_2s > div{
		width: 50%;
	}
}
@media screen and (max-width: 620px) {
	.col_2s > div{
		width: 60%;
	}
}
@media screen and (max-width: 480px) {
	.col_2s > div{
		width: 100%;
	}
}

/* 3ワリ------TOP event */
 .col_3s{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
 
}
.col_3{
box-sizing: border-box;
margin: 0;
padding: 15px;
width: 33.333333%;
}

@media screen and (max-width: 960px) {
	.col_3s > div{
		width: 50%;
	}
}
@media screen and (max-width: 620px) {
	.col_3s > div{
		width: 60%;
	}
}
@media screen and (max-width: 480px) {
	.col_3s > div{
		width: 100%;
	}
}


/* 4ワリ */
.col_4s{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
 
}
 
.col_4{
box-sizing: border-box;
margin: 0;
padding: 15px;
width: 25%;
}

@media screen and (max-width: 960px) {
	.col_4s > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 620px) {
	.col_4s > div{
		width: 50%;}
}
@media screen and (max-width: 480px) {
	.col_4s > div{
		width: 100%;
	}
}
/* -------.index shita banner list aaa */

.col_5s{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
 
}
 
.col_5{
box-sizing: border-box;
margin: 0;
padding: 15px;
width: 20%;
}


@media screen and (max-width: 960px) {
	.col_5s > div{
		width: 25%;
	}
}
@media screen and (max-width: 620px) {
	.col_5s > div{
		width: 50%;}
}
@media screen and (max-width: 480px) {
	.col_5s > div{
		width: 50%;
	}
}

/* -------.news news list*/
.newsC {
overflow: hidden;
border-radius: 3px;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #fff;
-webkit-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
transition: all 0.25s ease-in;
border-bottom: 5px solid transparent;
}
.newsC .newsphoto {
height: 130px;
overflow: hidden;
}
.newsC:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
border: none;
border-bottom: 5px solid #00BCD4;
}
.newsC .newsarticle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 1em 0 1em;
font-size: 0.8em;
}
.newsC .newsdate {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.newsC .newscategory {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.newsC .newscategory span {
font-size: 0.8em;
padding: 3px 8px;
cursor: pointer;
width: 8em;
margin: 0 0 5px 0;
border-radius: 10px;
background: #00BCD4;
text-align: center;
color: #ffffff;
}


.newsC .newsdescription {
padding: 0 1em;

}
.newsC .newsdescription h1 {
font-size: 14px;
margin: 0;
margin-bottom: 0.5em;
margin-top: 0.5em;
height: 90px;
}
.newsC .newsdescription .newstext p {
margin: 0;
}
.newsC .newsdescription a {
float: right;
margin-bottom: 10px;
text-decoration: none;
color: #00BCD4;
}
.newsC .newsdescription a:after {
font-family: FontAwesome;
margin-left: -10px;
content: '\f061';
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
vertical-align: middle;
opacity: 0;
}
.newsC .newsdescription a:hover:after {
margin-left: 5px;
opacity: 1;
}

/* news news */
.newsC .newsarticle_n {
padding: 0 1em 0 1em;
font-size: 0.8em;
}
.newsC .newsdate_n {
text-align: right;
padding-top: 5px;
}

.newsC .newscategory_g {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.newsC .newscategory_g span {
font-size: 0.8em;
padding: 3px 8px;
cursor: pointer;
width: 8em;
margin: 0 0 5px 0;
border-radius: 10px;
background: #58b41a;
text-align: center;
color: #ffffff;
}


.newsC .newscategory_o {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.newsC .newscategory_o span {
font-size: 0.8em;
padding: 3px 8px;
cursor: pointer;
width: 8em;
margin: 0 0 5px 0;
border-radius: 10px;
background: #f09a55;
text-align: center;
color: #ffffff;
}


.newsC .newscategory_p {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.newsC .newscategory_p span {
font-size: 0.8em;
padding: 3px 8px;
cursor: pointer;
width: 8em;
margin: 0 0 5px 0;
border-radius: 10px;
background: #ae5be7;
text-align: center;
color: #ffffff;
}

.newsC .newscategory_b {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.newsC .newscategory_b span {
font-size: 0.8em;
padding: 3px 8px;
cursor: pointer;
width: 8em;
margin: 0 0 5px 0;
border-radius: 10px;
background:#0a8fc0;
text-align: center;
color: #ffffff;
}

.newsC .newscategory_pin {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.newsC .newscategory_pin span {
font-size: 0.8em;
padding: 3px 8px;
cursor: pointer;
width: 8em;
margin: 0 0 5px 0;
border-radius: 10px;
background:#f36ac7;
text-align: center;
color: #ffffff;
}

.newsC .newscategory_y {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.newsC .newscategory_y span {
font-size: 0.8em;
padding: 3px 8px;
cursor: pointer;
width: 8em;
margin: 0 0 5px 0;
border-radius: 10px;
background: #fdb802;
text-align: center;
color: #ffffff;
}

.newsC .newscategory_report {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.newsC .newscategory_report span {
font-size: 0.8em;
padding: 3px 8px;
cursor: pointer;
width: 8em;
margin: 0 0 5px 0;
border-radius: 10px;
background: #05b98d;
text-align: center;
color: #ffffff;
}



/* TOP event */

.evec {
  margin: 30px auto;
  width: 300px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
}
.evec-img {
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.evec-content {
  padding: 10px;
}
.evec-title {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
  color: #333;
}
.evec-text {
  color: #777;
  font-size: 12px;
  line-height: 1.5;
}
.evec-link {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 10px;
}
.evec-link a {
  text-decoration: none;
  color: #0bd;
  margin: 0 10px;
}
.evec-link a:hover {
  color: #0090aa;
}

/* TOP bottom */
 .example {
  position: relative;
  }

.example p {
   position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.example img {
  width: 100%;
  }


@media screen and (max-width:480px){

.item2{
	display: block;
	width: 100%;
     margin: 5px auto;
	padding-bottom: 10px;
}
}


/* img 透過 */
.bnn img:hover {
	opacity: 0.5 ;
}
/* button top more */
.btn01 {
  display:block;  
  max-width: 180px;
  border: 2px solid #333;
  font-size: 16px;
  color: #333;
  padding:8px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
     margin: 0 0 0 auto;
    text-decoration-line: none;
}


.btn01:hover {
  background-color: #333;
  border-color: #333;
  color: #FFF;
}

.btn02 {
  display:block;  
  max-width: 300px;
  border: 2px solid #333;
  font-size: 16px;
  color: #333;
  padding:8px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
     margin: 0 0 0 auto;
    text-decoration-line: none;
}


.btn02:hover {
  background-color: #333;
  border-color: #333;
  color: #FFF;
}





.btn04 {
  position: relative;
  display: inline-block;
  padding: 13px 28px;
  background: #666666;
  border: 2px solid #666666;
  border-radius: 4px;
  color: #666666;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  line-heigt: 1em;
  -webkit-transition: .8s;
  transition: .8s;
     margin: 0 0 0 auto;
}

.btn04 span {
  position: relative;
  z-index: 1;
}

.btn04::before,
.btn04::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 51%;
  height: 100%;
  background-color: #ffffff;
  -webkit-transition: .2s;
  transition: .2s;
  
}

.btn04::before {
  left: 0;
}

.btn04::after {
  right: 0;
}

.btn04:hover::before,
.btn04:hover::after {
  width: 0;
  background: #ffffff;
}

.btn04:hover {
  color: #ffffff;
}

/* btn05 */
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn05,
a.btn05 {
  color: #fff;
  background-color: #eb6100;
}
.btn05:hover,
a.btn05:hover {
  color: #fff;
  background-color: #999999; 
}

.btn06,
a.btn06 {
  color: #fff;
  background-color: #0798F2;
}
.btn06:hover,
a.btn06:hover {
  color: #fff;
  background-color: #999999; 
}

.btn7,
a.btn7,
button.btn7 {
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn07,
a.btn07 {
  color: #fff;
  background-color: #999999;
}
.btn07:hover,
a.btn07:hover {
  color: #fff;
  background: #666666;
}

 /* --------	kikin  form btm--------- */  
.square_btn{
    display: inline-block;
    padding: 7px 20px;
	border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
}


.square_btn:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

/* ニュース・プレス　top */
.news_top img {
  width: 100%;
  min-height: 100px;
}

.news_top {
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 3px;
  transition: 0.3s;
}

.news_top_content-img {
  padding: 0.4em 0;
  text-align: center;
}

.news_top_content {
  padding: 0.4em 0;
}

.news_top_title,
.news_top_post-day {
  position: relative;
  padding: 0 0.1em;
  margin: 0;
  font-size: 1em;
  line-height: 1.5;
    height: 30px;
}

.news_top_post-day {
  padding: 0 0.1em;
  font-size: 0.8em;
  color: #777;
}


/* edu/pd/qa */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	margin: 0 0 2em 10px;
	padding: 1em 1em 0.5em 1em;
	background: #ffffff;
}


.cp_qa dl {
	margin: 0;
}
.cp_qa dt {
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em 0.5em 2em;
	border-radius: 0.2em;
	background: #cccccc;
}
.cp_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 1em 1.5em 3em;
}
/* QAアイコン */
.cp_qa dt::before,.cp_qa dd::before{
	font-size: 1.5em;
	color: #ffffff;
}
.cp_qa dd::before{
	font-size: 1.5em;
	color: #ffffff;
}
.cp_qa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';
}
.cp_qa dd::before {
	margin: 0 0.5em 0 -2em;
	padding: 0.2em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #666666;
    
}
/* ぱんくず */
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: normal;/*太字*/
  font-size: 12px;
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #52b5ee;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}


/* academics link */
.ac_link {
	position: relative;
	padding: 0.1em 5em;
	display: inline-block;
	transition: .3s;
	color: #00ACC1;
}
.ac_link::before,
.ac_link::after {
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	background-color: #00ACC1;
	transition: .3s;
}
.ac_link::before {
	top: 0;
	left: 0;
}
.ac_link::after {
	bottom: 0;
	right: 0;
}
.ac_link:hover::before,
.ac_link:hover::after {
	width: 100%;
}



a.anchor {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}


/* recruit list +210422  access +210428 */
.list10 dl {
padding: 15px 0px 0px 0px;
border-bottom: 1px dotted #ccc;
}

.list10 dt {
padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
.list10 dt {
clear: left;
float: left;
width: 20%;
}
.list10 dd {
margin-left: 11%;
}
}


.list11 dl {
padding: 15px 0px 0px 0px;
border-bottom: 1px dotted #ccc;
}

.list11 dt {
padding-bottom: 5px;
font-weight: bold;
}

@media screen and (min-width: 768px) {
.list11 dt {
clear: left;
float: left;
width: 30%;
}
.list11 dd {
margin-left: 11%;
}
}
/* news/news_lhd.html +210517  */

#list-k{
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 1px #BDB5B5;    
    line-height: 3;
}

.list12 dl {
padding: 15px 0px 0px 0px;
}

.list12 dt{border-bottom: none;}

.list12 dd {
border-bottom: 1px dotted #676262;
margin-left:0;
}

@media screen and (min-width: 768px) {
.list12 dt {
clear: left;
float: left;
width: 10%;
border-bottom: 1px dotted #676262;

}
.list12 dd {
margin-left: 11%;
}
}

.list13 dl {
padding: 15px 0px 0px 0px;
}

.list13 dt{border-bottom: none;}

.list13 dd {
margin-left:0;
}

@media screen and (min-width: 768px) {
.list13 dt {
clear: left;
float: left;
width: 10%;

}
.list13 dd {
margin-left: 11%;
}
}




/* list ul +210422  */
ul.list20{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding:0 0 0 30px;
}
ul.list20 li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
  line-height: 1.5;
}
ul.list20 li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #dcdacd;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.list20 li:after{
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.list21{
  list-style-type:none;
  padding:0 0 0 30px;
}
ul.list21 li{
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
  line-height: 1.5;
}


/* ライン +210423  hr */
.line01 {border-top: 3px double #bbb;}
.line02 {border: none;
            background-color: #fff;
            border-width: 1px 0 0 0;
            border-top: double;
            border-color: gray;
        }
.line03{display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dashed #cccccc;}       

/* box +210427 access  */

.box10 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 1px #5F5B5B;
}
.box10 p {
    margin: 0; 
    padding: 0;
}

.box11 {
    padding:0 1em 0.5em;
    margin: 2em;
    border: solid 1px #5F5B5B;
}
.box11 p {
    margin: 0; 
    padding: 0;
}
.box12 {
    padding:1em 1em 0 1em;
    margin: 5em;
    border: solid 1px #F35E5E;
}
.box12 p {
    margin: 0; 
    padding: 0;
}

.box13{
	line-height: 160%;
	background-color:#ecf6e2;
	margin:0px 20px 0px 20px;
	padding:0px 10px 0px 10px;
	border-radius: 20px 20px 20px 20px;    
}

.box14 {
    padding:1em 1em 0 1em;
    margin: 1em;
    border: solid 1px #999999;
    margin: auto;
    width: 70%;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

.box15 {
    padding:1em 1em 0 1em;
    margin: 1em;
    border: solid 1px #EC7117;
    margin: auto;
    width: 70%;
}
.box15 p {
    margin: 0; 
    padding: 0;
}
  
/* A4文書書式 */
#headerDate{
	text-align:right;
	padding-right:15px;	
	padding-top:30px;
	padding-bottom:15px; 
}	
	
#headerNifs{
	text-align:right;
	padding-right:50px;
	padding-top:50px;
	padding-bottom:10px;
}

#headerTitle{
	text-align:center;	
	padding-top:30px;
	font-weight:bold;
	font-size: 13pt;
	color:#666666;	
}
#headerTitle_en{	
	padding:30px 0 30px 0;
	font-weight:bold;
	color:#666666;	
}
#headerTitle_enc{
	text-align:center;	
	padding:30px 0 30px 0;
	font-weight:bold;
	color:#666666;	
}

/*Japan-KR 事務担当係*/
.kakari{
      border:solid 1px #000000;
	  width:350px;
      float: right;
	  margin:10px 10px 20px 0px;	  
	  padding: 5px;
	  font-size:15px;
}
/* research/flashnews */
.cube1{
border-style: solid; 
border-width: 1px;  
border-color: #82c2f4 ;  
color:#000000; 
font-size: 80% ; 
border-radius: 2px 2px 2px 2px;  
padding: 1px 2px 1px 2px ;
margin-left : 2px; 
margin-right: 10px; 
vertical-align: 3%;  
background-color:  #afd4f1;
box-shadow: 1px 1px 3px rgba(20,20,20,0.2); 
}
.cube2{
border-style: solid; 
border-width: 1px;  
border-color: #f8ebf5 ; 
color:#000000;
font-size: 80% ; 
border-radius: 2px 2px 2px 2px; 
padding: 1px 2px 1px 2px ; 
margin-left : 2px; 
margin-right: 10px; 
vertical-align: 3%; 
background-color:  #f8ebf5;
box-shadow: 1px 1px 3px rgba(20,20,20,0.2);
}
/* fs */
.fs01{text-align: right;}
.fs02{margin-top: 20px;}
.fs03{margin-left: 5px;}
.fs04{text-align: center;}
.fs05{font-size: 12px;}
.fs06{font-weight: 800;}
.fs07{font-weight: bold;}
.fs08{text-indent:15px;}
.fs09{text-align: center;}
.fs10{text-decoration:underline;}
.fs11{float: right; width: 400px; padding-left: 600px;}
.fs12 {text-decoration: line-through solid #ff0000;} /* --------	取り消し線--------- */  
.fs13{text-indent:40px; }
.fs14{vertical-align:top;}
.fs15{font-size: 14px;}
.fs16{text-decoration:underline double;}
.fs17{text-indent:60px; }




.fsmt01{margin-top:25px; }
.fsmb20{margin-bottom: 20px;}
.fsmb40{margin-bottom: 40px;}

/* width */
.fsw01{width: 200px;}
.fsw02{width: 150px;}
.fsw03{width: 300px;}
.fsw04{width: 100px;}


.fsmid1{
  border-left: thick solid red;
  padding-left: 10px;}
  
.fsmid2{
  border-left: thick solid #52494A;
  padding-left: 10px;}  
  
.fsmid3{
	position: relative;
	font-size: 26px;
	text-align: center;
	border-bottom: 5px solid #f6f6f6;
}

.fsmid3::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}

.fsmid4 {
	font-size: 18px;
    margin-left: 50px;
    
}

.fsmid4 span {
	display: flex;
	align-items: center;
	color: #387ccc;
	font-size: 18px;
}

.fsmid4 span::after {
	content: '';
	display: inline-block;
	margin-left: 20px;
	width: 40px;
	height: 1px;
	background-color: #498ee0;
}

.fsmid5{font-size:16px;
	border-bottom: solid 1px #f8cee3;
    position: relative;
	font-weight: 500;
	padding: 10px 0px 3px 0px;}
   
/* research/newsflash */   
.fsmid5:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f671b3;
  bottom: -3px;
  width: 20%;	
}
    
/* research/newsflash */       
.fsmid6{
  font-weight: 500;
  font-size:16px;
  border-bottom: 1px dotted #dcdacd;
  color:#333333;	
  padding: 5px 0px 5px 10px;
  margin: 10px 0 0 0;
}   

.fsmid7 {
  display:block;  
  max-width: 180px;
  border: 2px solid #333;
  font-size: 16px;
  color: #333;
  padding:8px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
     margin: 0 0 0 auto;
    text-decoration-line: none;
}
/*  */  
.fsmid8{font-size:18px;
	border-bottom: solid 1px #999999;
    position: relative;
	font-weight: 500;
	padding: 10px 0px 3px 0px;}
   
 
.fsmid8:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #666666;
  bottom: -3px;
  width: 20%;
}


.fsmid9{
    font-weight:normal;
	color:#003399;
    font-size:18px;
	border-bottom:solid 1.5px #003399;
	margin:5px 0px 5px 0px;	
}

.fsmid10{
font-size:18px;
  padding: .5em 0; /*上下の余白*/
	border-top: solid 1px #999999; /*上線（線種 太さ 色）*/
	border-bottom: solid 1px #999999; /*下線（線種 太さ 色）*/   
}

.fsmid11{
font-size:18px;
  display: inline-block;
  position: relative;
}


.fsmid11:before {
　display: inline-block;
　position: absolute;
　content: '';
  bottom: -10px; /*下線の上下の位置*/
  left: 50%;
  width: 30px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置の調整*/
  background-color: #666666; /*下線の色*/
}

.fsmid12{
  font-weight: 500;
  font-size:16px;
  border-bottom: 1px dotted #fff;
  color:#333333;	
  padding: 5px 0px 5px 10px;
  margin: 10px 0 0 0;
} 

.fsmid13{
  font-weight: 500;
  font-size:16px;
  border-bottom: 1px dotted #000;
  color:#333333;	
  padding: 5px 0px 0px 10px;
  margin: 10px 0 20px 0;
}  

.fsmid14 span{
width:100px;
padding:5px;
text-align:center;
line-height:1;
color:#ffffff;
white-space:nowrap;
display:inline-block;
font-size: 18px; 
background-color:#0F89ED;
margin: 20px 30px 0 0;
}
  
.fsmid15 span{
width:200px;
padding:5px;
text-align:center;
line-height:1;
color:#ffffff;
white-space:nowrap;
display:inline-block;
font-size: 18px; 
background-color:#0F89ED;
margin: 20px 30px 0 0;
}

.fsmid16{
    font-weight:normal;
	color:#003399;
    font-size:18px;
	border-bottom:solid 1.5px #003399;
	margin:5px 0px 5px 25px;	
    width: 200px;
}


.fsc01{color: #D10609;}
.fsc02{color: #0936F1;}
.fsc03{color: #BBB02E;}
.fsc04{background-color: #e8e6df;}
.fsc05{background-color: #c9c7bf;}
.fsc06{background-color: #f2ebcf;}
.fsc07{color: #FF6700;}
.fsc08{color: #8E59F6;}
.fsc09{color: #666666;}
.fsc10{color: #EE1670;}
.fsc11{color: #003399;}

  
  
/* col */
.col01 {
   border-bottom: 1px solid #99999;
   padding-bottom: 15px; 
}
.col02{
	margin-top: 10px;
}

/* fig */
.fig001{
	border-radius: 10px;}

.fig002{display:block;
margin:auto;}

.right {
    margin: 0 0 0 auto;
}

.radius {
	border-radius:20px;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* --------	slickMap --------- */
.sitemap {
	height: 100%;
    min-height: 100%;   
    background: #fff;
}




#utilityNav {
	float: right;
	max-width: 50%;
	margin-right: 10px;
	background-color:#FFF;
}
#utilityNav li {
	float: left;
	margin-bottom: 10px;
}
#utilityNav li em {
	margin: 0 10px 0 0;
	padding: 5px 10px;
	display: block;	
	border: 2px solid #e3ca4b;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: black;
	background: #fff7aa url('../img_slickMap/white-highlight.png') top left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}

#primaryNav li {
	width:20%;
}

#primaryNav li ul li {
	width:100% !important;
}
#primaryNav {
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav #bucho {
	display: block;
	float: none;
	background: #ffffff url('../img_slickMap/vertical-line.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 50px 0;
}

#primaryNav #home {
	display: block;
	float: none;
	background: #ffffff url('../img_slickMap/L1-left.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}
#primaryNav li {
	float: left;
	background: url('../img_slickMap/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav li em {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-size: 14px;
	font-weight:normal;
	text-align: center;
	color: black;	
	background: #c3eafb url('../img_slickMap/white-highlight.png') top left repeat-x;
	border: 2px solid #b5d9ea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}

#primaryNav li:last-child {
	background: url('../img_slickMap/L1-right.png') center top no-repeat;
}
#primaryNav li ul {
	margin: 0px 0 0 0;
	width: 100%;
	float: right;
	padding: 9px 0 10px 0;
	background: #ffffff url('../img_slickMap/L3-ul-top.png') center top no-repeat;
}
#primaryNav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 15px;
	background:url('../img_slickMap/L3-center.png')  left center no-repeat;	
}
#primaryNav li li em {
	width:200%;
	margin: 15px 0px 0px 0px;
	padding: 5px 10px;
	display: block;
	font-size: 14px;
	text-align: center;
	font-weight:normal;
	color: black;	
	background: #e7f1d7  ;
	border: 2px solid #94b75f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;	
}
#primaryNav li li:first-child {
	background: url('../img_slickMap/L3-li-top.png') left center no-repeat;
	padding-top: 30px;
}
#primaryNav li li:last-child {
	background: url('../img_slickMap/L3-bottom.png') left center no-repeat;
}
 /* --------	slickMap  kanribu	 --------- */
#primaryNav2 li {
	width:25%;
}
#primaryNav2 li ul li {
	width:100% !important;
} 
	 
#primaryNav2 {
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav2 #home {
	display: block;
	float: none;
	background: #ffffff url('../img_slickMap/L1-left.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}
#primaryNav2 li {
	float: left;
	background: url('../img_slickMap/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav2 li em {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: black;	
	background: #c3eafb url('../img_slickMap/white-highlight.png') top left repeat-x;
	border: 2px solid #b5d9ea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#primaryNav2 li:last-child {
	background: url('../img_slickMap/L1-right.png') center top no-repeat;
}
 /* --------	end-  slickMap  kanribu	 --------- */
 
 /* --------	slickMap   crp--------- */
#primaryNav3 {
	margin: 0;
	float: left;
	width: 100%;
}

#primaryNav3 #iinkai {
	display: block;
	float: none;
	position: relative;
	z-index: 2;
	padding: 0 0 50px 0;
}
#primaryNav3 li {
	float: left;
	background: url('../img_slickMap/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav3 li em {
	margin: 50px 100px 0 0;
	padding: 10px 10px;
	display: block;
	font-size: 14px;
	font-weight:normal;
	color: black;	
	background: #c3eafb url('../img_slickMap/white-highlight.png') top left repeat-x;
	border: 2px solid #b5d9ea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#primaryNav3 li:last-child {
	background: url('../img_slickMap/L1-right.png') center top no-repeat;
}
#primaryNav3 li ul {
	margin: 0 0 0 0;
	width: 80%;
	float: right;
	padding: 0px 10px 10px 100px;
}
#primaryNav3 li li {
	width: 80%;
	clear: left;
	margin-top: 0;
	padding: 0px 0 0 15px;
	background:url('../img_slickMap/L3-center.png')  left center no-repeat;	
}
#primaryNav3 li li em {
	margin: 15px 0px 0px 0px;
	padding: 5px 10px;
	display: block;
	font-size: 14px;
	font-weight:normal;
	color: black;	
	background: #e7f1d7  ;
	border: 2px solid #94b75f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 	
}
#primaryNav3 li li:first-child {
	background: url('../img_slickMap/L3-li-top.png') left center no-repeat;
	padding-top: 30px;
}
#primaryNav3 li li:last-child {
	background: url('../img_slickMap/L3-bottom.png') left center no-repeat;
}
/* --------	slickMap   ics--------- */
#primaryNav5 li {
	width:30%;
}
#primaryNav5 li ul li {
	width:100% !important;
}
#primaryNav5{
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav5 #bucho {
	display: block;
	float: none;
	background: #ffffff url('../img_slickMap/vertical-line.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 50px 0;
}
#primaryNav5 #home {
	display: block;
	float: none;
	background: #ffffff url('../img_slickMap/L1-left.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}
#primaryNav5 li {
	float: left;
	background: url('../img_slickMap/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav5 li em {
	width: 100%;
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-size: 14px;
	font-weight:normal;
	text-align: center;
	color: black;	
	background: #c3eafb url('../img_slickMap/white-highlight.png') top left repeat-x;
	border: 2px solid #b5d9ea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#primaryNav5 li:last-child {
	background: url('../img_slickMap/L1-right.png') center top no-repeat;
}
#primaryNav5 li ul {
	margin: 0px 0 0 0;
	width: 100%;
	float: left;
	padding: 0px 0px 0px 90px;
	background: #ffffff url('../img_slickMap/L3-ul-top2.png') right top no-repeat;
}
#primaryNav5 li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 15px;
	background:url('../img_slickMap/L3-center.png')  left center no-repeat;	
}
#primaryNav5 li li em {
	width:200%;
	margin: 15px 0px 0px 0px;
	padding: 5px 10px;
	display: block;
	font-size: 14px;
	text-align: center;
	font-weight:normal;
	color: black;	
	background: #e7f1d7  ;
	border: 2px solid #94b75f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 	
}
#primaryNav5 li li:first-child {
	background: url('../img_slickMap/L3-li-top.png') left center no-repeat;
	padding-top: 30px;
}
#primaryNav5 li li:last-child {
	background: url('../img_slickMap/L3-bottom.png') left center no-repeat;
}

#seeds .paper{
    float:left;
	width:150px;
	height:290px;
	margin: 25px 20px 25px 40px;
	font-size:12px;
}


#seeds .paper2{
    float:left;
	width:280px;
	height:198px;
	margin: 25px 20px 25px 40px;
	font-size:12px;
}


.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#clear {
clear: both;
}