@charset "utf-8";
/* CSS Document */
.bg-jhk {background-color: #238765 !important; }
.text-jhk {color: #238765 !important; }
.header-text{
	float: none;
	font-size: 60%;
	text-align: right;
	clear: both;
}
.header-icon{
 	float: none;
 	text-align: right;
}

.jhk-bg-orange-d {background-color: #D3652D !important;}
.jhk-bg-orange {background-color: #F1A92A !important;}
.jhk-bg-skyblue {background-color: #00B3CF !important;}
.jhk-bg-tinblue {background-color: #BFDBEC !important;}
.jhk-bg-tinblue-l {background-color: #F8f4Ff!important;}
.jhk-bg-black {background-color: #101010!important;}
.jhk-bg-gray {
	background-image: -webkit-linear-gradient(270deg,rgba(7,7,7,1.00) 0%,rgba(37,37,37,1.00) 6.22%,rgba(43,43,43,1.00) 47.15%,rgba(29,29,29,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(7,7,7,1.00) 0%,rgba(37,37,37,1.00) 6.22%,rgba(43,43,43,1.00) 47.15%,rgba(29,29,29,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(7,7,7,1.00) 0%,rgba(37,37,37,1.00) 6.22%,rgba(43,43,43,1.00) 47.15%,rgba(29,29,29,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(7,7,7,1.00) 0%,rgba(37,37,37,1.00) 6.22%,rgba(43,43,43,1.00) 47.15%,rgba(29,29,29,1.00) 100%);
}

a.bg-jhk:focus, a.jhk:hover {background-color: #236750 !important; }

.navbar-dark .navbar-brand {color: white; }
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {color: white; }
.navbar-dark .navbar-nav .nav-link {color: rgba(255, 255, 255, 0.9); }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link.disabled {color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .active > .nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active {color: white; }
.navbar-dark .navbar-toggler {color: rgba(255, 255, 255, 0.5);border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-dark .navbar-text {color: rgba(255, 255, 255, 0.5); }
.nav-item-jhk {margin-right:40px;}
.nav-item-jhk a {
color:#FFDD00 !important;
font-weight: 700;
}
.nav-item-jhk a:hover {
color: white !important; 
font-weight: 700;
}

.jhk-header{}
.jhk-head-middle{margin-top: 15px;}
.jhk-title-blue{
  color: #3B5D83;
  font-weight: 900;
}
.jhk-footer{font-size: 80%;}
.jhk-breadclumb{height:36px !important;}
hr.jhk-hr{
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.jhk-tel{
  width:2rem;
  display:inline-block;
}
.jhk-tel-footer{
  width:1.2rem;
  display:inline-block;
}
.jhk-text-muted{
  color: rgba(255,255,255,0.58);
}
.jhk-table td{
  border-color: #aaaaaa;
}
.jhk-table th{
  border-color: #aaaaaa;
}
.jhk-table th{
  background-color: #e0e0f8!important;
}
.jhk-img-max{
  max-height: 480px;
}
.jhk-card {
  border-color: #ccc;
  border-style: solid;
}
.jhk-topbn-bg{
  background-image:url("../_pat/jyohoku_topbn-mov01-bg.jpg");
  background-repeat: no-repeat;

}

.img {
    width: inherit!important;
    max-width: 100%!important;
    height: auto!important;
}
@media screen and (max-width:767px) { 
    /*　画面サイズが767px以下の場合読み込む　*/
h1 { font-size:20pt;}
h3 {font-size: 16pt!important;}
h4 {font-size: 16pt!important;}
.h3 {font-size:18pt;}
.h4 {font-size:14pt!important;}
.jhk-title-blue{
  color: #3B5D83;
  font-weight: 600;
} 

.nav-item-jhk{
    margin-right: 15px;    
    font-size:12pt!important;
  }

.display-1{font-size: 4.5rem;}
.display-2{font-size: 3.5rem;}
.display-3{font-size: 2.5rem;}
.display-4{font-size: 1.5rem;}

/* */
.m-4 {
  margin: 1rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1rem !important;
}
.m-5 {
  margin: 2rem !important;
}
.mt-5,
.my-5 {
  margin-top: 2rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 2rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 2rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 2rem !important;
}
/* */
.mx-5 {
  margin-left: 2rem !important;
}
/* */
}

@media screen and (min-width:768px){
    /*　画面サイズが768px以上の場合読み込む　*/
    h1 { font-size:24pt;}

}