@charset "UTF-8";





.gaiyo {
position: relative;
text-align: right;
display: flex;
    gap: 10px;
    align-items: center;

}



.gaiyo::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #077B1C;

  left: -28px;

}

.gaiyo small {
  font-size: 60%;
}
.new_info {

    position: relative;
    padding: 20px 0;
    background: yellow;
    border-radius: 100px 25px 25px 100px;
    max-width: 1200px;
    box-sizing: border-box
}

.new_info_inner {

    display: flex;
    align-items: center;
    gap: 0px;
    justify-content: space-around;
}
.story04_inner .box01 {

    background: #d14712;
    display: flex;
    justify-content: center;
    border-radius: 25px;
    flex: 0 0 150px;
    height: 50px;
    align-items: center;
    width: 15%;
position: absolute;
    top: 8.5%;
    
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);

}

.new_info_inner .box01{

    background: #d14712;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    flex: 0 0 150px;
    height: 150px;
    align-items: center;



}


.story04_inner .box01 span,
.new_info_inner .box01 span {

    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;

}

.box01 .coming {
    animation: tenmetu01 3s infinite;

}

.box02 {

    position: relative;
    flex: 0 0 200px;




}

.box_main p {

    font-size: 1rem;
    color: #077B1C;
    margin-top: 5px;
    line-height: 1.6;
    text-align: left;


}

.tenmetu {

    position: absolute;
    width: 50px;
    left: -10px;
    top: -15px;
    animation: tenmetu01 3s infinite;
}
.story04_inner 
.tenmetu {

    position: absolute;
    width: 50px;
    left: -27px;
    top: -35px;
    animation: tenmetu01 3s infinite;
}


.main_txt01 {

    display: flex;
    text-shadow: 0 0 #000;
}


.main_txt01 em {

    text-decoration: underline;
    text-underline-offset: 4px ;
    font-style: normal;

}

@keyframes tenmetu01 {
  0% {
    opacity : 0.1;
     }
50% {
     opacity: 1;
   
  }

  100% {
    opacity : 0.1;
  

}

}


@media screen and (max-width: 1099px) {


    .box02 {

position: relative;
flex: 0 0 20%;

}

.new_info_inner .box01 {

    flex: 0 0 100px;
    height: 100px;


}


}



@media screen and (max-width: 989px) {


    .new_infotop {

        margin: 50px 0;
        
        padding: 0 10px
    }

    body .new_info_inner { 

        display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 25px 0

    }



    body .new_info {
        border-radius: 15px;


    }


    body .box02 {

        padding: 15px;
    }


    body .new_info_inner .box01 {


        position: absolute;
    top: 0;
    width: 280px;
    border-radius: 25px;
    height: auto;
    padding: 15px 0;
    left: 50%;
        transform: translateX(-50%);
        top: -3pc;
    }

  body .new_info_inner .box01 span {

        display: inline;
    }

    .main_txt01 { 

        justify-content: center;

    }

    body .tenmetu {


        left: -46px;
        top: -26px;
    }

}

.story04_inner {

    background-image: url(/greenfuture/story04_img/story04_inner_bg.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 14%;
    padding-bottom: 10%;
    position: relative;

}

.story04_inner p {

    text-shadow: 0 0 #000;

}
.new_imgfl {
    justify-content: space-around;
    margin-top: 25px;
    gap: 25px 0;
}


.new_imgfl figure {


    flex: 1;

}


.new_imgfl figure img {

display: block;
text-align: center;
margin: 0 auto;

}
.new_imgfl figure p {

    text-shadow: 0 0 #000;
    padding: 10px 15px;
    text-align: justify;
}

.new_imgfl figure a {

    display: block;
}



.mt50 {

    margin-top: 50px;
}

.mt25 {

    margin-top: 25px;
}


.mt5 {

    margin-top: 5px;
}

.fl_b001 {

    display: flex;
    justify-content: flex-end;
}
.fl_b001 p {

    text-align: left;
margin: 15px 20px;
}
#story04_new01 {

margin-top: -25px;
}

@media screen and (max-width: 989px) {


body .story04_inner {


    background: #e6f6cd;
margin-top: 100px;
        padding-right: 15px;
        padding-left: 15px;
        border-radius: 15px;
        padding-top: 10%;

}

body .story04_inner .box01 {

    width: 150px;
    top:-1.5pc;

}
body .story04_inner::after {
    position: absolute;
    content: '';
    display: block;
    width: 64px;
    height: 54px;
    background-image: url(/greenfuture/story04_img/story04_inner_afrer.png);
    background-position: center;
    background-size: contain;
        top: -41px;
        right: 5%;
        background-repeat: no-repeat;

}



}



@media screen and (max-width: 898px) {

body .story04_inner h3 {

    margin-left: 10%;
}

body .story04_inner p  {
 
    padding-left: 10%;
    padding-right: 10%;


}


    body .new_imgfl {

        flex-wrap: wrap;
        display: flex;
    }


    body .new_imgfl figure {


    flex: auto;
    margin: 0 auto;
        

}

    body .new_imgfl figure img {

        width: auto;


    }


    body .fl_b001 p {

        text-align: justify;
    }

#story04_new01 {

    padding: 0 15px;
}

}