@charset "UTF-8";
/****************************************************
* base 00基本スタイル *
*****************************************************/
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[aria-disabled],html{cursor:default}*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}body,button,input,optgroup,select,textarea{margin:0}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}nav ol,nav ul{list-style:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto;resize:vertical}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}

/*基本?共通******************************************/
/*リンク*/
a[href] {
	font-weight:normal;
	text-decoration:none;
	-webkit-transition-duration:0.3s;
	        transition-duration:0.3s;
	-webkit-transition-property: color,background,opacity,-webkit-box-shadow,-webkit-transform,-webkit-text-decoration;
	transition-property: color,background,opacity,-webkit-box-shadow,-webkit-transform,-webkit-text-decoration;
	transition-property: color,background,box-shadow,opacity,transform,text-decoration ;
	transition-property: color,background,box-shadow,opacity,transform,text-decoration,-webkit-box-shadow,-webkit-transform,-webkit-text-decoration;
}
a[href]:link{
	color:#00478e;
}
a[href]:visited {
	color:#654c98;	
}
a[href]:hover, a[href]:focus, a[href]:active{
	color:#003971;
	text-decoration:underline;
}

/*外部リンク*/
a span.out{
	margin-left: 0.5em;
	margin-right:.2em;
	display: inline-block;
	overflow:hidden;
	position: relative;
	width: 1em;
	padding-top:1em;
	height:0;
	text-decoration:none;
	line-height:1;
    vertical-align: middle;
}
a span.out::before{
	position:absolute;
	left:0;
	top:0;
	display:block;
	font-family: FontAwesome;
	content:"\f08e";
}
/*Mobile*/
@media screen and (max-width: 767px){
	.touchevents a span.out{
		line-height:1.2;
	}
}

/*見出し*/
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	color:inherit;
	font-weight:600;
}
/*強調*/
b,strong{
	font-weight:600;
}
em{
	font-size: 100%;
	text-decoration: none;
	font-style: normal;
	color:#c00;
}
/*画像など*/
img, object, embed, video {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
/*クリア*/
.clear{
	clear:both;
}
hr{
	border: 0;
	border-top:1px dotted #999;
	margin:10px 0;
}
hr.clear{
	display:none;
}

/*読み上げ用隠し*/
.up_link,
.speech{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
/*印刷のみ*/
.printOnly{
	display:none;
}

@media print{
/*印刷時*/
	.speech{
	  display:none;
	}
	.printOnly{
	  display:block;
	}
}
/*非表示*/
.noDisp{
	display:none !important;
}
/*サイズ別表示*/
/*Mobile*/
@media screen and (max-width: 767px){
	.onlyDesktop {
		display: none !important;
	}
}
/*Desktop&print*/
@media screen and (min-width: 768px), print{
	.onlyMobile{
		display: none !important;
	}
}

/*Helper*/
.center, .text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.text-large{
	font-size:1.2em;
}
/*clearfix*/
.clearfix::after {
    content:" ";
    display:block;
    clear:both;
}

/*grid*/
.row{
	width:100%;
}
.cell{
	margin-bottom:10px;
}
.row.r2l{
	-ms-flex-direction:row-reverse;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	        flex-direction:row-reverse;
}
.row .half{
	width:50%
}
.row .quote{
	width:25%
}
.row.trisect >*, 
.row .one-third{
	width:33.33333333333333%
}
.row.trisect .double,
.row .two-third{
	width:66.66666666666666%
}

/*Mobile*/
@media screen and (max-width: 767px){
	.row,
	.row:not(.mb) .cell{
		display:block;
		width:auto;
	}
	.row.mb{
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -ms-justify-content: space-between;
	  -webkit-box-pack: justify;
	      -ms-flex-pack: justify;
	          justify-content: space-between;
	}
	.row.mb .cell{
		vertical-align:top;
		-webkit-box-flex: 1;
		    -ms-flex: 1 auto;
		        flex: 1 auto;
	}
	.row.mb .mb_href{
		width:50%
	}

}
/*Desktop&print*/
@media screen and (min-width: 768px), print{
	.row {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -ms-justify-content: space-between;
	  -webkit-box-pack: justify;
	      -ms-flex-pack: justify;
	          justify-content: space-between;
	}
	.row .cell{
		vertical-align:top;
		-webkit-box-flex: 1;
		    -ms-flex: 1 auto;
		        flex: 1 auto;
	}
}



/*ナビゲーション*/
nav ul, nav li,
ul.nav,.nav ul, .nav li{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}


 
/*ページ種別*******************************************************/
/*サイト?ホーム(トップページ)*/
body#homePage{}
/*目次*/
body#indexPage{}
/*一般コンテンツ*/
body#contentPage{}

/*ニュース目次*/
body#newsList{}
/*ニュース記事*/
body#newsPage{}

/*構造 レイアウト*******************************************************/
body {
	color: #333;
	background: #fff;
	font-size: 100%;
	font-family:YakuHanJP,'IBM Plex Sans JP',-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;

	-webkit-font-feature-settings: "pkna";
	        font-feature-settings: "pkna";
	line-height: 1.75;
	word-wrap: break-word;
	overflow-wrap: break-word;
	position: relative;
	min-width: 320px;
	width:100%;
	z-index: 1;
}

.container{
	position:relative;
	display:block;
}

/*Mobile*/
@media screen and (max-width: 767px){
	.container{
		margin:0 10px;
	}
}
/*Desktop*/
@media screen and (min-width: 768px), print{
	.container{
		margin: 0 auto;
		padding:0 10px;

		max-width: 1200px;
	}
	/*フッター下付*/
	html { 
		height: 100%; 
	} 
	body { 
		min-height: 100vh; 
	 	display: -webkit-box; 
	 	display: -ms-flexbox; 
	 	display: flex; 
		-webkit-box-orient: vertical; 
		-webkit-box-direction: normal; 
		    -ms-flex-direction: column; 
		        flex-direction: column; 
	}
	#wrapper{
		 -webkit-box-flex: 1;
		     -ms-flex-positive: 1;
		         flex-grow: 1;
	}
}
@media print {
/*印刷時*/
	body{
		min-height:0;
		width:1200px;
	}
}

/*ヘッダー詳細*******************************************************/


/*ロゴ*/
.logo{
	display:inline-block;
	vertical-align: middle;
	overflow:hidden;
	width:0;
	background-size: contain;
	padding-left: 180px;
	height: 50px;
}
#pageHead .container{
	position: relative;
	z-index: 100;
	background: #FFF;
}
#pageHead h1{
	padding: 12px 10px 8px 0;
	display: inline-block;
	font-size:1.25em;
}
#pageHead h1 a{
	display: block;
	vertical-align: top;
}
#pageHead .logo{
	background-image:url(/orsurg/hj0g2h00000000u8-img/hj0g2h00000000vx.png);
	padding-left:230px;
	height:60px;
}
/*ロゴ無し*/
#pageHead h1 a span{
	width:10em;
	display: inline-block;
}

/*ナビ*/
#headNav{
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width: 100%;
}
#menu{
	width: 100%;
}
#menu >ul{
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#menu >ul>li>a{
	color: #333;
	padding: 0 0.8em;
	height: 35px;
	font-size: 1.0625em;
	min-height: 1.5em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#menu >ul>li>a>span{
	display: block;
}
#menu >ul>li.drop>a::after{
	margin-left: 0.3em;
	content: "\f107";
	font-family: FontAwesome;
	display: block;
}
/*開閉*/
#headNav .drop{
	position: relative;
}
#headNav button.drop{
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
}
#menu a:hover,
#menu a:focus,
#menu a:active,
#headNav button.drop:hover,
#headNav button.drop:focus,
#headNav button.drop:active{
	background-color: rgba(255,255,255,0.20);
	text-decoration: none;
}
#headNav .panel{
	position:absolute;
	display:block;
	top:100%;
	left:0;
	background: rgba(255,255,255,0.88);
	visibility:hidden;
	opacity:0;
	-webkit-transition: .3s;
	transition: .3s;
}
/*背景*/
#pageHead::before{
	display: block;
	content: "";
	position: absolute;
	left: 0; right: 0;
	top:0; bottom: 0;
	min-height: 100vh;
	background: rgba(0,0,0,0.5);
	-webkit-transition:opacity .3s;
	transition: .3s;
	visibility: hidden;
	opacity: 0;
}
/*開*/
body.over #pageHead::before{
	z-index: 99;
	opacity: 1;
	visibility: visible;
}
body.over #headNav{
	z-index: 100;
}
#headNav .open .panel{
	opacity:1;
	visibility:visible;
	margin-top: 13px;
}
#menu .panel{
	padding: 0.3em;
	width: 100%;
	min-width: 11em;
	text-align: left;
}
#menu .panel li+li{
	border-top: 1px solid #ccc;
}
#menu .panel li a{
	display: block;	
	padding: 0.3em 0.4em 0.3em 0.3em;
	position: relative;
	color: #000;
}
#menu .panel li a:visited{
}
#menu .panel li a::after{
	content: "\f105";
	position: absolute;
	display: block;
	font-family: FontAwesome;
	right: 0;
	line-height: 1.2;
	top: 50%;
	margin-top: -0.6em;
	color: #00478e;
}
#menu .panel li a:hover span{
	text-decoration: underline;
}


/*検索*/
#search{
	padding: 0 10px;
	position: relative;
}
#search button{
	position: relative;
	display: block;
	overflow: hidden;
	font-size: 1.0625em;
	min-height: 1.5em;
}

#search button.drop{
	border: none;
	padding: 0;
	padding-left: 24px;
	width: 24px;
	height: 100%;
	-webkit-transition:  0.3s;
	transition:  0.3s;
}
#search button span{
	display: block;
}
#search button.drop::before,
#search form button::before{
	display: block;
	position: absolute;
	left: 0; right: 0;
	top:0; bottom:0;
	content: "";
	background-position: 50% 50%;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO30uY2xzLTJ7c3Ryb2tlOiMyYzNlNTA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjVweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Imljb24iPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAsMEgyNFYyNEgwWiIvPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTAiIGN5PSIxMCIgcj0iNyIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjIxIiB5MT0iMjEiIHgyPSIxNSIgeTI9IjE1Ii8+PC9nPjwvZz48L3N2Zz4=");
}
#search.open  button.drop::before{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO30uY2xzLTJ7c3Ryb2tlOiMyYzNlNTA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoxLjVweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9Imljb24iPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAsMEgyNFYyNEgwWiIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCIvPjxsaW5lIGNsYXNzPSJjbHMtMiIgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCIvPjwvZz48L2c+PC9zdmc+");
}
#search .panel{
	right:0;
	left: auto;
	padding: 12px;
}

#search form{
	position:relative;
	text-align:left;
	color: #000;
	background:#fff;
	border: 1px solid #a0a0a0;
	font-size:1em;
	padding:3px 25px 3px 3px;
	width: 260px;
}
#search form input[type="text"]{
	font-size:1em;
	line-height:1.5;
	width:100%;
	min-width:140px;
	padding:0;
	border:none !important;
}
/*IE*/
#search form input:-ms-input-placeholder {
	font-size:1em;
	color:#666;
	font-weight:normal;
}

#search form button{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width:0;
	padding: 0 0 0 25px;
	overflow:hidden;
	border:none;
	-webkit-appearance: button;
	text-transform: none;
	background-color: transparent;
}

/*Mobile*/
@media screen and (max-width: 767px){
	#pageHead h1{
		padding: 5px 10px 0 0;
		margin:0 80px 0 2px;
	}
	#pageHead .logo{
		height: 40px;
	}
	#pageHead .container{
		padding:0; margin: 0;
	}
	#topImage .control{
		padding-right: 0 !important;
	}	
	#headNav{
		display: block;
		margin: 0;
		padding:0;
	}
	#menu{
		font-size: 0.875em;
	}
	#menu >ul{
		width: 100%;
		 display: inline-table;
		
	}
	#menu >ul>li{
		padding: 0 5px;
		 display: table-cell;
	}
	#menu >ul>li>a{		
		display: block;
		padding: 0 0.2em;
		font-size: 0.8571428em;
	}
	#menu >ul>li>a>span{
		line-height: 1.5;
	}
	#menu >ul>li.drop>a::after {
    	margin-left: 0;
		line-height: 1;
	}
	#search{
		position: absolute;
		bottom: 100%;
		right: 0;		
	}	
	#search .panel{
		margin-top: -10px;
		max-width: 100vw;
	}
	#headNav .open .panel{
		margin-top: 1px;
	}

}
@media screen and (max-width: 479px) {
	#headNav{
		display: block;
		padding:0 5px;
	}
	#menu{

		overflow-x: auto;
		-webkit-overflow-scrolling: auto;
	}
	#menu >ul{
		margin: 0;
	}
	#menu >ul>li{
		text-align: center;
	}
	#menu >ul>li>a>span {
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
	}
	#menu >ul>li>a::after{
		vertical-align: middle;
	}
	#menu .drop{
		position: static;
	}
}

/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#pageHead{
		font-size: 1.6vw;
	}
	#pageHead .container{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		top: 15px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		position: fixed;
		padding:0 20px;
		border-radius: 3em;
		-webkit-box-shadow: 0 2px 2px 2px rgba(0,0,0,.2);
		        box-shadow: 0 2px 2px 2px rgba(0,0,0,.2);
	}
	#headNav{
		padding: 10px 0 7px;
	}
	
	#menu >ul>li{
		padding: 0 0.5em;
	}
	#menu >ul>li .panel{
		left: auto;
		right: 0;
	}
	#menu >ul>li:first-child .panel{
		left: -13px;
		right: auto;
	}
}
@media screen and (min-width: 1000px){
	#pageHead{
		font-size: 1em;
	}
}


/*フッター詳細*******************************************************/
#pageFoot{
	clear:both;
	margin-top:50px;
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#pageFoot{
		font-size: 1.6vw;
	}
	
}
@media screen and (min-width: 1000px){
	#pageFoot{
		font-size: 1em;
	}
}
/*上へ*/
#upLink{
	position:fixed;
	z-index:5;
	right:20px;
	bottom:5px;
	-webkit-transition: ease-in 0.3s;
	transition: ease-in 0.3s;
}
#upLink a{
	position:relative;
	display: block;
	opacity:0.8;
	overflow:hidden;
	text-align: center;
	text-decoration: none;
}
#upLink a::before,
#upLink a::after {
	content: "";
	display:block;
}
#upLink a::before{
	width:45px;
	margin: 0 auto;
	height: 37px;
	background: #000;
	border-radius:5px;
	border:1px solid #FFF;
}
#upLink a::after {
	position: absolute;
    width: 18px;
    height: 18px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(-45deg) skew(2deg,2deg);
    transform: rotate(-45deg) skew(2deg,2deg);
    left: 50%;
    margin-left: -9px;
    top: 14px;
}

#upLink a span{
	display: block;
	width:80px;
	margin: 5px 0;
	font-size: 10px;
	font-weight : 600;
	line-height : 2;
	color : #000;
	text-shadow:  -1px -1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff, 1px 1px 3px #fff,
		-1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
}
#upLink a:hover,
#upLink a:active,
#upLink a:focus{
	opacity:1;
}
#upLink.hide{
	opacity:0;
	bottom:0;
}
/*Mobile*/
@media screen and (max-width: 767px){
	#upLink {
		right:15px;
		bottom: 20px;
	}
	#upLink a::before{
		bottom:35px;
	}
	#upLink a span{
		position: absolute;
		visibility:hidden;
	}
}
@media print{
	#upLink{
		display:none;
	}
}

/*情報バー*/
#infoBar{
	
	background: #00647F;
	padding: 5px 0;
}

#infoBar .container:after {
	content:" ";
	display:block;
	clear:both;
}

#infoBar li{
	display: inline-block;
	padding:0  0.35em;
}
#infoBar li a[href]{
	display: inline-block;	
}
#infoBar .info{
	font-size: 0.75em;
}
#infoBar .info >ul,
#infoBar .info p{
	display: inline-block;
	margin: 5px;
	vertical-align: middle;
}
#infoBar .info ul{
	color: #333;
	overflow: hidden;
}
#infoBar .info ul a[href]:link{
	color:#FFF;
}
#infoBar .info ul a[href]:visited{
	color: #404040;
}
#infoBar .info li{
	padding-left: 0;
	margin-left: -1px;
}
#infoBar .info li::before{
	content: "";
	display: inline-block;
	height: 1em;
	border-left: 1px solid #FFF;
	padding-left: 0.5em;
	vertical-align: middle;
}
#infoBar .info li a{
	vertical-align: middle;
}

#infoBar .info .inter a{
	display: inline-block;
	padding: 0 1em;
	color: #fff;
	background: #00478e;
	text-decoration: none;
}
#infoBar .info .inter a::before{
	content: "\f023";
	font-family: FontAwesome;
	font-size: 1.5em;
	margin-right: 5px;
	vertical-align: middle;
}
#infoBar .info .inter a:hover,
#infoBar .info .inter a:active,
#infoBar .info .inter a:focus{
	text-decoration: none;
	background: #336ba4;
}
/*Mobile*/
@media screen and (max-width: 767px){
	#infoBar .info p{
		float: right;
		margin: 0 10px 5px;
	}
}
@media screen and (max-width: 479px) {
	#infoBar .info ul{
		margin: 5px 0;
	}
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#infoBar .info{
		text-align: center;
	}
}
/*発信元*/
.office{
	margin: 1em 0;
	padding: 0;
}
.office li{
	list-style-type: none;
}
#footBox{
	padding: 13px 0;
}
#footBox h2{
	font-size:1.25em;
}
#footBox .logo{
	padding-left: 180px;
	height: 50px;
	background-image: url(/orsurg/hj0g2h00000000u8-img/hj0g2h00000000xm.png);
}
#footBox a{
	color: #fff;
}
#fOffice{
	font-size: 0.9em;
}
#fOffice >*{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.zipcode{
	margin-right: .5em;
}
#fOffice .office{
	margin: 0;
}
.zipcode:before{
	content: "〒";
	display: inline-block;
}
i.mail::before{
	content: "\f003";
	font-family: FontAwesome;
	font-style: normal;
	vertical-align: middle;
	margin-right: 0.4em;
}

#copyright{
	display: block;
	margin: 10px;
	font-size: 0.625em;
}
/*Mobile*/
@media screen and (max-width: 767px){
	#fOffice .office{
		font-size: 0.875em;
	}
}
@media screen and (max-width: 479px) {
	#footBox .logo{
		margin-bottom: 5px;
	}
	#copyright{
		text-align: center;
	}
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#fOffice{
		float: left;
	}
	#copyright{
		float: right;
	}
	
	#fOffice li{
		display: inline-block;
		margin-right: 1em;
	}
	#footBox .container:after {
		content:" ";
		display:block;
		clear:both;
	}
}




/*コンテンツ部*******************************************************/
#contents{
	position:relative;
	z-index:1;
}
#main{
		line-height: 2.125;
}
/*Mobile*/
@media screen and (max-width: 767px){
	#contents{
		font-size:0.875em;
	}
	#main, #side{
		margin-bottom: 20px;
	}
}
/*Desktop*/
@media screen and (min-width: 840px), print{
	#contents>.container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#contents >.container #main{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 100%;
	}
	#contents >.container #main.onSide{
		max-width: calc( 100% - 310px );
	}
	#contents >.container #side{
		width: 210px;
		padding-top: 10px;
		margin-right: 30px;
		margin-left: 70px;
	}
}

/*コンテンツヘッダー*******************************************************/
#contentHead{
	margin-bottom: 15px;
}
#contentHead .cTitle{
	position: relative;
	color: #fff;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(/orsurg/css/title_bg0.jpg);
}
#contentHead .cTitle::before{
	content: "";
	position:absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	background-color: rgba(0,36,66,0.60);
	
}
#contentHead .cTitle .container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#contentHead .cTitle .container>*{
	text-align: center;
	text-shadow: 0 0 5px #000, 0 0 6px #000;
    margin: 5px 0;
    line-height: 1.2;
}
#contentHead .cTitle h2{
	font-size: 2.1875em;
}
#contentHead .cTitle p:lang(en){
	text-transform: uppercase;
	font-size: 0.75em;
}


/*Mobile*/
@media screen and (max-width: 767px){
	#contentHead .cTitle .container{
		height: 100px;
	}
	#contentHead .cTitle h2{
		font-size: 1.25em;
	}
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#contentHead .cTitle .container{
		height: 250px;
	}
	#contentHead .cTitle .container h2 {
		margin: 85px 0 0;
	}
}

/*コーナー別背景---------------*/

#contentHead .cTitle.guide,

#contentHead .cTitle.hj0g2h00000006qr{
	background-image:url(/orsurg/hj0g2h00000000zk-img/hj0g2h0000000119.jpg);
}
	
#contentHead .cTitle.internship,

#contentHead .cTitle.hj0g2h00000002h8{
	background-image:url(/orsurg/hj0g2h00000000zk-img/hj0g2h000000011d.jpg);
}
	


/*バンクズ*******************************************************/
.breadcrumbs{
	overflow: hidden;
	text-align:left;
	clear: both;
	font-size:0.875em;
	margin-top: 5px;
	margin-bottom: 5px;
}
.breadcrumbs ol {
	margin:0;
	padding:0;
	list-style-type:none;
}
.breadcrumbs li ,
.breadcrumbs li a,
.breadcrumbs li span{
	display:inline-block;
	vertical-align:middle;
}

.breadcrumbs li::after{
	display:inline-block;
	font-size:1em;
	margin-left:.5em;
	margin-right:.2em;
	font-family: FontAwesome;
	content:"\f105";
	line-height:1.2;
	vertical-align:middle;
}
.breadcrumbs li:last-child::after{
	display:none;
	content:"";
}

/*サイド*******************************************************/
#side ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#side .cMenu{
	line-height: 1.5;
	margin-bottom: 25px;
	border: 1px solid #ccc;
}
#side .cMenu h3{
	padding: 6px;
	font-size: 1.25em;
	color: #fff;
	background: #00647F;
	text-align: center;
	
}
#side .cMenu ul li{
	display: block;
}
#side .cMenu ul li+li{
	border-top: 1px solid #BFBFBF;
}
#side .cMenu ul li a{
	position: relative;
	display: block;
	padding: 10px ;
}
#side .cMenu ul li a.current{
	font-weight: 600;
	color: #00478e;
	background: rgba(0,71,142,0.10);
}


/*記事タイトル*/
#main h2{
	display:block;
	margin:10px 0 20px;
	padding:10px 8px ;
	text-align:left;
	line-height:1.5;
	font-size:135%;
	font-weight:normal;
	color:#FFF;
	background-color:#00478e;
}

/*ページ内目次*/
#indexInter{
	overflow:hidden;
	padding: 3px 15px 5px;
	margin: 10px 0;
	background: #f4f4f4;
	line-height: 1.75;
}
#indexInter h3{
	display: block;
	margin: 0;
	font-size: 1em;
}
#indexInter ul{
	display: block;
	margin:0;
	padding:0;
}
#indexInter ul li{
	display:inline-block;
	margin-right:0.8em;
}
#indexInter ul li:before{
    display:inline-block;
	font-size:1.2em;
	margin-right:.4em;
	color: #00478e;
	font-family: FontAwesome;
	content:"\f107";
	line-height:1;
	vertical-align:middle;
}
/*Mobile*/
@media screen and (max-width: 767px){
	#main h2{
		margin-left: -10px;
		margin-right: -10px;
	}
	#indexInter{
		margin-left: -10px;
		margin-right: -10px;
		padding: 3px 10px 5px;
	}
}
/*Desktop&print*/
@media screen and (min-width: 768px), print{
	#indexInter{
		min-height: 1.5em;
		position: relative;
		padding-left: 8.5em;
	}
	#indexInter h3{
		position: absolute;
		left: 15px;
		top: 3px;
	}
}

#indexInter.speech{
	margin:-1px; padding:0; border:0;
	min-height: 0;
}

/*コンテンツ?フッター*/
#contentFoot{
	margin-top:1em;
	padding: 10px;
	border-top: 1px solid #ccc;
}
#contentFoot p{
	margin:0 0 0.5em;
}
/*更新日*/
.lastDate{
	text-align: right;
}


/**本文パーツ**************************/
.about p,
.mainText p, .txtPart{
	margin:0 0 1em;
}
/*リスト*/
.mainText ul, .mainText ol{
	padding:0;
	margin:1em 1em 1em 2em;
}
.mainText li ol, .mainText li ul{
	margin-top: 0;
	margin-bottom: 0.2em;
}
.mainText >.section,
.mainText section{
	clear: both;
	margin-bottom:40px;
}

/*clearfix*/
.mainText::after,
.mainText article::after,
.mainText .section::after,
.mainText section::after,
.txtPart::after{
	content:" ";
	display:block;
	clear:both;
}


.mainText h3{
	position:relative;
	clear:both;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:3px solid #00647F;
	font-size: 1.5em;
	padding: 10px 16px 7px;
	line-height:1.5;
	color: #00647F;
	background: -webkit-gradient(linear, left top, right top, from(#dbf0f6),to(#f4f4ff));
	background: linear-gradient(to right, #dbf0f6 0%,#f4f4ff 100%); 
}

.mainText h4{
	position:relative;
	clear:both;
	margin-top:25px;
	margin-bottom:10px;
	font-size:1.4em;
	line-height:1.5;
	padding:5px 4px;
	color: #000;
	border-bottom:2px solid rgba(0,71,142,0.30);
}
.mainText h5{
	clear:both;
	margin-top:15px;
	margin-bottom:10px;
	font-size:1.25em;
	line-height:1.5;
	color: #000;
	padding-left:0.8em;
}
.mainText h5:before{
	content:"";
    display:inline-block;
	margin-left:-0.8em;
	margin-right:0.35em;
	margin-top: -0.3em;
	vertical-align: middle;
	width: 0.6em;
	height: 0.6em;
	background:#00478e;
	border-radius: 2px;
}
.mainText h6{
	clear:both;
	color: #000;
	margin-bottom:1em;
	font-size:1em;
}
/*Desktop&print*/
@media screen and (min-width: 768px), print{
	.mainText{
		padding-left: 14px;
	}
	.mainText h3{
		margin-left: -14px;
	}
	.mainText h4{
		margin-left: -4px;
	}
}
/*Mobile*/
@media screen and (max-width: 767px){
	.mainText h3{
		font-size:1.428571428571429em;
		margin-left: -10px;
		margin-right:-10px;
	}
	.mainText h4{
		font-size:1.285714285714286em;
		margin-left: -5px;
		margin-right:-5px;
	}
	.mainText h5{
		font-size:1.142857142857143em;
	}
}
.mainText .speech{
	padding: 0;
	position: absolute !important;
}
.mainText .speech::before,
.mainText .speech::after{
	display: none !important;
}
.mainText strong{
	color: #000;
}



/*表*/
.mainText table {
	max-width:100%;
	padding: 0px;
	margin: 1em  0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
.mainText caption {
	font-weight: 600;
	text-align: left;
	margin:5px;
	color: #000;
}
.mainText th, .mainText td {
	padding: .5em;
	vertical-align: top;
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	word-break: break-word;
}
.mainText th[scope="row"] {
	text-align: left;
}
.mainText th[scope="col"] {
	text-align: center;
}
.mainText table th{
	font-weight:600;
	color: #000;
	vertical-align:middle;
	background: #f4f4ff;
}

/*数値用*/
td.num{
	text-align:right;
}
/*改行不可*/
.nowrap {
    white-space: nowrap;
}

.mainText td ul, .mainText td ol{
	margin-top:0;
	margin-bottom:0;
}
/*reflow*/
.mainText .reflow .label{
	display:none;
}
/*Mobile*/
@media screen and (max-width: 767px){
	/*scroll*/
	.tableScroll{
		margin:1em  0 ;
		overflow: auto;
		overflow-y: hidden;
		width: 100%;
		max-width:none;
		min-height: .01%;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.tableScroll::-webkit-scrollbar{
		 height: 5px;
	}
	.tableScroll::-webkit-scrollbar-track{
		background: #e6e6e6;
	}
	.tableScroll::-webkit-scrollbar-thumb {
		background: #333;
	}

	.mainText .tableScroll table,
	.tableScroll table{
		margin:0;
		max-width:none;
	}
	.mainText .tableScroll table caption,
	.tableScroll table caption{
		text-align: left;
	}
	.tableScroll table th,
	.tableScroll table td{
		white-space: nowrap;
	}
	/*reflow*/
	.mainText table.reflow{
		display:block;
		border-collapse:separate;
		border-width:0;
	}
	.mainText .reflow caption,
	.reflow caption{
		display:block;
		text-align: left;
	}
	.mainText .reflow thead,
	.reflow thead{
		display:none;
	}
	.mainText .reflow tbody,.mainText .reflow tbody tr
	.reflow tbody, .reflow tbody tr{
		display:block;
		margin-bottom:1em;
	}
	.mainText .reflow th, .mainText .reflow td,
	.reflow th,.reflow td{
		width:auto;
		display:block;
		border-top-width:0;
	}
	.mainText .reflow tr>th:first-child,
	.mainText .reflow tr>td:first-child{
		border-top-width:1px;
	}
	.mainText .reflow tbody th{
		text-align:left;
	}
	.mainText .reflow .label{
		text-align:left;
		display:block;
		font-weight:600;
		border-bottom: 1px dotted #ccc;
		margin:0 -0.5em 0.3em;
		padding:0 0.5em 0.3em;
	}
	.reflow .nowrap {
		white-space:inherit;
	}
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	.mainText .dataList th[scope="row"]{
		width: 20%;
	}
}

/*外部などコード埋め込み*/
.gCode{
	clear:both;
	overflow:hidden;
	margin: 20px 0;
	text-align:center;
}
.gCode iframe, .gCode object ,.gCode video {
	margin: 0 auto;
	text-align: left;
	max-width: 100%;
}
.gCode iframe {
	border: none;
}
/*clearfix*/
.gCode:after {
	content: "";
	display: block;
	clear: both;
}
/*Mobile*/
@media screen and (max-width: 767px){
	/*レスポンシブ化*/
	.RFrameWrap{
		margin:0 auto;
		position: relative;
		padding-bottom: 60%;/*縦横比 default*/
		height: 0;
		overflow: hidden;
	}
	.RFrameWrap video,
	.RFrameWrap iframe {
		margin:0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

	/*scroll化*/
	.gCode.scroll{
		overflow: auto;
		width: 100%;
		min-height: .01%;
		-webkit-overflow-scrolling: touch;
	}
	.gCode.scroll iframe {
		overflow: auto;
		width: 100%;
		max-width: none;
		-webkit-overflow-scrolling: touch;
	}

}
/*Desktop&print*/
@media screen and (min-width: 768px), print{
	.RFrameWrap{
		padding:0  !important;
	}
}


/*リンクリスト*/
.mainText .iLink ul, .mainText ul.iLink {
	list-style-type:none;
	margin-left:0;
}
.mainText .iLink a,
.iLink a,
a.iLink{
	display:inline-block;
	vertical-align:text-top;
	text-decoration: none;
	padding-left:1.5em;
	line-height: 1.75;
}
a.iLink:hover .title,
a.iLink:active .title,
a.iLink:focus .title,
.iLink a:hover .title,
.iLink a:active .title,
.iLink a:focus .title{
	text-decoration: underline;
}
.mainText .iLink a::before,
.iLink a::before,
a.iLink::before{
	font-size: 1.125em;
	margin-left:-1.3em;
	display:inline-block;
	margin-right:.3em;
	font-family: FontAwesome;
	content:"\f138";
	width:1em;
	line-height:1;
	vertical-align:middle;
	text-decoration:none;
}
 a span.nw,
.mainText a span.nw{
	display:inline-block;
	margin-left: 0.5em;
	font-size: 0.75em;
	text-decoration:none;
}
.iLink span.nw,
.iLink .out{
	color: #333;
}



/*ボタン*/
.linkBtn{
	margin:20px 0;
	text-align:center;
}
.mainText ul.linkBtn,
ul.linkBtn{
	margin:20px 0;
	list-style: none;
}
ul.linkBtn li{
	display:inline-block;
	margin: 3px 0.5em;
}
.linkBtn a{
	display:inline-block;
	text-decoration:none !important;
	line-height:1.5;
	padding:10px 2em;
	margin:5px;
	color: #FFF !important;
	background-color: #00547f;
	overflow:hidden;
	text-align: left;
	position:relative;
	border-radius:2em;
	-webkit-box-shadow: 0 2px 5px rgba(180,180,180,0.4);
	        box-shadow: 0 2px 5px rgba(180,180,180,0.4);
}
.linkBtn a::before,
.linkBtn a::after{
	display:inline-block;
	text-decoration:none;
	font-family: FontAwesome;
}
.linkBtn a::before{
	font-size: 1.125em;
	margin-left:-1.3em;
	margin-right:.3em;
	content:"\f138";
	line-height:1;
}

.linkBtn a:hover ,
.linkBtn a:active ,
.linkBtn a:focus {
	-webkit-box-shadow: 0 6px 10px 1px rgba(0,0,0,0.15);
	box-shadow: 0 6px 10px 1px rgba(0,0,0,0.15);
}



/*書類*/
.mainText .iPaper ul, .mainText ul.iPaper {
	list-style-type:none;
	margin-left:0;
}
.mainText .iPaper a,
a.iPaper{
	display:inline-block;
	padding-left:1.5em;
	text-decoration: none;
}
.iPaper .fa{
	margin-left: -1.5em;
	position: relative;
	width: 1.5em;
	height:0;
	padding-top: 1.25em;
	line-height: 1;
	vertical-align: middle;
	overflow: hidden;
}
.iPaper .fa::before{
	font-size: 1.125em;
	display: block;
	position: absolute;
	left: 0; right:0;
	top: 0; bottom:0;
	text-indent: 0;
	color: #333;
}
.iPaper .fa-file-word-o::before{
	color: #00187C;
}
.iPaper .fa-file-excel-o::before{
	color: #004934;
}
.iPaper .fa-file-pdf-o::before{
	color: #B60D23;
}
a.iPaper:hover .title,
a.iPaper:active .title,
a.iPaper:focus .title,
.iPaper a:hover .title,
.iPaper a:active .title,
.iPaper a:focus .title{
	text-decoration: underline;
}
.iPaper .ext{
	display:inline-block;
	margin-left: 0.5em;
	font-size: 0.75em;
	text-decoration:none;
}

/*添付画像:1枚(中央)*/
.iFigureC {
	clear: both;
	padding: 0;
	margin: 20px 0;
	text-align: center;
}
/*添付画像:複数を行別中央配置*/
.iFigure {
	clear: both;
	margin: 20px -5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.iFigure figure{
	display: inline-block;
	margin:5px;
	overflow: hidden;
	vertical-align: top;
}
.iFigureR,.iFigureL {
	clear: both;
	max-width: 100%;
	text-align: center;
}
/*添付画像:1枚(右)*/
.iFigureR{
	float:right;
	margin-left:20px;
	margin-right:0;
}
/*添付画像:1枚(左)*/
.iFigureL{
	clear:left;
	float:left;
	margin-left:0;
	margin-right:20px;
}
/*添付画像詳細*/
.iFigure li img ,
.iFigureC img,
.iFigureR img,
.iFigureL img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
/*comment*/
.mainText figcaption {
	text-align:left;
	word-wrap: break-word;
	display: block;
	margin: 5px 0;
	line-height: 1.5;
}
.mainText figcaption p{
	font-size:0.9375em;
	margin-bottom:0;
}
/*title*/
.mainText figcaption strong{
	text-align: center;
	display:block;
	font-weight:600;
	word-wrap: break-word;
	margin-bottom:5px;
}

/*Mobile*/
@media screen and (max-width: 767px){
	.iFigureR,
	.iFigureL{
		margin-left:0;
		margin-right:0;
		margin-bottom:15px;
		float:none;
		min-width:100%;
	}
	.iFigure figur{
		margin:5px;
		width: 100%;
	}

}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	.iFigure{
		margin-left: -5px;
		margin-right: -5px;
	}
	article#main.iFigure{
		margin-left: -25px;
	}
	/*配置*/
	.txtPart.row{
		margin:10px 0;
		clear:both;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
	}
	.txtPart.row >.txtPTxt{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin:10px;
	}
	.txtPart.row >.iFigureR,
	.txtPart.row >.iFigureL{
		-ms-flex-negative:0;
		    flex-shrink:0;
	}
}
/*Slider slick v1.8********************/
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
	z-index:2;
    position: absolute;
    top: 50%;
	margin-top:-13px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border: none;
	overflow:hidden;
    background: rgba(255,255,255,0.8);
	-webkit-transition: .4s;
	transition: .4s;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled{
    opacity: 0.25;
}

.slick-prev{
	left: 10px;
}
.slick-next{
	right:10px;
}
.slick-prev:before,
.slick-next:before{
    content: '';
	display:block;
    line-height: 1;
    opacity: .8;
	position:absolute;
	-webkit-box-sizing:content-box;
	        box-sizing:content-box;
	width:40%;
	height:40%;
	border-style:solid;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
	top:25%;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev:before{
	right:20%;
	border-width:0 0 1px 1px;
}
.slick-next:before{
	left:20%;
	border-width:1px 1px 0 0 ;
}

/* Dots */
.slick-dotted.slick-slider{
    text-align: center;
}
.slick-dots{
    display:block;
    padding: 0;
    margin: 10px;
    list-style: none;
    text-align: center;
	line-height:14px;
}

.slick-dots li{
    position: relative;
    display: inline-block;
	vertical-align:middle;
    margin: 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
	position:relative;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    text-align: center;
	background:#000;
	border:1px solid #eee;
	border-radius: 50%;
}
.slick-dots li.slick-active button:before{
	background:#fff;
}

/*コントローラーまとめ*/
.slider-control{
	display: block;
	text-align: center;
}
.slider-control .slick-dots {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

/*停止/再生button*/
.slider-control button.pause{
	display:inline-block;
	vertical-align: middle;
	margin: 5px;
	padding-top:10px;
	width: 16px;
	position: relative;
	background: #000;
	border:1px solid #eee;
	border-radius: 1px;
	overflow: hidden;
}
.slider-control button.pause span{
	display: block;
	position: absolute;
	}
.slider-control button.pause::after{
	position:absolute;
	content:"";
	display:block;
	top:50%;
	left:50%;
	margin-left:-5px;
	margin-top:-4px;
	width:10px;
	height:8px;
	border-style: solid;
	border-color:#fff;
	border-width:0 3px;
	}
.slider-control button.pause.paused::after{
	width: 0;
	height: 0;
	margin-left:-3px;
	margin-top:-4px;
	border-width: 4px 0 4px  7px;
	border-color: transparent transparent transparent #fff ;
}


/*記事内スライドショー*/
.PhotoGarary{
	margin:20px 0;
	padding: 0 15px 10px;
	overflow:hidden;
	position: relative;
	color: #fff;
	background: #444;
}
.PhotoGarary .slide img{
	margin:0 auto;
	width:auto;
	height:auto;
	max-width:100%;
}
/*キャプション*/
.PhotoGarary .caption{
	padding:10px 20px;
	word-wrap: break-word;
	text-align: left;
}
.PhotoGarary  .caption strong{
	display: block;
	margin-bottom: 5px;
	color: #fff;
}
.PhotoGarary  .caption p{
	display: block;
	margin:0;
	color: #E5E5E5;
}

/*arrow*/
.slick-prev,
.slick-next{
	background: rgba(197,197,197,0.80);
}
.PhotoGarary .slick-prev{
	left: 0;
}
.PhotoGarary .slick-next{
	right: 0;
}
.PhotoGarary .slick-prev::before,
.PhotoGarary .slick-next::before{
	width: 14px;
	height: 14px;
	top:50%;
	margin-top: -7px;
}

.PhotoGarary .main .slide {
	max-width: 800px;
}
.PhotoGarary .main .slick-prev,
.PhotoGarary .main .slick-next{
	height: 98px;
	width: 36px;
	margin-top: -49px;
}
/*サムネイル*/
.PhotoGarary .thumbs{
	margin: 0 -15px;
	padding:15px 35px;
	background: #333;
}
.PhotoGarary .thumbs .slide{
	margin:0 8px;
	overflow:hidden;
	outline:none;
}
.PhotoGarary .thumbs .slide img{
	cursor:pointer;
	border:2px solid transparent;
	width:auto;
	height:70px;
}
/*選択中**/
.PhotoGarary .thumbs .slick-current img{
	border-color:#fff;
}
/*arrow*/
.PhotoGarary .thumbs .slick-prev,
.PhotoGarary .thumbs .slick-next{
	background:none;
	width: 25px;
	height: auto;
	top:5px;
	bottom: 5px;
	margin: 0 5px;
}
.PhotoGarary .thumbs .slick-prev::before,
.PhotoGarary .thumbs .slick-next::before{
	width: 12px;
	height: 12px;
	margin-top: -6px;
}
/*停止/再生button テキスト表示あり*/
.PhotoGarary button.pause{
	margin: 5px;
	display:inline-block;
	border: none;
	background: none;
}
.PhotoGarary button.pause .play,
.PhotoGarary button.pause.paused .stop{
	display: none;
}
.PhotoGarary button.pause.paused .play,
.PhotoGarary button.pause .stop{
	display:inline-block;	
}
.PhotoGarary button.pause .play::before,
.PhotoGarary button.pause .stop::before{
	display:inline-block;
	margin-right:.4em;
	font-family: FontAwesome;	
}
.PhotoGarary button.pause .play::before{
	content: "\f04b";
}
.PhotoGarary button.pause .stop::before{
	content: "\f04c";
}

.PhotoGarary .slick-info{
	display: block;
	text-align: right;
	margin: 5px;
}
.PhotoGarary .slick-info button{
	float: left;
	margin: 0 5px 0 0;
}

.no-js .PhotoGarary .slide{
	margin:5px;
}
/*Mobile*/
@media screen and (max-width: 767px){
	.PhotoGarary .thumbs .slide img{
		height:40px;
	}
}
/*Desktop&print*/
@media screen and (min-width: 768px), print{
	.mainText .PhotoGarary {
		margin-left: -16px;
	}
	.PhotoGarary .main{
		margin: 0 auto;
	}
	.PhotoGarary .main .slide {
		width: 800px;
		max-width: 100%;
	}
	.PhotoGarary .main .slide .caption{
		max-width: 800px;
		margin: 0 auto;
	}
	.no-js .PhotoGarary .slider{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}
	.no-js .PhotoGarary .slide{
		margin: 0;
		padding: 10px;
		width: 50%;
	}

}


/*トピックス*******************************/
.topicList{
	margin-bottom:40px;
}

.topicList ul.entry{
	list-style:none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	margin: 20px 0;
	padding: 0;
}
.topicList ul.entry>li{
	width:50%;
	padding:10px 15px 40px;
	position:relative;
}

.topicList ul.entry>li>a{
	display:block;
	font-size:0.875em;
	line-height:1.5;
}
.topicList ul.entry>li a:hover,
.topicList ul.entry>li a:active,
.topicList ul.entry>li a:focus{
	text-decoration:none;
}
.thumb{
	display:block;
	overflow:hidden;
	position:relative;
	-webkit-transition: .3s;
	transition: .3s;
}
/*比率高さ支え棒*/
.thumb::before{
	content: "";
	display: block;
	position: relative;
	width: 1px;
	z-index: -1;
	height: 0;
	padding-top: 65%;
}

.thumb img{	
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
    font-family: "object-fit:cover";
	width: 100%;
	height: 100%;
	min-height: 0;
	min-width: 0;
	top: 0;
	left: 0;
}
.topicList .thumb{
	border-radius: 10px;
}
.topicList .thumb.noImg{
	background-image:url(/orsurg/css/thumb0.svg);
	background-size:cover;
	background-position:center;
}
/*ie10+*/
_:-ms-input-placeholder, :root .topicList .thumb.noImg {
	background-size:105% auto;
}

.topicList a:hover .thumb,
.topicList a:active .thumb, 
.topicList a:focus .thumb{
	-webkit-box-shadow: 0 6px 10px 1px rgba(0,0,0,0.15);
	box-shadow: 0 6px 10px 1px rgba(0,0,0,0.15);
}

.topicList p{
	display: block;
	margin: 5px 2px;
}
.topicList time{
	font-size:0.857142857142857em;
	display:block;
	color: #6b6b6b;
	margin-bottom: 5px;
}
.topicList  .title{
	color:#000;
	-webkit-transition: .3s;
	transition: .3s;
}
.topicList ul.entry>li>a:hover .title,
.topicList ul.entry>li>a:active .title,
.topicList ul.entry>li>a:focus .title{
	text-decoration:underline;
}



/*タグ*/
ul.tag{
	list-style:none;
	font-size:0.928571428571429em;
	overflow:hidden;
	margin: 6px;
	padding: 0;
}
.tag li{
	display:block;
	float:left;
	margin:4px;
}
.tag li a{
	padding:2px 8px;
	line-height:1.5;
	display:block;
	color: #fff !important;
	background: #00478e;
}
.tag li a:hover,
.tag li a:active,
.tag li a:focus{
	text-decoration:none;
	background: #002A52;
}
.tag a.selected{
	font-weight:bold;
	background: #002A52;
}
.topicList li .tag li a{
	padding:0 4px;
}
/*重要*/
#emInfo h3{
	color: #BC0000;
}
#emInfo ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#emInfo li p{
	margin: 0;
}
#emInfo li time{
	font-size: 0.8125em;
	color: #777777;
}
#emInfo li .title{
	font-size: 0.9375em;
	line-height: 1.5;
}
#emInfo li a{
	display: block;
	padding: .5em 0;
	color: #333;
}
/*Mobile*/
@media screen and (max-width: 767px){
	.mainText .topicList ul.entry{
		margin-left: -5px;
		margin-right: -5px;
	}
	.topicList ul.entry>li{
		padding-left: 5px;
		padding-right: 5px;
	}
	ul.tag{
		margin: 5px -3px;
	}
}
/*Desktop & Print*/
@media print, screen and ( min-width : 768px ) {
	.mainText .topicList ul.entry{
		margin-left: -14px;
	}
	.topicList ul.entry>li{
		width: 33%;
		width : calc(100% / 3 );
	}	
	.topicList li ul.tag{
		position: absolute;
		top: 6px; left: 0;
		margin: 0 11px;
	}

	#emInfo li p{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#emInfo li time{
		width: 9em;
		line-height: 1.8;
	}
	#emInfo li .txt{
	    -ms-flex: 1 0 80%;
	        flex: 1 0 80%;
	}
}
/*Desktop (small)*/
@media screen and (min-width: 840px) and (max-width: 1000px){
	.onSide .topicList ul.entry>li{
		width: 50%;
	}
}


/*Message*/
.message{
	background: #f4f4f4;
	border-radius: 10px;
	padding: 10px 20px;
}
.message>.txtPart{
	margin: 0;
}


.message .point{
	font-weight: 600;
	color: #00478e;
}