@charset "utf-8";
#main {position: relative; background-image: url("../images/main_bg.png");background-size:cover;margin-top: -223px;padding-bottom: 30%;}
@media all and (min-width: 769px) and (max-width: 1025px){
#main {margin-top: 0;}
}
#main .main_tree{position:absolute;width: 100%;top: 0px; left: 0px;}
#main .main_canning{position:absolute;width: 100%;top: 0px; left: 0px;}
#main .main_heading_1{position:absolute;width: 100%;top: 0px; left: 0px;}
#main .main_heading_2{position:absolute;width: 100%;top: 0px; left: 0px;}
@media all and (max-width: 769px) {
#main {position: relative; background-image: url("../images/main_bg_sp.png");background-size:cover;margin-top: 0;padding-bottom: 88%;}
}

#contents img{width: 90%;-webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.3));filter: drop-shadow(0px 0px 10px rgba(0,0,0,.3));transition:0.3s;}
#contents img:hover{opacity: 0.7;}

@media all and (max-width: 769px){
#contents img{width: 100%;}
#contents img:hover{opacity: 1;}
}

.column {padding-top: 1.5em;padding-bottom: 2em;width: 100%;text-align: center;display: flex;align-items: flex-end;justify-content: center;}
.area_tree{background-color: #c4e6ba;}
.area_canning{background-color: #fffaaa;}
@media all and (min-width: 769px) {#contents {display: flex;}}
#refresh{position: relative;background-image:url("../images/w_bg.png");background-repeat:repeat-x;background-position: top center;text-align: center;padding-top: 92px;padding-bottom: 60px;margin-top: -24px;}
#refresh img{width: 21%;margin: 0 10px;}
#refresh h4{font-size: 44px;text-align: center;background-color: #ff2430;padding: 0.2em;box-shadow: 0px 0px 0px 4px #ff2430;border: 2px solid #fff;width: 625px;margin:30px auto 0 auto;color: #fff;}
#refresh h4 p{font-weight: 900;letter-spacing: 0.05em;}

@media all and (max-width: 769px){
#refresh{background-image:url("../images/w_bg_sp.png");padding-bottom: 30px;margin-top: -30px;padding-top: 111px;}
#refresh img{width: 41%;margin: 0 10px 20px 10px;}
#refresh h4{font-size: 2.3em;text-align: center;background-color: #ff2430;padding: 0.2em;box-shadow: 0px 0px 0px 4px #ff2430;border: 2px solid #fff;width: 85%;margin:6px auto 0 auto;color: #fff;}
#refresh h4 p{font-weight: 900;letter-spacing: 0.05em;}
}


.mini{font-size: 80%;font-weight: 900;}
.yl{color: #fff450;font-weight: 900;}