@charset "utf-8";

/* HANAWANO PC */
@media only screen and (min-width: 768px), print {
  /*hananowaLead*/
  .hananowaLead{
    text-align:center;
    border-bottom:2px solid #d1f985;
    border-top:2px solid #d1f985;
    background:#eeffda;
    margin-bottom:25px;
  }
  .hananowaLead p{
    display:inline-block;
    text-align:left;
    padding-right:200px;
    background:url(/corporate/sustainability/social/community/hananowa/images/index-img_01.png) no-repeat right 50%;
    background-size:124px auto;
    color:#743400;
    font-size:3.0rem;
    line-height:1.3;
    padding-top:25px;
    padding-bottom:25px;
  }
  .hananowaLead p span{
    color:#ff587d;
    font-size:4.3rem;
    font-weight:bold;
  }
  /*greenArrows*/
  .greenArrows{
    padding-bottom:45px;
    background:url(/corporate/sustainability/social/community/hananowa/images/index-bg_02.png) no-repeat center bottom;
  }
  .greenArrows.noArrows{
    background:none;
    padding-bottom:0px;
  }
  .greenArrows .greenArrowsIn{
    background:url(/corporate/sustainability/social/community/hananowa/images/index-bg_01.png) repeat;
    padding:20px;
  }
  .greenArrows .disTableBox{
    display:table;
    width:100%;
  }
  .greenArrows .disTableBox .tableLeft{
    display:table-cell;
    text-align:left;
    vertical-align:middle;
    padding-right:20px;
  }
  .greenArrows .disTableBox .tableRight{
    display:table-cell;
    text-align:left;
    vertical-align:middle;
    width:234px;
  }
  .greenArrows .disTableBox .tableRight.sizeGreenOrigin{
    width:375px;
  }
  .greenArrows .disTableBox .tableRight.sizeGreenOrigin2{
    width:180px;
  }
  /*greenTitle*/
  .greenTitle{
    font-size:1.7rem;
    font-weight:bold;
    color:#69b30d;
    border-bottom:1px solid #d2f0ad;
    padding-bottom:7px;
    margin-bottom:11px;
  }
  /*greenIcon*/
  .greenIcon{
    font-size:1.6rem;
    font-weight:bold;
    padding-left:18px;
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_01.png) no-repeat left 6px;
    background-size:12px auto;
  }
  /*photoFlame*/
  .photoFlame{
    border:4px solid #FFF;
    box-shadow:0px 0px 6px -1px #949392;
  }
  /*flowerList*/
  .flowerList{
    margin-top:1em;
  }
  .flowerList li{
    float:left;
    width:180px;
    margin-right:15px;
    margin-bottom:10px;
  }
  .flowerList li:nth-child(2n){
    margin-right:0px;
  }
  .flowerList li span{
    display:block;
    font-size:1.3rem;
    margin-top:4px;
  }
  /*greenNum*/
  .greenNum{
    display:block;
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_02.png) no-repeat left 3px;
    background-size:30px auto;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:38px;
  }
  .greenNum.type02{
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_03.png) no-repeat left 3px;
    background-size:30px auto;
  }
  .greenNum.type03{
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_04.png) no-repeat left 3px;
    background-size:30px auto;
  }
  .greenNum.type04{
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_05.png) no-repeat left 3px;
    background-size:30px auto;
  }
  .greenNum.type05{
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_06.png) no-repeat left 3px;
    background-size:30px auto;
  }
  .nae2Col li{
    width:180px;
    float:left;
    margin-right:15px;
  }
  .nae2Col li:last-child{
    margin-right:0px;
  }
  .greenNeList li .greenNum {
    font-size:1.7rem;
    font-weight:bold;
    color:#69b30d;
    margin-bottom:9px;
  }
  /*greenNeList*/
  .greenNeList li{
    float:left;
    width:234px;
    margin-right:19px;
  }
  .greenNeList li:last-child{
    margin-right:0px;
  }
  /* clearfix */
  .flowerList:after,
  .nae2Col:after,
  .greenNeList:after,
  .nae2Col:after {
    display: block;
    content: "";
    clear: both;
  }
}


/* HANAWANO SP */
@media only screen and (max-width: 767px) {
  /*hananowaLead*/
  .hananowaLead{
    text-align:left;
    border-bottom:2px solid #d1f985;
    border-top:2px solid #d1f985;
    background:#eeffda;
    margin-bottom:19px;
    padding-left:15px;
    padding-right:15px;
  }
  .hananowaLead p{
    display:block;
    text-align:left;
    background:url(/corporate/sustainability/social/community/hananowa/images/index-img_01.png) no-repeat right 50%;
    background-size:84px auto;
    color:#743400;
    font-size:1.8rem;
    line-height:1.3;
    padding-top:13px;
    padding-bottom:13px;
    padding-right:90px;
  }
  .hananowaLead p span{
    color:#ff587d;
    font-size:2.6rem;
    font-weight:bold;
  }
  /*greenArrows*/
  .greenArrows{
    padding-bottom:45px;
    background:url(/corporate/sustainability/social/community/hananowa/images/index_bg03.png) no-repeat center bottom;
    background-size:28px auto;
  }
  .greenArrows.noArrows{
    background:none;
    padding-bottom:0px;
  }
  .greenArrows .greenArrowsIn{
    background:url(/corporate/sustainability/social/community/hananowa/images/index-bg_01.png) repeat;
    padding:20px;
  }
  .greenArrows .disTableBox{
    width:100%;
  }
  .greenArrows .disTableBox .tableLeft{
  }
  .greenArrows .disTableBox .tableRight{
    width:100%;
    text-align:center;
    margin-top:1em;
  }
  /*greenTitle*/
  .greenTitle{
    font-size:1.7rem;
    font-weight:bold;
    color:#69b30d;
    border-bottom:1px solid #d2f0ad;
    padding-bottom:7px;
    margin-bottom:10px;
  }
  /*greenIcon*/
  .greenIcon{
    font-size:1.6rem;
    font-weight:bold;
    padding-left:18px;
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_01.png) no-repeat left 6px;
    background-size:12px auto;
  }
  /*photoFlame*/
  .photoFlame{
    border:4px solid #FFF;
    box-shadow:0px 0px 6px -1px #949392;
  }
  /*flowerList*/
  .flowerList{
    margin-top:1em;
  }
  .flowerList li{
    float:left;
    width:48.5%;
    margin-right:3%;
    margin-bottom:10px;
  }
  .flowerList li:nth-child(2n){
    margin-right:0px;
  }
  .flowerList li span{
    display:block;
    font-size:1.3rem;
    margin-top:4px;
  }
  /*greenNum*/
  .greenNum{
    display:block;
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_02.png) no-repeat left 4px;
    background-size:24px auto;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:30px;
  }
  .greenNum.type02{
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_03.png) no-repeat left 4px;
    background-size:24px auto;
  }
  .greenNum.type03{
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_04.png) no-repeat left 4px;
    background-size:24px auto;
  }
  .greenNum.type04{
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_05.png) no-repeat left 4px;
    background-size:24px auto;
  }
  .greenNum.type05{
    background:url(/corporate/sustainability/social/community/hananowa/images/nae-ic_06.png) no-repeat left 4px;
    background-size:24px auto;
  }
  .nae2Col{
    display:inline-block;
  }
  .nae2Col li{
    float:left;
    margin-right:10px;
  }
  .nae2Col li:last-child{
    margin-right:0px;
  }
  .greenNeList li .greenNum {
    font-size:1.6rem;
    font-weight:bold;
    color:#69b30d;
  }

  /*greenNeList*/
  .greenNeList li{
    display:table;
    width:100%;
  }
  .greenNeList li + li{
    margin-top:18px;
  }
  .greenNeList li div{
    display:table-cell;
    text-align:left;
    vertical-align:middle;
  }
  .greenNeList li > div:last-child{
    width:140px;
  }
  /* clearfix */
  .flowerList:after,
  .nae2Col:after {
    display: block;
    content: "";
    clear: both;
  }
  /*spNeSise*/
  .spNeSise{
    width:140px;
    height:auto;
    max-width:100%;
  }
}