body {	
 /*font-family: -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
 	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
	font-size: 16px;
 	color: rgb(65, 65, 145);
	background-color: #fff7eb;
 	letter-spacing: 0.5px; /*1.5px*/
 	font-feature-settings: "palt" 1;
 	font-kerning: auto;
 	line-height: 1.6; /*1.75*/
/*	-color: #F0F0F0; *//*F6F6F6*/  /*tsukai*/ 
	margin: 0;
 	padding: 0;
}
@media only screen and (max-width: 767px) {
	body {
	font-size: 14px;
	}
}
/* Webフォントを定義 */
@font-face {
	font-family: 'myfont';
	/* フォーマットごとにパスを指定 */
	src: url('../fonts/myfont.ttf');
  }
  

a {
	color: rgba(65,65,145);
}

a:hover {
	color: #b22222;
	text-decoration: none;
}

ul.navbar-right li a{
	border-right: 1.5px solid #777777;
}

.navbar-nav > li{
	 text-align: center;
}

.navbar-nav > li > a > span{
 	font-size: 80%;
}

.bg_fff {
background-color: #FFFFFF;
padding: 1px;
}

.bg_gray {
background-color: #b8b8b8;
}

.bg_img {
	background-image: url("../images/common/bg.jpg");
}

/*//////////////////////////////////////// Footer ////////////////////////////////////////*/
footer {
	/*background-color: #b22222;*/ /*tsukai*/
	/*background-color: #FFFFFF;*/
	background-image: url(../images/navy-suzuran.png);
	background-size: cover;
	background-position: bottom 300px;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	padding: 10px 0px 20px;
	/*padding: 0px 0px 20px;*//*tsukai*/
	font-size: 1em;
	color: #9C7540;
}

footer h4 {
	font-size: 1.2em;
	padding: 0px 0px 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid;
}

footer ul {
	list-style: none;
	line-height: 2.5em;
	margin: 0px 0px 40px;
	padding: 0px;
}

footer a {
	color: #9C7540

	;
}

footer a:hover {
	color: #b22222;
	text-decoration: none;
}

footer .page-t {
	/*background-color: #b3b3b3;*/ /*tsukai*/
	padding: 10px 0px 8px;
	margin-bottom: 40px;
}


/*//////////////////////////////////////// TOP ////////////////////////////////////////*/

/*================================================
メインビジュアル
 ================================================*/
.top-img {
	background-image: url("../images/top/TOP.png");　/*tsukai*/
	background-size: cover;
	height: 350px;
}

/*.top-messege p{
	font-size: 20px;
	padding: 35px 0 20px 0;
}

.top-messege h1{
	font-weight: bold;
}*/

.top-img h2 {
	color: #FFFFFF;
	padding: 110px 0px 0px 0px;
	font-size: 1.3em;
 text-shadow: 2px 2px 4px #000000;
}

.top-img h2 span.small {
	font-size: 0.7em;
	color: #FFFFFF;
	display: block;
	margin-top: 10px;
	line-height: 1.3;
}

@media only screen and (max-width: 767px) {
	.top-img {
	background-image: url("../images/top/TOP.png");/*tsukai*/
	background-size: cover;
	height: 250px;
	}
	.top-img h2 {
	color: #FFFFFF;
	padding: 70px 0px 0px 0px;
	font-size: 1em;
 text-shadow: 2px 2px 4px #000000;
}
.top-img h2 span.small {
	font-size: 0.5em;
	color: #FFFFFF;
	display: block;
	margin-top: 10px;
	line-height: 1.3;
	}
}


/*//////////////////////////////////////// 2nd, 3rd ////////////////////////////////////////*/
#contents {
	margin-bottom: 60px;
}

#contents h2 {
	color: #FFFFFF;
	padding: 200px 0px 60px 0px;
	font-size: 2.6em;
 text-shadow: 2px 2px 4px #000000;
}
#contents h2 span.small {
	font-size: 0.6em;
	color: #FFFFFF;
}

/*================================================
ページ内ナビ調整余白
 ================================================*/
#contents .nav-padding {
	padding-top: 42px;
}
#contents .nav-padding-first {
	padding-top: 42px;
	background-image: url("../images/common/bg.jpg");
}

@media only screen and (max-width: 767px) {
#contents .nav-padding {
	padding-top: 30px; }
	
#contents .nav-padding-first {
	padding-top: 30px;
	background-image: url("../images/common/bg.jpg");
}
}

/*================================================
ページ内ナビ
 ================================================*/
#contents .page-nav {
	padding: 40px 0px 0px;
}
#contents .page-nav ul {
		width: 100%;
	 list-style: none;
		margin: 0 auto;
}
#contents .page-nav li {
	text-align: center;
	float: left; 
}
#contents .page-nav li a {
	border: solid 1px #bbb;
	box-sizing: border-box;
	display: block;
	background: #fff;
	line-height: 58px;
	position: relative; 
}
#contents .page-nav li a:after {
	content: '';
	display: block;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: solid 2px #b22222;
	position: absolute;
	top: -1px;
	left: -1px;
	opacity: 0;
	transition: all .3s;
	box-sizing: border-box; 
}
#contents .page-nav li a:hover:after {
	opacity: 1; 
}

@media only screen and (max-width: 767px) {
#contents .page-nav {
	padding: 30px 40px 0px 0px; 
	}
#contents .page-nav ul {
	width: 100%;
	margin: 0 auto; 
}
#contents .page-nav li {
	width: 100%;
	text-align: left;
}
#contents .page-nav li a {
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
}
#contents .page-nav li a:before {
	background: none; 
	float: none;
}
#contents .page-nav li a:after {
	border: none;
}
#contents .page-nav li + li a {
	border-left: solid 1px #bbb;
	border-top: none; 
} 
}


/*================================================
コンテンツ
 ================================================*/
 #contents h3 {
	color: #FFFFFF;
	padding: 30px 0px 20px 0px;
	line-height: 1em;
	font-size: 2em;
}
#contents h3 span.small {
	font-size: 0.6em;
	text-shadow: none;
}
#contents .inner {
	width: 70%;
	margin: 25px auto 0px;
}

@media only screen and (max-width: 767px) {
#contents .inner {
		width: 90%; 
	} 
}

#contents .inner dl {
 overflow: hidden;
}
#contents .inner dl dt {
	float: left;
 padding-top: 25px;
}
#contents .inner dl dd {
	/*padding: 25px 0 25px 180px;  tsukai*/
	padding: 25px 0 25px 170px;
	border-bottom: solid 1px #bbb; 
}
#contents .inner dl dd:last-child {
	border-bottom: none; 
}

@media only screen and (max-width: 767px) {
#contents .inner dl {
 overflow: hidden; 
	}
#contents .inner dl dt {
	float: none;
	padding: 25px 0px 5px; 
	}
#contents .inner dl dd {
	padding: 0 0 25px 0;
	border-bottom: solid 1px #bbb; 
	}
}

/*================================================
 パンくず
 ================================================*/
#topicpath {
	width: 70%;
	margin: 74px auto 0px;
	font-size: 0.8em;
}

@media only screen and (max-width: 767px) {
#topicpath {
	width: 90%;
	width: 90%;
	margin-top: 50px;
	} 
}

#topicpath ul {
	list-style: none;
	margin: 0;
	padding: 15px 0px;
}
#topicpath ul li {
	display: inline-block;
	margin: 0;
	padding: 0 10px 0 0px;
}
#topicpath ul li + li:before {
	content: ">\00a0";
	padding: 0 10px 0 0px;
}

/*================================================
 PC表示・SP表示
 ================================================*/

/*@media screen and (min-width: 768px){   
  .only-pc { display:inline; }
  .only-sp { display:none; }
}
@media screen and (max-width: 768px){   
  .only-pc { display:none; }
  .only-sp { display:inline; }
}*/

@media screen and (max-width: 480px){   
	.only-sp { display:inline; }
	.only-tab { display:none; }
	.only-pc { display:none; }
  }
  @media screen and (min-width: 481px) and (max-width: 991px){   
	.only-sp { display:none; }
	.only-tab { display:inline; }
	.only-pc { display:none; }
  }
  
  @media screen and (min-width: 992px){   
	.only-sp { display:none; }
	.only-tab { display:none; }
	.only-pc { display:inline; }
  }

/*================================================
 PAGE TOP
 ================================================*/

.page_top {
	text-align: right;
}

/*================================================
 ハンバーガーボタン
 ================================================*/


.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 16px;
  top   : 6px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition   : 0.5s ease-in-out;
  transition        : 0.5s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(315deg);
  -moz-transform   : rotate(315deg);
  transform        : rotate(315deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(-315deg);
  -moz-transform   : rotate(-315deg);
  transform        : rotate(-315deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.6s;
  width: 100%;
}

nav.globalMenuSp ul {
  background: #ccc;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateY(0%);
}

/*================================================
footer space
 ================================================*/

.footer_space {
	padding: 15px;
}