@charset "utf-8";
/* ヘッダー */
/* ------------------------------------------------------- */
#head_wrap {
  /*-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position:fixed;*/
  top:0;
  width:100%;
  z-index:300;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;
}

#head_wrap,
#head_wrap div,
#head_wrap a,
#head_wrap li {
  /*-webkit-transition: all 0.75s ease;-moz-transition: all 0.75s ease;-o-transition: all 0.75s ease;transition: all  0.75s ease;*/
}

/*
@-webkit-keyframes slideOutDown{
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
#head_wrap.down {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}
@-webkit-keyframes slideOutUp{
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}
@keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}
#head_wrap.up {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
*/


header {
  z-index: 999;
  /*
  position: fixed;
  top: -100px;
  width: 100%;
  z-index: 999;
  */
  /*-moz-box-shadow: 0px 0px 3px rgba(34,34,34,.2);-webkit-box-shadow: 0px 0px 3px rgba(34,34,34,.2);box-shadow: 0px 0px 3px rgba(34,34,34,.2);*/
}
#head {
  background: rgba(255,255,255,0.8);
  padding: 30px 0 20px;
}
/*
#head_wrap.down #head {
  background: rgba(255,255,255,0.9);
}
*/

#head-logo {
  float: left;
  margin: 0 0 10px;
  padding-left: 2.5%;
  width: 60%;
}

#head-logo img {
  /*max-height: 50px;*/
}

#head-logo-mark {
  display: none;
  width: 60px;
}

#head-sns {
  float: right;
  padding-right: 2.5%;
  width: 40%;
}

#head-sns ul {
  font-size: 0;
  text-align: right;
}

#head-sns ul li {
  display: inline-block;
  margin-left: 20px;
}

#head-sns ul li img {
  max-height: 50px;
}

#head-menu {
  clear: both;
}

#head-menu ul {
  font-size: 0;
  text-align: center;
}


#head-menu ul li {
  border-left: 1px #0081cc solid;
  display: inline-block;
  font-size: 20px;
  line-height: 120%;
  padding: 0;
}

#head-menu ul li:last-child {
  border-right: 1px #0081cc solid;
}

#head-menu ul li a {
  color: #212121;
  display: block;
  letter-spacing: 3px;
  padding: 0 2em 5px;
  text-align: center;
}

#head-menu ul li br {
  line-height: 120%;
}

#head-menu ul li a .en {
  color: #0081cc;
  font-size: 75%;
  line-height: 120%;
}






#head_wrap.fixed {
  position:fixed;
  -moz-box-shadow: 0px 0px 3px rgba(21,21,21,.4);
  -webkit-box-shadow: 0px 0px 3px rgba(21,21,21,.4);
  box-shadow: 0px 0px 3px rgba(21,21,21,.4);
  -webkit-transition: all 0.75s ease;-moz-transition: all 0.75s ease;-o-transition: all 0.75s ease;transition: all  0.75s ease;
}

#head_wrap.fixed #head {
  background: rgba(255,255,255,0.9);
  padding: 15px 0;
}

#head_wrap.fixed #head-logo {
  margin: 0;
  display: none;
}

#head_wrap.fixed #head-logo-mark {
  float: left;
  display: block;
  width: 60px;
}
/*
#head_wrap.fixed #head-logo-mark img {
  max-height: 50px;
}
*/

#head_wrap.fixed #head-sns {
  padding-right: 0;
  padding-top: 13px;
  width: 60px;
}


#head_wrap.fixed #head-sns ul li {
  /*display: block;*/
  margin: 0 0 5px 4px;
  width: 25px
}

#head_wrap.fixed #head-menu {
  clear: none;
  float: left;
  padding: 6px 0;
  width: calc(100% - 60px - 60px);
}

#head_wrap.fixed #head-menu ul li {
  font-size: 18px;
}













#sidr-right {
  padding: 0 0 65px;
  /*width: 300px;*/
  z-index: 400;
}

#sidr-right .sidr-inner {
  /*border-left: 1px solid #dfdfdf;*/
}

#sidr-right #bt-menu-close-wrap {
  padding: 10px;
  text-align: right;
}

#sidr-right #bt-menu-close-wrap img {
  max-height: 25px;
}

#sidr-right ul li {
  line-height: 150%;
}

#sidr-right ul li a {
  padding-bottom: 12px;
  padding-top: 12px;
}

#sidr-right ul li span {
  display: inline;
  font-size: 80%;
  padding: 0;
}

#sidr-right ul li span {
  display: block;
}


#sidr-right .side-icon {
  padding: 0 10px;
}

#sidr-right p {
  line-height: 150%;
}

#sidr-right p a {
  color: #1c81c6;
}

#sidr-right ul li i {
  margin: 0 .5em 0 0;
}

#sidr-right .sns {
  font-size: 0;
  padding: 0 15px;
}

#sidr-right .sns div {
  border: none;
  display: inline-block;
  margin-right: 5px;
}

#sidr-right .sns img {
  max-height: 30px;
}

#bt-menu-toggle {
  display: none;
  float: right;
  padding: 18px 0;
  width: 30%;
}

#bt-menu-toggle .bt-more {
  text-align: right;
}

#bt-menu-toggle .bt-more a {
  background: #0081cc;
  font-size: 110%;
  padding: 6px 1em;
}

#bt-menu-toggle i {
  margin-left: 0;
  margin-right: 1em;
}






#head_coordination {
  display: none;
}

/* ------------------------------------------------------- */
@media (max-width: 1217px){
	#head-menu ul li {
	  font-size: 18px;
	}
	
	#head-menu ul li a {
	  padding: 0 1.5em 5px;
	}
	
	#head_wrap.fixed #head-menu ul li {
	  font-size: 16px;
	}
	
}

@media (max-width: 1117px){
	#head_wrap.fixed #head-menu {
	  padding: 11px 0;
	}
	
	#head_wrap.fixed #head-menu ul li {
	  font-size: 14px;
	}
	
	
	
}

@media (max-width: 980px){
	#head {
	  padding: 15px 0 15px;
	}
	
	#head-logo {
	  padding-left: 0;
	}
	
	#head-sns {
	  padding-right: 0;
	}
	
	#head-menu ul li {
	  font-size: 16px;
	}
	
	#head-menu ul li a {
	  padding: 0 1em 5px;
	}
	
	
	
	
	
	
	
	
	
	

}


@media (max-width: 870px){
	
	#head_wrap.fixed #head {
	  padding: 10px 0 5px;
	}
	
	#head_wrap.fixed #head-logo-mark {
	  padding: 5px 0;
	  width: 50px;
	}
	
	#head_wrap.fixed #head-logo-mark img {
	  max-height: 50px;
	}
	
	
	#head_wrap.fixed #head-menu {
	  
	  width: calc(100% - 50px - 60px);
	}
	
	#head_wrap.fixed #head-menu ul li a {
	  letter-spacing: 2px;
	  padding: 0 .5em 5px;
	}
	

}

@media (max-width: 780px){

	header {
	}
	
	#head {
	  padding: 10px 0;
	}
	
	#head-logo{
	  margin: 0;
	  padding: 0;
	  text-align: left;
	  width: 70%;
	}
	
	#head-logo img{
	  max-height: 65px;
	}
	
	#head-sns {
	  display: none;
	}
	
	#bt-menu-toggle {
	  display: block;
	  padding: 13px 0;
	}
	
	
	#head-menu {
	  display: none;
	}
	
	#head_wrap.fixed #head {
	  padding: 10px 0;
	}
	
	#head_wrap.fixed #head-logo {
	  display: block;
	  width: 70%;
	}

	#head_wrap.fixed #head-logo-mark {
	  display: none;
	}
	
	
	
	

}
@media (max-width: 640px){
	#head-logo img{
	  max-height: 45px;
	}
	
	#bt-menu-toggle {
	  padding: 6px 0;
	}

	/*#sidr-right {
	  width: 260px;
	}
	*/
	
	

}
/* ------------------------------------------------------- */