@charset "udf-8";

/*<!--green_top-->*/

  .green_top {
  position: relative;
  z-index: 0;
  width: 100%;
  }
  .green_top .main-v {
  position: relative;
  top: 0;
  left: 0;
  }
  
  .fl_b.main-v {
  
    justify-content: flex-start;
    align-items: flex-start;
    color: #fff;
  }
  
  
  .fl_b.main-v img {
  
    vertical-align: super;
  }
  
  .fl_b.main-v div:nth-child(1) {
  
    flex: 0 0 284px;
  
  }
  
  .fl_b.main-v div h3 {
      font-size: 45px;
      font-weight: normal;
      line-height: 1.4;
  }
  
  
  .fl_b.main-v div p {
      font-size: 18px;
      line-height: 2.1;
      font-weight: bold;
    }
  
  
    .fl_b.nav01  {
  
      color: #fff;
      justify-content: space-around;
      flex-wrap: wrap;
  
    }
  
   #mobility_3rd_toparea .fl_b.nav01 div {

    background:#D84B4B;
    }

    #natural_3rd_toparea .fl_b.nav01 div {

      background:#1496D1;
      }
  

    .fl_b.nav01 div {
      margin: 30px 0 ;
      flex: 0 0 366.41px;
      background: #2CA56A;
      padding: 45px 20px;
      position: relative;
      height: 341.3px;
    }
  
    .fl_b.nav01 h3 {
      position: absolute;
      top: -11px;
      left: -13px;
      display: flex;
      align-items: flex-start;
  
    }
    .fl_b.nav01 h3 span {
      display: block;
      font-size: 16px;
      font-weight: bold;
      padding-left: 15px;
      white-space: nowrap;
    }
  
    .fl_b.nav01 h4 {
      position: relative;
      font-size: 18px;
      display: inline-block;
  
    }
  
    .fl_b.nav01 h4::after {
      position: absolute;
      background: url('/waga-machi-mirai/fcf/img/a_bar01.svg') bottom right;
      width: 100%;
      background-size: 98% auto;
      height: 3px;
      content: '';
      bottom: -3px;
      left: 0;
  
    }
  
    .fl_b.nav01 p {
  
      padding: 0;
      margin-top: 20px;
      line-height: 2.1;
      font-size: 12px; 
      font-weight: bold;
    }
  
  
  
  
  .toaru {
    margin-top: 370px;
      text-align: center;
  
  }
  
  .green_topbg {
  
    position: fixed;
    z-index: 0;
  }
  
  
  
  
  
  @media screen and (min-width: 768px) and (max-width: 1099px) {
  
  
  
    main .scroll {
  
      top:125px;
    }
  
  
  
  }
  
  @media screen and (max-width: 767px) {
   
  
    body .toaru {
  
      margin-top: 185px;
  
    }
    body main::before {
      position:fixed;
      top:0;
      left:0;
      z-index:0;
      width:100vw;
      height:100vh;
      background:url("/waga-machi-mirai/fcf_img/third/green/01/sp/ph-sp-mainvisual.png") no-repeat;
      -webkit-background-size:cover;
      background-size:cover;
      content:"";
  
    }
  body main { 
  
    background: url('/waga-machi-mirai/fcf_img/third/green/01/sp/ph-sp-mainvisual.png') center top no-repeat;
  padding-top: 0;
  background-size: cover;
      background-attachment: fixed;
  }
  
  
  body .green_top .main-v {
    position: relative;
    width: calc(100% - 54px);
  }
  
  
  body main .scroll {
  
    right: 7.3%;
      top: 208px;
  
  }
  
  
  .fl_b.main-v div:nth-child(1) {
  
    margin-bottom: 70px;
  
  }
  
  
  body .fl_b.main-v div h3 {
    font-size: 36px;
  
  }
  
  body .fl_b.main-v div p {
  
    font-size: 16px;
  }
  
  body   .fl_b.nav01 div {
      margin: 50px 0 ;
  }
  
  }
  
  
  /*//green_top--*/