@charset "UTF-8";





.wrap{

	overflow: hidden;

}



.displayflex {

	display: flex;



}





/* --------メインビジュアルここから-------- */



article{

}



.mv_area {

	margin: 15px 0;

	height: 470px;



}



#slider {

    width: 100%;

    height: 470px;

}



/* --------メインビジュアルここまで-------- */





/* --------お知らせここから-------- */



.news_area {

	margin-top: 50px;	

}

	.news_area dl { clear: both; position:relative; margin:0 0 ; border-bottom: 1px solid #dcdcdc;}

	.news_area dl:after { content:""; display: block; height: 1px; position:absolute; bottom:-1px; left: 0; width: 36%; background: #001c58;}

	.news_area dl dt { float:left; width:40%; padding: 14px 0;}

	.news_area dl dd { display: block; margin: 0 0 0 33%; padding: 14px 0 14px;}



.ttl_news {

	margin: 0 auto 40px auto;

	

	width: 112px;

     height: 64px;



}





.btn_news {

	margin: 20px 0 50px 800px;

}



/* --------お知らせここまで-------- */





/* --------バナー（長方形２つ）ここから-------- */



.bnr_area {

	height: 178px;

	background-color: #7f8dab;

}



.bnr01 {

	margin:29px 20px 29px 0;

}



.bnr02 {

	margin:29px 0;

}



/* --------バナー（長方形２つ）ここまで-------- */





/* --------グリーティング（ポリシーメッセージ）ここから-------- */



.greeting_area {

	height: 324px;	

}



.greeting_area .bg {



	height: 324px;	

	background: url(../images_index/policy.png) left 2px no-repeat;

}



.greeting_area .gr_inner {

	height: 224px;

	margin: 0 auto;

	padding: 50px 10px 50px 320px;

}



.greeting_area .title {

	padding-bottom: 20px;

}



/* --------グリーティング（ポリシーメッセージ）ここまで-------- */





/* --------リンク（四角３つ）ここから-------- */



.link_area {

	width: 100%;

	height: 360px;

	background-color: #7f8dab;

}



.link01 {

	position: relative;

	margin: 30px 20px 30px 0;

}



.link01 p {

  position: absolute;

  color: white;

  top: 240px;

  left: 30px;

  font-size: 13px;

  }



.link01 img {

	width: 100%;

  }



.link02 {

	position: relative;

	margin: 30px 20px 30px 0;

}



.link02 p {

  position: absolute;

  color: white;

  top: 240px;

  left: 30px;

  font-size: 13px;

  }



.link02 img {

  width: 100%;

  }



.link03 {

	position: relative;

	margin: 30px 0;

}



.link03 p {

  position: absolute;

  color: white;

  top: 240px;

  left: 30px;

  font-size: 13px;

  }



.link03 img {

  width: 100%;

  }







/* --------リンク（四角３つ）ここまで-------- */





/* --------アクセスここから-------- */







.ttl_access {

	margin: 50px auto 40px auto;

	

	width: 112px;

     height: 64px;



}

.ttl_access img {





}



.access_area {

	margin-bottom: 50px;

}



.access_area .add_text  {

	width: 400px;

}



.access_area .add_text .name {

	

	margin-bottom: 25px;

	width: 263px;

	height: 27px;

	

}



.saccess_area .add_text .add {

	

}



.access_area .add_text .tel {

	margin-top:12px;

	padding-left: 70px;

	background: url(../images_index/tel.png) left 2px no-repeat;

}



.access_area .add_text .open {

	margin-top:12px;

	padding-left: 70px;

	background: url(../images_index/time.png) left 2px no-repeat;

}



.access_area .add_text .close {

	padding-left: 70px;

}



.access_area .map {

	width: 600px;

}



.access_area .map iframe {

	width; 600px;

	height: 330px;

	

}





/* --------アクセスここまで -------- */



/* --------レスポンシブ ここから------- */
@media screen and (max-width: 767px) { /*ウィンドウ幅が767pxまでの場合に適用*/

.displayflex {
	display: block;
}

/* --------メインビジュアル レスポンシブ ここから-------- */

/* --------メインビジュアル レスポンシブ ここまで-------- */

/* --------お知らせ レスポンシブ ここから-------- */

.btn_news {
	margin: 6% 0;
	text-align: center;
}

.news_area {

	margin-top: 50px;	

}

	.news_area dl { clear: both; position:relative; margin:0 0 ; border-bottom: 1px solid #dcdcdc;}

	.news_area dl:after { content:""; display: block; height: 1px; position:absolute; bottom:-1px; left: 0; width: 36%; background: #001c58;}

	.news_area dl dt { float:left; width:40%; padding: 14px 0; font-size: 14px;}

	.news_area dl dd { display: block; margin: 0 0 0 33%; padding: 14px 0 14px;}



.ttl_news {

	margin: 0 auto 40px auto;

	

	width: 112px;

     height: 64px;



}

/* --------お知らせ レスポンシブ ここまで-------- */


/* --------バナー（長方形２つ） レスポンシブ ここから-------- */

.bnr_area {
	height: 10%;
	margin: 2% 0;
	padding: 0.5% 0;
}

.bnr01 {
	width: 93%;
	margin: 0 auto;
	padding-top: 2%;
}

.bnr02 {
	width: 93%;
	margin: 0 auto;
	padding: 1% 0;
}

/* --------バナー（長方形２つ） レスポンシブ ここまで-------- */

/* --------グリーティング（ポリシーメッセージ） レスポンシブ ここから-------- */

.greeting_area {
	margin: 3% 0;	
}

.greeting_area .bg {
	background-size: 60%;
}

.greeting_area .gr_inner {
	padding: 0;
}
/*
.greeting_area .gr_inner img {
	width: 100%;
	margin: 7% 0 3% 0;
}
*/

.greeting_area {
	width: 100%;
	margin: 6% 0 3% 0;
}
.gr_inner img {
	width: 94%;
	margin: 8% 3% 0 3%;
}

/* --------グリーティング（ポリシーメッセージ） レスポンシブ ここまで-------- */

/* --------リンク（四角３つ） レスポンシブ ここから-------- */

.link_area {
	height: 30%;
	padding: 2% 0;
}

.link01, .link02, .link03 {
	position: relative;
	margin: 30px 0;
}

.link01 p, .link02 p, .link03 p {
	top: 78%;
	left: 11.5%;
}

.link01 img, .link02 img, .link03 img {
	width: 96%;
	margin: 0 2%;
}

/* --------リンク（四角３つ） レスポンシブ ここまで-------- */

/* --------アクセス レスポンシブ ここから-------- */

.access_area .add_text  {
	width: 100%;
}

.access_area .add_text .name {
	margin-bottom: 25px;
	width: 263px;
	height: 27px;
}

.access_area .add_text .tel {
	margin-top:12px;
	padding-left: 70px;
	background: url(../images_index/tel.png) left 2px no-repeat;
}

.access_area .add_text .open {
	margin-top:12px;
	padding-left: 70px;
	background: url(../images_index/time.png) left 2px no-repeat;
}

.access_area .map {
	width: 100%;
}

.access_area .map iframe {
	margin-top: 3%;
	width: 100%;
}

/* --------アクセス レスポンシブ ここまで -------- */

}

/* --------レスポンシブ ここまで -------- */