@charset "utf-8";
/* CSS Document */

/******************   ルートのフォントサイズを1pxに設定  ******************/

html {
    font-size: 62.5%;

	/*フォントサイズの正確に*/
	/*-webkit-text-size-adjust: 100%;*/	
	/*文字をシャープに*/
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}



/******************   書体  ******************/


/* Windows 用 Medium 指定の游ゴシック */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/* ゴシック体指定 */
html,
.gothic,
.clumn_caption
{
	font-family: 
		-apple-system, 
		BlinkMacSystemFont, 
		'Lato',
		"Helvetica Neue", 
		HelveticaNeue, 
		"Segoe UI", 
		"游ゴシック体", 
		YuGothic, 
		"Yu Gothic M", 
		"游ゴシック Medium", 
		"Yu Gothic Medium", 
		"ヒラギノ角ゴ ProN W3", 
		"Hiragino Kaku Gothic ProN W3", 
		HiraKakuProN-W3, 
		"ヒラギノ角ゴ ProN", 
		"Hiragino Kaku Gothic ProN", 
		"ヒラギノ角ゴ Pro", 
		"Hiragino Kaku Gothic Pro", 
		sans-serif;
}

.mincho, 
h1,
.honbun {
	font-family: 
		'EB Garamond', 
		Georgia, 
		"游明朝体", 
		"YuMincho", 
		"游明朝", 
		"Yu Mincho", 
		"ヒラギノ明朝 ProN W3", 
		"Hiragino Mincho ProN W3", 
		HiraMinProN-W3, 
		"ヒラギノ明朝 ProN", 
		"Hiragino Mincho ProN", 
		"ヒラギノ明朝 Pro", 
		"Hiragino Mincho Pro", 
		"HGS明朝E", 
		serif;
	
}


.sans {
	font-family: 
		'Lato', sans-serif,
		sans-serif;
}

.serif {
	font-family:
		'EB Garamond',
		serif;
}

.strong, strong {
	font-weight: bold;
}



body {
	background-image: url(../img_common/header_leaf.png);
	background-repeat: repeat-x;
	background-position: center top;
}


.ヘッダー----------{}
header {
	min-width: 1100px;
	position: relative;
	height: 96px;
}


#logo_area {
	float: left;
	position: absolute;
	padding-left: 23px;
	padding-top: 38px;
}

#logo {
	float: left;
}

#nav_category {
	float: left;
	font-size: 1.5rem;
	line-height: 1;
	padding-left: 18px;
	height: 39px;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	  align-items: center;
}

.ナビ----------{}
#pc_nav  {
	float: right;
	position: absolute;
	top: 46px;
	right: 0px;
	
	display: flex;
	flex-wrap: nowrap;
}

#pc_nav img   {
	padding-right: 20px;
}

.BGカラー----------{}
.bg_coler_green {
	background-color: #FAFCF3;
}

.ボックス----------{}
.wrap01{
	text-align: center;
	padding-top: 14rem;
	padding-bottom: 14rem;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
.wrap02{
	text-align: center;
	padding-top: 8rem;
	padding-bottom: 8rem;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}


.見出し----------{}
h1 {
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.5rem;
	margin-bottom: 7rem;
}

.h1_sub_eng {
	font-family: 'EB Garamond', serif;
	font-style: italic;
	position: relative;
	display: inline-block;
	padding-top: 0;
	padding-right: 16rem;
	padding-left: 16rem;
	padding-bottom: 0;
	font-size: 3.5rem;
	letter-spacing: 0.3rem;
	margin-bottom: 1.6rem;
}

.h1_sub_eng:before, .h1_sub_eng:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 12rem;
	height: 1px;
	background-color: black;
}

.h1_sub_eng:before {
  left:0;
}
.h1_sub_eng:after {
	right: 0;
}

.ボタン----------{}
.button_read_more {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	
	width: 24rem;
	height: 4rem;
	background-color: #C0D956;
	font-family: 'Lato', sans-serif;
	font-size: 1.3rem;
	line-height: 1;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.5rem;

}

.フッター----------{}
footer {
	width: 100%;
	font-size: 1.6rem;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.2rem;
	text-align: center;
	background-color: #C0D956;
	padding-top: 4rem;
	padding-bottom: 4rem;
	float: none;
	clear: both;
}

.トップに戻るボタン----------{}
#page_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.コンセプト----------{}
.head_01 {
	font-size: 3.4rem;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.3rem;
	margin-bottom: 3rem;
}
.head_02 {
	font-size: 2rem;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.3rem;
	margin-bottom: 6rem;
}

#concept_menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.concept_menu_box {
	flex-basis: 32%;
}

.concept_menu_box img {
	display: block;
	width: 100%;
	margin-bottom: 3rem;
}

.concept_menu_box .head_eng {
	font-family: 'EB Garamond', serif;
	font-size: 2.7rem;
	line-height: 1;
	letter-spacing: 0.1rem;
	margin-bottom: 1rem;
}
.concept_menu_box .head {
	font-size:  2rem;
	letter-spacing: 0.3rem;
	line-height: 1;	
}
.concept_menu_box .dot {
	font-size: 2rem;
	line-height: 1.5;
}
.concept_menu_box .txt {
	font-size: 2rem;
	line-height: 1.5;	
}