@charset "UTF-8";


/*---------------------
	共通部分
-----------------------*/
*{
	margin:0;	/*すべての要素のmargin/paddingを０に*/
	padding:0;
	border: 0;
}

html{
	scroll-behavior: smooth;	/* スムーススクロール */
}

body{
/*	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
	font-family:"小塚ゴシック Pr6N",sans-serif;
	font-size:1em;
	color: #3d3a39;		/*#3e3e3e;/*#3f3c3b;/*#3d3a39;/*#525252;/*#3d3a39; /*#09142e;*//* #565555;*/
	line-height:1.6;
	font-size:100%;
	font-weight: 500;
}


ul{
	list-style: none;
}

a{
	text-decoration: none;
}


#wrap {
	margin:auto;
}

/*ヘッダー	7_19まるまるコピー
--------------------------*/

header{
	padding-top: 2%;
	background: #fff;
	z-index: 99999;
}

#header-wrap{
	align-items: center;
	padding: 0 2%;
	max-width: 1300px;	/*コレなくすと広がっていく*/	
	margin: auto;
	display: flex;		
	justify-content: space-between;	
}

#header-left{
	transition:all 0.5s;
}

#header-left:hover{
	opacity: 0.5;
}

#header-left img{
	max-width: 100%;	/* 変更するかも*/
}

#header-right{
	display: flex;		
	justify-content: center; 
	align-items: center;
}

#ta a{
	/*border:1px solid;*/  /*目安箱*/
	padding-left:2%;
	padding: 10px 25px;
	color: #525252;
	/*color: black;*/
	background-image:url(../images/torim.png);
	background-repeat:no-repeat;
	background-position: left 7px;
	transition:all 0.5s;
}



#ta a:hover{
	color: #eaeaea;	/*色変更した7_8*/
	background-image:url(../images/torim3.png); /*色変更予定*/
}

#header-icon ul{
	display: flex;
}

#header-icon ul li{
	margin-left: 1rem;
	transition:all 0.5s;
}

#header-icon ul li:hover{
	opacity: 0.3;
}

.none767 {
    color: #09142e;
    font-size: 1.2em;
}


/*--- ここまで ------------------*/


/*追従navi(ここに移動した)
-------------------------*/
#nav {
	margin:0 auto;
	border-bottom:1px solid;
	z-index: 200;
}
#nav ul{ 
	overflow:hidden;
	margin:0; 
	padding:0; 
	list-style-type:none; 
	background:#fff; 
	display: flex; 
	justify-content: center;
	flex-wrap: wrap;	/* 追加*/
	padding:20px 0 20px;  
	z-index: 150; 	
}
#nav ul li{
	 float:left;
	 font-size: 18px;　/*追記*/
}
#nav ul li a{ 
	color: #09142e;   /*追記*/
	font-weight: bold; /*追記 7_7消えていたので追記*/
	margin:0 50px; 
	line-height:40px; 
	height:40px; 
	text-align:center; 
	text-decoration:none;   
}

#nav ul li ul{ 
	position:absolute; 
	display:none;
	text-align:center; /*下線アニメーションの際に追記*/
}
#nav ul li ul li{ 
	float:none;
}
#contents{ 
	width:100%; 
	margin:0 auto; 
}
#nav ul li ul li .tenpo{	/*追記*/
	margin:0 15px;
}
.kotei{ 
	width:100%; 
	position:fixed; 
	left:0; 
	top:0; 
}

/*追従ナビの下線アニメーション*/

#nav ul li a{
	position: relative;
  	display: inline-block;
	z-index: 250;
}
#nav ul li a::after{
	position: absolute;
  	bottom: 3px;
  	left: 0;
  	content: '';
  	width: 100%;
  	height: 1px;		/*下線の太さ*/
  	background: #003141;
  	transform: scale(0, 1);
  	transform-origin: left top;
  	transition: transform .3s;
	z-index: 250;
}
#nav ul li a:hover::after {
  transform: scale(1, 1);
	z-index: 250;
}
/*content
--------------------------*/

 #main{
  margin: auto;
} 

/*slick-slider(全て読み込むまで画像を表示しない)
---------------------------------------------------*/
.slider img{ width: 100vw;}	/*←7.11追加　画像をウィンドウ幅サイズを変えても固定*/
.slider{ visibility: hidden;}
.slider.slick-initialized{ visibility:visible;}


/*footer 新 (7/19変更　まるまるコピー)
------------------------*/
footer{
	background: #09142e;
	color: white;
	text-align:center;
	line-height: 4;
	letter-spacing: 1px;
	font-size: 13px;
	padding-top: 90px;
	position: relative;
	margin-top: 100px;
}

#footer-wrap{
	padding: 0 2%;
}

#footer-logo{
	transition: all 0.5s;
}

#footer-logo:hover{
	opacity: 0.5;
}

#footer-nav a{
	transition: all 0.5s;
}

#footer-nav span{
	display: inline-block;
}

#footer-nav a:hover{
	opacity: 0.5;
}

#footer-post{
	line-height: 1.6;
	padding: 1.5rem 0 1rem 0;
}


#footer-post a{
	font-size: 18px;		/*電話番号部分*/
	color: white !important;
	text-decoration:none !important;
}

#footer-nav a{
	color: white;
	font-size:17px;
	/*font-weight: bold;*/
}

#footer-icon{
	display: flex;
	justify-content: center;
	margin-right: 10px;
}
#footer-icon a{
	padding: 0 1rem;
	padding-top: 1rem;
	transition: all 0.5s;
}
#footer-icon a:hover{
	opacity: 0.5;
}

/*footer 上に戻るボタン
----------------------------*/

#page-top{ 
	position: absolute;
	left: 50%;
	top: -40%;
	transform: translateX(-50%);
	width:120px; 
	line-height:120px; 
	border-radius:70px; 
	background: #09142e;
}

#page-top img#a{
	background:#fff;
	opacity:0.7;
	transition:all 0.5s;
	text-decoration:none;
}

#page-top img#a:hover{
	opacity:1;
	background: white;	/*7_8 色変更した*/	
}