/*==============================================================
レイアウト　共通
==============================================================*/

body { 
	width:100%;
	position:relative;
	margin-left:auto; margin-right:auto;
}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

html {
	height:100%;
	font-size: 14px;
}


body { 
position:relative;
margin-left:auto; margin-right:auto; width:auto; height:auto; 
}


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



}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

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

}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}




/*==============================================================
ハンバーガーナビ
==============================================================*/


/* モーダルを出すとき、背景側の要素がスクロールさせない */

html {
	overflow: auto;
	height: 100%;
}

body.modal-open {
  overflow: hidden;
  height: 100%;
}


/**/

.hb-navigation {
display:none;
}

.navigation-contents {
display:none;
}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


.hb-navigation {

display:block;
position:fixed;
top:10px;
right:10px;
width:40px;
height:40px;

	z-index:9999999;
	background:rgba(0,0,0,0.8);
	
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;

	cursor:pointer;

}


.hb-navigation .button {

position: absolute;

top:19px;

margin-left:5px;

width:30px;
height:2px;
background:#fff;

transition:all .3s;
-webkit-transition:all .3s;


display:block;
cursor:pointer;

}


.hb-navigation .button::before, .hb-navigation .button::after {

position:absolute;
width:30px;
height:2px;
background:#fff;
transition:all .3s;
-webkit-transition:all .3s;
transition-delay:.3s;

cursor:pointer;

}

.hb-navigation .button::before {
content:'';
top:-12px;
}
.hb-navigation .button::after {
content:'';
top:12px;
}

/**/

.hb-navigation .action.button {
position: absolute;

width:30px;
height:2px;

background:none;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}


.hb-navigation  .action.button::before {
	display:block;

position:absolute;
top:0;
width:30px;
height:2px;
background:#fff;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

.hb-navigation  .action.button::after {
	display:block;

position:absolute;
top:0;
width:30px;
height:2px;
background:#fff;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}


/* コンテンツ */

.navigation-contents {
	display: block;
	position: relative;
	top:0;
	left:0;
	width: 100%;
	margin: auto;
	text-align: center;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	z-index: 9998;
	height: 100%;
	overflow: scroll;
}



.navigation-contents.open {
display: block;
position:relative;
position:fixed;
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0);

}

/**/

.section {
position:absolute;
	background: rgba(255,255,255,0.95);
}

/**/

.hbg-logo {
	text-align:center;
	margin-top:20px;
}

.hbg-logo img{
	width:100px;
	height:auto;
}

/**/

ul.hamburger-nav {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:60px;
	margin-bottom:1em;
	border-bottom:solid 1px rgba(0,0,0,0.4);

}

ul.hamburger-nav li+ li {
	border-top:solid 1px rgba(0,0,0,0.4);
}

ul.hamburger-nav li a {
	display:block;
	padding-top:0.6em;
	padding-bottom:0.6em;
	color:#000;
	text-decoration:none;
	font-size:1.2em;
	font-weight:normal;

}

/**/

ul.hmg-snavi {
	display:flex;
	flex-direction:column;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

ul.hmg-snavi li{
	flex:auto;
	flex-basis:100%;
	text-align:center;
	font-size:1em;
	font-weight: normal;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

ul.hmg-snavi a{
	color:#000;
	text-decoration: underline;
}



/*ハンバーガー　カレント表示*/
body.about-clinic ul.hamburger-nav li.about a{ background:#0075E3; color:#fff;}
body.out-patient ul.hamburger-nav li.out-patient a{ background:#0075E3; color:#fff;}
body.hospitalization ul.hamburger-nav li.hospitalization a{ background:#0075E3; color:#fff;}
body.inspection ul.hamburger-nav li.inspection a{ background:#0075E3; color:#fff;}
body.recruit ul.hamburger-nav li.recruit a{ background:#0075E3; color:#fff;}
body.access ul.hamburger-nav li.access a{ background:#0075E3; color:#fff;}
body.sitemap ul.hamburger-nav li.sitemap a{ background:#0075E3; color:#fff;}



/*スクロールバーを表示*/
.section::-webkit-scrollbar{ 
    width: 5px;
}
.section::-webkit-scrollbar-thumb{ 
    background: rgba(0,0,0,0.5);
    border-radius: 0px;
}
.section::-webkit-scrollbar-track-piece:start{   background:;}
.section::-webkit-scrollbar-track-piece:end{   background:;}


/* ロゴ */
.section .header-logo {
}


} 


/*==============================================================
ヘッダー
==============================================================*/

header .site {
	display:flex;
	flex-wrap:no-wrap;
	justify-content:space-between;
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;

}

.site .item {
	flex:auto;
	
}


.logo .site-logo {
	margin-bottom:10px;
}


.site .sp-non  {
	display: none;
}

.site .sp-dpy  {
	display: none;
}


/*インフォ*/

.site  .info {
	text-align:right;
	
}

.site .info h1 {
	color:#004482;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5px;
	
}

.site .info .top-tel {
	font-size:1.2em;
}

.top-tel br{
	display:none;
}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

header .site {
	width:90%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-top:10px;
	padding-bottom:15px;
}


.site .item {
	flex:auto;
	flex-basis:100%;
	
}

.site .logo {
	text-align:center;
	
}

.logo .site-logo {
	margin-bottom:10px;
	width:60%;
	margin-left:auto;
	margin-right:auto;

}


.site .sp-non  {
	display: none;
}

.site .sp-dpy  {
	display:block;
}


/*インフォ*/

.site  .info {
	display:none;
	text-align: center;
	
}

.site .info .top-tel br{
	display: block;
}

.brk { display:none;}


}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

header .site {
	width:95%;

}


}



 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

header .site {
	width:95%;

}



}




/*PC用 1281px以上 */
@media (min-width: 1281px) {

}


/*==============================================================
グローバルナビ
==============================================================*/


header nav.main {
	float:right;
	width:100%;
	transition:all 0.3s;
	background:#004482;
}

ul.header-nav {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	border-left:rgba(255,255,255,0.5) solid 1px;



}

ul.header-nav li {
	flex:auto;
	border-right:rgba(255,255,255,0.5) solid 1px;
	font-size:1.1em;
	line-height:1;
	text-align:center;
}

ul.header-nav li:first-child {

}

ul.header-nav li a{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
	
	transition:all .3s;
	-webkit-transition:all .3s;

}

ul.header-nav li a:hover{
	text-decoration: none;
	background:#002649;
}

/*カレント表示*/
body.about-clinic ul.header-nav li.about a{ background:#0075E3;}
body.out-patient ul.header-nav li.out-patient a{ background:#0075E3;}
body.hospitalization ul.header-nav li.hospitalization a{ background:#0075E3;}
body.inspection ul.header-nav li.inspection a{ background:#0075E3;}
body.recruit ul.header-nav li.recruit a{ background:#0075E3;}
body.access ul.header-nav li.access a{ background:#0075E3;}


/*ヘッダー固定*/ 

/*header .fixbar {display:none;}*/
 
/* スクロールするとheaderに.fixedが付与 */

header.fixed {
  position: fixed;
  top: 0px;
	width:100%;
	z-index:99999;

}

header.fixed .site {
	display:none;


}

header.fixed ul.header-nav {
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

header.fixed ul.header-nav li a{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	
	transition:all .3s;
	-webkit-transition:all .3s;

}





/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

header.fixed {
	display:none;
  position: relative;
  top: 0px;
	width:100%;
	background:#000;

}



/* グローバルナビ */

header nav.main { display:none;}


body.toppage header nav.main { display: block;}


ul.header-nav {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}


ul.header-nav li {
	border-bottom:rgba(255,255,255,0.5) solid 1px;
	flex-basis:33.33%;
}


ul.header-nav li:first-child {
	border-left: none;
	font-size:0.9em;
}


ul.header-nav li a{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-top: 12px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 12px;

}


}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {




}



 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {




}




/*PC用 1281px以上 */
@media (min-width: 1281px) {

}



/*==============================================================
コンテンツ
==============================================================*/




.inner {
	width:100%;
	max-width:1200px;
	margin: 0 auto;
	position: relative;

	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
	font-size: 18px;
	margin-top:60px;
	margin-bottom:30px;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}



/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {



.inner {
	width: 95%;
	margin: 0 auto;
	position: relative;

	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
	font-size: 14px;
	margin-top:40px;
	margin-bottom:40px;
}


}



/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {


.inner {
	width:95%;
}
	

}


 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

.inner {
	width:95%;
}
	



}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}




/*==============================================================
フッター
==============================================================*/


footer {
	background: rgba(49,49,49,1.00);
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
}

footer a{	color:#fff;}

.footer-wrapper {
	width:100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;

}



/*フッターナビ*/



ul.footer-nav {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;



}

ul.footer-nav li {
	flex:auto;
	border-right:rgba(255,255,255,0.5) solid 1px;
	font-size:1em;
	line-height:1;
	text-align:center;
}

ul.footer-nav li:first-child {
	border-left:rgba(255,255,255,0.5) solid 1px;
}

ul.footer-nav li a{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	
	transition:all .3s;
	-webkit-transition:all .3s;

}

ul.footer-nav li a:hover{
	text-decoration: underline;
}


ul.footer-nav li:first-child {
}


small {
	display:block;
	text-align:center;
	font-size:0.8em;
	color:rgba(255,255,255,0.5);
}


/**/



footer .info {
float:right;
width:40%;
margin-bottom:20px;
}

footer .info p{
	margin-bottom:0.5em;
}

footer .map {
float:left;
width:55%;
margin-bottom:20px;
}





/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


.footer-wrapper {
	width:95%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;

}

/*フッターナビ*/


ul.footer-nav {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	margin-bottom:20px;
/*	border-bottom:rgba(255,255,255,0.5) solid 1px; */
}


ul.footer-nav li {
	border-right:none;
	border-bottom: none;
	flex-basis:33.33%;
	margin-bottom:10px;
}


ul.footer-nav li:first-child {
	border-left: none;
	font-size:0.8em;
}


ul.footer-nav li a{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 8px;

}





/**/

footer .map {
float:none;
width:90%;
margin-bottom:30px;
text-align:center;
margin-left:auto;
margin-right:auto;
}


footer .info {
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
text-align:center;

}

}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {


.footer-wrapper {
	width:95%;

}

}



 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

.footer-wrapper {
	width:95%;


}


}



/*==============================================================
ぱんくず
==============================================================*/
#breadlist {
	font-size: 0.8em;
	color:#333;
	clear: both;
	margin-bottom:0px;
	width: 100%;


}

#breadlist ul {
	display:flex;
	flex-wrap:wrap;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top:20px;
	padding-bottom:20px;
}


#breadlist ul li{
}

#breadlist ul li:after{
  font-family: FontAwesome;
  content: '\f105';
  margin-left:10px;
  margin-right:10px;

}

#breadlist ul li:last-child:after{
  content:'';
  margin-left:10px;
  margin-right:0px;
}


#breadlist ul li a{
	text-decoration: underline;
/*	background-image: url(../img/body/pointer_bread.gif);
	background-position: right 0.3em;
*/

}

#breadlist ul li a:after{

}


#breadlist a:link {
	color: #333;
}
#breadlist a:visited {
	color: #333;

}
#breadlist a:active {
	color: #333;

}
#breadlist a:hover {
	color: #333;
  text-decoration:none;
}
 
 
 @media (max-width: 599px) {
/* SP用　599px以下: デフォルト */

#breadlist {
	font-size: 0.9em;

	clear: both;
	margin-bottom:0px;
	margin-top:0px;
	width: 100%;
	
	border-top:#ddd solid 1px;


}

#breadlist ul {
	display:flex;
	flex-wrap:wrap;
	max-width:95%;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	padding-bottom:10px;
}



 }
 
 
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {
#breadlist ul {
	display:flex;
	flex-wrap:wrap;
	max-width:95%;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	padding-bottom:10px;
}
 }
 
 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
#breadlist ul {
	display:flex;
	flex-wrap:wrap;
	max-width:95%;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	padding-bottom:10px;
}

	
}
 






/*==============================================================
テーブル
==============================================================*/

.table-guide {
	font-size:0.9em;
	border-collapse: collapse;
	margin-top:10px;
	margin-bottom: 20px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background:#fff;

}

.table-guide th {
	font-weight: normal;
	text-align: left;
	padding:8px;

	border-left:#ccc solid 3px;
	border-right:#666 dotted 1px;
}

.table-guide td {
	padding:8px;

}


/**/

.table-recruit {
	font-size:0.9em;
	border-collapse: collapse;
	margin-top:10px;
	margin-bottom: 20px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color:#ccc;
	background:#fff;

}

.table-recruit th {
	font-weight: normal;
	text-align: left;
	padding:8px;
	border-bottom:#ccc 1px solid;
	border-left:#ccc solid 3px;
	border-right:#666 dotted 1px;
}

.table-recruit td {
	padding:8px;
	border-bottom:#ccc 1px solid;
}


/**/

.table-result {
	font-size:0.9em;
	border-collapse: collapse;
	margin-top:10px;
	margin-bottom: 20px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background:#fff;

}

.table-result th {
	font-weight: normal;
	text-align: left;
	padding:8px;

	border-left:#ccc solid 3px;
}

.table-result td {
	padding:8px;

}

.table-result td img{
	padding:2px;
	border:#ccc solid 1px;
	background:#fff;

}

/**/

.table-time {
	border-collapse: collapse;
	margin-top:10px;
	margin-bottom: 20px;
	font-size:90%;


}

.table-time th {
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 3px double #999;
	border-top: 1px solid #999;
	background:#E9F4FF;
}

.table-time td {
	text-align:center;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;

	border:#999 solid 1px;
	background:#ffffff;
	
	white-space:nowrap;
}



/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {



.table-guide {
	font-size:13px;
	border-collapse: collapse;
	margin-top:10px;
	margin-bottom: 20px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color:rgba(0,0,0,0.2);
	background:rgba(255,255,255,0.5);

}

.table-guide th {
	font-weight: normal;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-color: rgba(0,0,0,0.2);
	border-bottom-style: solid;
	border-left: rgba(0,0,0,0.2) solid 3px;
	border-right: rgba(0,0,0,0.8) dotted 1px;
}

.table-guide td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0.2);
}



/**/

.table-recruit th {
	display:block;
	font-weight: normal;
	text-align: left;
	padding: 10px;
	border-bottom: none;
	border-left: rgba(0,0,0,0.2) solid 1px;
	border-right: rgba(0,0,0,0.2) solid 1px;
	background:rgba(229,229,229,1.00);
}

.table-recruit td {
	display:block;
	padding: 10px;
	border-bottom: rgba(0,0,0,0.2) solid 1px;
	border-left: rgba(0,0,0,0.2) solid 1px;
	border-right: rgba(0,0,0,0.2) solid 1px;
}


}



/*==============================================================
お知らせ
==============================================================*/


.newsmenu {
	margin-bottom:30px;
}



.newsmenu dl {
	clear: both;
	line-height: 1.3em;
}

.newsmenu dt {
	float:left;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:30px;
	font-size: 80%;
	font-weight: bold;
	clear: both;
}

.newsmenu dt img {

	margin-right: 1em;

}

.newsmenu dd {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	
}

.newsmenu dd:last-child {

}

.newsmenu a:link {
	color: rgba(0,68,130,1.00);
	text-decoration: none;
}

.newsmenu a:visited {
	text-decoration: underline;
	color:#333;
}

.newsmenu a:hover {
	text-decoration: underline;
	color:#000000;
}

.newsmenu a:active {
	text-decoration: none;
	color:#000000;
}




/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {
	

.newsmenu {


}



.newsmenu dl {
	clear: both;
	line-height: 1.3em;
}

.newsmenu dt {
	float:none;
	color: #333333;
	padding-top: 10px;
	padding-bottom:0px;
	padding-right:0px;
	font-size: 80%;
	font-weight: bold;
	clear: both;
}

.newsmenu dt img {

	margin-right: 1em;

}

.newsmenu dd {
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	
}



}




/*==============================================================
フォーム
==============================================================*/


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

#mp-main {
	padding: 0;
	color: #4c4c4c;
	font-size: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left:0;
	margin-right:0;
}


body.recruit-form textarea {
	width:100%!important;
}

body.recruit-form input.text {
	width:100%!important;
}

}



/* リンク設定
---------------------------------------------------- */

a[href$='.pdf']{
	background-image: url(../img/body/icon_pdf_s.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 3px;
	padding:5px 5px 5px 22px;
}

.a-pdf-btn {
	background-position: 10px 1.2em!important;
	padding-left: 35px!important;
	padding-top: 15px!important;
	padding-right: 15px!important;
	padding-bottom: 15px!important;
}

a[href$='.doc'], a[href$='.rtf'], a[href$='.docx'] {
	background-image: url(../img/body/icon_word_s.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 3px;
	padding:5px 5px 5px 22px;
}

a[href$='.xls'], a[href$='.xlsx'] {
	background-image: url(../img/body/icon_excel_s.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 3px;
	padding:5px 5px 5px 22px;
}

a.blank_link {
	background-image: url(../img/body/i_new_window.png);
	background-position: right!important;
	background-repeat: no-repeat!important;
	padding-right: 24px!important;
	margin-right: 3px!important;
}






/*ボタン
---------------------------------------------------- */

a.btn-txt {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	background:#666;
	color: #fff;
	text-decoration:none;
}

a.btn-txt:hover {

	background:#333;
	color:#fff;
}


a.btn-txt2 {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	background:#004482;
	color: #fff;
	text-decoration:none;

}

a.btn-txt2:hover {

	background:#007CED;
	color:#fff;
}



/*==============================================================
リスト
==============================================================*/

ul.list-type01 {
}

ul.list-type01 li {
	background:url(../img/body/arrow_disc.gif) no-repeat left 0.5em;
	padding-left:0.7em;
	margin-bottom:0.7em;
}

/**/

ul.list-type-fa-01 {
}



ul.list-type-fa-01 li {
	position:relative;
	line-height:1;
	padding-bottom:1em;
	padding-left:13px;
	line-height:1.3;
}

ul.list-type-fa-01 li:last-child {
	padding-bottom:0em;
}

ul.list-type-fa-01 li:before {
	position:absolute;
	top:11%;
	left:0px;
	font-family: FontAwesome;
	content: '\f054';
	font-size:0.8em;
	text-decoration:none;
	color:rgba(0,0,0,0.5);

}


/**/

ol.num-list {

	margin-left:2em;
}

ol.num-list li{

	margin-bottom:0.5em;
}


/*==============================================================
囲み線
==============================================================*/

.moving-border {
	border:rgba(229,236,242,1.00) solid 3px;
	padding:1em;
}




/*==============================================================
トップに戻る
==============================================================*/

.page-top {
	position:relative;
}


#pageTop {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:10000;
	width:50px;
	height:50px;

	}

* html #pageTop {
	display: none;
	float: right;
	}


/*   .clearfix
----------------------------------------------------------*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clearfix{
	display:block;
}



/*　　img のリンク　マウスオーバー
--------------------------------------------------*/

a.mouseOver:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
  

  
}


/*   SPののみ表示
----------------------------------------------------------*/

.pc-display-non {	display:none;}






/*==============================================================
回り込み解除
==============================================================*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {  clear: both;}
.clearfix {  *zoom: 1;}
.clearfix{	display:block;}


.clearAll{ clear:both}



/*==============================================================
img のリンク　マウスオーバー
==============================================================*/

a.mouseOver:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}


/*==============================================================
マージン、回り込み
==============================================================*/

.mgnL5 {	margin-left: 5px;}
.mgnL10 {	margin-left: 10px;}
.mgnL15 {	margin-left: 15px;}
.mgnL20 {	margin-left: 20px;}
.mgnL25 {	margin-left: 25px;}
.mgnL30 {	margin-left: 30px;}
.mgnL35 {	margin-left: 35px;}
.mgnL40 {	margin-left: 40px;}
.mgnL45 {	margin-left: 45px;}
.mgnL50 {	margin-left: 50px;}
.mgnL55 {	margin-left: 55px;}
.mgnL60 {	margin-left: 60px;}
.mgnR5 {	margin-right: 5px;}
.mgnR10 {	margin-right: 10px;}
.mgnR15 {	margin-right: 15px;}
.mgnR20 {	margin-right: 20px;}
.mgnR25 {	margin-right: 25px;}
.mgnR30 {	margin-right: 30px;}
.mgnR35 {	margin-right: 35px;}
.mgnR40 {	margin-right: 40px;}
.mgnR45 {	margin-right: 45px;}
.mgnR50 {	margin-right: 50px;}
.mgnR55 {	margin-right: 55px;}
.mgnR60 {	margin-right: 60px;}
.mgnR150 {	margin-right: 150px;}
.mgnT0 {	margin-top: 0!important;}
.mgnT5 {	margin-top: 5px!important;}
.mgnT10 {	margin-top: 10px!important;}
.mgnT15 {	margin-top: 15px!important;}
.mgnT20 {	margin-top: 20px!important;}
.mgnT25 {	margin-top: 25px!important;}
.mgnT30 {	margin-top: 30px!important;}
.mgnT35 {	margin-top: 35px!important;}
.mgnT40 {	margin-top: 40px!important;}
.mgnT45 {	margin-top: 45px!important;}
.mgnT50 {	margin-top: 50px!important;}
.mgnT55 {	margin-top: 55px!important;}
.mgnT60 {	margin-top: 60px!important;}
.mgnB0 {	margin-bottom: 0!important;}
.mgnB5 {	margin-bottom: 5px!important;}
.mgnB10 {	margin-bottom: 10px!important;}
.mgnB15 {	margin-bottom: 15px!important;}
.mgnB20 {	margin-bottom: 20px!important;}
.mgnB25 {	margin-bottom: 25px!important;}
.mgnB30 {	margin-bottom: 30px!important;}
.mgnB35 {	margin-bottom: 35px!important;}
.mgnB40 {	margin-bottom: 40px!important;}
.mgnB45 {	margin-bottom: 45px!important;}
.mgnB50 {	margin-bottom: 50px!important;}
.mgnB55 {	margin-bottom: 55px!important;}
.mgnB60 {	margin-bottom: 60px!important;}
.mgnB70 {	margin-bottom: 70px!important;}

.pdgA10 { padding:10px!important;}



.fltL {float: left;}

.fltR {	float: right;}

.fltR-pic {
	float: right;
	margin-left:30px;
	margin-bottom:20px;
}

.fltL-pic {
	float: left;
	margin-right:30px;
	margin-bottom:20px;
}

.pic-round {
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;
}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

.fltR-pic,
.fltL-pic {
	float: none;
	margin-left:0px;
	margin-bottom:20px;
	text-align:center;
}




}





.txt-imp { color:#0072BD;}

.txt-caution { color:#FF0000;}

.txt-green { color:#14B002;}


.txt-15px {	font-size:15px;}
.txt-16px {	font-size:16px;}
.txt-17px {	font-size:17px;}
.txt-18px {	font-size:18px;}

.txt-80p {	font-size:80%;}
.txt-90p {	font-size:90%;}
.txt-110p {	font-size:110%;}
.txt-120p {	font-size:120%;}
.txt-130p {	font-size:130%;}
.txt-140p {	font-size:140%;}
.txt-150p {	font-size:150%;}
.txt-200p {	font-size:200%;}


.attention { color:#f00;}

.tel-comment {
	 margin-top:5px;
	font-size:0.8em;
}

.caution {
	text-indent:-1em;
	padding-left:1em;
}

.caution2 {
	text-indent:-3.5em;
	padding-left:3.5em;
}

.caution3 {
	text-indent:-2em;
	padding-left:2em;
}

.caution4 {
	text-indent:-1.5em;
	padding-left:1.5em;
}


.hr-punctuation {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px solid #E2E2EC;
  margin-top:20px;
  margin-bottom:20px;
}
	
.tel-number {
font-family:'Roboto', sans-serif;
font-size:1.7em;
color:rgba(51,0,0,1.00);
}


/**/

.link-anchor {
	margin-top:-120px;
	padding-top:120px;
}



/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {
.link-anchor {
	margin-top:-40px;
	padding-top:40px;
}

/*テーブルスクロール*/
.sp-table-overflow {
	overflow:scroll;

	margin-bottom:10px;
}



}






.rec_kobaton_logo{
    position: absolute;
    right: 0;
    top: 50%;
    /* line-height: 0; */
    margin-top: -50px;
}
.rec_kobaton_logo img{
    width: auto;
    height: 100px;
}

/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {
.rec_kobaton_logo{
    position: relative;
    right: auto;
    top: auto;
    margin-top: 25px;
    text-align: center;
}
.rec_kobaton_logo img{
    height: 80px;
}


}



/*==============================================================

==============================================================*/


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


}


/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {


}

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {

}

/*PC用 1281px以上 */
@media (min-width: 1281px) {

}