body {
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	color:#333333;
	font-weight: 400;
	width:100%;
	height:100%;
	-webkit-font-smoothing: antialiased;
	background: #FAFAFA;
}
a {
	text-decoration:none;
	outline:none;
}
/*img {
	max-width:100%;
}*/

p{
	line-height: 1.68;
	font-weight:400;
	padding-bottom:33px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color:#000;
}
h2{
	font-size: 1.8rem;
	color:#372d38;
	line-height: 1.68;
	padding-bottom:10px;
	font-weight:400;
	margin:0px;
}
h3{
	font-size: 1.5rem;
	line-height: 1.68;
	padding-bottom: 10px;
	font-weight: 300;
	margin: 0px;
}

.font-raleway {
	font-family: 'Raleway', sans-serif;
	letter-spacing: 2px;
}

.small, small {
    font-size:.685em
}

/*----------------------------------------------------
 	scroll anime
------------------------------------------------------*/

.m_op {
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0;
}
.m_op_on {
  opacity: 1;
}

.m_down {
  -webkit-transition: all 1.3s;
  transition: all 1.3s;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
.m_down figure {
    overflow: hidden;
}
.m_down figure img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: all 6s;
    transition: all 6s;
}
.m_down_on {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
.m_down_on figure img {
  -webkit-transform: scale(1);
          transform: scale(1);
}


/*----------------------------------------------------
 	nav
------------------------------------------------------*/

nav {
	font-family: 'Raleway', sans-serif;
}

.fade-out{
    opacity:0;
    transition: 1s;
}
.fade-in{
    opacity:1;
}

.navbar-nav .nav-link {
	color: #777;
	font-weight: normal;
	letter-spacing:2px;
	line-height:1;
	text-align:center;
	border-radius: 0;
}
.navbar-nav .nav-link:hover{
  background:none;
  color:#372d38;
}

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active:hover {
  background: #e5a137;
  color:#fff !important;
}


/*----------------------------------------------------
 	subpage
------------------------------------------------------*/

.subpage .subtitle {
	position: relative;
	background: url("../images/title_bg.jpg") no-repeat;
	z-index: 1;
	overflow-x: clip;
}

.subpage .subtitle img {
	position: absolute;
	bottom: 0;
}


/*----------------------------------------------------
	 FOOTER
------------------------------------------------------*/
footer{
	margin-top: 120px;
	background:#444648;
}
footer .container{
	padding: 48px 0 24px;
}

footer ul{
	margin:0 auto;
	margin-bottom:62px;
	text-align:center;
	list-style-type:none;
}
footer ul li{
	display:inline-block;
	text-align:center;
	background:#bebabe;
	color:#ffffff;
	line-height:55px;
	margin:0 17px 14px;
	width:55px !important;
	height:55px !important;
	
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
footer ul li:hover{
	background:#1d1d1d ;
}
footer ul li:hover	a{
	color:#fff;
}

footer ul li a{
	color:#fff;
	width:42px !important;
	height:42px !important;
}
footer ul li a i{
	line-height:55px !important;
	color:#fff;
}

footer p{
	color:#f8f8f8;
	font-size:1rem;
	line-height:24px;
	font-weight:300;
	text-align:center;
}
footer p:last-child{
	padding-bottom:0px;
}

.gototop {
	display:inline-block;
	width:40px;
	height:40px;
	border:2px solid #746c75;
}
.gototop i {
	color:#817a82;
	line-height:35px;
}

/*---------------------------------------------------------------------------------
	 Responsive
-------------------------------------------------------------------------------*/

@media (min-width: 576px) {  }

@media (min-width: 768px) {
  .m_op_d1 {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .m_op_d2 {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .m_op_d3 {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .m_op_d4 {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .m_op_d5 {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}

@media (min-width: 992px) { 
	.navbar-brand {
		position: absolute;
		top: 0;
		left: 0.5rem;
		height: 100%;
		display: inline-flex;
		align-items: center;
	}
	.navbar {
		padding: 0;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 30px 1rem;
	}
	.subpage .subtitle {
		height: 250px;
		background-size: 100% 195px;
	}
	.subpage .subtitle img {
		height: 220px;
	}
}

@media (min-width: 1200px) {  }

@media (min-width: 1400px) { 
	.subpage .subtitle {
		height: 320px;
		background-size: 100% 255px;
	}
	.subpage .subtitle img {
		height: 290px;
	}
}

@media (max-width: 767.98px) { }

@media (max-width: 1399.98px) {  }

@media (max-width: 1199.98px) {  }

@media (max-width: 991.98px) {
	.subpage .subtitle {
		height: 180px;
		background-size: 100% 135px;
	}
	.subpage .subtitle img {
		height: 150px;
	}
}

@media (max-width: 575.98px) {
	.subpage .subtitle {
		position: relative;
		height: 140px;
		background: url("../images/title_bg.jpg") no-repeat;
		background-size: auto 100px;
		z-index: 1;
	}
	.subpage .subtitle img {
		height: 120px;
	}
	
	h2{
		font-size:1.4rem;
	}
}