@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定およびスマートフォン向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


html,body{
height: 100%;
}

body{
width:100%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:100%;
font-feature-settings : "palt";
color:#000;
  background: url(../images/common/bk.png) center;
margin:0;
padding:0;
}
/*ヘッドイメージ*/


.head_title{	
	width: 1024px;
	background: #0092ff;
	border-bottom: 1px solid #999;
	text-align: right;
	/*background: #fff;*/
	margin: 0 auto 0;
	padding: 6px 0;
	}/*ヘッドイメージ*/

.head_title h1{
	font-family: 'Roboto', sans-serif;
		color: #fff;
	font-size: 21px;
	margin: 0 1rem 0 0;
}

.head_title h1 a{
	text-decoration: none;
	color: #fff;
}

.top_img {
	box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
	margin: 0;
	padding: 0;
}




img{
	max-width:100%;
	height:auto;
}


.img_center{
	display: block;
	margin: 0 auto 15px;
}





#layout{
width:100%;
   -moz-box-sizing: border-box;
  box-sizing: border-box;

margin:0 auto;
position:relative;
min-height:100%;
height: auto !important;
height: 100%;

}

body > #layout {
height: auto;
}

#main{
width: 1024px;
   -moz-box-sizing: border-box;
  box-sizing: border-box;

margin: 0 auto ;
padding: 0 0 200px 0;
}
/*カラム幅*/

.col-860{
	width: 83.98437%;
	margin: 0 auto;
	padding: 0;
}





#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height:auto;
  text-align: center;
  background: #0092ff;
  color: #fff;
  padding: 0;
}






#fot_txt{
	clear: both;
	height: 3em;
	line-height: 1.5;
	padding: 0em;
	margin: 1rem auto 0;
	}




iframe{
	display: block;
	width: 100%;
	margin: 0 auto;
}


.gmap{
	margin: 3rem auto 1rem;
}

.contens{
	background: rgba(255, 255, 255, 0.67);
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.3rem;
}

.tel_text{
	background: rgba(250, 248, 207, 0.62);
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.5rem auto 0;
    padding: 1.3rem 0;
    }
    
   .tel_text p{
	   font-size: 1rem;
	   text-align: center;
	   margin: 0;
	   padding: 0;
   }

.tel{
		width: 300px;
	font-size: 1.1rem;
	text-align: center;
	margin: 2rem auto ;
		background: #0b4aa4;
		box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
		border-radius: 8px;
		padding: 1rem;
}



.tel a{
	display: block;
	text-decoration: none;
	color: #fff;
}


/*左側のみバックカラー*/
.tb_list_l{
	font-size: .9rem;
	width: 80%;
	border-collapse:collapse;
    border-spacing:0;
	border: 1px solid #999;
	margin: 0 auto 1em;
}

.tb_list_l td,
.tb_list_l th{
	text-align: center;
	border: 1px solid #999;
	line-height: 1.5;
	background: #fff;
	padding: 8px 6px;
}

.tb_list_l th{
	border: 1px solid #999;
	background: #f4e8ac;
	}

/*テーブルフッター*/
.tb_list_l tfoot td{
	background: #ffe8e8;
	}


.tb_list_l td:first-child{
	text-align: center;
	background: #d3d3d3;
}




.tb_list_l td{
line-height: 1.7;
}

	
.tb_list li{
	line-height: 1.4;
}


.link_but{
		width: 300px;
	font-size: 1.1rem;
	text-align: center;

	margin: 2rem auto ;
	padding: 1rem;
}

.link_but {
		background: #0b4aa4;
		box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
		border-radius: 8px;
		padding: 1rem;
}

.bk_red {
	background: #ea0985;
}

.link_but a{
	display: block;
	text-decoration: none;
	color: #fff;
}



@media only screen and (max-width: 736px) {/*スマホ*/



body{
font-size:1.1rem;
}
	#layout{
		width:100%;
		border: none;
	}
	

	
#main{
width: 100%;
margin: 0 auto ;
padding: 0 0 10rem 0;
}

.head_title{
	width: 100%;
	margin: 0 auto ;
	padding: 6px  0;
	}

.head_title h1{
	font-size: 16px;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height:100px;
  text-align: center;
  color: #fff;
  padding: 0 0 0rem;
}


#fot_txt{
font-size: 14px;
	}





iframe{
	width: 95%;
	margin: 0 auto;
}

.link_but{
		width: 80%;
		}


.tb_list_l{
	width: 98%;
}



}/*スマホ*/




@media only screen and  (min-width: 737px) and (max-width: 1024px) {
#layout{
    width:100%;
     margin: 0;
    padding: 0;
 }


#main{
    width:100%;
     margin: 0 auto;
 }
 
 
.head_title{
	width: 100%;
	margin: 0 auto ;
	padding: 6px  0;
	}


.gmap{
	width: 90%;
}




	
}


@media only screen and (max-width: 321px) {


}


@media only screen and (max-width: 470px) {/*ヘッド*/


}