@charset "utf-8";
/*===========================
add
===========================*/

/* 基本カラー  */

.fcBasic {
	color:#1a9962;
}
.box-sd {
    padding: 2em;
    background-color: #fff;
    border: 1px solid #999;
    box-sizing: border-box;
}
.box-sd02 {
    padding: 2em;
    background-color: #fff;
    border: 0px solid #999;
    box-sizing: border-box;
	  box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 10%), 0px 3px 15px 0px rgb(0 0 0 / 8%), 0px 5px 28px 0px rgb(0 0 0 / 6%);
}
.box-sd03 {
    padding: 3em 3em 2em 3em;
    background-color: #f2f2f2;
    color: #333;
    border: 0px solid #999;
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 10%), 0px 3px 15px 0px rgb(0 0 0 / 8%), 0px 5px 28px 0px rgb(0 0 0 / 6%);
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
.box-sd,.box-sd02,.box-sd03 {
    padding: 1.2em;
    box-sizing: border-box;
}

}
.box-wrap {
    background: #fcfaf5;
    box-sizing: border-box;
}
.box-ttl {
	text-align:center !important;
	background:var(--basic-color);
	padding:0.6em;
	color:#fff;
	margin-bottom:0px !important;
	display:flex;
	align-items:center;
	justify-content:center;
}
.box-cnt {
	width:100%;
	margin:0px auto 0em;
	padding:0.8em 1.8em 1.8em 1.8em;
	box-sizing:border-box;
}
dl.dl-flex {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  box-sizing:border-box;
}
dl.dl-flex dt {
  flex-basis: 28%;
	margin-right:2%;
	font-weight: 600;
	font-size:1.2em;
	text-align: center;
	padding:0.5em;
	margin-bottom:0.5em;
	box-sizing:border-box;
	
}
dl.dl-flex dd {
  flex-basis: 70%;
	padding:0.5em;
	margin-bottom:0.5em;
	background-color:#f9f9f9;
	border-bottom:1px solid #999;
	box-sizing:border-box;
}
@media screen and (max-width: 768px) {
 dl.dl-flex {
   flex-flow: column;
 }
	dl.dl-flex dt {
    text-align: center;
	font-size:1.0em;
    padding: 0.5em;
	margin-bottom:0px;
	border-bottom:0px dotted #999;
}
dl.dl-flex dd {
	border-bottom:0px solid #999;
	}
}
.h4-ttl {
	position: relative;
	font-size:1.1em;
}
.h4-ttl:after {
    bottom: 0px;
    width: 0px;
    height: 0px;
    left: 0%;
    transform: translateX(-50%);
    background-color: #ccc;
}
.bt-ttl {
  position: relative;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.5em;
  color:var(--basic-color);
  letter-spacing:0px;
    display: flex;
  align-items: center;
  justify-content:center;
  
}
 
.bt-ttl:before,
.bt-ttl:after {
  position: relative;
  display: inline-block;
  content: "";
  background: var(--basic-color);
  width: 2px;
  height: 2em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
    content: '';

}

.bt-ttl:before {
  transform: rotate(-20deg);
}
 
.bt-ttl:after {
  transform: rotate(20deg);
}
@media only screen and (max-width: 768px) {

.bt-ttl {
  font-size: 1.0em;
  letter-spacing:0px;
  line-height:1.6;
}
 
.bt-ttl:before,
.bt-ttl:after {
  width: 2px;
  height: 2em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}

.bt-ttl:before {
  transform: rotate(-20deg);
}
 
.bt-ttl:after {
  transform: rotate(20deg);
}
.bt-ttl span {
  display:inline-block;
  line-height:1.6;
}
}
.variety01 {
	background-color:#d18a5c;
	color:#fff;
}
.variety02 {
	background-color: #815d5e;
	color:#fff;
}
.variety03 {
	background-color: #f6e6ab;
	color:#878787;
}
.variety04 {
	background-color: #330802;
	color:#fff;
}
.variety05 {
	background-color: #ffecd3;
	color:#333;
}
.variety06 {
	background-color: #c9853a;
	color:#fff;
}
.variety07 {
	background-color: #bc7535;
	color:#fff;