/*=============================================================
	plant
=============================================================*/
/* mainImg
------------------------------------- */
#mainImg { background-image: url(../img/plant/img_main01_sp.png); }

@media screen and (min-width: 600px) { #mainImg { background-image: url(../img/plant/img_main01_pc.png); } }

/* intro
------------------------------------- */
#intro { margin-bottom: 40px; }

@media screen and (min-width: 600px) { #intro { margin-bottom: 78px; }
  #intro .set .txtBox { padding: 135px 95px 142px; } }

/* recycle
------------------------------------- */
#recycle .mainTit { margin-bottom: 15px; }

#recycle .box01 .txtBox { margin-top: 10px; }

#recycle .box01 .txtBox .tit { font-size: 1.5rem; color: #1847a7; font-weight: 700; }

#recycle .box01 .txtBox .table tr { border-bottom: dotted 1px #c3c3c3; }

#recycle .box01 .txtBox .table tr th { display: block; font-weight: 700; padding: 11px 0 0; }

#recycle .box01 .txtBox .table tr td { display: block; padding: 5px 0 11px; }

#recycle .box01 .txtBox .table tr:first-of-type th { padding: 5px 0 0; }

#recycle .box01 .txtBox .txt { line-height: 1.928; font-size: 1.4rem; margin-top: 10px; }

#recycle .box { margin-top: 23px; }

#recycle .box .txtBox .tit { margin-bottom: 0; margin-top: 15px; }

#recycle .box .txtBox .txt { font-size: 1.4rem; line-height: 1.928; margin-top: -3px; }

#recycle .box02 { margin-top: 25px; }

#recycle .box02 .txtBox { margin-top: 10px; }

#recycle .box02 .txtBox .tit { font-size: 1.5rem; color: #1847a7; font-weight: 700; }

#recycle .box02 .txtBox .txt { font-size: 1.4rem; margin-top: 5px; }

#recycle .box02 .txtBox .list .item:first-of-type { margin-top: 3px; }

#recycle .box02 .txtBox .list .item { padding-left: 14px; position: relative; margin-top: 12px; font-size: 1.4rem; }

#recycle .box02 .txtBox .list .item:after { content: ""; position: absolute; display: block; width: 5px; height: 5px; top: 10px; left: -2px; background-color: #1847a7; }

@media screen and (min-width: 600px) { #recycle .mainTit { margin-bottom: 30px; }
  #recycle .box01 .imgBox { width: 630px; float: left; }
  #recycle .box01 .txtBox { width: 528px; float: right; margin-top: -2px; }
  #recycle .box01 .txtBox .tit { font-size: 1.8rem; }
  #recycle .box01 .txtBox .table { margin: 3px 0 0 5px; font-size: 1.5rem; }
  #recycle .box01 .txtBox .table tr:first-of-type th { padding: 10px 0 9px; }
  #recycle .box01 .txtBox .table tr th { width: 158px; float: left; padding: 10px 0 9px; }
  #recycle .box01 .txtBox .table tr td { padding: 10px 0 9px; }
  #recycle .box01 .txtBox .txt { font-size: 1.5rem; margin-top: 22px; margin-left: 7px; line-height: 2; }
  #recycle .boxBox { margin-top: 16px; }
  #recycle .boxBox .box { width: 50%; float: left; margin-top: 32px; }
  #recycle .boxBox .box:nth-of-type(even) { padding-left: 30px; }
  #recycle .boxBox .box:nth-of-type(odd) { padding-right: 30px; }
  #recycle .boxBox .box .txtBox .tit { margin-top: 21px; }
  #recycle .boxBox .box .txtBox .txt { margin-top: 0; font-size: 1.5rem; }
  #recycle .box02 { margin-top: 44px; }
  #recycle .box02 .imgBox { width: 630px; float: right; }
  #recycle .box02 .txtBox .tit { font-size: 1.8rem; }
  #recycle .box02 .txtBox .txt { font-size: 1.5rem; margin-top: 11px; }
  #recycle .box02 .txtBox .list .item { font-size: 1.5rem; margin-top: 5px; }
  #recycle .box02 .txtBox .list .item:first-of-type { margin-top: 2px; }
  #recycle .box02 .txtBox .list .item:after { width: 6px; height: 6px; top: 10px; left: 0px; } }

/* flow
------------------------------------- */
#flow { padding-top: 34px; }

#flow .mainTit { margin-bottom: 12px; }

#flow .flow_column01 { padding-bottom: 35px; }

#flow .flow_column01 .column .txtBox .flowtit { margin-bottom: 7px; }

#flow .flow_column01 .column .txtBox .flowtxt { font-size: 1.4rem; line-height: 1.928; }

#flow .bnr { margin: 0 -15px; padding: 40px 15px; background: #f1f4fa; }

#flow .bnr .bnrBox { margin-top: 15px; }

#flow .bnr .bnrBox:first-of-type { margin-top: 0; }

@media screen and (min-width: 600px) { #flow { padding-top: 80px; }
  #flow .mainTit { margin-bottom: 25px; }
  #flow .flow_column01 { padding-bottom: 65px; }
  #flow .flow_column01 .column .txtBox .flowtit { margin-bottom: 14px; }
  #flow .flow_column01 .column .txtBox .flowtxt { font-size: 1.5rem; line-height: 2; }
  #flow .bnr { padding: 102px 0; }
  #flow .bnr .bnrBox { width: 50%; box-sizing: border-box; float: left; margin-top: 0; }
  #flow .bnr .bnrBox:nth-of-type(2n+1) { padding: 0 10px 0 0; }
  #flow .bnr .bnrBox:nth-of-type(2n) { padding: 0 0 0 10px; } }