@charset "utf-8";
/*@media screen and (max-width:640px){*/

/*～以下、画面の横幅がxxxpxまでの場合のスタイル記入～*/
html { 
	overflow-y:scroll;
	overflow-x:hidden;
	height:100%;
	width: 100%;
}
body {font-size:1.45rem;/* 14.5px*/}

img {
max-width: 100%;
height: auto;
width /***/:auto;　
}

img {zoom: 0.6;} /* スマートフォン用画像をざっくり縮小 */






/*--------------------------- ヘッダー　------------------------------*/
/* iPhone 6~ ↓*/		
.header_logo {float:left;}	
/* iPhone 5↓*/		
@media screen and (max-width:320px){
.header_logo img {zoom:0.52; padding-top: 10px;}	
	}
/* PC↓*/	
@media screen and (min-width:641px){
.header_logo {float:left;}
}





.conts { width: 100%; display: block; box-shadow:none;background: rgba(0, 15, 60, 0.8); position: relative; }
.conts p {padding: 0 0 0.5rem;}
.conts img {}

.conts_inner {padding:1.5em 16px 1.0em;}

/*--------------------------- index ------------------------------*/
#wrapper { border-top: solid 1px #fff; position: relative; z-index: 1!important;}
#wrapper img {zoom:1.0; z-index: 1!important;} /* nivoslider画像用 */

#News-index {width:80%; min-height: 240px; overflow: visible; margin:0 auto 36px; position: relative; display: block; }
#News-index img.home_news { width: 100%; height: auto;}
#News-index ul {display: flex;flex-wrap:wrap; align-items:center;margin:0; padding:0;}
#News-index ul li.dateI { width:15%; white-space:nowrap; margin:12px 10px 8px 0; padding: 8px 4px ;clear: both;font-size:1.3rem;  background: #FF8000;line-height: 1.1;font-weight: bold; vertical-align: middle; text-align: center; height:auto;}
#News-index ul li { list-style:none; margin:0; padding: 6px 0 5px; float:left;}
#News-index ul li.txt	{width:77%; text-align: left; margin:10px 0 8px 0; line-height: 1.2;}
#News-index ul li.txt a { color:#fff;}
#News-index .new {background-color:#ff0000;display:inline-block; padding:3px; vertical-align:top;color:#fff; margin-top: 4px; font-size:0.8rem; font-weight: bold; }
#News-index .index-categoly {padding: 2px 4px; display: inline-block; margin-right: 8px; font-size: 1.1rem;}
.news { background: #785426;} 
.secretariat {background:#253E8F;} 
.archives {background: #0a450e;} 

.content {
position: relative;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
}
#bg1::before {  /* iPhoneでfixしない対処*/
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background: url(../img/bg1.jpg) center no-repeat;
background-size:cover;
}
#bg1 {}
#bg2::before {  /* iPhoneでfixしない対処*/
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background: url(../aboutus/img/bg2.jpg) center no-repeat;
background-size:cover;
}
#bg2 {}
/* ↓pc↓ */
@media screen and (min-width:641px) {
#bg1 {background: url(../img/bg1.jpg) center 0%/cover fixed;}
#bg2 {background: url(../aboutus/img/bg2.jpg) center 0%/cover fixed;}
}


/* ヘッダーメニュー */

.pcmenu {;}

.menu_wrap {float: right;position: relative; z-index: 999!important;}
.smartmenu {}
@media screen and (min-width:641px) {
	.menu_wrap {}
.smartmenu {}
	#openMenu {}
}
	
/*--------------------------- ドロワーメニュー ------------------------------*/
#openMenu {
	background:none;
	position: fixed;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	}
#openMenu a { display: inline-block; padding: 0; margin: 0;}
#layerMenu {
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
}
#layerMenu ul {
position: absolute;
width: 99.9%;
right: 0px;
margin:78px 0 0 0;
padding: 0;
border-top: solid 1px #ccc;
display:block;
box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
}
@media screen and (min-width:641px) {
	#layerMenu ul {margin:130px 0 0 0;}
}
#layerMenu ul li {
	margin:0;
	padding: 0;
	list-style: none;
	border-bottom: solid 1px #fff;
	display:block;
	width: 100%;
}
#layerMenu ul li a {
	position: relative;
	padding: 24px 2px 24px 24px;
	text-align:left;
	display:block;
	color:#fff;
	background: rgba(0,0,0,0.9);
	text-shadow: 2px 2px 2px #666;
}
.menuHome_ico {display:inline-block; font-size: 80%;}
#layerMenu ul li a.KRHPS {background:rgba(255,255,255,0.5);padding: 20px 2px 20px 24px;}
#layerMenu ul li a:hover {
	background:#333;
	color: #fff;
}
#closeMenu {
	position: absolute;
	top: 0;
	right: 0;
}
	

#layerMenu img.open_bar {display: none;}



/* フッター */
.footer { }
.signature { text-align: center;font-family: "Georgia","Times New Roman","Times","serif"; padding: 20px 0; line-height: 1.3;}


/* フッターナビ */
#f_navi { 
	position:fixed; z-index:9;
	bottom: 80px;
	right:0; 
}
#f_navi img {}



/*--------------------------- 共通コンテンツ------------------------------*/
	
	
/*--------------------------- 各ページ ------------------------------*/
.index_img { border-top: solid 1px #fff; box-shadow: 0px 5px 7px rgba(0,0,0,0.3);}

/*----------------- form --------------------*/



/*----------------- CompanyProfile --------------------*/


/*----------------- JBATS --------------------*/

}




/*----------------- Staff --------------------*/



/*--------------------------- 基本 ------------------------------*/

.float_left { float:left;}
.float_right { float:right;}
.float_none { float:none; margin:0.5em auto; text-align:center;}
.overflow { overflow:visible;}

	
	/*------------------------  smartonly  ------------------------*/	

.pcnone {display:block;}
.smartnone {display:none;}

.smart_small { font-size:80%;}
	

/*～～～～～～～～～～～～～～～～～～～～～～～～～～*/
}