/*
2016/01/08
*/

/*TOP
------------------------*/

.top-contents{
	background-color:#fff;
	margin-top:60px;
}

.mimg{
	width:57.27273%;
	margin:0 4.54545% 0 0;
	float:left;
}
.mimg img{width:100%;}

.mtext{padding-top:15px;width:30%;float:left;line-height:2rem;}
.mtext h3{padding:10px; background:rgb(89,80,144); margin-bottom:10px; color:#fff;
	font-weight:normal;text-align:center;
}


/*TOPpage Index
--------------------------------*/
#load{background-color:#fff;width:100%;position:fixed;height:1000px;z-index:999;}
#top-slider{width:100%;overflow-x:hidden;}
#top .cts-box{padding:40px 20px;}
#top .online-box{padding:60px 20px;background-color:#f2f2f2;}
#top table.online {width:auto;}
#headline{background-color:rgb(0,33,80);padding:10px;}
.headline-inner{max-width:1100px;color:#fff;}
.top-box{
	background-color:#fff;
	padding:120px 20px 40px 20px;
}
.top-box-inner{
	max-width:1100px;
}

#top .imgbox{
	width:57.27273%;margin:0 4.54545% 1% 0;
	float:left;
}

#top .h-online{
	/*width:38.18182%;
	margin:0;
	float:left;*/
	border:#59AEFF solid 2px;
	background: #fff;
}
#top .h-online h3{
	text-align:center;
	background-color:#59AEFF;
	padding:7px 0;
	color:#fff;
}
#top .h-online .text{padding:20px 8px;}
#top .h-online .h-bunner{margin-top:20px;}
#top .h-online .h-bunner li{width:47.727%;float:left;margin:0 3% 3% 0;display:block;}
#top .h-online .h-bunner li:nth-child(2n){margin-right:0;}
#top .h-online .h-bunner img{width:100%;}
#top .h24-hyakka{width:57.27273%;float:left;margin:15px 4.54545% 20px 0;}
/*---bannuer---*/
#top .bannur {margin-top:20px;}
#top .bannur img{max-width:100%;}
#top .bannur p{margin-bottom:10px;}
#top .bannur .left-box{
	width:24.8636375%; margin:0 2.272725% 2.272725% 0;float:left;
}
#top .bannur .right-box{
	width:72.8636375%; margin:0 0 2.272725% 0;float:left;
}

/*---bannuer end---*/
#top #h-list-wapper{
/*
	background: url(../img/top_hokenlist_bg.jpg) no-repeat center top;
	background-size: cover;
	*/
}
#top .h-list{display:table;width:100%;margin-top:30px;}
#top .h-list .h-list-cell{display: table-cell;padding:0 20px;width:50%;}
#top .h-list ul li{border-bottom:1px solid #ccc;margin-bottom:10px;}
#top .h-list a{display:block;padding:10px 0 10px 10px;}
#top #h-list-wapper a.btn i{float:right;font-size:27px;transition:0.3s;color:rgb(238,109,143);}
#top .h-list a:hover{background-color:#DFDDDF;}
#top h3.subtitle {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
	color:#403D4D;
	margin-bottom:20px;
	font-size:1.7rem;
}
#top h3.subtitle::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #3498db;
}
#top h3.subtitle::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
#top #map-cts p{margin:40px 0;font-size:1.8rem;color:#2E3F69;}
#top #map-cts p span{padding:0 10px;}


table.online td{padding:8px;}

.StaffTileBox{background-color:#fff;padding-top:60px;}
/*-- 遉ｾ蜩｡繧ｹ繝ｩ繧､繝€繝ｼ --*/
.StaffSlideWrap {
  padding-top: 40px;
  margin-left: -52px;
  background:-moz-linear-gradient(top,#fff 65%,#a8daf7 100%);
	background:-webkit-linear-gradient(top,#fff 65%,#a8daf7 100%);
	background:-ms-linear-gradient(top,#fff 65%,#a8daf7 100%);
	background:linear-gradient(to bottom,#fff 65%,#a8daf7 100%);
  /*background-color:#2E3F69;*/
}

/*///js逕滓�隕∫ｴ�縺ｮ繧ｹ繧ｿ繧､繝ｫ///*/
.loopSliderWrap {
  top: 0;
  left: 0;
  height: 325px;
  overflow: hidden;
  position: absolute;
}
/*///js逕滓�隕∫ｴ�縺ｮ繧ｹ繧ｿ繧､繝ｫ///*/

.slideGalley {
  max-width: 100%;
  height: 325px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.slides-bar {
  height: 356px;
  overflow: hidden;
  float: left;
}

.slides-bar .slide {
  /*background-color: #77c1fa;*/

  float: left;
  display: inline;
  overflow: hidden;
  padding: 0 14px 0 14px;

}
.slides-bar .slide a {
  /*background-color: #b0f5a5

  display: block;
  max-width: 156px;
  height: 156px;
  text-align: center;;*/
}
/*譁ｰ逹€諠��ｱ
---------------------------------*/

.news-box-inner{
	max-width:980px;
	padding:40px 0;
}
.news-box-inner h1{
	font-size: 1.8rem;
	margin-bottom: 20px;
	color: #134b7b;
	letter-spacing: 0.2rem;
	font-weight: normal;
	padding-left: 20px;
}
.news > li{
	border-bottom: solid #3498db 1px;
	padding: 10px;
	margin-bottom: 10px;
}
.news > li a{
	display: block;
	padding: 10px;
}
.news > li a:hover{
	background-color: #a6d7f7;
	color: #fff;

}
.news > li a:hover span.date{
	background-color: #5ab4bd;
}
.news > li span.date{
	display: inline-block;
	background-color: #3498db;
	padding: 5px;
	color: #fff;
	
}
.news > li h3{
	padding-right: 20px;
	display: inline-block;
}
.more{
	text-align: right;
}
.more::after{
	content: ' >>';
}

@media screen and (min-width: 0px) and (max-width:767px){
	.news > li span.date{
		margin-bottom: 10px;
	}
}
/*繧ｳ繝ｳ繝�Φ繝�ｱ守畑BOX
---------------------------------*/
.cts-box1{
	background-color:#fff;
	background-image: url("./img/tile.jpg");
	padding:40px 0px 0px 0px;
	box-shadow:-1px 0px 6px 3px #f0edee;
-moz-box-shadow:-1px 0px 6px 3px #f0edee;
-webkit-box-shadow:-1px 0px 6px 3px #f0edee;
}
.cts-box{
	background-color:#fff;
	padding:40px 20px;
}
.cts-box-inner{
	max-width:1100px;
}
.photos > li{height:250px;}
.col-3 > li  img{width:100%;}

.color-green{background-color:#C0C0C0;}


/*隴�ｽｰ騾ｹ�ｽ隲��ｽ陜｣�ｱ
---------------------------------*/
h3.b-title{
	font-size:24px;
	padding:10px 0;
	font-weight:normal;
	border-bottom:solid 1px rgb(89,80,144);
	margin-bottom:30px;
}

/*fit
------------------------------*/
#news-inner ul{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/*鬮ｫ蜍溷罰�ｽ�ｽ�ｭ�ｽ�ｽ�ｦ髣費ｽｨ�ｽ�ｿ�ｽ
------------------------------*/
#top-kengaku a{display:block;position:relative;}
#top-kengaku .y-bunner{margin-bottom:40px;}
#top-kengaku .y-bunner img{width:100%;}
.mobile{display:none;}
#top-kengaku  h3.kengaku-title{
		background-color:#f5f5f5;  border-bottom:1px solid #ccc;
		margin-bottom:10px;
		text-align:center;
		padding:10px;
		font-size:20px;
		}

.tk-img{overflow:hidden;}
.tk-img img{width:100%;height:auto;transition:all 0.3s;position:relative;top:0;left:0}
a:hover .tk-img img{width:110%;position:relative;top:-10px;left:-10%;opacity:0.7}

.tk-new{display:block;background:rgb(89,80,144);color:#fff;padding:7px;font-weight:normal}
.tk-desc{display:block;position:absolute;top:0;right:0;background:rgba(0,0,0,0.5);padding:6px;color:#fff;font-weight:normal;font-size:14px;font-size:1.4rem;}

.tk-title{background:#f5f2f0;padding:15px;overflow:hidden;}
.tk-title img{float:right;width:32px;height:auto;margin-left:15px;}
.tk-title h3{font-size:17px;font-size:1.7rem;word-break:break-all;}
.tk-title h3 span{font-weight:normal;color:#545352;display:block;margin-top:10px;}

/*驛｢譎�ｿｽ蠕湖憺Δ譎｢�ｽ�ｼ
-------------------------------*/
.fanfun-bunner{background:rgb(255,245,113);}
.fanfun-bunner img{max-width:100%;}
/*-------------------------------*/





/*郢晄じﾎ溽ｹｧ�ｰ
----------------------*/
.blog-box{background-color:#fff;padding-bottom:40px;}
.blog-box-inner{max-width:1100px;}

/* 郢晏€･繝｣郢晢ｿｽ郢晢ｽｼ騾包ｽｻ陷抵ｿｽ
----------------*/
.bti{width:90%;float:right;margin-bottom:40px;}
.bti-img>img{width:100%}
.bti-img{
	float:right;
	width:81.1363675%; margin:0 0 20px 4.54545%;

}
.bti-title{width:14.3181825%;float:left;}
.bti-title > h1{
	font-size:2em;
	background-color:#134b7b;color:#fff;padding:50px 0;
	text-align:center;
}
.bti-title > h1 >span{border-bottom:solid 2px #fff;padding-bottom:5px}

/* 髫ｪ蛟�ｽｺ荵昴♀郢晢ｽｪ郢ｧ�｢
--------------*/
.a-wapper{padding:10px 0;margin-bottom:10px; border-bottom:solid 2px #134b7b}



div.date{font-weight:bold;}
h2.b-title{padding:10px 0;font-size:26px;color:#134b7b}
.index{max-height:600px;
  overflow:hidden;}
.article-body {
  width:100%;
  padding: 40px 0 36px 0;
  line-height: 2;
  font-weight:bold;
}
.article-body img {
    max-width: 100%;
    height: auto; }

.cover{width:100%;height:130px;position:relative;background-color:#000;
	top:-60px;
	background-color: rgb(89,80,144);
	text-align:center;
	padding:50px;
	color:#fff;
	font-size:2em;
	font-weight:bold;

}
.cover:hover{
	background-color:#B92A2C;
}
#mapcanvas{margin:10px 0;width: 100%;height:400px}
/* 郢ｧ�ｵ郢ｧ�､郢晏ｳｨ縺顔ｹ晢ｽｪ郢ｧ�｢
-----------------*/
.blog-side{ width:28.636365%; float:left; padding-top:30px;}
.blog-side h4{color:#134b7b;font-size:1.2em}
.blog-side ul{margin:20px 0;}
.blog-side ul li{
	margin-bottom:15px;
	font-weight:bold;
}
.blog-side ul a:hover li{
	color:#666666;
}
@media screen and (max-width: 1100px) {
	.blog-box-inner{width:90%;}
}

@media screen and (max-width: 720px) {
	.aricle-area{width:100%; margin:0 0 4.54545% 0;float:none}
	.bti{float:none;margin:0 4.54545%;}
	.bti-img{width:100%;float:none;margin:0;}
	.bti-title{width:auto;float:none;margin-bottom:30px;}
	.bti-title > h1{padding-left:10px;padding:30px 0;}
	.article-body {
      padding: 20px 0 18px 0; }
    .article-body img{max-width: 100%;}
    .blog-side{width:100%; margin:0 0 4.54545% 0;float:none}
}


.list-plaza a:hover{background:#edf4df;}
.list-plaza a:hover .tp-more{background:#8ab727}
a:hover .tp-more{background:#8ab727}


@media screen and (min-width: 0px) and (max-width:1024px){
	
	#top-video strong{font-size:40px;font-size:4.0rem;}

}

@media screen and (min-width: 0px) and (max-width:1023px){
	.cts-box,.cts-box1{padding:40px 20px;}
	#top #map-cts p span{display:block;}
}


@media screen and (min-width: 0px) and (max-width:767px){
	/*TOPpage Index
	--------------------------------*/
	#top .imgbox,#top .h-online,#top .h24-hyakka{
		width:100%;margin:0 0 4.54545% 0;
	}
	#top .h-list .h-list-cell{display:block;width:100%;margin-bottom:30px;}
	#top .bannur .left-box,#top .bannur .right-box {width:100%;}
	.cts-box,.cts-box1{padding:40px 20px;}
	.mtext,.mimg{width:100%; margin:0 0 4.54545% 0;float:none}
	.mtext{padding:0 20px;}
	.hoken-bannur{margin-bottom:20px;}
	.slideGalley {
		  max-width: 100%;
		  height: 135px;
		  overflow: hidden;
		  position: relative;
		  z-index: 1;
		}
		.slides-bar {
		  height: 135px;
		  overflow: hidden;
		  float: left;
		}

		.slides-bar .slide img{
		  width:120px;
		}

}



/*tab*/
/*繧ｿ繝門�繧頑崛縺亥�菴薙�繧ｹ繧ｿ繧､繝ｫ*/
.tabs {
	margin-top: 100px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width: 100%;
	margin: 0 auto;}
  
  /*繧ｿ繝悶�繧ｹ繧ｿ繧､繝ｫ*/
  .tab_item {
	width: calc(100%/6);
	height: 50px;
	border-bottom: 3px solid #5ab4bd;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .tab_item:hover {
	opacity: 0.75;
  }
  
  /*繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ繧貞�縺ｦ豸医☆*/
  input[name="tab_item"] {
	display: none;
  }
  
  /*繧ｿ繝門�繧頑崛縺医�荳ｭ霄ｫ縺ｮ繧ｹ繧ｿ繧､繝ｫ*/
  .tab_content {
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
  }
  
  
  /*驕ｸ謚槭＆繧後※縺�ｋ繧ｿ繝悶�繧ｳ繝ｳ繝�Φ繝��縺ｿ繧定｡ｨ遉ｺ*/
  #travel_jp:checked ~ #travel_jp,
  #travel:checked ~ #travel,
  #car:checked ~ #car,
  #cycle:checked ~ #cycle,
  #golf:checked ~ #golf,
  #ivent:checked ~ #ivent,
  #medical:checked ~ #medical,
  #move:checked ~ #move
  {
	display: block;
  }
  
  /*驕ｸ謚槭＆繧後※縺�ｋ繧ｿ繝悶�繧ｹ繧ｿ繧､繝ｫ繧貞､峨∴繧�*/
  .tabs input:checked + .tab_item {
	background-color: #5ab4bd;
	color: #fff;
  }

  @media screen and (min-width: 0px) and (max-width:767px){
	.tab_item { width: 50%; }
	table.online{margin: 0 auto;}
	table.online td{display: block;}
  }


  .hb-title span{display: inline-block; background: #D84A4B; padding: 8px; border-radius: 4px; color: #f0edee;font-size: 1.6rem;margin-right: 10px;}
  .hb-title h3{font-size: 3.0rem;margin: 8px 0;letter-spacing: -0.05em;}
  .hb-title{border-bottom: solid 1px #5ab4bd;}
  h2.title{
	padding: 8px;
	border-bottom: #3498db solid 1px;
	margin-bottom: 20px;
	font-weight: normal;
  }
  .youtube{
	aspect-ratio: 6/3;
  }
  .youtube >iframe{
	width: 100%;
	height: 100%;
	
  }
  p.address{
	margin: 20px;
	line-height: 3.0rem;
	font-size: 1.6rem;
  }