@charset "utf-8";
/* CSS Document */
/*メインイメージ*/
#main_img{
	margin-bottom: 100px;
}
/*コンセプト*/
#concept{
	display: table;
	width: 100%;
	margin-bottom: 100px;
}
#concept #concept_title,#concept #concept_txt{
	display: table-cell;
	vertical-align: middle;
}
#concept #concept_title{
	padding: 5%;
}
#concept #concept_txt{
	width: 600px;
}
#concept #concept_txt p{
	line-height: 2;
	margin-bottom: 50px;
}
#concept #concept_txt .more a{
	color: #333;
}
/*ごあいさつ*/
#intro{
	display: table;
	width: 100%;
	margin-bottom: 100px;
}
#intro #intro_img,#intro #intro_txt{
	display: table-cell;
	vertical-align: middle;
}
#intro #intro_txt{
	width: 660px;
	padding: 5px;
}
#intro #intro_img{
	padding: 3%;
}
#intro #intro_txt h2{
	text-align: center;
	color: #bf9b46;
	font-size: 30px;
	letter-spacing: 5px;
	width: 70%;
}
#intro #intro_txt figure{
	margin-bottom: 50px;
}
#intro #intro_txt figure img{
	width: 70%;
}
#intro #intro_txt p{
	line-height: 2;
}
/*お知らせ*/
#news{
	color: #71b97f;
	display: table;
	width: 100%;
	margin-bottom: 100px;
}
#news h2,#news #news_wrap,#news .more{
	display: table-cell;
	vertical-align: middle;
}
#news h2,#news .more{
	width: 25%;
	padding: 2%;
}
#news #news_wrap{
	padding: 2%;
}
#news #news_wrap .news_box{
	margin-bottom: 10px;
}
#news #news_wrap .news_box .date,#news #news_wrap .news_box h3{
	display: inline-block;
}
#news #news_wrap .news_box .date{
	padding-right: 20px;
	letter-spacing: 2px;
}
#news .more a{
	color: #71b97f;
}
/*ここからタブレット用（780px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 780px){
/*メインイメージ*/
#main_img{
	margin-bottom: 80px;
}
/*コンセプト*/
#concept{
	display: block;
	width: 100%;
}
#concept #concept_title,#concept #concept_txt{
	display: block;
	vertical-align: middle;
}
#concept #concept_title{
	padding: 0 20%;
	margin-bottom: 50px;
}
#concept #concept_txt{
	margin: 0 auto;
}
#concept #concept_txt p{
	line-height: 2;
	margin-bottom: 50px;
}
#concept #concept_txt .more a{
	color: #333;
}
/*ごあいさつ*/
#intro{
	display: block;
	width: 100%;
}
#intro #intro_img,#intro #intro_txt{
	display: block;
}
#intro #intro_txt{
	margin: 0 auto;
}
#intro #intro_img{
	text-align: center;
}
#intro #intro_img img{
	width: 80%;
	max-width: 595px;
	}
#intro #intro_txt h2{
	margin: 0 auto;
}
#intro #intro_txt figure{
	text-align: center;
}
/*お知らせ*/
#news{
	display: block;
	text-align: center;
}
#news h2,#news #news_wrap,#news .more{
	display: block;
	vertical-align: middle;
}
#news h2,#news .more{
	width: 90%;
	padding: 5%;
}
#news h2{
	max-width: 300px;
	margin: 0 auto;
}
#news #news_wrap{
	padding: 2%;
	display: inline-block;
	text-align: left;
}
}
/*ここからスマホ用（750px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 700px){
#concept{
	display: block;
	width: 100%;
}
#concept #concept_title,#concept #concept_txt{
	display: block;
	vertical-align: middle;
}
#concept #concept_title{
	padding: 5%;
	margin-bottom: 50px;
}
#concept #concept_txt{
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
}
#concept #concept_txt p{
	margin-bottom: 30px;
}
/*ごあいさつ*/
#intro{
	display: block;
	width: 100%;
}
#intro #intro_img,#intro #intro_txt{
	display: block;
}
#intro #intro_txt{
	width: 90%;
	margin: 0 auto 50px;
	font-size: 14px;
}
#intro #intro_img{
	text-align: center;
}
#intro #intro_img img{
	width: 70%;
}
#intro #intro_txt h2{
	width: 90%;
	margin: 0 auto;
}
#intro #intro_txt figure{
	width: 90%;
	margin: 0 auto 50px;
	text-align: center;
}
#intro #intro_txt figure img{
	width: 100%;
}
/*お知らせ*/
#news{
	text-align: center;
}
#news h2{
	width: 50%;
	margin: 0 auto 30px;
}
#news #news_wrap{
	padding: 0 5%;
	text-align: left;
}
#news #news_wrap .news_box .date,#news #news_wrap .news_box h3{
	display:block;
}
}
@media  screen and (max-width: 321px){
}
.news_box a{color:#71b97f;}