@charset "utf-8";
/* CSS Document */

html,body {
    margin: 0;
    padding: 0;
}

*{
	padding: 0;
	margin: 0;
	border:0;
	vertical-align:middle;
}

body {
    -webkit-text-size-adjust: 100%;
	min-width: 1250px;
	font-size: 14px;
	padding: 0;
	margin: 0;
	width:100%;
	color:#22211d;
	line-height:22px;
	letter-spacing:0.1em;
	background-image:url(../../images/top_images/bgRe.jpg), url(../../images/top_images/bg.jpg);
	background-position: center top, center top;
	background-repeat:repeat-y, no-repeat;
	overflow-x: hidden;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media(min-width:769px){
.sp {
	display: none;
}
.pc {
	display: inherit;
}
img{
}
}

@media(max-width:768px){
body {
	min-width: auto !important;
}

.pc {
	display: none;
}
.sp {
	display: inherit;
}
img{
	width:100%;
}
body {
	min-width: auto;
}
}


/*----------------------------------------
リンク
----------------------------------------*/
a {
  color: #22211d;
  text-decoration:none;
  	border-bottom:#f7fa15 2px solid;
	-webkit-transform-style: preserve-4d;
    -webkit-transition: 0.4s ease-in-out;
       -moz-transition: 0.4s ease-in-out;
         -o-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;
  animation-iteration-count: 1;
}

a:hover {
    color: #22211d;
	border-bottom:#f7fa15 2px solid;
}


.topics a:hover {
  color: #0071be;
  text-decoration:none;
  border-bottom:1px solid #0071be;
}

header .gNav a{
	color: #fff;
	border-bottom:#22211d 2px solid;
}

header .gNav a:hover{
	padding:0 0 3px;
	border-bottom:#f7fa15 2px solid;
}

.topicPath a,
.side a,
.list dd a {
  color: #333;
  text-decoration: none;
}

.topicPath a:hover,
.side a:hover ,
.list dd a:hover {
  color: #9de780;
  text-decoration: none;
}

footer li a{
	color: #fff;
	border-bottom:#22211d 1px solid;
}

footer li a:hover{
	color: #fff;
	padding:0 0 2px;
	border-bottom:#f7fa15 1px solid;
}

footer h3 a,
footer .asahi a{
	color: #fff;
	border-bottom:#22211d 2px solid;
}

footer h3 a:hover,
footer .asahi a:hover{
	color: #fff;
	padding:0 0 3px;
	border-bottom:#f7fa15 2px solid;
}

/*----------------------------------------
枠
----------------------------------------*/
#wrapper {
	width: 100%;
	margin: 0 auto !important;
}

/*----------------------------------------
ヘッダー
----------------------------------------*/
header{
	position: relative;
	display:table;
	background:#22211d;
	width: 100%;
	margin:0 auto;
	height:55px;
}

header h1{
	background:#f1efef;
	text-align:center;
	padding:10px 0;
	width:300px;
}

header h1 a,
header h1 a:hover{
	border:none;
}

header nav{
	position:absolute;
	top:0;
	right: 0;
	padding:20px 0;
}

header nav ul{
	float:right;
	display:table;
}

header nav ul li{
	display:table-cell;
	padding:0 15px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
}

@media screen and (max-width: 1300px) {
   header nav ul li{
	letter-spacing:0;
}
}

header nav ul li:last-child a{
	padding:5px 10px;
	color:#6bc5d1;
	background:#fff;
	border:none;
	border-radius:30px;
}

header nav ul li:last-child a:hover{
	padding:5px 10px;
	border:none;
    background:#6bc5d1;
	color:#fff;
}




@media(max-width:768px){
header{
	background: #f1efef;
	position:fixed;
	top:0;
	z-index:100;
	width: 100%;
	margin:0 auto;
}

header nav{
	position:relative;
	display: none;
	top:0;
	width:100%;
	background: #22211d;
	padding: 20px 0 100px;
	z-index: 1000;
	max-height: 400px;
	overflow-y: auto;
}

header nav ul{
	float:none;
	display:inherit;
	background: #22211d;
	width: 100% !important;
	}

header nav ul li{
	display:inherit;
	border-bottom:#474643 1px solid;
	line-height:17px;
	text-align: center;
	padding: 20px 0;
	overflow:inherit;
	width: 80% !important;
	font-size:17px;
	margin: 0 auto;
	letter-spacing: 0.02em;
}

header nav ul li:last-child,
header nav ul li:nth-child(6){
	border-bottom:none;
}

header nav ul li ul li{
	padding: 15px 0 0 0;
	border-bottom:none;
	font-size:15px;
	font-weight: normal;
}

header nav ul li a {
	position: relative;
	z-index: 2;
	padding:0 0;
	background: none;
}

header nav ul li a::before,
header nav ul li a::after {
	position: static;
}


header nav ul li a:hover::after {
	bottom: 0;
	background: none;
}


header h1{
	padding: 5px 10px 10px;
	width:180px !important;
}

header nav ul li:last-child a{
	padding:10px 30px;
	color:#6bc5d1;
	background:#fff;
	border:none;
	border-radius:30px;
}

header nav ul li:last-child a:hover{
	padding:10px 30px;
	border:none;
    background:#6bc5d1;
	color:#fff;
}


header nav ul li ul li:last-child a{
	padding: 0 0 3px;
	color:#fff;
	background:none;
	border:none;
	border-radius:inherit;
}

header nav ul li ul li:last-child a:hover{
	padding: 0 0 3px;
	color:#fff;
	background:none;
	border-bottom:#f7fa15 2px solid;
	border-radius:inherit;
}

.navBtnArea{
	position:fixed;
	top:0;
	right: 0;
	background:#22211d;
	padding:25px 0;
	z-index:1005;
	width:55px;
	height: 55px;
	box-sizing: border-box;
	text-align:center;
}

.navBtn{
	position:fixed;
	top:23px;
	right:25px;
	cursor:pointer;
	z-index:1001;
}

.ovray{
	position:absolute;
	top:0;
	display:none;
	background:rgba(0,0,0,0.80);
	height:100%;
	width:100%;
	z-index:1003;
}

.icon-animation span {
  width: 25px;
  height: 3px;
  display: block;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.icon-animation .top {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.icon-animation .bottom {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.is-open .middle {
  background: rgba(51, 51, 51, 0);
}

.is-open .top {
  -webkit-transform: rotate(-45deg) translateY(0px);
  -ms-transform: rotate(-45deg) translateY(0px);
  transform: rotate(-45deg) translateY(0px);
  background: #fff !important;
}

.is-open .bottom {
  -webkit-transform: rotate(45deg) translateY(0px);
  -ms-transform: rotate(45deg) translateY(0px);
  transform: rotate(45deg) translateY(0px);
  background: #fff !important;
}
}


/*----------------------------------------
コンテンツ
----------------------------------------*/
#contents {
	position:relative;
	margin: 0 auto;
	width:100%;
	padding:0 0 50px;
	z-index:10;
}

@media(max-width:768px){
#contents {
	position:relative;
	margin: 0 auto;
	width:100%;
	padding:0 0 30px;
	z-index:10;
}
}

/*----------------------------------------
フッター
----------------------------------------*/
footer {
	background:#22211d;
	width: 100%;
	margin:0 auto;
	text-align:center;
}

footer .inner{
	width:1200px;
	margin:0 auto;
	display:table;
	border-spacing:40px 0;
	padding:40px 0;
	border-bottom:#91908e solid 1px;
}

footer h3{
font-family:'AXIS Font Japanese W55',"游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;

}

footer .inner div{
	display:table-cell;
	text-align:left;
	color:#fff;
}

footer .inner0{
	width:1200px;
	margin:0 auto;
	display:table;
	padding:15px 0 30px;
	color:#fff;
}

footer .inner0　div{
	font-family: 'Hind', sans-serif;
	display:table-cell;
	color:#fff;
	width:50%;
}
footer .inner0 .copylight{
	display:table-cell;
	vertical-align:top;
	text-align:right;
}

footer .asahi{
	display:table-cell;
	text-align:left;
}

.pageTop {
	background:#fff;
	padding:0;
}

@media(max-width:768px){
.inner {
	width:100%;
}

footer {
	background:#22211d;
	width: 100%;
	margin:0 auto;
	padding: 20px 15px;
	text-align:center;
	box-sizing: border-box;

}

footer .inner{
	width:100%;
	margin:0 auto;
	display:inherit;
	border-spacing:0;
	padding:0;
	border-bottom:none;
}

footer h3{
font-family:'AXIS Font Japanese W55',"游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;

}

footer .inner div{
	display:none;
}

footer .inner0{
	width:100%;
	margin:0 auto;
	display:table;
	padding:0 0;
	color:#fff;
}

footer .inner0　div{
	font-family: 'Hind', sans-serif;
	display:block;
	color:#fff;
	width:100%;
}
footer .inner0 .copylight{
	display: block;
	vertical-align:top;
	text-align:center;
	font-size: 10px;
}

footer .asahi{
	display:inherit;
	text-align:left;
	font-size: 12px;
}

.pageTop {
	background:#fff;
	padding:0;
}

}


/**----横フリックボックス----------**/
ul.staffSlide {
  margin:0 auto;
  padding: 25px 0;
  width:1155px;
	}

ul.staffSlide li {
	text-align:center;
  }

ul.staffSlide li h4{
	min-height: 60px;
 	font-weight: normal;
 }

.member ul.staffSlide li h4{
	min-height: 60px;
  }

ul.staffSlide li figure {
	width:230px;
	height:272px;
	overflow:hidden;
}

.member ul.staffSlide li figure {
	width:230px;
	height:200px;
	overflow:hidden;
}

.member ul.staffSlide li figure img{
	width:100%;
	height: auto;
}

ul.staffSlide li a {
	display:block;
	border:none;
	}

		ul.staffSlide img {
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}

		ul.staffSlide li:hover img {
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			opacity:1 !important;
		}

		ul.staffSlide li img{
			opacity:1;
	        border-radius: 50px 0 50px 0!important;
            -webkit-border-radius: 50px 0 50px 0!important;
            -moz-border-radius: 50px 0 50px 0 !important;
			}

		.member ul.staffSlide li img{
			opacity:1;
	        border-radius: 0 0 0 0!important;
            -webkit-border-radius: 0 0 0 0!important;
            -moz-border-radius: 0 0 0 0 !important;
			}

ul.staffSlide li figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.bx-wrapper {
	position: relative;
	width:1155px;
	}

.bx-controls {
	position: absolute;
	width:1155px;
	margin:0 auto;
	top:140px;
	}

.member .bx-controls {
	position: absolute;
	width:1155px;
	margin:0 auto;
	top:100px;
	}

.bx-prev {
	background:url(../../images/top_images/arrowL.png) no-repeat;
	position: absolute !important;
	top: 0;
	left: -24px;
	width: 49px;
	height: 49px;
	border:none !important;
}
.bx-next {
	background:url(../../images/top_images/arrowR.png) no-repeat;
	position: absolute !important;
	top: 0;
	right: -20px;
	width: 49px;
	height: 49px;
	border:none !important;
}

.bx-start { display:none;}
.bx-stop { display:none;}

/*----------------------------------------
パンクズ
----------------------------------------*/
.breadcrumb{
	background:#fff;
	width:100%;
	margin:0 auto;
	font-size:12px;
	height:40px;
	  }

.breadcrumb ul{
	 margin:0 auto;
	 width:1200px;
	  }

.breadcrumb li{
	float:left;
	 padding: 8px 0px 0 0;
	 margin:0;
	 list-style:none;
	  }

/*----------------------------------------
ページング
----------------------------------------*/
.tablenav{
	float:right;
	text-align:center;
	padding:30px 0;
	  }

.tablenav a{
	display:block;
	color:#fff;
	background:#22211d;
	padding:3px 10px;
	text-decoration:none;
	border:none;
	  }

.tablenav .page-numbers{
	float:left;
	margin: 0 3px;
	  }

.tablenav span.current{
	display:block;
	color:#22211d;
	background:#f9fc14;
	padding:3px 10px;
	  }

/*-- その他 --*/
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}
.red{ color:#F50307 !important;}
.clear{clear:both !important;}
.b{font-weight:bold !important;}
.c{text-align:center !important;}
.r{text-align:right !important;}
.l{text-align:left !important;}
.YellowLine{
	border-bottom:4px solid #f7fa14 !important;}
.pt10 {padding-top:10px !important;}
.pb10 {padding-bottom:10px !important;}
.pb50 {padding-bottom:50px !important;}
.mt-10 {margin-top:-10px !important;}
.mt-25 {margin-top:-25px !important;}
.mt-35 {margin-top:-35px !important;}
.mt-100 {margin-top:-100px !important;}
.mt-150 {margin-top:-150px !important;}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb150 {margin-bottom:200px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.mr20 {margin-right:20px !important;}
.ml40 {margin-left:40px !important;}
.ml60 {margin-left:60px !important;}
.ml230 {margin-left:230px !important;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.txt11 {font-size:11px !important;}
.txt12 {font-size:12px !important;}
.txt13 {font-size:13px !important;}
.txt14 {font-size:14px !important; line-height:24px;}
.txt15 {font-size:15px !important;}
.txt16 {font-size:16px !important; line-height:30px;}
.txt17 {font-size:17px !important;}
.txt18 {font-size:18px !important; line-height:30px;}
.txt19 {font-size:19px !important;}
.txt20 {font-size:20px !important;}
.txt28 {font-size:28px !important;}
.txt30 {font-size:30px !important;}
.ls0 { letter-spacing: normal!important;}
.btnGreen{
	background: #6bc5d1;
	padding: 7px 20px;
	color: #fff;
	font-weight: bold;
	border: none;
	}

.btnGreen:hover{
	color: #f9fc14;
	border: none;
	}

@media(max-width:768px){
/**----横フリックボックス----------**/
ul.staffSlide {
  margin:0 auto;
  padding: 20px 0;
  width:auto;
	}

ul.staffSlide li {
	text-align:center;
	width: auto;
  }
ul.staffSlide li h4{
	font-size: 12px;
	font-weight: normal;
  }

ul.staffSlide li figure {
	width:100%;
	height:auto;
	overflow:auto;
}


.member ul.staffSlide li figure {
	width:100%;
	height:150px;
	overflow:hidden;
}

.member ul.staffSlide li figure img{
	width:100%;
	height: auto;
}


ul.staffSlide li a {
	display:block;
	border:none;
	}

		ul.staffSlide img {
			width: 100%;
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}

		ul.staffSlide li:hover img {
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			opacity:1 !important;
		}

		ul.staffSlide li img{
			opacity:1;
	        border-radius: 50px 0 50px 0!important;
            -webkit-border-radius: 50px 0 50px 0!important;
            -moz-border-radius: 50px 0 50px 0 !important;
			}

ul.staffSlide li figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.bx-wrapper {
	position: relative;
	width:100%;
	}

.bx-controls {
	position: absolute;
	width:100%;
	margin:0 auto;
	top:40%;
	}

.member	.bx-controls {
	width:100%;
	top:40%;
	}

.bx-prev {
	background:url(../../images/top_images/arrowL.png) no-repeat;
	background-size: 100%;
	position: absolute !important;
	top: 0;
	left: -15px;
	width: 35px;
	height: 35px;
	border:none !important;
}
.bx-next {
	background:url(../../images/top_images/arrowR.png) no-repeat;
	background-size: 100%;
	position: absolute !important;
	top: 0;
	right: -15px;
	width: 35px;
	height: 35px;
	border:none !important;
}

.bx-start { display:none;}
.bx-stop { display:none;}



/*----------------------------------------
パンクズ
----------------------------------------*/
.breadcrumb{
	background:#fff;
	width:100%;
	margin:0 auto;
	font-size:12px;
	height:auto;
	padding: 10px 15px;
	box-sizing: border-box;
	  }

.breadcrumb ul{
	 margin:0 auto;
	width:100%;
	  }

.breadcrumb li{
	 float:none;
	display: inline-block;
	 padding: 0 0px 0 0;
	 margin:0;
	 list-style:none;
	  }

/*----------------------------------------
ページング
----------------------------------------*/
.tablenav{
	float:right;
	text-align:center;
	padding:30px 0;
	  }

.tablenav a{
	display:block;
	color:#fff;
	background:#22211d;
	padding:3px 10px;
	text-decoration:none;
	border:none;
	  }

.tablenav .page-numbers{
	float:left;
	margin: 0 3px;
	  }

.tablenav span.current{
	display:block;
	color:#22211d;
	background:#f9fc14;
	padding:3px 10px;
	  }


/*-- その他 --*/
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}
.red{ color:#F50307 !important;}
.clear{clear:both !important;}
.b{font-weight:bold !important;}
.c{text-align:center !important;}
.r{text-align:right !important;}
.l{text-align:left !important;}
.YellowLine{
	border-bottom:4px solid #f7fa14 !important;}
.pt10 {padding-top:10px !important;}
.pb10 {padding-bottom:10px !important;}
.pb50 {padding-bottom:50px !important;}
.mt-10 {margin-top:-10px !important;}
.mt-25 {margin-top:-25px !important;}
.mt-35 {margin-top:-35px !important;}
.mt-100 {margin-top:-100px !important;}
.mt-150 {margin-top:-150px !important;}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:0 !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb150 {margin-bottom:200px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.mr20 {margin-right:20px !important;}
.ml40 {margin-left:40px !important;}
.ml60 {margin-left:60px !important;}
.ml230 {margin-left:230px !important;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.txt11 {font-size:11px !important;}
.txt12 {font-size:12px !important;}
.txt13 {font-size:13px !important;}
.txt14 {font-size:14px !important; line-height:20px;}
.txt15 {font-size:14px !important;}
.txt16 {font-size:14px !important; line-height:20px;}
.txt17 {font-size:15px !important;}
.txt18 {font-size:16px !important; line-height:24px;}
.txt19 {font-size:19px !important;}
.txt20 {font-size:20px !important;}
.txt28 {font-size:24px !important;}
.txt30 {font-size:24px !important;}
.ls0 { letter-spacing: normal!important;}
.btnGreen{
	background: #6bc5d1;
	padding: 7px 20px;
	color: #fff;
	font-weight: bold;
	border: none;
	}

.btnGreen:hover{
	color: #f9fc14;
	border: none;
	}

.btn--navy,
a.btn--navy {
	font-size: 1.6rem!important;
	font-weight: 700!important;
	line-height: 1.5!important;
	color: #fff!important;
	background-color: #000099!important;
    }
  
.btn--navy:hover,
a.btn--navy:hover {
	font-size: 1.6rem!important;
	font-weight: 700!important;
	line-height: 1.5!important;
	color: #fff!important;
	background: #333399!important;
    }

}

/*----------------------------------------
190617 add style
----------------------------------------*/
header {
  position: fixed;
  z-index: 9999;
}

@media (max-width: 768px){
  header {
    position: fixed;
    z-index: 100;
  }
}

.news dd br,
.breadcrumb li br,
.newsDetail h4 br,
section.zeimu .h3Ttl h1 br,
section.book h2 br{
	display: none !important;
}