@media(max-width:1080px) {
}

@media(max-width:820px) {
}

@media(max-width:599px) {
}

/*下層の共通パーツ*/

.back01{
	background-color: #ffffff;
	padding-top: 150px;
	padding-bottom: 150px;
}

.back02{
	background-color: #f6fafa;
	padding-top: 150px;
	padding-bottom: 150px;
}

.back02 + .back02{
	padding-top: 0;
}

@media(max-width:1200px) {
	
.back01{
	padding-top: 100px;
	padding-bottom: 100px;
}

.back02{
	padding-top: 100px;
	padding-bottom: 100px;
}
	
.back02 + .back02{
	padding-top: 0;
}
	
}

@media(max-width:820px) {
	
.back01{
	padding-top: 70px;
	padding-bottom: 70px;
}

.back02{
	padding-top: 70px;
	padding-bottom: 70px;
}
	
.back02 + .back02{
	padding-top: 0;
}
	
}

/*下層ページタイトル下の間隔調整*/
/*
div.back01:has(div h2){
	padding-bottom: 0;
}

div.back01:has(div h2) + .back01{
	padding-top: 0;
}
*/

.pagetitle{
	padding-bottom: 0;
}

.pagetitle + .back01{
	padding-top: 0;
}

.pagetitle + .back02{
	margin-top: 150px;
}

@media (max-width: 820px) {
	.pagetitle + .back02{
		margin-top: 70px;
	}
}


h2{
	font-family: 'ZenOldMincho R';
	font-weight: normal;
/*	font-size: 4.2rem;*/
	font-size: 3.6rem;
/*	letter-spacing: 0.2em;*/
	margin-bottom: 0.3em;
	text-align: center;
	letter-spacing: 0.1em;
}

h3{
	font-family: 'ZenOldMincho R';
	font-weight: normal;
/*	font-size: 3.8rem;*/
	font-size: 3rem;
/*	letter-spacing: 0.2em;*/
	margin-bottom: 0.8em;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

h4{
	font-family: 'ZenOldMincho R';
	font-weight: normal;
/*	font-size: 3rem;*/
	font-size: 2.4rem;
/*	letter-spacing: 0.2em;*/
	letter-spacing: 0.1em;
	margin-bottom: 0.8em;
	text-align: center;
}

p{
/*	font-size: 1.8rem;*/
	font-size: 1.6rem;
	line-height: 1.8;
}

@media(max-width:1200px) {

h2{
	font-size: 3.6rem;
}

h3{
	font-size: 2.8rem;
}

h4{
	font-size: 2.6rem;
}
	
p{
	font-size: 1.6rem;
}
	
}
	
@media(max-width:820px) {
	
h2{
	font-size: 2.4rem;
}

h3{
	font-size: 2rem;
}

h4{
	font-size: 2rem;
}

p{
	font-size: 1.4rem;
}
	
}


h2.staff-name{
	font-size: 2rem;
	margin-bottom: 0;
	text-align: left;
	line-height: 2;
}

h2.staff-name span{
/*	font-size: 3rem;*/
	font-size: 2.6rem;
}

h2.week-title{
	font-size: 3.8rem;
	margin-bottom: 0;
	text-align: left;
}

h3.komidashi{
	text-align: left;
	position: relative;
}

h3.komidashi span{
	display: inline-block;
	font-size: 3rem;
	padding-left: 140px;
}

h3.komidashi span::after{
	position: absolute;
	background-color: #54503e;
	content: '';
	width: 120px;
	height: 1px;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

h3.komidashi2{
	text-align: left;
	position: relative;
}

h3.komidashi2 span{
	display: inline-block;
	font-size: 2.4rem;
	line-height: 1;
	padding-left: 70px;
}

h3.komidashi2 span::after{
	position: absolute;
	background-color: #54503e;
	content: '';
	width: 50px;
	height: 1px;
	left: 0px;
	top: 70%;
	transform: translateY(-70%);
	-webkit- transform: translateY(-70%);
}

h3.komidashi3{
	font-size: 2.4rem;
}

h3.komidashi4{
	font-size: 3.2rem;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-align: left;
}

h3.komidashi4 span{
	font-size: 1.6rem;
	margin-left: 20px;
}


h3.komidashi5{
	font-size: 3.2rem;
	text-align: left;
}

h3.komidashi5 span{
	font-size: 2.6rem;
	margin-left: 20px;
}

h3.week-day{
	text-align: left;
	position: relative;
	font-size: 2.4rem;
}

h3.week-day span{
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1;
	padding-right: 40px;
}

p.point1{
	font-family: 'ZenOldMincho R';
	color: var(--main-color);
	font-size: 4.5rem;
}

p.point2{
/*	font-size: 2.2rem;*/
	font-size: 2rem;
	display: block;
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
	text-align: center;
	margin-bottom: 10px;
}

@media(max-width:820px) {
	p.point2{
		font-size: 1.7rem;
	}
}


p.p16{
	font-size: 1.6rem;
}

p.p20{
/*	font-size: 2.0rem;*/
	font-size: 1.8rem;
}

p.p24{
/*	font-size: 2.4rem;*/
	    font-size: 2rem;
	letter-spacing: 0.1em;
}

p.p30{
	font-size: 3.0rem;
}

p.h2p{
	display: block;
	margin-top: 100px;
}

p.week-date{
	line-height: 1.3;
	margin-bottom: 10px;
	font-size: 1.4rem;
}

p.cap{
	font-size: 1.6rem;
	line-height: 1.4;
}

.mincho{
	font-family: 'ZenOldMincho R';
	font-weight: normal;
}

@media(max-width:1200px) {

h2.week-title{
	font-size: 2.6rem;
}
	
h3.komidashi span{
	font-size: 2.6rem;
	padding-left: 50px;
}

h3.komidashi span::after{
	width: 40px;
}
	
h3.komidashi4{
	font-size: 2.6rem;
}

h3.komidashi4 span{
	font-size: 1.6rem;
	margin-left: 15px;
}
	
h3.komidashi5{
	font-size: 2rem;
}

h3.komidashi5 span{
	font-size: 2rem;
}
	
h3.week-day{
	font-size: 2rem;
}

h3.week-day span{
	font-size: 1.6rem;
	padding-right: 20px;
}
	
p.point1{
	font-size: 3.6rem;
}
	
p.p30{
	font-size: 2.6rem;
}
	
}

@media(max-width:820px) {
	
h2.staff-name{
	font-size: 1.6rem;
}

h2.staff-name span{
/*	font-size: 2rem;*/
	font-size: 2.3rem;
	line-height: 2;
}
	
h2.week-title{
	font-size: 1.8rem;
}

h3.komidashi span{
	font-size: 2rem;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}

h3.komidashi span::after{
	display: none;
}

h3.komidashi2 span{
	font-size: 1.8rem;
	padding-left: 0px;
}

h3.komidashi2 span::after{
	width: 0;
}

h3.komidashi3{
	font-size: 1.8rem;
}

h3.komidashi4{
	font-size: 2.4rem;
}

h3.komidashi4 span{
	font-size: 1.4rem;
	margin-left: 10px;
}
	
h3.week-day{
	font-size: 1.6rem;
}

h3.week-day span{
	font-size: 1.2rem;
	padding-right: 10px;
}

p.point1{
	font-size: 2.6rem;
}

p.p16{
	font-size: 1.4rem;
}

p.p20{
	font-size: 1.6rem;
}

p.p24{
	font-size: 1.6rem;
}

p.p30{
	font-size: 1.8rem;
}

p.h2p{
	margin-top: 50px;
}
	
}

h2 + p.st,
h4 + p.st,
p.st2{
	font-family: 'ZenOldMincho R';
	display: block;
	text-align: center;
}

h2 + p.st span,
h4 + p.st span{
	display: inline-block;
	position: relative;
}

h2 + p.st span::before,
h4 + p.st span::before {
	position: absolute;
	background-color: #54503e;
	content: '';
	width: 35px;
	height: 1px;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

h2 + p.st span::after,
h4 + p.st span::after{
	position: absolute;
	background-color: #54503e;
	content: '';
	width: 35px;
	height: 1px;
	left: -50px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

p.st2 + h2{
	margin-top: 10px;
}

p.p24 + p,
p.p30 + p{
	margin-top: 30px;
}

p.st + p{
	margin-top: 100px;
}

p.point2 + p{
	margin-bottom: 20px;
}

@media(max-width:1200px) {
	
p.p24 + p,
p.p30 + p{
	margin-top: 20px;
}
	
}

@media(max-width:820px) {
	
p.p24 + p,
p.p30 + p{
	margin-top: 15px;
}

p.st + p{
	margin-top: 50px;
}
	
}

.cen{
	text-align: center!important;
}

.lef{
	text-align: left;
}

.button-left .button{
	text-align: left;
}

.button-right .button{
	text-align: right;
}



.line01{
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	margin: 0 auto;
}

.line02{
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	margin: 100px auto 0;
}

@media(max-width:820px) {
	
.line02{
	margin: 50px auto 0;
}
	
}

#lower{
	padding-top: 100px;
}

@media(max-width:1300px) {
	
#lower{
	padding-top: 70px;
}
	
}

@media(max-width:1080px) {
	
#lower{
	padding-top: 20px;
}
	
}

img + p {
	margin-top: 5px;
}

.img-rc1{
	border-radius: 10px;
}

.img-rc2{
	border-radius: 50%;
}

.img-sp70{

}

@media(max-width:820px) {
	
.img-sp70{
	width: 70%;
}
	
}

.table01 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.table01 table {
  text-align: left;
  width: 100%;
	border-spacing: 0px;
}

.table01 table tr th {
	padding: 30px 30px 30px 100px;
	font-weight: 400;
/*	font-size: 2rem;*/
	font-size: 1.6rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

.table01 table tr td {
	padding: 30px 30px;
	font-weight: 300;
/*	font-size: 2rem;*/
	font-size: 1.6rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

th{
	white-space: nowrap;
}

@media(max-width:1200px) {

.table01 table tr th {
	padding: 30px 30px 30px 30px;
	font-size: 1.6rem;
}

.table01 table tr td {
	padding: 30px 30px;
	font-size: 1.6rem;
}
	
}

@media(max-width:820px) {
	
.table01 table tr th {
	padding: 10px;
	font-size: 1.4rem;
}

.table01 table tr td {
	padding: 10px;
	font-size: 1.4rem;
}
	
}

.table02 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.table02 table {
  text-align: left;
  width: 100%;
	border-spacing: 0px;
}

.table02 table tr th {
	padding: 20px 20px;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

.table02 table tr td {
	padding: 20px 20px;
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

@media(max-width:1200px) {
	
.table02 table tr th {
	padding: 10px;
	font-size: 1.6rem;
}

.table02 table tr td {
	padding: 10px;
	font-size: 1.6rem;
}
	
}

@media(max-width:820px) {
	
.table02 table tr th {
	padding: 10px;
	font-size: 1.4rem;
}

.table02 table tr td {
	padding: 10px;
	font-size: 1.4rem;
}
	
}

.table03 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.table03 table {
  text-align: left;
  width: 100%;
	border-spacing: 0px;
}

.table03 table tr th {
  width: 170px;
	padding: 50px 20px;
	font-weight: 400;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

.table03 table tr td {
	padding: 50px 20px;
	font-weight: 300;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

@media(max-width:1200px) {
	
.table03 table tr th {
  width: 130px;
	padding: 30px 20px;
	font-size: 1.6rem;
}

.table03 table tr td {
	padding: 30px 20px;
	font-size: 1.6rem;
}
	
}

@media(max-width:820px) {
	
.table03 table tr th {
  width: 100px;
	padding: 10px;
	font-size: 1.4rem;
}

.table03 table tr td {
	padding: 10px;
	font-size: 1.4rem;
}
	
}

.table04 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.table04 table {
  text-align: left;
  width: 100%;
	border-spacing: 0px;
}

p.h2p + .table04 {
	margin-top: 100px;
}

.table04 table tr th {
  width: 270px;
	padding: 50px 20px;
	font-weight: 400;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

.table04 table tr td {
	padding: 50px 20px;
	font-weight: 300;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

@media(max-width:1200px) {
	
p.h2p + .table04 {
	margin-top: 50px;
}

.table04 table tr th {
  width: 270px;
	padding: 30px 20px;
	font-size: 1.6rem;
}

.table04 table tr td {
	padding: 30px 20px;
	font-size: 1.6rem;
}
	
}

@media(max-width:820px) {
	
.table04 table tr th {
  width: 130px;
	padding: 10px;
	font-size: 1.4rem;
}

.table04 table tr td {
	padding: 10px;
	font-size: 1.4rem;
}
	
}

.table05 {
	width: 100%;
	text-align: left;
	display: table;
}

.table05 .row {
display:table-row;

}

.table05 .th {
	display: table-cell;
	width: 25%;
	font-weight: 400;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	text-align: center;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	vertical-align:middle;
}

.table05 .th span {
	display: inline-block;
	width: 100%;
	padding: 10px 10px;
	background-color: #f7f6f1;
	border-radius: 20px;
}

.table05 .td {
	display: table-cell;
	width: 75%;
	padding: 10px 15px;
	font-weight: 300;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	vertical-align:middle;
}

@media(max-width:1200px) {
}

@media(max-width:820px) {
	
.table05 .th {
	font-size: 1.4rem;
	border-bottom-width: 10px;
}
	
.table05 .th span {
	padding: 5px 5px;
	border-radius: 20px;
}
	
.table05 .td {
	padding: 5px 10px;
	font-size: 1.4rem;
	border-bottom-width: 10px;
}
	
}

.table06 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}

.table06 table {
	text-align: left;
	width: 100%;
	border-spacing: 40px 40px;
	background-color: #fff;
}

.table06 table tr th {
	padding: 10px 30px 10px 0;
	font-family: 'ZenOldMincho R';
	color: var(--main-color);
	font-weight: 400;
	font-size: 5rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b2b2b2;
	text-align: center;
}

.table06 table tr td {
	padding: 10px 0;
	font-family: 'ZenOldMincho R';
	font-weight: 300;
	font-size: 2.3rem;
	letter-spacing: 0.3em;
	line-height: 1.5;
}

@media(max-width:1200px) {
	
.table06 table {
	border-spacing: 50px;
}
	
.table06 table tr th {
	padding: 10px 50px 10px 0;
	font-size: 4rem;
}

.table06 table tr td {
	padding: 10px 0;
	font-size: 2rem;;
}
	
}

@media(max-width:820px) {
	
.table06 table {
	border-spacing: 20px;
}
	
.table06 table tr th {
	padding: 10px 15px 10px 0;
	font-size: 3rem;
}

.table06 table tr td {
	padding: 10px 0;
	font-size: 1.6rem;;
}
	
.table06 table tr td br {
	display: none;
}
	
}

.table07 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}

.table07 table {
  text-align: left;
  width: 100%;
	border-spacing: 50px;
}

.table07 table tr th {
	text-align: center;
  width: 10%;
	vertical-align:top;
}

.table07 table tr td {
	font-family: 'ZenOldMincho R';
	font-weight: 300;
	font-size: 2rem;
	letter-spacing: 0.2em;
	line-height: 1.7;
	vertical-align:top;
}

.table07 table tr td span {
	color: var(--main-color);
	font-size: 2.6rem;
}

.table07 table tr td .button-square {
	margin-top: 10px;
	margin-bottom: 0px;
}

.table07 table tr td .button-square a{
	padding: 10px 10px;
	width: min(350px, 100%);
}

.table07 table tr td .button-square a + a {
	margin-left: 10px;
}

@media(max-width:1000px) {
	
.table07 table tr td .button-square a{
	width: 100%;
	display: block;
}

.table07 table tr td .button-square a + a {
	margin-left: 0;
	margin-top: 10px;
}
	
}



@media(max-width:1200px) {
	
.table07 {
	margin-top: 30px;
}
	
.table07 table {
	border-spacing: 30px;
}
	
.table07 table tr td {
	font-size: 1.6rem;
}

.table07 table tr td span {
	font-size: 2rem;
}
	
}

@media(max-width:820px) {
	
.table07 {
	margin-top: 20px;
}
	
.table07 table {
	border-spacing: 20px;
}
	
.table07 table tr th {
  width: 15%;
}

.table07 table tr td {
	font-size: 1.4rem;
}

.table07 table tr td span {
	font-size: 1.6rem;
}
	
}

/*お知らせ*/

.news-pickuplist ul li{
	width: 100%;
	display: block;
	transition: .3s;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

.news-pickuplist ul li a{
	display: flex;
	align-items: center;
	color: var(--font-color);
    text-decoration: none;
	padding: 50px 15px;
}

.news-pickuplist ul li:hover{
    opacity:0.7;
}

.news-cat{
    width: 150px;
	display: inline-block;
	font-size: 90%;
	background-color: #f9faf0;
	padding: 5px 10px;
	margin-left: 30px;
	white-space: nowrap;
	letter-spacing: -0.5px;
	text-align: center;
	border-radius: 20px;
}

.news-title{
/*	font-size: 2rem;*/
	font-size: 1.8rem;
	margin-left: 30px;
	display: block;
}

@media(max-width:1300px) {
	
.news-pickuplist ul li a{
	padding: 30px 15px;
}
	
.news-cat{
    width: 150px;
	padding: 5px 10px;
	margin-left: 20px;
}

.news-title{
	font-size: 1.8rem;
	margin-left: 20px;
}
	
}

@media(max-width:1080px) {
	
.news-pickuplist ul li a{
	display: block;
	padding: 20px 0px;
}
	
.news-cat{
    width: 130px;
	padding: 5px 5px;
	margin-left: 10px;
}
	
.news-title{
	display: block;
	font-size: 1.6rem;
	margin-left: 0px;
	margin-top: 5px;
}
	
}

.navigation{

}

.nav-links{
	width: 100%;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 0px;
}

.page-numbers{
	display:inline-block;
	width: 40px;
	height: 40px;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	font-size: 2.4rem;
	text-decoration: none;
	text-align: center;
	line-height: 1.6;
}

.page-numbers.dots{
	background: none;
	border: none;
	color: var(--main-color);
}

.page-numbers.current{
	background-color: var(--main-color);
	color: #fff;
	line-height: 1.6;
}

.prev{
	display: inline-block;
	vertical-align: middle;
	color: var(--main-color);
	line-height: 1;
	position: relative;
	width: 1em;
	height: 1em;
	transform: translateX(25%) rotate(-135deg);
	margin-bottom: 5px;
	margin-right: 20px;
	border: none;
}

.next {
	display: inline-block;
	vertical-align: middle;
	color: var(--main-color);
	line-height: 1;
	position: relative;
	width: 1em;
	height: 1em;
	transform: translateX(-25%) rotate(45deg);
	margin-bottom: 5px;
	margin-left: 20px;
	border: none;
}

.prev::before, .prev::after,
.next::before, .next::after{
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.prev::before,
.next::before{
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.prev::after,
.next::after{
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}

@media(max-width:1300px) {

.nav-links{
	margin-top: 70px;
}
	
.page-numbers{
	width: 32px;
	height: 32px;
	font-size: 2rem;
	line-height: 1.6;
}
	
.prev{
  width: 1em;
  height: 1em;
	margin-bottom: 5px;
	margin-right: 15px;
}

.next {
  width: 1em;
  height: 1em;
	margin-bottom: 5px;
	margin-left: 15px;
}
	
}

@media(max-width:820px) {
	
.nav-links{
	margin-top: 50px;
}
	
.page-numbers{
	width: 25px;
	height: 25px;
	font-size: 1.6rem;
}
	
.prev{
  width: 1em;
  height: 1em;
	margin-bottom: 5px;
	margin-right: 7px;
}

.next {
  width: 1em;
  height: 1em;
	margin-bottom: 5px;
	margin-left: 7px;
}
	
}

/*会社概要*/

.com-t{
	font-weight: 400;
	font-size: 2.4rem;
	letter-spacing: 0.1em;
	margin-bottom: 0.8em;
}

.map{
	width: 100%;
}

.map iframe{
	width: 100%;
	height: 350px;
}

.map + .button,
.table02 + .button {
	margin-top: 50px;
}

@media(max-width:1200px) {
	
.com-t{
	font-size: 2rem;
}
	
}

@media(max-width:820px) {
	
.com-t{
	font-size: 1.8rem;
}
	
}

.freedial{
	display: inline-block;
	transform: translateY(5px);
    margin-right: 0.5em;
}


/*産地のご紹介*/

p.area-p1 {
	margin-top: 5px;
/*	font-size: 1.8rem;*/
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

p.area-p1 span {
	font-size: 2.4rem;
	letter-spacing: 0.1em;
}

p.area-p2 {
	font-size: 1.8rem;
	line-height: 1.8;
}

p.area-p2 span {
	font-size: 2.6rem;
}

@media(max-width:820px) {
	
p.area-p1 {
	font-size: 1.4rem;
}

p.area-p1 span {
	font-size: 1.8rem;
}

p.area-p2 {
	font-size: 1.4rem;
}

p.area-p2 span {
	font-size: 1.8rem;
}
	
}

.area-main-img {
	position:relative;
}

.area-main-img img {
	width: 100%;
}

.area-main-img + p {
	margin-top: 50px;
	letter-spacing: 0.05em;
	font-size: 1.6rem;
}

@media(max-width:820px) {
	
.area-main-img {
	width: 100%;
    display: flex;
  flex-flow: column;
}
	
.area-main-img img {
	width: 100%;
    order: 1;
	position:relative;
	display: block;
}
	
.area-main-img + p {
	margin-top: 20px;
}
	
}

/* スタッフページ　詳細用 */
.box-tr-r {
	width: 40%;
	position:absolute;
	bottom: 0px;
	left: 0px;
	padding: 40px 50px 0 0;
	background-color: #fff;
	border-radius: 0 20px 0 0;
	text-align: left;
	z-index: 10;
}

/* 今週の一品　詳細用 */
.box-tr-r2 {
	position:absolute;
	bottom: 0px;
	left: 0px;
	padding: 40px 50px 0 0;
	background-color: #fff;
	border-radius: 0 20px 0 0;
	text-align: left;
	z-index: 100;
}

@media(max-width:1200px) {

.box-tr-r {
	width: 50%;
	padding: 20px 30px 0 0;
}
	
.box-tr-r2 {
	padding: 20px 30px 0 0;
}
	
}

@media(max-width:820px) {
	
.area-main-img .box-tr-r {
    order: 2;
	position:relative;
	display: block;
	width: 100%;
	padding: 20px 0 0;
	border-radius: 0;
}
	
.area-main-img .box-tr-r h2.staff-name,
.area-main-img .box-tr-r h3.komidashi2 {
	line-height: 1;
	margin-bottom: 5px;
}
	
.box-tr-r2 {
    order: 2;
	position:relative;
	display: block;
	width: 100%;
	padding: 20px 0 0;
	border-radius: 0;
}
	
}

h2.area-h2 {
	font-size: 2rem;
	text-align: left;
	margin-top: 50px;
	line-height: 1.8;
}

h2.area-h2 span {
	font-size: 3.8rem;
}

h2.area-h2 + p.area-p1 {
	margin-top: 50px;
}

@media(max-width:1200px) {
	
h2.area-h2 {
	font-size: 1.8rem;
	margin-top: 30px;
}

h2.area-h2 span {
	font-size: 3rem;
}
	
}

@media(max-width:820px) {
	
h2.area-h2 {
	font-size: 1.6rem;
	margin-top: 20px;
}

h2.area-h2 span {
	font-size: 2rem;
}

h2.area-h2 + p.area-p1 {
	margin-top: 20px;
}
	
}

.area-box1 {
	margin-top: 100px;
}

.area-box2 {
	margin-top: 75px;
}

.area-box3 {
	background-color: #f6fafa;
	padding: 100px;
	margin-top: 150px;
}

.area-box4 {
	background-color: #f6fafa;
	padding: 100px;
	text-align: center;
}

.area-box5 {
	background-color: #f6fafa;
	padding: 100px;
	margin-top: 60px;
}

.area-box6 {
	background-color: #f6fafa;
	padding: 40px;
	margin-top: 60px;
}

.area-box7 {
	background-color: #ffffff;
	padding: 70px;
	margin-top: 0px;
}

.area-box7 + .area-box7 {
	margin-top: 100px;
}

.area-box8 {
	background-color: #ffffff;
	padding: 10px;
}

/*新商品・オリジナル商品*/
.area-box9 {
	background-color: #f6fafa;
	padding: 40px;
	margin-top: 150px;
}

/*量販店様におすすめの商品*/
.area-box10 {
	margin-top: 150px;
}

.area-box11 {
	margin-top: 0px;
	width: 90%;
	margin: 0 auto;
}

.area-box12 {
	margin-top: 100px;
}

@media(max-width:1200px) {
	
.area-box3 {
	padding: 50px;
	margin-top: 75px;
}
	
.area-box4 {
	padding: 50px;
}
	
.area-box5 {
	padding: 50px;
	margin-top: 50px;
}

.area-box6 {
	padding: 30px;
	margin-top: 50px;
}
	
.area-box7 {
	padding: 30px;
}

.area-box7 + .area-box7 {
	margin-top: 50px;
}

.area-box9 {
	margin-top: 100px;
}

}

@media(max-width:820px) {
	
.area-box1 {
	margin-top: 50px;
}

.area-box2 {
	margin-top: 30px;
}
	
.area-box3 {
	padding: 20px;
	margin-top: 30px;
}
	
.area-box4 {
	padding: 30px;
}
	
.area-box5 {
	padding: 30px;
	margin-top: 30px;
}

.area-box6 {
	padding: 20px;
	margin-top: 30px;
}
	
.area-box7 {
	padding: 20px;
}

.area-box7 + .area-box7 {
	margin-top: 30px;
}
	
.area-box9 {
	padding: 20px;
	margin-top: 50px;
}

}

/*花図鑑*/

.catalog-area-img_wrapper{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2%;
}

.catalog-area-img {
	display: block;
	color: var(--font-color);
	text-decoration: none;
	width: min(750px, 32%);
/*	margin: 100px auto 0;*/
	margin-top: 100px;
}

@media(max-width:820px) {
	
.catalog-area-img {
/*	width: 100%;*/
	margin: 20px auto 0;
	width: min(750px, 48%);
}
	
}

@media(max-width:599px) {	
.catalog-area-img {
	width: 100%;
}
}


/*今週の一品*/

.week-main-img {
	position:relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	margin-bottom: 50px;
}

.week-main-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width: 100%;
	height: auto;
}

.week-main-img + p {
	margin-top: 50px;
}

p.week-p1 {
	margin-top: 5px;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #54503e;
}

p.week-p1 span {
	font-size: 2rem;
	color: var(--font-color);
}

@media(max-width:1200px) {
	
.week-main-img {
	height: 400px;
}
	
}

@media(max-width:820px) {
	
.week-main-img {
	width: 100%;
	height: auto;
    display: flex;
	flex-flow: column;
	overflow: visible;
}
	
.week-main-img img {
	width: 100%;
    order: 1;
	top: auto;
	left: auto;
	transform: none;
	-webkit- transform: none;
	position:relative;
	display: block;
}
	
.week-main-img + p {
	margin-top: 20px;
}
	
p.week-p1 {
	font-size: 1.4rem;
}

p.week-p1 span {
	font-size: 1.6rem;
}

}

/*花の便り*/




/*実績紹介（コラボ事例）*/

.area-box7 .flex-w.sec-f4 + h3.komidashi2 {
	margin-top: 50px;
}

.area-box7 h2.staff-name + p {
	margin-top: 20px;
}

.area-box7 p + .button-right {
	margin-top: 50px;
}

.area-box7 .button {
	margin-bottom: 0px;
}

.area-box8 p.p24 + p {
	margin-top: 0px;
}



/*新商品・オリジナル商品*/

.area-box9 .flex-w.sec-f5 {
	margin-top: 0px;
}

.area-box9 p + p.p24 {
	margin-top: 50px;
}

.area-box9 .button {
	margin-top: 50px;
	margin-bottom: 0px;
}

.area-box9 .button a,
.area-box9 .button a:link,
.area-box9 .button a:visited,
.area-box9 .button a:active {color: #fff;} 

.area-box9 .button a:hover {color: var(--main-color);}

.area-box9 .flex-w.sec-f5 + p {
	margin-top: 50px;
}

.area-box9 p + .flex-w.sec-f5 {
	margin-top: 20px;
}

@media(max-width:820px) {
	
.area-box9 p + p.p24 {
	margin-top: 30px;
}

.area-box9 .button {
	margin-top: 30px;
	margin-bottom: 0px;
}
	
.area-box9 .flex-w.sec-f5 + p {
	margin-top: 30px;
}

.area-box9 p + .flex-w.sec-f5 {
	margin-top: 10px;
}
	
}

.pro-tag {
	width: 100%;
	margin-top: 20px;
}

.pro-tag01 {
	width: 25%;
	height: auto;
	background-color: var(--main-color);
	border-radius: 5px;
	padding: 8px 5px;
	text-align: center;
	display: inline-block;
	margin-right: 3%;
}

.pro-tag01 img {
	width: 40px;
	height: auto;
	margin: 0 auto;
}

.pro-tag01 span {
	font-size: 1.4rem;
	color: #fff;
	display: block;
	margin-top: 5px;
}

.pro-tag-w {
	display: inline-block;
	width: 70%;
	vertical-align:top;
}

.pro-tag02 {
	font-size: 1.6rem;
	color: var(--main-color);
	background-color: #fff;
	border : solid 1px var(--main-color);
	border-radius: 5px;
	padding: 7px 7px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}

.pro-tag a:link,
.pro-tag a:visited,
.pro-tag a:active {text-decoration: none;} 

.pro-tag a.pro-tag02:hover {
	text-decoration: none;
	color: #fff;
	background-color: var(--main-color);
}

@media(max-width:820px) {
	
.pro-tag01 {
	width: 25%;
	padding: 8px 5px;
	margin-right: 3%;
}

.pro-tag01 img {
	width: 30px;
}

.pro-tag01 span {
	font-size: 1.2rem;
	margin-top: 5px;
}

.pro-tag-w {
	display: inline-block;
	width: 70%;
	vertical-align:top;
}

.pro-tag02 {
	font-size: 1.4rem;
	padding: 4px 7px;
	margin-right: 5px;
	margin-bottom: 5px;
}
	
}


/*量販店様におすすめの商品*/

.area-box10 h3.komidashi5 + p {
	margin-top: 50px;
}

.area-box10 p + h3.komidashi2 {
	margin-top: 30px;
	margin-bottom: 50px;
}

.area-box11 {

}

.area-box12 h4 + h3 {
	margin-top: 50px;
}

.area-box12 .flex-w.sec-f2 + h3 {
	margin-top: 70px;
}

.area-box12 h3 +.flex-w.sec-f2 {
	margin-top: 20px;
}



/*お問い合わせ・資料請求*/

.tel-contact{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #54503e;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #54503e;
	padding: 50px 20px;
	text-align: center;
	font-size: 0;
}

.tel-contact .sub{
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 1;
	vertical-align:middle;
}

.tel-contact .tel{
	font-size: 7rem;
	font-weight: 600;
	margin-left: 50px;
	line-height: 0.3;
	vertical-align: -25px;
}

.tel-contact .time{
	font-size: 2rem;
	margin-left: 50px;
	line-height: 1;
	vertical-align:middle;
}

@media(max-width:1200px) {

.tel-contact{
	padding: 30px 20px;
}

.tel-contact .sub{
	font-size: 2rem;
}

.tel-contact .tel{
	font-size: 5rem;
	margin-left: 50px;
	line-height: 0.3;
	vertical-align: -15px;
}

.tel-contact .time{
	font-size: 1.6rem;
	margin-left: 50px;
}
	
}

@media(max-width:1000px) {

.tel-contact{
	padding: 30px 10px;
}

.tel-contact .sub{
	font-size: 2rem;
}

.tel-contact .tel{
	margin-left: 20px;
}

.tel-contact .time{
	margin-left: 20px;
}
	
}

@media(max-width:820px) {

.tel-contact{
	padding: 10px 0px;
}
	
.tel-contact .sub{
	display: block;
	font-size: 1.6rem;
	line-height: 1.3;
}

.tel-contact .tel{
	display: block;
	font-size: 3rem;
	margin-left: 0px;
	line-height: 1.2;
	vertical-align: 0px;
}

.tel-contact .time{
	display: block;
	font-size: 1.4rem;
	margin-left: 0px;
	margin-top: 5px;
	line-height: 1.3;
}

}

.contactform-wrapper{
	margin-top: 70px;
}

@media(max-width:820px) {

.contactform-wrapper{
	margin-top: 30px;
}

}

.requestform-wrapper{
	margin-top: 0px;
}

.contact-item-wrapper{

}

.contact-item-wrapper + .contact-item-wrapper {
	margin-top: 50px;
}

@media(max-width:820px) {
	
.contact-item-wrapper + .contact-item-wrapper {
	margin-top: 30px;
}
	
}

.contact-item{
	margin-bottom: 10px;
}

.contact-item p{
	font-size: 2.0rem;
	font-weight: 400;
	display: inline-block;
}

@media(max-width:1200px) {

.contact-item p{
	font-size: 1.6rem;
}

}

@media(max-width:820px) {

.contact-item p{
	font-size: 1.4rem;
}

}

.contact-item .required{
	display: inline-block;
	margin-left: 10px;
}

.contact-item .required p{
	font-size: 90%;
	color: #fff;
	background-color: #a58900;
	padding: 2px 5px;
}

.contact-item p.chui2{
	font-size: 1.6rem;
	display: inline-block;
	margin-left: 10px;
}

.content-privacy1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 100px;
	margin-bottom: 80px;
	padding-bottom: 80px;
}

@media(max-width:820px) {

.content-privacy1{
	margin-top: 50px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

}

.content-privacy2{
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 80px;
	padding-bottom: 80px;
}

@media(max-width:820px) {
	
.content-privacy2{
	margin-bottom: 30px;
	padding-bottom: 30px;
}
	
}

.content-privacy1 p + p,
.content-privacy2 p + p{
	margin-top: 30px;
}

.content-privacy2 a:link,
.content-privacy2 a:visited,
.content-privacy2 a:active {color: #000; text-decoration: underline;} 

.content-privacy2 a:hover {color: #000; text-decoration: none;}

@media(max-width:820px) {
}

/*特定商取引法に基づく表記*/

ol.privacy-list{
	width: 100%;
	margin-top: 100px;
}

ol.privacy-list li{
	font-size: 2.2rem;
	margin-left: 1.5em;
	padding-left: 0.5em;
	font-weight: 600;
}

ol.privacy-list p{
	font-size: 1.8rem;
	margin-left: 2.5em;
	margin-top: 20px;
	line-height: 1.8;
}

ol.privacy-list p + li{
	margin-top: 50px;
}

.privacy-p-right{
	margin-top: 100px;
	text-align: right;
	font-size: 1.8rem;
	line-height: 1.8;
}

@media(max-width:1200px) {
	
ol.privacy-list{
	margin-top: 50px;
}

ol.privacy-list li{
	font-size: 1.8rem;
	margin-left: 1em;
	padding-left: 0.5em;
}

ol.privacy-list p{
	font-size: 1.6rem;
	margin-left: 1.8em;
	margin-top: 20px;
}

ol.privacy-list p + li{
	margin-top: 30px;
}

.privacy-p-right{
	margin-top: 50px;
	font-size: 1.6rem;
}
	
}

@media(max-width:820px) {
	
ol.privacy-list{
	margin-top: 30px;
}

ol.privacy-list li{
	font-size: 1.6rem;
	margin-left: 1em;
	padding-left: 0.5em;
}

ol.privacy-list p{
	font-size: 1.4rem;
	margin-left: 1.8em;
	margin-top: 10px;
}

ol.privacy-list p + li{
	margin-top: 20px;
}

.privacy-p-right{
	margin-top: 30px;
	font-size: 1.4rem;
}
	
}

/*404ページ*/

.p404-back{
	position:relative;
}

.p404-back .p404-img1{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 250px;
}

.p404-back .p404-img2{
	position:absolute;
	top: 0px;
	right: 0px;
	width: 250px;
}

h2.h2-404{
	font-size: 3rem;
}

.p404-p1{
	margin-top: 30px;
	font-size: 2rem;
	line-height: 1.8;
	text-align: center;
}

.p404-p2{
	margin-top: 100px;
	text-align: center;
}

.p404-p2 span{
	display: inline-block;
	font-size: 2.6rem;
	line-height: 1.8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

@media(max-width:1200px) {
	
.p404-back .p404-img1{
	width: 180px;
}

.p404-back .p404-img2{
	width: 180px;
}
	
h2.h2-404{
	font-size: 2.5rem;
}

.p404-p1{
	margin-top: 30px;
	font-size: 1.6rem;
}
	
.p404-p2{
	margin-top: 50px;
}

.p404-p2 span{
	font-size: 2.0rem;
}
	
}

@media(max-width:820px) {
	
.p404-back .p404-img1{
	display: none;
}

.p404-back .p404-img2{
	display: none;
}
	
}

/*企業理念*/

#philo-s01{
	margin-top:-100px;
	padding-top:100px;
}

#phi01,
#phi02,
#phi03,
#phi04,
#phi05{
	margin-top:-130px;
	padding-top:130px;
}

@media(max-width:1300px) {
	
#philo-s01{
	margin-top:-70px;
	padding-top:70px;
}
	
#phi01,
#phi02,
#phi03,
#phi04,
#phi05{
	margin-top:-120px;
	padding-top:120px;
}
	
}

@media(max-width:1080px) {
	
#philo-s01{
	margin-top:-50px;
	padding-top:50px;
}
	
#phi01,
#phi02,
#phi03,
#phi04,
#phi05{
	margin-top:-80px;
	padding-top:80px;
}
	
}

.philo-back{
	position:relative;
	margin-top: 150px;
}

.philo-back2{
	position:relative;
	margin-top: 40px;
	background-color: #f6fafa;
	padding: 50px;
}

.philo-back2 .button{
	margin-bottom: 0px;
}

.philo-back3{
	position:relative;
	margin-top: 40px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.philo-back4{
	position:relative;
	margin-top: 30px;
}

@media(max-width:1200px) {
	
.philo-back{
	margin-top: 100px;
}

.philo-back2{
	margin-top: 30px;
	padding: 30px;
}
	
.philo-back4{
	margin-top: 50px;
}
	
}

@media(max-width:820px) {
	
.philo-back{
	margin-top: 70px;
}
	
.philo-back2{
	margin-top: 20px;
	padding: 20px;
}
	
.philo-back3{
	position:relative;
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
	
.philo-back4{
	margin-top: 30px;
}
	
}

.philo-img1{
	position:absolute;
	top: 50px;
	left: 50px;
	width: 150px;
}

.philo-img2{
	position:absolute;
	top: 50px;
	right: 50px;
	width: 150px;
}

.philo-img3{
	width: 55%;
	margin: 40px auto 0;
}

.philo-img4{
	width: 100%;
	margin: 10px auto 0;
}

@media(max-width:1200px) {
	
.philo-img1{
	top: 50px;
	left: 50px;
	width: 120px;
}

.philo-img2{
	top: 50px;
	right: 50px;
	width: 120px;
}
	

	
}

@media(max-width:820px) {

.philo-img1{
	display: none;
}

.philo-img2{
	display: none;
}
	
.philo-img3{
	width: 100%;
	margin: 30px auto 0;
}

}

.philo-line01{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b2b2b2;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b2b2b2;
}

.philo-line02{
	position:absolute;
	bottom: 0px;
	right: 0px;
	width: 100px;
	height: 100px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b2b2b2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}

.philo-line03{
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b2b2b2;
	margin: 100px auto;
}

@media(max-width:1200px) {
	
.philo-line01{
	width: 70px;
	height: 70px;
}

.philo-line02{
	width: 70px;
	height: 70px;
}
	
}

@media(max-width:820px) {

.philo-line01{
	width: 50px;
	height: 50px;
}

.philo-line02{
	width: 50px;
	height: 50px;
}

.philo-line03{
	margin: 70px auto;
}
	
}

h2.h2-philo{
	font-size: 2.5rem;
	line-height: 1.8;
	text-align: left;
	letter-spacing: 0.1em;
}

h2.h2-philo span{
	font-size: 3rem;
}

h2.h2-philo span.blue{
	color: var(--main-color);
}

h2.h2-philo + p{
	margin-top: 50px;
}

h2.h2-philo2{
	font-size: 3rem;
	line-height: 1.8;
	text-align: left;
	text-align: center;
	letter-spacing: 0.3em;
}

.philo-p1{
	font-family: 'ZenOldMincho R';
	margin-top: 0px;
	font-size: 3.8rem;
	line-height: 1.8;
	text-align: center;
	color: var(--main-color);
	letter-spacing: 0.2em;
}

.philo-p2{
	font-family: 'ZenOldMincho R';
	margin-top: 30px;
	font-size: 2.8rem;
	text-align: center;
	color: var(--main-color);
	margin-bottom: 50px;
	letter-spacing: 0.3em;
}

@media(max-width:1200px) {
	
h2.h2-philo{
	font-size: 2rem;
}

h2.h2-philo span{
	font-size: 2.5rem;
}
	
h2.h2-philo2{
	font-size: 2.5rem;
}
	
.philo-p1{
	font-size: 3.5rem;
}

.philo-p2{
	margin-top: 20px;
	font-size: 2.5rem;
	margin-bottom: 30px;
}
	
}

@media(max-width:820px) {

h2.h2-philo{
	font-size: 1.7rem;
}

h2.h2-philo span{
	font-size: 2rem;
}
	
h2.h2-philo + p{
	margin-top: 20px;
}
	
h2.h2-philo2{
	font-size: 1.7rem;
}
	
.philo-p1{
	margin-top: 0px;
	font-size: 2.3rem;
}

.philo-p2{
	margin-top: 10px;
	font-size: 1.8rem;
	margin-bottom: 30px;
}

}

/* 企画調達加工流通の流れ用 */

h2.h2-plan1{
	font-size: 3.2rem;
}

h2.h2-plan1 br{
	display: none;
}

@media(max-width:1200px) {

h2.h2-plan1{
	font-size: 2.6rem;
}

}

/* スマホで割合変更 */
@media(max-width:820px) {

h2.h2-plan1{
	font-size: 2rem;
}

h2.h2-plan1 br{
	display: block;
}

}

.flex-w.flex-plan1 .order1{
  order: 1;
}

.flex-w.flex-plan1 .order2{
  order: 2;
}

.flex-w.flex-plan1 .order3{
  order: 3;
}

.flex-w.flex-plan1 .order4{
  order: 4;
}

.flex-w.flex-plan1 .order5{
  order: 5;
}

.flex-w.flex-plan1 .order6{
  order: 6;
}

.flex-w.flex-plan1 .order7{
  order: 7;
}

.flex-w.flex-plan1 .order8{
  order: 8;
}

/* スマホで割合変更 */
@media(max-width:820px) {

.flex-w.flex-plan1 .order1{
  order: 2;
}
2
.flex-w.flex-plan1 .order2{
  order: 1;
}

.flex-w.flex-plan1 .order3{
  order: 3;
}

.flex-w.flex-plan1 .order4{
  order: 4;
}

.flex-w.flex-plan1 .order5{
  order: 6;
}

.flex-w.flex-plan1 .order6{
  order: 5;
}

.flex-w.flex-plan1 .order7{
  order: 7;
}

.flex-w.flex-plan1 .order8{
  order: 8;
}

}

.flex-w.flex-plan1 .txt-w{
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

/* スマホで割合変更 */
@media(max-width:820px) {

.flex-w.flex-plan1 .txt-w{
	position:static;
	transform: none;
	-webkit- transform: none;
	padding-right: 10px;
	padding-left: 10px;
}

}

.flex-w.flex-plan1 .txt-w h3{
	text-align: left;
}

.plan-t-w{
	width: 100%;
	height: auto;
	position:relative;
	padding-top: 70px;
	padding-bottom: 70px;
}

.plan-img1{
	width: 90px;
	position:absolute;
	top: 0px;
	left: 0px;
}

.plan-img2{
	width: 90px;
	position:absolute;
	top: 0px;
	right: 0px;
}

@media(max-width:1200px) {

.plan-img1,
.plan-img2{
	width: 60px;
}

}

/* スマホで割合変更 */
@media(max-width:820px) {

.plan-t-w{
	padding-top: 10px;
	padding-bottom: 10px;
}

.plan-img1,
.plan-img2{
	width: 30px;
}

}

@media screen and (max-width:568px) {

.plan-img1,
.plan-img2{
	display: none;
}

}

.flex-w.flex-plan2 .flex-5,
.flex-w.flex-plan2 .flex-93{
	margin-top: 0px;
	vertical-align:middle;
}

.flex-w.flex-plan2 p{
	font-size: 2rem;
}

/* スマホで割合変更 */
@media(max-width:820px) {

.flex-w.flex-plan2 p{
	font-size: 1.6rem;
}

}

.flex-w.flex-plan3 .flex-30 h3{
	text-align: left;
}

.flex-w.flex-plan3 .order1{
  order: 1;
	margin-right: 5%;
	vertical-align:middle;
	margin-top: 0px;
}

.flex-w.flex-plan3 .order2{
  order: 2;
	margin-right: 0;
	vertical-align:middle;
	margin-top: 0px;
}

.flex-w.flex-plan3 .order3{
  order: 3;
	margin-right: 5%;
	vertical-align:middle;
	margin-top: 80px;
}

.flex-w.flex-plan3 .order4{
  order: 4;
	margin-right: 0;
	vertical-align:middle;
	margin-top: 80px;
}

.flex-w.flex-plan3 .order5{
  order: 5;
	margin-right: 5%;
	vertical-align:middle;
	margin-top: 80px;
}

.flex-w.flex-plan3 .order6{
  order: 6;
	margin-right: 0;
	vertical-align:middle;
	margin-top: 80px;
}

.flex-w.flex-plan3 .order7{
  order: 7;
	margin-right: 5%;
	vertical-align:middle;
	margin-top: 80px;
}

.flex-w.flex-plan3 .order8{
  order: 8;
	margin-right: 0;
	vertical-align:middle;
	margin-top: 80px;
}

/* スマホで割合変更 */
@media(max-width:820px) {

.flex-w.flex-plan3 .order1{
  order: 1;
	margin-right: auto;
	margin-left: auto;
	vertical-align:middle;
	margin-top: 0px;
}

.flex-w.flex-plan3 .order2{
  order: 2;
	margin-right: auto;
	margin-left: auto;
	vertical-align:middle;
	margin-top: 20px;
}

.flex-w.flex-plan3 .order3{
  order: 4;
	margin-right: auto;
	margin-left: auto;
	vertical-align:middle;
	margin-top: 20px;
}

.flex-w.flex-plan3 .order4{
  order: 3;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.flex-w.flex-plan3 .order5{
  order: 5;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.flex-w.flex-plan3 .order6{
  order: 6;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.flex-w.flex-plan3 .order7{
  order: 8;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.flex-w.flex-plan3 .order8{
  order: 7;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

}

/* box-flex */

.flex-w{
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	flex-direction: row;
}

/*5つ並ぶ、空きあり*/

.flex-5{
	flex: 0 0 5%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
	vertical-align:top;
}

.flex-18{
	flex: 0 0 18%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2.5%;
	vertical-align:top;
}

/*5つ並ぶ、空きなし*/
.flex-20{
	flex: 0 0 20%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	vertical-align:top;
}

/*4つ並ぶ、空きあり*/
.flex-23{
	flex: 0 0 23.5%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
	vertical-align:top;
}

/*4つ並ぶ、空きなし*/
.flex-25{
	flex: 0 0 25%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	vertical-align:top;
}

/*特殊組み合わせ用*/
.flex-28{
	flex: 0 0 28%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
	vertical-align:top;
}

/*3つ並ぶ、空きあり*/
.flex-30{
	flex: 0 0 30%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 5%;
	vertical-align:top;
}

/*3つ並ぶ、空きあり、空き小*/
.flex-32{
	flex: 0 0 32%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
	vertical-align:top;
}

/*3つ並ぶ、空きなし*/
.flex-33{
	flex: 0 0 33.333%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	vertical-align:top;
}

/*特殊組み合わせ用、55％と*/
.flex-40{
	flex: 0 0 40%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 5%;
	vertical-align:top;
}

/*事業紹介右側画像用*/
.flex-42{
	flex: 0 0 42%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-left: 8%;
	vertical-align:top;
}

/*2つ並ぶ、空きあり*/
.flex-47{
	flex: 0 0 47%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 6%;
	vertical-align:top;
}

/*2つ並ぶ、空きなし*/
.flex-50{
	flex: 0 0 50%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	vertical-align:top;
}

/*特殊組み合わせ用、40％と*/
.flex-55{
	flex: 0 0 55%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	vertical-align:top;
}

/*特殊組み合わせ用、65％、30と*/
.flex-65{
	flex: 0 0 65%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	vertical-align:top;
}

/*特殊組み合わせ用、75％、20と*/
.flex-75{
	flex: 0 0 75%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 5%;
	vertical-align:top;
}

/*特殊組み合わせ用、5％、20と*/
.flex-93{
	flex: 0 0 93%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
	vertical-align:top;
}

.flex-w.company-f .flex-47{
	margin-top: 80px;
}

.flex-w.sec-f1{
	margin-top: 50px;
}

.flex-w.sec-f1 .flex-30{
	margin-top: 50px;
}

@media(max-width:820px) {
	
.flex-w.sec-f1{
	margin-top: 20px;
}
	
}

.flex-w.sec-f2{
	margin-top: 50px;
}

.flex-w.sec-f2 .flex-30,
.flex-w.sec-f2 .flex-65{
	margin-top: 0px;
}

.flex-w.sec-f2 p.p24{
	padding: 0;
	margin: 0;
}

.flex-w.sec-f2 p.area-p2{
/*
	position:absolute;
	bottom: 0px;
	left: 0px;
*/
	margin-bottom: 30px;
}

.flex-w.sec-f2 .button{
	margin-bottom: 0px;
	position:absolute;
	bottom: 0px;
	right: 0px;
}

.flex-w.sec-f2 + .button{
	margin-top: 50px;
}

@media(max-width:1200px) {
	
.flex-w.sec-f2{
	margin-top: 30px;
}
	
.flex-w.sec-f2 p.area-p2{
	position:relative;
	bottom: auto;
	left: auto;
	margin-top: 20px;
}

.flex-w.sec-f2 .button{
	margin-bottom: 0px;
	position:relative;
	bottom: auto;
	left: auto;
	right: 0;
	margin-top: 20px;
}
	
}

@media(max-width:820px) {
	
.flex-w.sec-f2{
	margin-top: 20px;
}
	
.flex-w.sec-f2 p.area-p2{
	margin-top: 10px;
}
	
.flex-w.sec-f2 .button{
	margin-top: 10px;
}
	
}

.flex-w.sec-f3{
	margin-top: 50px;
}

@media(max-width:820px) {
	
.flex-w.sec-f3{
	margin-top: 20px;
}
	
}

.flex-w.sec-f4{
	margin-top: 0px;
}

.flex-w.sec-f4 p + p{
	margin-top: 0px;
}

.flex-w.sec-f4 .flex-23{
	margin-top: 50px;
}

.flex-w.sec-f5{
	margin-top: 50px;
}

.flex-w.sec-f5 .flex-47{
	width: 47%;
}

.flex-w.sec-f5 .button{
	margin-top: 30px;
	margin-bottom: 0px;
}

.flex-w.sec-f5 .button a{
	width: 100%;
}

@media(max-width:1200px) {
	
.flex-w.sec-f5{
	margin-top: 30px;
}

}

@media(max-width:820px) {
	
.flex-w.sec-f5{
	margin-top: 20px;
}

.flex-w.sec-f5 .button{
	margin-top: 20px;
}
	
}

/* 今週の一品用 */
.flex-w.sec-f6{
	margin-top: 50px;
}

.flex-w.sec-f6 img{
	width: 100%;
/*	height: auto;*/
}

.flex-w.sec-f6 + .button{
	margin-top: 50px;
}

@media(max-width:1200px) {
	
.flex-w.sec-f6{
	margin-top: 30px;
}
	
}

@media(max-width:820px) {
	
.flex-w.sec-f6{
	margin-top: 20px;
}
	
.flex-w.sec-f6 + .button{
	margin-top: 20px;
}
	
}

.flex-w.sec-phil{
	margin-top: 10px;
	margin-bottom: 20px;
}

@media(max-width:820px) {
	
.flex-w.sec-phil{
	margin-top: 5px;
	margin-bottom: 20px;
}
	
.flex-w.sec-phil .spf-49 {
	margin-top: 10px !important;
	margin-right: 2% !important;
}
	
}

/* 花の便り用 */

.area-box6 .flex-w.sec-f2 .flex-28 + .flex-40{
	margin-right: 0;
}

.area-box6 .flex-w.sec-f2 .flex-28,
.area-box6 .flex-w.sec-f2 .flex-40
{
	margin-top: 0px;
}

.area-box6 .button{
	margin-bottom: 0px;
}

.line02 + .flex-w.sec-f2{
	margin-top: 100px;
}

@media(max-width:820px) {
	
.line02 + .flex-w.sec-f2{
	margin-top: 50px;
}
	
}

/* 企画調達加工流通の流れ用 */

.flex-w.flex-plan1{
	margin-top: 80px;
}

/* スマホで割合変更 */
@media(max-width:820px) {

.flex-w.flex-plan1{
	margin-top: 30px;
}

}

.flex-w.flex-plan2{
	margin-top: 20px;
}

.flex-w.flex-plan2 + .flex-plan2{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b2b2b2;
	margin-top: 40px;
	padding-top: 40px;
}

.flex-w.flex-plan3{

}

/* スマホで割合変更 */
@media(max-width:820px) {

.flex-w.flex-plan2 + .flex-plan2{
	margin-top: 30px;
	padding-top: 10px;
}

}


.flex-w.sec-f1 a:link,.flex-w.sec-f1 a:visited,.flex-w.sec-f1 a:active,
.flex-w.sec-f3 a:link,.flex-w.sec-f3 a:visited,.flex-w.sec-f3 a:active,
.flex-w.sec-f4 a:link,.flex-w.sec-f4 a:visited,.flex-w.sec-f4 a:active
{color: #000; text-decoration: none;}

.flex-w.sec-f1 a:hover,
.flex-w.sec-f3 a:hover,
.flex-w.sec-f4 a:hover
{opacity:0.7;}


@media(max-width:820px) {
	
.flex-18,
.flex-20,
.flex-23,
.flex-25,
.flex-30,
.flex-32,
.flex-33,
.flex-40,
.flex-47,
.flex-50,
.flex-55{
	margin-top: 20px;
}
	
.flex-w.sec-f4 .flex-23{
	margin-top: 30px;
}
	
}

/* 隙間調節 */

/* 最前列はtopマージン消す */
/* 先頭から5個目まで（1列に5個入る） */
.flex-18:nth-child(-n+5),
.flex-20:nth-child(-n+5),

/* 先頭から4個目まで（1列に4個入る） */
.flex-23:nth-child(-n+4),
.flex-25:nth-child(-n+4),
.flex-w.sec-f4 .flex-23:nth-child(-n+4),


/* 先頭から3個目まで（1列に3個入る） */
.flex-30:nth-child(-n+3),
.flex-32:nth-child(-n+3),
.flex-33:nth-child(-n+3),

/* 先頭から2個目まで（1列に2個入る） */
.flex-40:nth-child(-n+2),
.flex-47:nth-child(-n+2),
.flex-w.company-f .flex-47:nth-child(-n+2),
.flex-50:nth-child(-n+2),
.flex-55:nth-child(-n+2){
	margin-top: 0;
}

/* 一番右でrightマージンを消す */
.flex-18:nth-child(5n),
.flex-23:nth-child(4n),
.flex-30:nth-child(3n),
.flex-32:nth-child(3n),
.flex-47:nth-child(2n){
	margin-right: 0;
}

.flex-30 + .flex-65{
	margin-right: 0;
}

.flex-5 + .flex-93{
	margin-right: 0;
}

/* スマホで割合変更 */
@media(max-width:820px) {
	
.flex-w .spf-30 {
	flex: 0 0 30%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px !important;
	margin-right: 5% !important;
}
	
.flex-w .spf-30-cen {
	flex: 0 0 30%;
	margin-top: 20px !important;
	margin-right: auto;
	margin-left: auto;
}
	
.flex-w .spf-49 {
	flex: 0 0 49%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px !important;
	margin-right: 2% !important;
}
	
.flex-w .spf-50 {
	flex: 0 0 50%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px !important;
	margin-right: 0 !important;
}
	
.flex-w .spf-100 {
	flex: 0 0 100%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px !important;
	margin-left: 0;
}
	
.flex-w .spf-30:nth-child(-n+3),
.flex-w .spf-49:nth-child(-n+2),
.flex-w .spf-50:nth-child(-n+2),
.flex-w .spf-100:nth-child(-n+1){
	margin-top: 0 !important;
}
	
.flex-w .spf-30:nth-child(3n),
.flex-w .spf-49:nth-child(2n),
.flex-w .spf-50:nth-child(2n){
	margin-right: 0 !important;
}

}




/*個別ボタンパーツ ここから*/

.button-news{
	margin-bottom: 100px;
	text-align: center;
}

.button-news a{
	font-family: 'ZenKakuGothic B';
	font-weight: normal;
	text-align: center;
	display: inline-block;
	background-color: var(--main-color);
	color: #fff;
/*	font-size: 1.8rem;*/
	font-size: 1.6rem;
	text-decoration: none;
	padding: 10px 10px;
	border-radius: 50px;
	width: min(200px, 100%);
	transition: .3s;
	margin: 0 15px;
}

.button-news a:hover{
	background-color: #fffb71;
	color: var(--main-color);
	transition: .3s;
}

.button-news a.un{
	background-color: #cee0df;
}

.button-news a.un:hover{
	background-color: #fffb71;
}

p + .button-news{
	margin-top: 100px;
}

@media(max-width:1000px) {

.button-news a{
	font-size: 1.6rem;
	padding: 10px 10px;
	border-radius: 50px;
	width: min(150px, 100%);
	margin: 0 10px 10px;
}

}

@media(max-width:820px) {
	
.button-news{
	margin-bottom: 50px;
}

p + .button-news{
	margin-top: 50px;
}
	
}

.button-404{
	margin-top: 100px;
	text-align: center;
}

.button-404 a{
	font-family: 'ZenKakuGothic B';
	font-weight: normal;
	text-align: center;
	display: inline-block;
	background-color: var(--main-color);
	color: #fff;
	font-size: 1.8rem;
	text-decoration: none;
	padding: 15px 10px;
	border-radius: 50px;
	width: min(300px, 100%);
	transition: .3s;
}

.button-404 a:hover{
	background-color: #fffb71;
	color: var(--main-color);
	transition: .3s;
}

p + .button-404{
	margin-top: 100px;
}

.button-404 a + a{
	margin-left: 100px;
}

@media(max-width:1200px) {
	
.button-404{
	margin-top: 50px;
}

.button-404 a{
	font-size: 1.6rem;
	padding: 13px 8px;
	border-radius: 50px;
	width: 30%;
}
	
.button-404 a + a{
	margin-left: 5%;
}
	
}

@media(max-width:820px) {
	
.button-404 a{
	font-size: 1.4rem;
	padding: 10px 8px;
	border-radius: 50px;
	width: 80%;
}
	
.button-404 a + a{
	margin-left: auto;
	margin-top: 10px;
}
	
}

.button-kensaku{
	text-align: center;
}

.button-kensaku a{
	font-family: 'ZenKakuGothic R';
	font-weight: normal;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	color: var(--font-color);
	border : solid 1px #bbb9b2 ;
	font-size: 1.8rem;
	text-decoration: none;
	padding: 8px 8px;
	border-radius: 50px;
	width: min(80px, 100%);
	transition: .3s;
	margin: 0 7px 10px;
}

.button-kensaku a:hover{
	background-color: #fffb71;
	color: var(--main-color);
	transition: .3s;
}

@media(max-width:820px) {
	
.button-kensaku a{
	font-size: 1.6rem;
	padding: 8px 5px;
	border-radius: 20px;
	width: min(70px, 100%);
	margin: 0 5px 10px;
}
	
}

/*個別ボタンパーツ ここまで*/

/*swiper、スライダー設定 ここから*/

.l-section {
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --color-base: #f8f8f8;
  --color-gray: #ddd;
  --color-theme: #f5695f;
  --color-theme-darken: #f12617;
  --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
  --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
}

.slide-media,
.thumb-media {
  position: relative;
  overflow: hidden;
	
}
.slide-media::before {
	content: "";
	display: block;
	padding-top: 72%;
}
.slide-media img,
.thumb-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.catalogswiper .swiper{
	overflow: visible;
}

.catalogswiper{
	overflow: hidden;
}

.catalogswiper a.swiper-slide{
	display: block;
  width: 100%;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
}

.catalogswiper a.swiper-slide:hover .slide-media img {
	transform: scale(1.05);
	transition: .5s;
}

div.catalogswiper{
	overflow: hidden;
}

.catalogswiper .thumb-wrapper {
	width: 100%;
  margin: 20px auto 0;
}

.catalogswiper .thumb-wrapper {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}
@media only screen and (max-width: 599px) {
  .catalogswiper .thumb-wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}
.catalogswiper .thumb-media {
  padding-top: 100%;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 4px;
}
@media only screen and (min-width: 1025px) {
  .catalogswiper .thumb-media:hover {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .catalogswiper .thumb-media:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.catalogswiper .thumb-media img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.catalogswiper .thumb-media-active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0.3;
}
.catalogswiper .thumb-media-active img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}


/*swiper、スライダー設定 ここまで*/


.week-main-img {
	margin-bottom: 50px;
}

.is-layout-flex{
	margin-top: 50px;
}

.weeks_article h3{
	position: relative;
	display: inline-block;
    font-size: 3rem;
    padding-left: 140px;
	margin-top: 60px;
}

.weeks_article h3::before{
	position: absolute;
    background-color: #54503e;
    content: '';
    width: 120px;
    height: 1px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.weeks_article h3.week-day{
	font-size: 2.4rem;
    padding-left: 0;
	margin-top: 0;
}

.weeks_article h3.week-day::before{
	content: inherit;
}


.flowers_season::after{
	content: '、';
}

.flowers_season:last-of-type::after{
	content: '';
}



/*縦横比130%の画像wrapper*/
.img_wrap130{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img_wrap130::before{
	content: "";
	display: block;
	padding-top: 130%;
}

.img_wrap130 img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/*縦横比100%の画像wrapper*/
.img_wrap100{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img_wrap100::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.img_wrap100 img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/*縦横比82%の画像wrapper*/
.img_wrap82{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img_wrap82::before{
	content: "";
	display: block;
	padding-top: 82%;
}

.img_wrap82 img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*縦横比75%の画像wrapper*/
.img_wrap75{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img_wrap75::before{
	content: "";
	display: block;
	padding-top: 75%;
}

.img_wrap75 img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*縦横比73%の画像wrapper*/
.img_wrap73{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img_wrap73::before{
	content: "";
	display: block;
	padding-top: 73%;
}

.img_wrap73 img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*縦横比71%の画像wrapper*/
.img_wrap71{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img_wrap71::before{
	content: "";
	display: block;
	padding-top: 71%;
}

.img_wrap71 img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*縦横比64%の画像wrapper*/
.img_wrap64{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img_wrap64::before{
	content: "";
	display: block;
	padding-top: 64%;
}

.img_wrap64 img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*縦横比60%の画像wrapper*/
.img_wrap60{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img_wrap60::before{
	content: "";
	display: block;
	padding-top: 60%;
}

.img_wrap60 img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*縦横比27%の画像wrapper*/
.img_wrap27{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.img_wrap27::before{
	content: "";
	display: block;
	padding-top: 27%;
}

.img_wrap27 img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.singletitle + .back01 {
    padding-top: 0;
}

.singletitle{
	padding-bottom: 100px;
}

@media(max-width:820px) {
	.singletitle{
		padding-bottom: 50px;
	}
}

.newsdate{
	font-family: 'ZenOldMincho R';
    font-weight: normal;
    font-size: 1.4rem;
	text-align: right;
	margin-bottom: 1em;
}

.contact-item .required p {
    line-height: 1.4;
}

.rank1{
	font-family: 'ZenOldMincho R';
    font-weight: normal;
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: var(--main-color);
	color: #fff;
	font-size: 2.6rem;
	text-align: center;
	width: 95px;
	height: 95px;
	border-radius: 50px;
	padding-top: 17px;
	border: 2px solid #fff;
	z-index: 30;
}

@media(max-width:1080px) {
	.rank1{
		font-size: 2rem;
		width: 85px;
		height: 85px;
	}
}

@media(max-width:820px) {
	.rank1{
		font-size: 1.7rem;
		width: 70px;
		height: 70px;
		padding-top: 13px;
	}
}


.rank1 span{
	font-size: 170%;
}

.area-box11{
/*	overflow:hidden;*/
}

.area-box11 .swiper{
	overflow: visible;
}

.area-box11 .swiper-slide{
	width: 35%;
}

@media(max-width:599px) {
	.area-box11 .swiper-slide{
		width: 85%;
	}
}


/*量販店様におすすめの商品 スライドショーコントローラー ここから*/

.area-box11 .swiper-button-prev,
.area-box11 .swiper-button-next{
	width: 60px;
	height: 60px;
	background-color: rgba(0,0,0,.5);
	border-radius: 50px;
}

@media(max-width:1300px) {

.area-box11 .swiper-button-prev,
.area-box11 .swiper-button-next{
	width: 50px;
	height: 50px;
}
	
}

/*
@media(max-width:820px) {

.area-box11 .swiper-button-prev,
.area-box11 .swiper-button-next{
	display: none;
}
	
}
*/

.area-box11 .swiper-button-prev{
	left: -30px;
}

@media(max-width:1600px) {
	
.area-box11 .swiper-button-prev{
	left: 10px;
}
	
}

@media(max-width:599px) {
	.area-box11 .swiper-button-prev{
		left: -10px;
	}
	.area-box11 .swiper-button-next{
		right: -10px;
	}
}


.area-box11 .swiper-button-prev div {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  transform: translateX(25%) rotate(-135deg);
}

.area-box11 .swiper-button-prev div::before, .area-box11 .swiper-button-prev div::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.area-box11 .swiper-button-prev div::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.area-box11 .swiper-button-prev div::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}

.area-box11 .swiper-button-next div {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  transform: translateX(-25%) rotate(45deg);
}

.area-box11 .swiper-button-next div::before, .area-box11 .swiper-button-next div::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.area-box11 .swiper-button-next div::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.area-box11 .swiper-button-next div::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}


/*量販店様におすすめの商品 スライドショーコントローラー ここまで*/


.area-box11 a.swiper-slide{
	color: var(--font-color);
	display: block;
	text-decoration: none;
}

.area-box11 a.swiper-slide .img_wrap71 img{
	transition: .3s;
}

.area-box11 a.swiper-slide:hover .img_wrap71 img{
	transform: scale(1.05);
	transition: .3s;
}

.of_hidden{
	overflow: hidden;
}

@media(max-width:599px) {
	.area-box10{
		margin-top: 70px;
	}
}

.pro-tag02::before{
	content: '#';
}

.law {
	counter-reset: number 0;
}

.area-box12 h4.lef::before{
	counter-increment: number 1;
	content: counter(number) ".";
}

.button.download a{
	position: relative;
}

.button.download a::after{
	content: '';
	width: 15px;
	height: 16px;
	background-image: url("../img/download.png");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
}

.button.download a:hover::after{
	background-image: url("../img/download_hover.png");
	transition: .3s;
}

.back01:has(.page_header){
	padding-top: 0;
}

.page_header{
	position: relative;
	width: 100%;
	height: 728px;
	overflow: hidden;
	text-align: center;
}

@media(max-width:599px) {
	.page_header{
		height: 70vh;
	}
}

.page_header img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
}

.page_header > div{ 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.page_header::after{
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.55);
	position: absolute;
	top: 0;
	left: 0;
}

.page_header > div{
	width: 100%;
}

.page_header h1{
	font-family: 'ZenOldMincho R';
	font-weight: normal;
	font-size: 3.8rem;
	color: #fff;
	margin-bottom: 100px;
}

@media(max-width:820px) {
	.page_header h1{
		font-size: 2.8rem;
		margin-bottom: 50px;
	}
}


.page_header h1 + p{
	color: #fff;
	font-size: 1.8rem;
	margin-bottom: 140px;
}

@media(max-width:820px) {
	.page_header h1 + p{
		font-size: 1.6rem;
    	margin-bottom: 70px;
	}
}

.collabo_serv_h_img{
	margin-bottom: 50px;
}

@media(max-width:599px) {
	.collabo_serv_h_img{
		margin-bottom: 20px;
	}
}


.collabo_serv_h{
	font-size: 2.8rem;
	font-family: 'ZenOldMincho R';
	font-weight: normal;
	margin-bottom: 40px;
	text-align: center;
}

@media(max-width:820px) {
	.collabo_serv_h{
		font-size: 1.8rem;
		margin-bottom: 15px;
	}
}

.collabo_proj_info{
	background-color: #f6fafa;
	padding: 40px 30px;
}

@media(max-width:599px) {
	.collabo_proj_info{
		padding: 20px 10px;
	}
}


.collabo_proj_h{
	font-family: 'ZenOldMincho R';
	font-weight: normal;
	font-size: 2.4rem;
	margin-bottom: 20px;
}

@media(max-width:820px) {
	.collabo_proj_h{
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
}


.collabo_proj_h + p{
	font-size: 1.6rem;
}

@media(max-width:820px) {
	.collabo_proj_h + p{
		font-size: 1.4rem;
	}
}


.collabo_men_img{
	margin-bottom: 15px;
}

.collabo_mem_h{
	font-family: 'ZenOldMincho R';
	font-weight: normal;
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 5px;
}

@media(max-width:820px) {
	.collabo_mem_h{
		font-size: 1.8rem;
	}
}


.collabo_mem_role{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 17px;
}

@media(max-width:820px) {
	.collabo_mem_role{
		font-size: 1.3rem;
	}
}


.collabo_mem_role + p{
	font-size: 1.6rem;
}

@media(max-width:820px) {
	.collabo_mem_role + p{
		font-size: 1.4rem;
	}
}


.collabo_companies .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

.collabo_companies{
	background-color: #f6fafa;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 120px;
}

@media(max-width:820px) {
	.collabo_companies{
		margin-top: 50px;
	}
}

.collabo_companies .swiper-slide{
	width: auto;
}

@media(max-width:820px) {
	.collabo_companies .swiper-slide{
		width: 33%;
	}
}

.article .button{
	margin-top: 50px;
}

.article hr{
	width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    margin: 100px auto 0;
	border-top: none;
}

.article h3{
	text-align: left;
	position: relative;
	display: inline-block;
    font-size: 3rem;
    padding-left: 140px;
}

.article h3::before{
	position: absolute;
    background-color: #54503e;
    content: '';
    width: 120px;
    height: 1px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

@media(max-width:820px) {
	.article h3{
		font-size: 2rem;
		padding-left: 10px;
		border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #666666;
	}
	.article h3::before{
		content: inherit;
	}
}



/*オリジナル商品ができるまで*/
.process_step{
	background-color: #fff;
	padding: 60px;
	position: relative;
	margin-top: 80px;
	margin-bottom: 110px;
}

@media(max-width:599px) {
	.process_step{
		padding: 30px;
		margin-top: 60px;
		margin-bottom: 60px;
	}
}


.process_step h3{
	font-size: 2.8rem;
	text-align: left;
	line-height: 1.8;
	border-bottom: 0.7px solid #999999;
	padding-bottom: 30px;
	margin-bottom: 35px;
}

@media(max-width:820px) {
	.process_step h3{
		font-size: 2rem;
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
}


.process_step p{
	margin-bottom: 20px;
}

.process_step::after{
	content: '';
	display: inline-block;
	width: 80px;
	height: 30px;
	background: #ffffff;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.process_step:last-of-type::after{
	content: inherit;
}

.jireisyu-img{
	width: min(742px, 100%);
	margin: 50px auto;
}

.jireisyu-img img{
	width: 100%;
}

@media(max-width:599px) {
	.flex-w.process_step{
		flex-direction: column;
	}
	.flex-w.process_step .flex-47{
		width: 100%;
	}
}

.business_title{
	font-size: 2.8rem;
	text-align: left;
	margin-bottom: 1.8em;
}

@media(max-width:820px) {
	.business_title{
		font-size: 2.2rem;
	}
}


.business_txt{
	margin-bottom: 65px;
}

@media(max-width:599px) {
	.business_txt{
		margin-bottom: 30px;
	}
}


.support h4{
	font-size: 2.4rem;
	text-align: left;
}

@media(max-width:820px) {
	.support h4{
		font-size: 2rem;
	}
}

.business_spts{
	display: flex;
	justify-content: space-between;
}

@media(max-width:599px) {
	.business_spts{
		flex-wrap: wrap;
	}
	
}

.business_spts > div{
	width: 48%;
}

@media(max-width:599px) {
	.business_spts > div:first-of-type{
		margin-bottom: 20px;
	}
	.business_spts > div{
		width: 100%;
	}
}

.support{
	background-color: #f6fafa;
	padding-top: 40px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 35px;
}

.support p{
	font-size: 1.6rem;
	margin-bottom: 90px;
/*	line-height: 2;*/
	line-height: 1.5;
	margin-bottom: 1.5em;
}

@media(max-width:599px) {
	.support p{
		margin-bottom: 40px;
	}
}

.spts_tag{
	list-style: none;
}

.spts_tag li{
	border: 1px solid var(--main-color);
	background-color: #fff;
	color: var(--main-color);
	display: inline-block;
	padding: 0.7em 1.1em;
	font-family: 'ZenKakuGothic M';
	font-weight: normal;
	margin-right: 10px;
	margin-bottom: 10px;
}

@media(max-width:820px) {
	.spts_tag li{
		font-size: 1.2rem;
	}
}

.business_title + p{
	font-size: 1.6rem;
	line-height: 2;
}

.business_title span{
	font-size: 2rem;
	display: block;
	margin-bottom: 1em;
	padding-left: 0.2em;
}

.business_exs_wrap{
	display: flex;
	justify-content: space-between;
}

@media(max-width:599px) {
	.business_exs_wrap{
		flex-wrap: wrap;
	}
}

a.business_ex{
	display: block;
	position: relative;
	width: 30%;
	text-decoration: none;
	color: var(--font-color);
	margin-bottom: 30px;
}

@media(max-width:599px) {
	a.business_ex{
		width: 100%;
	}
}

a.business_ex img{
	transition: .3s;
}

a.business_ex:hover img{
	cursor: pointer;
	transform: scale(1.03);
	transition: .3s;
}

.business_ex_txt{
	position: absolute;
	background-color: #fff;
/*	bottom: -20px;*/
	bottom: -80px;
	right: -10px;
	width: 95%;
/*	padding: 20px 15px;*/
	padding: 15px 10px;
}

.business_ex_title{
	font-family: 'ZenOldMincho B';
	font-weight: normal;
/*	margin-bottom: 15px;*/
	margin-bottom: 10px;
}

.business_ex_title span{
	font-family: 'ZenKakuGothic R';
	font-size: 80%;
	display: block;
}

.business_ex_txt .more{
	text-align: right;
	font-size: 1.4rem;
}

@media(max-width:820px) {
	.business_ex_txt .more{
		font-size: 1.2rem;
	}
}

.business_ex_txt .more span {
	display: inline-block;
	vertical-align: middle;
/*	color: #333;*/
	color: #fff;
	line-height: 1;
	position: relative;
	width: 20px;
	height: 20px;
	transform: translate(-25%, -2px) rotate(45deg);
	background-color: var(--main-color);
	border-radius: 20px;
	margin-left: 10px;
}

.business_ex_txt .more span::before, .business_ex_txt .more span::after {
	content: '';
	position: absolute;
	background: currentColor;
	border-radius: 0.1em;
}

.business_ex_txt .more span::before {
	top: 7px;
    left: 5px;
	right: 0;
	height: 0.1em;
	width:8px;
}

.business_ex_txt .more span::after {
	top: 7px;
    right: 7px;
	bottom: 0;
	width: 0.1em;
	height: 8px;
}

.business_cont{
	margin-bottom: 140px;
}

@media(max-width:599px) {
	.business_cont{
		margin-bottom: 90px;
	}
}

.quote{
	background-color: #f6fafa;
	padding: 50px;
	margin-top: 60px;
}

@media(max-width:599px) {
	.quote{
		padding: 30px;
	}
}

.quality_cont h3{
	text-align: left;
	margin-bottom: 2em;
}

.quote h3{
	margin-bottom: 20px;
}

.quality_cont .flex-w{
	justify-content: space-between;
}

.quality_cont .flex-30{
	margin-right: 0;
}

.quality_cont .flex-65{
	margin-top: 0;
}

.quote .button{
	text-align: left;
	margin-top: 45px;
	margin-bottom: 0;
}

.quote .button a{
	text-align: center;
}


.quality_cont{
	margin-bottom: 140px;
}


@media(max-width:599px) {
	.quality_cont{
		margin-bottom: 90px;
	}
}

.interview_article h2,
.interview_article h3,
.interview_article h4,
.interview_article h5,
.interview_article h6{
	text-align: left;
}

.interview_article h2{
	margin: 100px 0 40px;
/*	font-size: 3rem;*/
	font-size: 2.8rem;
}

@media(max-width:820px) {
	.interview_article h2{
		margin: 50px 0 30px;
		font-size: 2.3rem;
	}
}

.interview_article h3{
	font-size: 2.3rem;
	padding-left: 2em;
	position: relative;
	margin: 40px 0;
/*	color: #a58900;*/
	color: var(--main-color);
/*	color: #00b6bf;*/
}

.interview_article h3::before{
	content: '';
	display: inline-block;
	width: 1.8em;
	height: 1px;
/*	background-color: var(--font-color);*/
/*	background-color: #a58900;*/
	background-color: var(--main-color);
/*	background-color: #00b6bf;*/
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

@media(max-width:820px) {
	.interview_article h3{
		font-size: 1.8rem;
		margin: 20px 0;
	}
}

.interview_article p{
	margin: 20px 0;
	font-size: 1.6rem;
}

@media(max-width:820px) {
	.interview_article p{
		font-size: 1.4rem;
	}
}

.interview_article h4{
	font-size: 2rem;
}


/*花図鑑　品種一覧*/

.varieties{
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}

.varieties > div{
	width: 15%;
	margin-bottom: 10px;
}

.varieties > div .img_wrap100{
	margin-bottom: 5px;
}

@media(max-width:820px) {
	.varieties{
		gap:4%;
	}
	.varieties > div{
		width: 22%;
	}
}

@media(max-width:599px) {
	.varieties{
		gap:6%;
	}
	.varieties > div{
		width: 29.3%;
	}
}

.varieties_num{
	opacity: .7;
	font-size: 87%;
}

.pad-but_none{
	padding-bottom: 0;
}

.area-box8 .p20 + p{
	font-size: 1.4rem;
}

.dic_article{
	margin-bottom: 50px;
}

p.cen{
	text-align: center;
}

p.rig{
	text-align: right;
}