@charset "utf-8";

body{
	background-color:#fff;
	font-family:a-otf-gothic-bbb-pr6n,vista-sans-narrow,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	line-height: 1.7;
	color:#333;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

/*______________________________________PC用CSS_______________________________________________*/
@media screen and (min-width: 767px) {/*ウィンドウ幅が800px以上の場合に適用*/
.pc_content{
	display:block;
}
.sp_content{
	display:none;
}
a img:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
.w1200{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.w1000{
	max-width:1000px;
	margin:0 auto;
	text-align:center;
}
header{
	width:100%;
	text-align:center;
	height:132px;
}
#navi_box{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
#logo{
	float:left;
	width:200px;
	margin:34px 0 0 0;
}
.NavMenu{
	width:70%;
	float:right;
}
.NavMenu li{
	float:right;
	list-style:none;
	padding:50px 0 0 19px;
}
.NavMenu li a{
	text-decoration:none;
	color:#333;
	font-size:16px;
	letter-spacing:5px;
}
.NavMenu li a:hover{
	color:#999;
}
#main_wrapper{
	position:relative;
	/*background-image:url("../img/main.jpg");
 	background-position: right center;
 	background-size: auto;
 	background-position: right center;
 	background-size: cover;
	background-repeat:no-repeat;
	background-color:#faf8fb;*/
	margin: 0 auto 35px;
	width:100%;
	height:603px;
	min-width:800px;
}
.bxslider{   
    margin:0px;
}

.bx-wrapper {
    position: relative;
}

.bx-wrapper img {
    width:100%;
}

.bx-viewport {
    /*max-height: 603px;*/
}

#content01{
	position:relative;
	width:100%;
	min-width:1000px;
}
.top_komidashi{
	width:100%;
	text-align:center;
	padding:95px 0 35px;
}
.top_komidashi img{
	width:210px;
}
.head_copy{
	font-size:25px;
	color:#000;
	letter-spacing:2px;
	margin-bottom:30px;
}
.head_copy_txt{
	font-size:17px;
	line-height:2.0;
	letter-spacing:1px;
}
#news_wrapp{
	float:left;
	position:relative;
	width:100%;
	min-width:1000px;
	background-color:#f4f4f4;
	margin-top:100px;
	padding:0 0 60px 0;
}
.news_box{
	clear:both;
}
.news_komidashi{
	width:100%;
	text-align:center;
	padding:50px 0 35px;
}
.news_photo{
	clear:both;
	float:left;
	width:23%;
	margin-bottom:10px;
}
.news_photo img{
	width:100%;
}
.news_txt{
	float:right;
	width:71%;
	text-align:left;
	font-size:18px;
	letter-spacing:2px;
}
.news_txt a{
	text-decoration:none;
	color:#498169;
}
.news_txt a:hover{
	color:#bbb;
}
#top_bnr{
	clear:both;
	float:left;
	width:100%;
	height:440px;
	text-align:center;
	padding:20px 0;
	margin:90px 0;
	background-image:url("../img/bnr_bg.jpg");
 	background-position: center center;
 	background-size: cover;
	background-repeat:no-repeat;
}
#top_bnr img{
	width:100%;
	max-width:1100px;
}
#totop{
	position:fixed;
	right:5%;
	bottom:110px;
}
#footer{
	float:left;
	text-align:center;
	width:100%;
	height:auto;
}
#logo_bottom{
	float:left;
	width:165px;
	margin:13px 0 0 0;
}
.NavMenu_bottom{
	width:70%;
	float:right;
}
.NavMenu_bottom li{
	float:right;
	list-style:none;
	padding:30px 0 0 19px;
}
.NavMenu_bottom li a{
	text-decoration:none;
	color:#333;
	font-size:16px;
	letter-spacing:5px;
}
.NavMenu_bottom li a:hover{
	color:#999;
}
#copyright{
	clear:both;
	float:left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	width:100%;
	font-size:14px;
	letter-spacing:3px;
	padding:90px 0;
}
}




/*______________________________________スマホ用CSS_______________________________________________*/
@media print, screen and (max-width: 800px) {/*ウィンドウ幅が最大767pxまでの場合に適用*/
	.pc_content{
display:none;
	}
	.sp_content{
display:block;
	}
.w1200{
	width:90%;
	margin:0 5%;
}
.w1000{
	width:90%;
	margin:0 5%;
}


/*ハンバーガーメニュー*/
nav.NavMenu{
	position: fixed;	/*表示位置を固定*/
	z-index: 2;/*重ね順を変更*/
	top: 0;/*表示位置を指定*/
	left: 0;	/*表示位置を指定*/
	background: #fff;/*背景を白にする*/
	color: #000;	/*文字色を黒にする*/
	text-align: center;/*テキストを中央揃え*/
	width: 100%;	/*全幅表示*/
	transform: translateY(-100%);	/*ナビを上に隠す*/
	transition: all 0.6s;	/*アニメーションの時間を指定*/
	
}
nav.NavMenu ul{
	background: #eee;	/*背景をグレーにする*/
	width: 100%;	
	margin: 0 auto;
	padding: 0;
}

nav.NavMenu ul li{
	font-size: 1.0em;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #888;
}

nav.NavMenu ul li:last-child{
	padding-bottom: 0;
	border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a{
	display: block;/*クリックできる領域を広げる*/
	color: #555;
	padding: 1em 0;
	text-decoration:none;
}

nav.NavMenu.active{
	transform: translateY(0%);/*ナビを表示する*/
}

.Toggle {
	display: block;
	position: fixed;	/* bodyに対しての絶対位置指定 */
	right: 13px;
	top: 12px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	z-index: 3;
}
 
.Toggle span {
	display: block;
	position: absolute;
	width: 30px;
	border-bottom: solid 3px #000;
	-webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
	-moz-transition: .35s ease-in-out;/*変化の速度を指定*/
	transition: .35s ease-in-out;	/*変化の速度を指定*/
	left: 6px;
}
 
.Toggle span:nth-child(1) {
	top: 7px;
}
 
.Toggle span:nth-child(2) {
	top: 16px;
}
 
.Toggle span:nth-child(3) {
	top: 25px;
}
 
/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

#logo{
	position:relative;
	float:left;
	width:30%;
	margin:9px 0 3px 20px;
	z-index:1;
}
#main_wrapper{
	clear:both;
	position:relative;
	/*background-image:url("../img/main.jpg");
 	background-position: right center;
 	background-size: cover;
	background-repeat:no-repeat;
	background-color:#faf8fb;
	height:260px;
	margin: 0 auto;
	width:100%;
	height:100%;
	max-height: 260px;*/
}
.bxslider{   
    margin:0px;
}

.bx-wrapper {
    position: relative;
}

.bx-wrapper img {
    width:100%;
}

.bx-viewport {
	/*max-height: 260px;*/
}

.top_komidashi{
	width:100%;
	text-align:center;
	padding:0 0 25px;
}
.top_komidashi img{
	width:50%;
}
.head_copy{
	font-size:20px;
	color:#000;
	letter-spacing:2px;
	margin-bottom:40px;
	text-align:center;
	line-height:1.0;
}
.head_copy_txt{
	font-size:16px;
	line-height:2.0;
	letter-spacing:1px;
	margin:0 0 50px;
}

#news_wrapp{
	float:left;
	position:relative;
	width:100%;
	background-color:#f4f4f4;
	margin:0;
	padding:0 0 20px 0;
}
.news_box{
	clear:both;
}
.news_komidashi{
	width:100%;
	text-align:center;
	padding:30px 0 15px;
}
.news_komidashi img{
	width:50%;
}
.news_photo{
	clear:both;
	float:left;
	width:35%;
	margin-bottom:10px;
}
.news_photo img{
	width:100%;
	height:100%;
}
.news_date{
	font-size:15px;
}
.news_txt{
	float:right;
	width:60%;
	text-align:left;
	font-size:17px;
	letter-spacing:1px;
}
.news_txt a{
	text-decoration:none;
	color:#498169;
}
.news_txt a:hover{
	color:#bbb;
}

#top_bnr{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	height:180px;
	text-align:center;
	padding:20px 0;
	margin:0;
	background-image:url("../img/bnr_bg.jpg");
 	background-position: center center;
 	background-size: cover;
	background-repeat:no-repeat;
}
#top_bnr img{
	position:relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	width:100%;
}
#totop{
	position:fixed;
	right:5%;
	bottom:80px;
}

#copyright{
	clear:both;
	float:left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	width:100%;
	font-size:14px;
	letter-spacing:3px;
	padding:20px 0;
}



}


.textmessage{
width : 80%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 33%;
	padding: 20px;
}
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
		margin-top: 30px;
	}
}



ul.foot_info {
  list-style: none;
  line-height: 2em;
  font-size: 1.2em;
  padding-left: 100px;
}