/*----------------
上書css
------------------*/
#caution-area {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
}
.howto-col {
  background-color: #fff;
}
.detail-area {
  background: none;
  padding-top: 0;
  padding-bottom: 0;
}
#application-flow-area {
  background: #fff;
}

#overveiews-area{
	padding-top: 0;
}

#overveiews-area .desc {
	margin-top: var(--margin60);
	margin-bottom: var(--margin60);
}

.grass{
	margin-bottom: 0;
}


h2.grass{
	margin-bottom: 0;
}

#overveiews-area table th {
	width: 15%;
}

#overveiews-area table td{
	width: 42.5%;
	vertical-align: inherit;
}

#overveiews-area table th.method {
	background: #ddd;
}

.detail-area .conditions .content {
	margin-top: 0;
}

.detail-area .conditions .content + .content{
	margin-top: var(--margin60);
}

#application-flow-area .flex .dots::before {
	z-index: 0;
}

#application-flow-area .flex .dots img{
	position: relative;
	z-index: 1;
}

.comingsoon {
	 height: inherit;
}

/*------------------------------------------------
------------------------------------------------
追加css
------------------------------------------------
--------------------------------------------------*/
/*--------------------------------
.foodHeader
--------------------------------*/
.foodHeader {
  position: fixed;
  top:0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  border-bottom: 1px solid #000;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
	
}

.foodHeader__inner{
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.foodHeader__logo {
  max-width: 300px;
  display: flex;
  align-items: center;
}
.foodHeader__back {
  display: flex;
  align-items: center;
}
.foodHeader__back a {
  background: #2DA549;
  color: #fff;
  padding: 10px 30px;
  border-radius: 10px;
  display: block;
}
.foodHeader__back a:hover {
	opacity: .8;
}
@media screen and (max-width:768px) {
	.foodHeader__logo {
		max-width: 40%;
	}
	.foodHeader__back a {
		font-size: 1rem;
		padding: 10px;
	}
	
}
/*--------------------------------
main
--------------------------------*/
main{
   padding-top: 120px;/*headerの高さ*/
}

@media screen and (max-width:768px) {
main{
	padding-top: 80px;/*headerの高さ*/
}
}

/*--------------------------------
h1
--------------------------------*/
.foodPageTitle{
	width: 100%;
	background: #FFF9D7;
	border-radius: 20px;
	text-align: center;
	padding: var(--margin60) 0;
}

.foodPageTitle__logo{
	max-width: 400px;
}

/*--------------------------------
.overveiews-area
--------------------------------*/
#overveiews-area table td.align-left{
	text-align: left;
}

.overveiews-area__link{
	background: #2DA549;
    color: #fff;
	border-radius: 999px;
	padding: 10px 20px;
	margin: 1em auto 0;
	display: block;
	max-width: 340px;
}

.overveiews-area__link:hover{
	opacity: .8;
}

span.line{
	text-decoration: underline;
}

/*--------------------------------
.foodPageLink
--------------------------------*/
  .foodPageLink {
/*
    background: #f5f5f5;
    border-top: solid 2px #ddd;
    border-bottom: solid 2px #ddd;
*/
    display: block;
  }

/*--------------------------------
#foodGeneral
--------------------------------*/
  #foodGeneral {
    background: #F2FFE8;
    padding-top: var(--margin100);
    padding-bottom: var(--margin80);
	  border-top: solid #B2E38C 5px;
  }

.foodGeneral__header{
	text-align: center;
}


/*---differenceArea---*/
.differenceArea{
	margin-top: var(--margin80);
}


/*--------------------------------
#foodStores
--------------------------------*/
  #foodStores {
    background: #FFF9D7;
    padding-top: var(--margin80);
    padding-bottom: var(--margin80);
	  border-top: solid #fceea9 5px;
  }


.foodStores__header{
	text-align: center;
	margin-bottom: var(--margin80);
}


.conditions__txt{
	margin-top: var(--margin40);
}


.conditions__type{
margin-top: var(--margin40);
    border: #fceea9 5px solid;
    background: #fff9d7;
    border-radius: 10px;
    padding: var(--margin30);
    font-weight: 700;
}

.conditions__type dl + dl{
	margin-top: 2em;
}

.conditions__type dt{
	    border-bottom: 1px solid #333;
	margin-bottom: .5em;
	padding-bottom: .5em;
}

.conditions__list{
	margin-top: var(--margin40);
}

.detail-area .conditions ul,
.detail-area .conditions li{
	margin-top: .2em;
}


.detail-area .conditions dl{
		margin-top: 1em;
}



.cash-flow .content{
	background: #f2ffe8;
}

.cash-flow__ttl{
	background: #2DA549;
	padding: 20px;
	border-radius: 10px 10px 0 0;
	text-align: center;
	color: #fff;
}

.cash-flow .item {
    padding:var(--margin40) var(--margin80);
}