@charset "utf-8";
/* CSS Document */
/* ==========================
            ABOUT
=============================*/
.b_img {
  background-position: top 30% right 0;
}
h2 {
  font-size: 36px;
  font-weight: 700;
}
.a_tarea {
  text-align: left;
  margin-top: 0;
  font-size: 1.1em
}
.a_tarea img {
  margin: 3% 0;
}
.row1, .row2, .row3 {
  width: 80%;
  margin: 7% 10% 3%;
}
.row1 ul, .row2 ul {
  width: 100%;
  display: flex;
}
.ar_ttl {
  font-size: 1.5em;
  font-weight: 700;
  color: #FFF;
  background: #000;
  width: 60%;
  margin: 0 20% 5%;
}
.ar_txt {
  width: 80%;
  margin: 0 10%;
  font-size: 1.1em;
  text-align: left;
  line-height: 2.5;
}
.row1 ul li:first-child, .row2 ul.ul_pc li:last-child {
  width: 60%;
}
.row1 ul li:last-child, .row2 ul.ul_pc li:first-child {
  width: 40%;
}
.row1 ul li img, .row2 ul.ul_pc li img {
  width: 100%
}
/* ==========================
       GREEN TEA
=============================*/
.f_tarea {
  text-align: left;
  margin: 0 10%;
  font-size: 1.1em;
  width: 80%;
}
.f_img_area {
  width: 100%;
  height: 350px;
  margin: 3% 0;
  overflow: hidden;
}
.f_img_area img {
  width: 100%;
}
.row3 ul {
  margin: 8% 0;
}
.ft_ttl {
  font-size: 1.3em;
  font-weight: 700;
  text-align: left;
  width: 80%;
  margin: 0 10% 1%;
  color: #33a30f;
}
.fa-braille {
  padding-right: 15px;
}
.ft_txt {
  width: 80%;
  margin: 0 10% 4%;
  font-size: 1.2em;
  text-align: left;
  line-height: 2.5;
}
.ft_txt_s {
  width: 80%;
  margin: 0 10% 4%;
  font-size: 0.9em;
  text-align: left;
  line-height: 2.5;
}
.howtea {
  background: #009933;
  margin-bottom: 5%;
}
.howtea_ttl {
  max-width: 558px;
  margin: 0 auto;
  padding: 3% 0;
}
.howtea ul {
  width: 90%;
  display: flex;
  color: #FFFFFF;
  margin: 0 5%;
}
.howtea ul li {
  width: 23%;
  padding: 1% 1%;
  border: 1px solid #FFFFFF;
  margin: 3% 1%;
  text-align: left;
}
.howtea ul li dl dt {
  width: 40%;
  margin: 0 auto;
}
.howtea ul li dl dt img {
  width: 100%;
  max-width: 148px;
}
.howtea ul li dl dd {
  width: 70%;
  margin: 0 auto;
}
.point_txt{
	width: 90% !important;
}
/*=======================
		  BEEF
========================*/
.beef_bk_img {
  background: url("../images/beef/bg.jpg") no-repeat 100%;
  background-position: top 60% right 0;
  background-size: contain;
}
.bnr_area .bnr_img{
	max-width: 600px;
	margin: 10% auto;
}


/*=======================
		  MIKAN
========================*/

.mikan_bk_img {
  background: url("../images/mikan/mikan-bg.png") no-repeat 100%;
  background-position: top 30% right 0;
}

.d_btn_f {
    margin: 5% 0;
}
.sec_story {
  	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.sec_storyTitle{
	text-align: left;
	font-weight: 600;
	margin-bottom: 2em;
	margin-left: 0;
}
.sec_storyImage{
	width: 40%;
}
.sec_project {
	margin: 10% 20%;
	width: 60%;
}
.sec_project > h3 {
	text-align: center;
	font-weight: 600;
	border-bottom: 1px solid;
	display:inline-block;
	padding: 0 1em;
	margin: 0 auto 2em;
}
.sec_project > p {
	text-align: left;
	font-size: 1.2em;
}