@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic');


html,body{height:100%;
}
/* タイトル */

h1,h2,h3,h4,h5,h6{
	margin:0;
	line-height:1.2;
	letter-spacing:1.8px;
	font-size:100%;
font-family:'Lato','Noto Sans Japanese','メイリオ',Meiryo,'Osaka',Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}


/* イメージ */
img,
a img{border:0;}

/* 段落 */

*{
	margin:0;
	padding:0;
	font-style:normal;
	letter-spacing:1.5px;
	line-height:1.6em;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#666;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

img{vertical-align:top;}

.clearfix {zoom:1;}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.t_l{text-align:left !important;}


.ml_3{margin-left:3px !important;}
.ml_5{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_40{margin-left:40px !important;}
.ml_50{margin-left:50px !important;}
.ml_55{margin-left:55px !important;}
.ml_100{margin-left:100px !important;}
.ml_150{margin-left:150px !important;}

.mb_0{margin-bottom:0px !important;}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_100{margin-bottom:100px !important;}

.mr_5{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}

.m_10{margin:10px !important;}
.m_box{margin:0 10px 10px 10px;}

.mt_5{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_30{margin-top:30px !important;}
.mt_40{margin-top:40px !important;}
.mt_50{margin-top:50px !important;}
.mt_55{margin-top:55px !important;}
.mt_80{margin-top:80px !important;}
.mt_100{margin-top:100px !important;}
.mt_120{margin-top:120px !important;}
.mt_200{margin-top:200px !important;}
.mt_300{margin-top:300px !important;}
.mt_350{margin-top:350px !important;}
.mt_400{margin-top:400px !important;}
.m_auto{margin:0 auto !important;}

.pb_80{padding-bottom:80px !important;}
.pt_10{padding-top:10px !important;}
.pt_20{padding-top:20px !important;}
.pb_20{padding-bottom:20px !important;}
.pt_50{padding-top:50px !important;}
.pb_50{padding-bottom:50px !important;}
.pt_80{padding-top:80px !important;}
.pb_80{padding-bottom:80px !important;}
.pt_40{padding-top:40px !important;}
.pl_50{padding-left:50px !important;}
.pr_50{padding-right:50px !important;}
.size80{font-size:80% !important;}

.p_10{padding:10px !important;}
.p_20{padding:20px !important;}
.f12{font-size:12px !important;}
.f15{font-size:15px !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.tl{text-align:left !important;}
.fc{clear:both !important;}
.tc{text-align:center !important;}

.f_12{font-size:12px;}

ul li{list-style-type:none;}

::selection {
    background: #323036;
    color: #fff;
}
::-moz-selection {
    background: #323036;
    color: #fff;
}

.pc_none{display:none !important;}


.object-fit-img {
	object-fit: cover;
	object-position: bottom;
	font-family: 'object-fit: cover; object-position: bottom;'
  }


.invisible {
	transition: opacity 0.5s ease;
	opacity: 0.0;
}

.visible {
	transition: opacity 0.5 ease;
	opacity: 1.0;
}
.animate0 {
  animation-duration: 2.0s!important; /* アニメーションの時間 */
  animation-delay: 0s; /* アニメーション開始時間 */
}

.animate1 {
  animation-duration: 2.0s!important; /* アニメーションの時間 */
  animation-delay: 0.5s; /* アニメーション開始時間 */
}
.animate2 {
  animation-duration: 2.0s!important; /* アニメーションの時間 */
  animation-delay: 1.0s; /* アニメーション開始時間 */
}
.animate3 {
  animation-duration: 2.0s!important; /* アニメーションの時間 */
  animation-delay: 1.5s; /* アニメーション開始時間 */
}
.animate4 {
  animation-duration: 2.0s!important; /* アニメーションの時間 */
  animation-delay: 2.0s; /* アニメーション開始時間 */
}

/************************固定スクロール*********************************/
a .logo{
	height: 65px;
	margin: 2.5px 30px;
	float: left;
}
.nav{
	background-color:#FFF;
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	display: flex;
	position:fixed;
	justify-content: space-between;
	top:0;
	height: 70px;
	width:100%;
	z-index:9999 !important;
	padding:5px 0;
}
.nav ul{
	display: flex;
	align-items: center;
	padding: 15px 30px;
}
.nav ul li{
	text-align: center;
	margin: 0 30px;
	font-style: 1.5em;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.nav ul li:hover{
	-webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.nav ul li a{
	color: #0f3263;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Noto Serif JP', serif, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}
.nav ul li span{
	display: block;
	color: #996939;
	font-style: italic;
	font-size: 0.8em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Noto Serif JP', serif, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	letter-spacing: 1px;
}
.sp_header{
	display: none;
}
.sp_br{
	display: none;
}
footer{
	margin-top: -5px;
	overflow: hidden;
}

.foot_contact{
	background-image: url(../images/common/contact.jpg);
	background-size: cover;
	background-position: center;
}
.foot_contact .contents{
	padding-top: 100px;
	padding-bottom: 100px;
}
.foot_contact .contents p{
	text-align: center;
	color: #FFF;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Noto Serif JP', serif, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}
.foot_contact1{
	font-size: 2em;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFF;
}
.foot_contact3{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3em;
}
.foot_contact3 img{
	margin-right: 10px;
	width: 50px;
}
.foot_contact4{
	font-size: 1.5em;
	border-bottom: 1px solid #FFF;
	padding-bottom: 30px;
}
.foot_contact4 a{
	color: #FFF;
}

.foot_contents{
	background-color: #0f3263;
}
.foot_contents_box{
	max-width: 1200px;
    width: 94%;
    padding:80px 3% 0;
	margin: 0 auto;
	text-align: center;
}
.foot_contents p{
	color: #FFF;
}
.foot_contents img{
	width: 250px;
	margin-bottom: 20px;
}
.foot_contents .copy{
	font-size: 0.8em;
	margin-top: 50px;
}
@media screen and (max-width: 1300px){
	a .logo{
		margin: 0px 10px;
	}
	
	.nav ul{
		padding: 15px 10px;
	}
	.nav ul li{
		margin: 0 15px;
	}
}

@media screen and (max-width: 900px){
	.nav{
		display: none;
	}
	.sp_header{
		position: fixed;
		display: block;
		z-index: 99999;
		background-color: #FFF;
		box-shadow: 0 1px 1px #eeeeee;
		width: 100%;
		height: 60px;
	}
	.sp_header .logo_sp{
		position: absolute;
		top: 5px;
		left: 0;
		right: 0;
		margin: auto;
		height: 48px;
	}	


/*---------------------------------------------
  Hamburger Navigation
  ---------------------------------------------*/
  .hamburger-nav-toggle-btn {
	margin: 1em;
	background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
		width: 40px;
		height: 40px;
        margin:10px;
		appearance: none;
  }
  .hamburger-nav-toggle-btn.close::before, .hamburger-nav-toggle-btn.open::before {
	font-family: 'FontAwesome';
	font-size: 2em;
	vertical-align: bottom;
	color: #0f3263;
  }
  .hamburger-nav-toggle-btn.open::before {
	content: '\f00d';
  }
  .hamburger-nav-toggle-btn.close::before {
	content: '\f0c9';
  }
  
  .hamburger-nav-list {
	position: absolute;
	display: none;
	top: 60px;
	width: 100%;
	list-style: none;
	margin:0 0;
	padding: 0;
	background: #0f3263;
  }
  .hamburger-nav-list  li a {
	  color: #FFF;
  }
  .hamburger-nav-list > li {
	border-bottom: 1px solid #0f1e3b;
  }
  .hamburger-nav-list > li a {
	display: block;
	padding: 20px 1em;
	text-decoration: none;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Noto Serif JP', serif, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}
.hamburger-nav-list > li a::before {
	font-family: 'FontAwesome';
	content: '\f105';
	margin-right: 10px;

}












}
@media screen and (max-width: 640px){

.sp_br{
	display: block;
}
.foot_contact .contents{
	padding-top: 50px;
	padding-bottom: 50px;
}

.foot_contact1{
	font-size: 1.7em;
}
.foot_contact3{
	font-size: 1.8em;
}
.foot_contact3 img{
	width: 40px;
}

.foot_contact4{
	font-size: 1em;
}

}