body {
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: 1.3px;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "Ｍｓ Ｐ明朝", "ＭＳ 明朝", serif;
}
h1, h2, h3, h4, h5, nav {
	margin: 0;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "Ｍｓ Ｐ明朝", "ＭＳ 明朝", serif;
}
p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.9;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "Ｍｓ Ｐ明朝", "ＭＳ 明朝", serif;
}
dt,dd {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "Ｍｓ Ｐ明朝", "ＭＳ 明朝", serif;
}
a {
	text-decoration: none;
	color: #000;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "Ｍｓ Ｐ明朝", "ＭＳ 明朝", serif;
	transition: .3s;
}
a:hover {
	text-decoration: none;
	opacity: 0.6;
}
ul,ol {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	list-style-type: none;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "Ｍｓ Ｐ明朝", "ＭＳ 明朝", serif;
}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	width: 100%;
}
input,select,textarea {
	outline: none;
	padding: 2px;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "Ｍｓ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sp {
	display: none;
}
.pc {
	display: block;
}

/* -------------- */
/* common
/* -------------- */
.wrapper {
	overflow-x: hidden;
}
.ttlwrap {
	text-align: left;
	position: relative;
}
.secttl {
	margin: 0 0 60px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position: relative;
}
.secttl h2 {
	position: relative;
	padding-left: 5em;
	font-size: 28px;
	line-height: 1.3;
}
.secttl h2::before {
	content: '';
	position: absolute;
	border-right: 1px solid #000;
	height: 2.6em;
	left: 4em;
}
.secttl span {
	color: #1ca0ac;
	font-size: 14px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.btn {
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.btn a {
	color: #1ca0ac;
	padding: 63px 30px;
	border-radius: 75px;
	border: 1px solid #1ca0ac;
	display: block;
	width: 90px;
	margin: 0 auto;
	font-size: 15px;
	text-align: center;
}
.btn a:hover {
	background: #1ca0ac;
	color: #fff;
	opacity: 1;
}
.prdttl {
	margin: 0 0 30px;
}
.prdttl span {
	color: #1ca0ac;
}
.prdttl h3 {
	font-size: 32px;
	color: #1ca0ac;
}
/* -------------- */
/* effect
/* -------------- */
.ded.delighter {
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,00);
	transition: all .5s;
}
	.ded.delighter.started {
		opacity: 1.0;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
	.ded.delighter.started.ended {
	}

.de.delighter {
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
	transition: all .5s;
}
	.de.delighter.started {
		opacity: 1.0;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
	.de.delighter.started.ended {
	}

.right.delighter {
	opacity: 0;
	transform: translate(-80px,0);
	-webkit-transform: translate(-80px,0);
	transition: all .5s;
}
	.right.delighter.started {
		opacity: 1.0;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
	.right.delighter.started.ended {
	}

.left.delighter {
	opacity: 0;
	transform: translate(80px,0);
	-webkit-transform: translate(80px,0);
	transition: all .5s;
}
	.left.delighter.started {
		opacity: 1.0;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
	.left.delighter.started.ended {
	}

/* -------------- */
/* index
/* -------------- */
#main {
}
	#main .mainwrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		padding: 40px;
		max-width: 1400px;
		margin: 0 auto;
	}
	#main .mainwrap .logowrap {
		padding: 0 0 0 35px;
		width: 17%;
		min-width: 26px;
	}
	#main .mainwrap .logowrap .logo {
		margin: 0 0 56%;
	}
	#main .mainwrap .logowrap .sitettl {
		max-width: 30px;
		margin: 0 auto;
		width: 80%;
	}
	#main .mainwrap .logowrap .sitettl h1 {
		padding: 80% 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#main .mainwrap .imgwrap {
		position: relative;
	}
	#main .mainwrap .imgwrap .swiper-pagination {
		text-align: left;
		left: 5%;
	}
	#main .mainwrap .imgwrap .swiper-pagination .swiper-pagination-bullet {
		background: #fff;
		opacity: 1;
	}
	#main .mainwrap .imgwrap .swiper-pagination .swiper-pagination-bullet-active {
		background: #1ca0ac;
	}
	#main .mainwrap .imgwrap .maincopy {
		position: absolute;
		top: 55%;
		transform: translateY(-55%);
		left: 5%;
		text-align: left;
		z-index: 1;
		text-shadow: #000 1px 0 5px;
	}
	#main .mainwrap .imgwrap .maincopy h2 {
		color: #fff;
		font-size: 30px;
		font-weight: normal;
	}
	#main .mainwrap .imgwrap .maincopy h2 span {
		font-size: 11px;
		display: block;
	}
#tea {
	margin: -110px 0 0;
}
	#tea .teawrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		padding: 0 0 0 8%;
		max-width: 1000px;
		margin: 0 auto;
	}
	#tea .teawrap .ttlwrap {
		width: 55%;
		padding: 0 30px 0 0;
	}
	#tea .teawrap .ttlwrap .secttl {
		margin: 28% 0 30px;
	}
	#tea .teawrap .ttlwrap .contwrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	#tea .teawrap .ttlwrap .contwrap .lead {
		position: relative;
		width: 60%;
	}
	#tea .teawrap .ttlwrap .contwrap .lead p {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}
	#tea .teawrap .ttlwrap .contwrap .btn {
		position: relative;
		left: 0;
		right: inherit;
		bottom: inherit;
		margin: 3% 0 0;
		width: 40%;
	}
	#tea .teawrap .imgwrap {
		width: 45%;
		z-index: 1;
	}
#profile {
	margin: -100px 0 0;
}
	#profile .profilewrap {
		padding: 80px 6%;
		background: #eaf7f8;
	}
	#profile .profilewrap .profimg {
		z-index: 2;
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
	}
	#profile .profilewrap .profimg img {
		box-shadow: 0 0 15px rgba(0,0,0,0.6)
	}
	#profile .profilewrap .profimg .namewrap {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 6%;
		color: #fff;
		width: 44%;
		text-shadow: #000 1px 0 10px;
	}
	#profile .profilewrap .profimg .namewrap .ttlwrap {
		max-width: 400px;

	}
	#profile .profilewrap .profimg .namewrap .ttlwrap .secttl span {
		color: #fff;
	}
	#profile .profilewrap .profimg .namewrap .ttlwrap .secttl .name {
		font-size: 16px;
	}
	#profile .profilewrap .profimg .namewrap .ttlwrap .secttl h2::before {
		border-color: #fff;
		height: 2em;
	}
#plantation {
}
	#plantation .plantwrap {
		padding: 80px 6% 0;
		max-width: 1000px;
		margin: 0 auto;
	}
	#plantation .plantwrap .upper {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	#plantation .plantwrap .under {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	#plantation .plantwrap .plantimg {
		width: 50%;
	}
	#plantation .plantwrap .plantimg img {
		box-shadow: 0 0 15px rgba(0,0,0,0.5);
	}
	#plantation .plantwrap .plantcont {
		width: calc(50% - 120px);
		margin: 40px 60px;
	}
	#plantation .plantwrap .plantcont .plantcontwrap {
		padding: 40px 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#plantation .plantwrap .plantcont .plantcontwrap .ttlwrap .secttl {
		margin: 0 0 40px;
	}
	#plantation .plantwrap .plantcont .plantcontwrap .ttlwrap .secttl h2 {
		padding-left: 4em;
	}
	#plantation .plantwrap .plantcont .plantcontwrap .ttlwrap .secttl h2::before {
		height: 2em;
		left: 3.3em;
		top: -0.3em;
	}
	#plantation .plantwrap .plantcont .plantcontwrap .lead {
		text-align: left;
	}
#about {
	background: url(/assets/img/about.png)no-repeat;
	background-size: contain;
	background-position: bottom right;
	min-height: 75vh;
	margin: 50px auto 0;
	max-width: 1300px;
}
	#about .aboutwrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		padding: 0 0 0 8%;
		max-width: 1000px;
		margin: 0 auto;
	}
	#about .aboutwrap .ttlwrap {
		max-width: 700px;
	}
	#about .aboutwrap .ttlwrap .secttl {
		margin: 0 0 50px;
	}
	#about .aboutwrap .ttlwrap .leadwrap {
		position: relative;
	}
	#about .aboutwrap .ttlwrap .leadwrap .contwrap {
		width: 50%;
		margin: 0 5% 0 0;
	}
	#about .aboutwrap .ttlwrap .leadwrap .btn {
		width: inherit;
		position: relative;
		bottom: 0;
		margin: 30px 0 0;
	}
	#about .aboutwrap .ttlwrap .leadwrap .btn a {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 0 50px;
	}
	#about .aboutwrap .imgwrap {
		width: 50%;
	}
#product {
	background: #f6f3ef;
}
	#product .productwrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		padding: 120px 30px 140px;
		max-width: 1100px;
		margin: 0 auto;
	}
	#product .productwrap .itemwrap {
		width: 50%;
		padding: 0 30px;
	}
	#product .productwrap .itemwrap .ttlwrap {
		position: relative;
	}
	#product .productwrap .itemwrap .ttlwrap .prdttl {
		margin: 0 0 30px;
		position: absolute;
		top: 0;
		right: 0;
	}
	#product .productwrap .itemwrap .ttlwrap .prdimg {
		position: relative;
	}
	#product .productwrap .itemwrap .ttlwrap .prdimg img {
		box-shadow: 0 0 20px rgba(0,0,0,0.4);
	}
	#product .productwrap .itemwrap .ttlwrap .prdimg .first {
		width: 60%;
	}
	#product .productwrap .itemwrap .ttlwrap .prdimg .secondary {
		width: 55%;
		position: absolute;
		top: 35%;
		right: 0;
		z-index: 1;
	}
	#product .productwrap .itemwrap .leadwrap {
		padding: 30% 0 0;
		text-align: left;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	#product .productwrap .itemwrap .leadwrap .lead {
		width: 60%;
	}
	#product .productwrap .itemwrap .leadwrap .btn {
		position: relative;
		transform: translateX(-4em);
	}
	#product .productwrap .itemwrap .leadwrap .btn a {
		position: absolute;
		top: 50%;
	}
#store {
}
	#store .storewrap {
		background: url('/assets/img/bg_store.png')no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
		height: 45vh;
	}
	#store .storewrap a {
		width: 100%;
		height: 100%;
		display: block;
	}
	#store .storewrap a:hover {
		opacity: 0.8;
	}
	#store .storewrap .btn_store {
		width: 70%;
		max-width: 300px;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		right: 0;
	}
#footer {
	background: #1ca0ac;
	color: #fff;
}
	#footer .footerwrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 auto;
		padding: 50px 30px 20px;

	}
	#footer .footerwrap .footercont {
		text-align: left;
	}
	#footer .footerwrap .footercont .logowrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		margin: 0 0 10px;
	}
	#footer .footerwrap .footercont .logowrap .logo {
		width: 80%;
		max-width: 170px;
		margin: 0 30px 0 0;
	}
	#footer .footerwrap .footercont .logowrap .snslink {
		width: 20%;
		max-width: 20px;
	}
	#footer .footerwrap .footercont .logowrap .snslink {
		position: relative;
	}
	#footer .footerwrap .footercont .logowrap .snslink li a {
		position: absolute;
		bottom: 4%;
		left: 0;
	}
	#footer .footerwrap .footercont .address p {
		font-size: 12px;
	}
	#footer .footerwrap .footercont.secondary {
		position: relative;
	}
	#footer .footerwrap .footercont.secondary .contwrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		max-width: 280px;
		align-items: center;
	}
	#footer .footerwrap .footercont.secondary .footstorelogo {
		margin: 0 17px 0 0;
	}
	#footer .copyright {
		padding: 0 0 50px;
		margin: 0 auto;
		padding: 0 30px 30px;
	}
	#footer .copyright p {
		font-size: 11px;
		text-align: left;
		opacity: 0.8;
	}

@media screen and (max-width: 1092px) {
	.btn a {
		padding: 53px 20px;
	}
	#product .productwrap .itemwrap .ttlwrap .prdttl {
		position: relative;
		text-align: right;
	}
	#product .productwrap .itemwrap .ttlwrap .prdttl span {
		text-align: left;
	}
}

@media screen and (max-width: 1055px) {
	#about {
	}
	#tea .teawrap .ttlwrap .secttl {
		margin: 26% 0 30px;
	}
	#plantation .plantwrap .plantcont {
		width: calc(50% - 60px);
		margin: 40px 30px;
	}
	#plantation .plantwrap .plantcont .plantcontwrap {
		padding: 20px 0;
	}
	#plantation .plantwrap .plantcont .plantcontwrap .ttlwrap .secttl {
		margin: 0 0 20px;
	}
}

@media screen and (max-width: 923px) {
	#about {
		background-size: 70%;
		background-position: right bottom;
	}
}

@media screen and (max-width: 898px) {
	#tea {
		margin: -100px 0 0;
	}
	#tea .teawrap .ttlwrap .secttl {
		margin: 30% 0 20px;
	}
	#tea .teawrap .ttlwrap .contwrap {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	#tea .teawrap .ttlwrap .contwrap .lead {
		position: relative;
		width: 60%;
		margin: 0 15px 0 0;
	}
	#tea .teawrap .ttlwrap .contwrap .lead p {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 768px) {
	/* -------------- */
	/* sp_common
	/* -------------- */
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	a:hover {
		opacity: 1;
	}
	.secttl {
		display: block;
		margin: 0 0 30px;
	}
	.secttl span {
		position: relative;
		font-size: 13px;
		top: 0;
		transform: inherit;
	}
	.secttl h2 {
		padding-left: 0;
		font-size: 28px;
	}
	.secttl h2::before {
		content: none;
	}
	.btn {
		position: relative;
		bottom: inherit;
		margin: 30px 0 0;
	}
	.btn a {
		padding: 48px 15px;
		margin: 0;
	}

	/* -------------- */
	/* sp_index
	/* -------------- */
	#main .mainwrap {
		padding: 15px;
	}
	#main .mainwrap .logowrap {
		padding: 0 0 0 15px;
	}
	#main .mainwrap .logowrap .logo {
		margin: 0 0 20px;
		width: 60%;
		margin: 0 auto 20px;
	}
	#main .mainwrap .logowrap .sitettl {
		max-width: 24px;
	}
	#main .mainwrap .logowrap .sitettl h1 {
		padding: 20px 0;
	}
	#main .mainwrap .imgwrap {
		width: 92%;
	}
	#main .mainwrap .imgwrap .maincopy {
		top: inherit;
		bottom: 0;
	}
	#main .mainwrap .imgwrap .maincopy h2 {
		font-size: 38px;
	}
	#main .mainwrap .imgwrap .maincopy h2 span {
		font-size: 13px;
	}
	#tea {
		margin: 0;
	}
	#tea .teawrap {
		display: block;
		padding: 0;
		position: relative;
	}
	#tea .teawrap .ttlwrap {
		width: inherit;
		padding: 0 30px;
	}
	#tea .teawrap .ttlwrap .secttl {
		margin: 30px 0;
		padding: 0 0 0 1em;
		z-index: 2;
		border-left: 2px solid #000;
	}
	#tea .teawrap .ttlwrap .contwrap {
		display: block;
	}
	#tea .teawrap .ttlwrap .contwrap .lead {
		z-index: 2;
		width: 47%;
	}
	#tea .teawrap .ttlwrap .contwrap .lead p {
		position: relative;
		top: inherit;
		transform: inherit;
	}
	#tea .teawrap .imgwrap {
		width: 61%;
		position: absolute;
		top: 32%;
		right: -11%;
	}
	#profile {
		margin: 4% 0 0;
	}
	#profile .profilewrap {
		padding: 52px 30px;
	}
	#profile .profilewrap .profimg .namewrap .ttlwrap {
		text-align: left;
	}
	#profile .profilewrap .profimg .namewrap .ttlwrap .secttl {
		border-left: 2px solid #fff;
		padding: 0 0 0 1em;
	}
	#profile .profilewrap .profimg .namewrap .secttl .name {
		font-size: 14px;
	}
	#profile .profilewrap .profimg .namewrap .ttlwrap .proftxt {
		text-align: left;
	}
	#plantation {
		margin: 0 0 60px;
	}
	#plantation .plantwrap {
		padding: 20px 30px 0;
	}
	#plantation .plantwrap .upper {
		display: block;
	}
	#plantation .plantwrap .plantcont {
		width: 100%;
		margin: 0;
	}
	#plantation .plantwrap .plantcont .plantcontwrap {
		border: none;
	}
	#plantation .plantwrap .plantcont .plantcontwrap .ttlwrap .secttl {
		border-left: 2px solid #000;
		padding: 0 0 0 1em;
	}
	#plantation .plantwrap .plantcont .plantcontwrap .ttlwrap .secttl h2 {
		padding: 0;
	}
	#plantation .plantwrap .plantimg {
		width: 100%;
	}
	#plantation .plantwrap .under {
		display: block;
	}
	#about {
		margin: 0;
		min-height: inherit;
		background-position: bottom 0 right -16vw;
		background-size: 100%;
	}
	#about .aboutwrap {
		padding: 0 30px 30%;
	}
	#about .aboutwrap .ttlwrap .secttl {
		border-left: 2px solid #000;
		padding: 0 0 0 1em;
	}
	#about .aboutwrap .ttlwrap .leadwrap {
		display: block;
	}
	#about .aboutwrap .ttlwrap .leadwrap .btn {
		margin: 0;
	}
	#about .aboutwrap .ttlwrap .leadwrap .contwrap {
		width: 100%;
	}
	#about .aboutwrap .ttlwrap .leadwrap .contwrap .prdttl {
		margin: 0 0 10px;
	}
	#about .aboutwrap .ttlwrap .leadwrap .contwrap .lead {
		width: inherit;
		margin: 0 0 20px;
		max-width: 350px;
	}
	#about .aboutwrap .ttlwrap .leadwrap .btn a {
		position: relative;
	}
	#product .productwrap {
		display: block;
		padding: 40px 30px 20px;
	}
	#product .productwrap .itemwrap {
		width: inherit;
		padding: 0;
    	margin: 0 0 14%;
	}
	#product .productwrap .itemwrap .ttlwrap .prdttl {
		position: relative;
		text-align: right;
		margin: 0 0 20px;
	}
	#product .productwrap .itemwrap .leadwrap {
		padding: 26% 0 0;
		justify-content: inherit;
	}
	#product .productwrap .itemwrap .leadwrap .lead {
		margin: 0 3% 0 0;
	}
	#product .productwrap .itemwrap .leadwrap .btn {
		transform: inherit;
		margin: 0;
	}
	#product .productwrap .itemwrap .leadwrap .btn a {
		top: 0;
		font-size: 13px;
		padding: 40px 5px;
	}
	#store .storewrap {
		height: 30vh;
	}
	#store .storewrap .btn_store {
		width: 50%;
		max-width: 200px;
	}
	#footer .footerwrap {
		display: block;
		padding: 40px 30px 20px;
	}
	#footer .footerwrap .footercont {
		margin: 0 0 30px;
	}
	#footer .footerwrap .footercont.secondary {
		margin: 0;
	}



}