@charset "UTF-8";

#face {
	position: relative;
	width: 100%;
	height: 600px;
	background-color: var(--light-grayish-green);
	background-image: url("../img/page/home/main.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#face .page__title--text {
	letter-spacing: 10px;
	font-size: 20px;
	font-family:
		"Noto Sans JP",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
}
#face:after {
	z-index: 999;
	position: relative;
	top: -2px;
	left: calc( 66.66% - 30px );
	transform: rotate(-45deg);
	display: block;
	content: "";
	width: 60px;
	height: 40px;
	background-image: url("../img/icon/bee.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* Concept */
#concept__1st {
	padding: 100px 0 80px;
	background-image: url("../img/page/home/back_concept.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.frontSection__title {
	text-align: center;
	letter-spacing: 3px;
	font-weight: 400;
	font-size: 30px;
}
#concept__1st--list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
}
#concept__1st--head {
	margin: 0 0 100px;
	color: #333;
}
.concept__1st--item {
	flex: 0 0 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 500px;
	height: 300px;
	margin: 0 0 40px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.concept__1st--item__title {
	margin: 0 0 30px;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	font-family:
		"Noto Sans JP",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
#concept_01 {
	background-image: url("../img/page/home/concept_03.jpg");
}
#concept_02 {
	background-image: url("../img/page/home/concept_04.jpg");
}
#concept_03 {
	background-image: url("../img/page/home/concept_05.jpg");
}
#concept_04 {
	background-image: url("../img/page/home/concept_06.jpg");
}
#concept .moreButton {
	width: 140px;
	height: 40px;
	border: solid 1px #fff;
	font-size: 14px;
	color: #fff;
}

#concept__2nd {
	position: relative;
	padding: 100px 0 60px;
	background-color: var(--deep-green);
}
#concept__2nd:after {
	z-index: 999;
	position: relative;
	top: 78px;
	left: calc( 77% - 30px );
	transform: rotate(-20deg);
	display: block;
	content: "";
	width: 60px;
	height: 40px;
	background-image: url("../img/icon/bee3.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#concept__2nd--list {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}
.concept__2nd--item {
	flex: 0 0 500px;
	width: 500px;
	height: 200px;
}
#concept_05 {
	background-image: url("../img/page/home/concept_07.jpg");
}
#concept_06 {
	background-image: url("../img/page/home/concept_08.jpg");
}
.concept__2nd--item__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.concept__2nd--item__title {
	margin: 0 0 20px;
	letter-spacing: 3px;
	text-align: center;
	font-weight: 400;
	font-size: 24px;
	color: #fff;
}
.concept__2nd--item__inner .small {
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	font-family:
		"Noto Sans JP",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
.concept__2nd--item .shop-open{
	text-align: center;
	color: #fff;
	margin-top: 10px;
}
.concept__2nd--item .shop-open .br-sp{
	display: none;
}

/* Information */
#information {
	padding: 100px 0 70px;
	background-color: var(--light-grayish-green);
}
#information__data {
	margin: auto;
}
#information__title {
	margin: 0 0 30px;
	color: var(--deep-green);
}
.information__data--item {
	display: flex;
}
.information__data--date {
	flex: 0 0 140px;
	padding: 30px 10px 30px 20px;
	border-bottom: solid 1px var(--deep-green);
	color: var(--deep-green);
}
.information__data--desc {
	flex: 1 1 300px;
	padding: 30px 10px 30px 20px;
	border-bottom: solid 1px var(--deep-green);
}
.information__data--desc a {
	display: block;
	text-decoration: none;
	color: #000;
}

/* Links */
#square-links {
	padding: 100px 0;
}
.square-links__lists {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.square-links__lists--item {
	position: relative;
	flex: 0 0 240px;
	width: 240px;
	height: 240px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
#item-blog {
	background-image: url("../img/page/home/page_01.jpg");
}
#item-works {
	background-image: url("../img/page/home/page_02.jpg");
}
#item-voice {
	background-image: url("../img/page/home/page_03.jpg");
}
#item-gardens {
	background-image: url("../img/page/home/page_04.jpg");
}
.square-links__lists--item__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
#square-links .emp {
	display: block;
	margin: 0 0 20px;
	font-size: 24px;
}
#square-links .small {
	display: block;
	font-size: 14px;
}
#item-blog:after {
	position: absolute;
	top: -24px;
	left: -38px;
	content: "";
	display: block;
	transform: rotate(30deg);
	width: 60px;
	height: 40px;
	background-image: url("../img/icon/bee.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
#item-gardens:after {
	position: absolute;
	bottom: -70px;
	left: 158px;
	content: "";
	display: block;
	transform: rotate(-30deg);
	width: 60px;
	height: 40px;
	background-image: url("../img/icon/bee2.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

/* FLOW */
#flow {
	padding: 100px 0;
	background-image: url("../img/page/home/back_concept.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#flow__title {
	margin: 0 0 100px;
	color: var(--deep-green);
}
#flow__items {
	counter-reset: my-counter;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 100px;
	padding: 0 15px;
}
.flow__item {
	position: relative;
	flex: 0 0 119px;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
}
.flow__item#flow__item3,
.flow__item#flow__item5,
.flow__item#flow__item6 {
	flex: 0 0 118px;
}
.flow__item:before {
	position: absolute;
	top: -43px;
	display: block;
	content: "0" counter(my-counter);
	counter-increment: my-counter;
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-family:
		"Lato",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: var(--deep-green);
}
.flow__item:after {
	position: absolute;
	top: -26px;
	right: -30px;
	display: block;
	content: "";
	width: 30px;
	height: 1px;
	background-color: var(--deep-green);
}
.flow__item#flow__item7:after {
	display: none;
}
.flow__item span {
	display: block;
}
#flow .moreButton {
	width: 240px;
	height: 40px;
	margin: auto;
	border: solid 1px var(--deep-green);
	color: var(--deep-green);
}

/* end of file */