h2 {
    /*background-repeat: no-repeat;
    padding: 20px 20px 70px;*/
    position: relative;
      padding-bottom: 70px;
}
h2 figure {
    height: 40px;
    margin-right: 10px;
}
h2 img {
    vertical-align: top;
}
h2 span {
    position: absolute;
    font-size: 22px;
    bottom: 20px;
}

.zoom {
	position: relative;
}
.zoom .accBtn {
    position: absolute;
    width: 80px;
    height: 80px;
    right: 10px;
    bottom: 11px;
}


.main_item_green div {
    display: flex;
    justify-content: center;
	align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.main_item_green div img {
    width: 31%;
	height: auto;
    margin: 1%;
}
.img_right.steelcan03 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.img_right.steelcan03 a {
    width: 48%;
}

.mwno {
	max-width: none;
}


/*■画面の横幅が481px以上 (PC)
---------------------------------------------------------------------------*/
@media screen and (min-width: 481px) {
main .image_center.pc {
    display: block!important;
}
	.mr20{
		margin-right: 20px;
	}
/*img.pc {
    display: block!important;
	margin: 0 auto;
}*/
main {
    padding-top: 60px;
}
#iron_planet h2 {
    margin-top: 40px;
}
#eco_free_program .white {
    margin: 20px auto;
}
	
.back_pc {
    position: fixed;
    bottom: 0;
    left: 0;
}
	.back_pc a:hover{
		opacity: 0.8;
	}

.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*align-items: center;*/
}
	.flexbox.align_center{
		align-items: center;
	}
h3.closed{
	margin-top: 0;
}
main .movie_area {
    padding: 40px;
    margin: 0; 
    background-color: #EFF9FF;
}

	
main .movie_area .movie02 {
	padding: 0 40px;
    margin: 0; 
    background-color: #EFF9FF;
}
#eco_free_program h2 {
    font-size: 37px;
}
#eco_container h2{
	font-size: 42px;
}
}

/*■画面の横幅が980px以下 (tablet sp)
---------------------------------------------------------------------------*/

@media screen and (max-width: 980px){
main#main {
    padding-top: 70px;
}
h2 {
    padding: 28px 20px 3em;
	margin-top: 12%;
}
h2 span {
    position: absolute;
    font-size: 19px;
    top: 60px;
}
h2 figure {
    height: 30px;
}
h2 img {
    width: 30px;
    height: 30px;
}
	}
@media screen and (min-width: 481px) and (max-width: 980px){
h2 {
    /*background-image: url("/en/csr/steelcan/images/h2_bg2.png");
    height: 142px;*/
	font-size: 27px;
    height: auto;
}
#eco_free_program h2 {
    font-size: 27px;
}
h2 span {
    font-size: 19px;
    /*top: 60%;*/
  top: auto;
}
.txt_left {
    width: calc(96% / 2);
    margin-right: 20px;
}
section#eco_container .main_item_blue .flexbox div {
    width: 48%;
}
#eco_container h2 {
    font-size: 27px;
}

	}


@media screen and (max-width: 480px){
.flexbox.flex01 {
		display: flex;
		align-items: flex-start;
	flex-wrap: nowrap;
}
.flexbox.flex01 img {
    margin-right: 3%;
    width: 25%;
    height: auto;
}
.txt_left {
    margin: 0;
}
.flexbox {
    flex-wrap: wrap;
}

.flexbox.nowrap {
    flex-wrap: nowrap;
}
main#main {
    padding-top: 80px;
}
main .textblock .gridbox.column4 .grid {
    width: 100%;
}
.whitebk .big20_txt {
    font-size: 15px;
    text-align: left;
    line-height: 1.4rem;
    margin-top: -72px;
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 60px;
}
h2 {
    height: auto;
    padding-top: 3%;
    position: relative;
}
/*h2.long {
    background-image: url("/en/csr/steelcan/images/h2_bg_sp2.png");
    background-size: 100%;
	padding-top: 5%;
    padding-bottom: 24%;
	margin-top: 110px;
}*/

h2 img {
    display: block;
    width: 1.3em;
    height: auto;
    margin-right: 6px;
	/* margin-top: -5px; */
}
h2 span {
    position: absolute;
    font-size: 15px;
    /*top: 46%;*/
    top: auto;
    bottom: 2%;
    line-height: 1.4;
	text-align: center;
  padding: 0 3%;
}
/*h2.long span {
    top: 54%;
}*/
img.w80 {
    width: 80%;
    margin: 0 auto;
    display: block;
}
section#eco_free_program .white {
    margin: 0 0 40px;
}
/*section#eco_free_program h2.long{
    padding-top: 1%;
    padding-bottom: 27%;
	font-size: 22px;
}
section#eco_container h2.long{
    padding-top: 5%;
    padding-bottom: 27%;
	font-size: 22px;
}*/


.footer_nav {
    width: 100%;
	height: auto;
}
.footer_nav ul {
    text-align: center;
    /* display: flex; */
    /* justify-content: space-between; */
    height: 50px;
    margin: 0;
    width: 100%;
    text-align: left;
    position: relative;
}
.footer_nav ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
    margin: 0;
    padding: 0 0%;
    height: 50px;
    /* line-height: 50px; */
}
.footer_nav ul li.back.sp {
    background: #00ad38;
    height: 50px;
    line-height: 50px;
    padding: 0px 3%;
    /* padding: 5% 1%; */
}
.footer_nav ul li.back.sp a {
    color: #fff;
}
a#sns_open {
    cursor: pointer;
    display: block;
    height: 100%;
    padding-top: 3%;
}
.footer_nav ul li.back.sp .arrow02 {
    width: 8px;
    height: 8px;
    border: 1px solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(-135deg);
    position: relative;
    display: inline-block;
    overflow: hidden;
    top: -1px;
    margin-left: 4px;
}
.footer_nav ul li.first {
    padding: 0 2%;
}
.footer_nav .first img {
    margin-left: 10px;
    margin-top: 10px;
    width: 18px;
    height: 18px;
}
.footer_nav ul li.last {
    position: absolute;
    right: 50px;
    padding: 0 2%;
    border-left: 1px solid #ccc;
}
.footer_nav ul li.last a img {
    padding-top: 17px;
    width: 18px;
}
.footer_nav ul li.hamburg.sp {
    padding: 0;
    position: absolute;
    right: 0;
}
.footer_nav ul li.hamburg.sp img {
    height: 50px;
    width: auto;
    /* float: right; */
}
.hamburg_on {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -100%;
    opacity: 0;
    padding: 3% 3% 30%;
    background: #fff;
	z-index: 98;
	    transition: all .5s;
}
.hamburg_on.active {
    bottom: 0;
    opacity: 1;
}
.hamburg_on li a {
    display: block;
    padding: 3% 0;
    border-bottom: 4px dotted #00ad38;
    font-size: 18px;
    color: #00ad38;
    font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro" ,游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
	text-indent: -2em;
    padding-left: 2em;
}
.hamburg_on p {
    position: relative;
    display: block;
    height: 40px;
}
.hamburg_on .close {
    position: absolute;
    right: 0;
}
.hamburg_on .close::before, .hamburg_on .close::after {
    right: 0;
}
.hamburg_on .close::after {
    right: 18%;
}
.hamburg_on .arrow02 {
    width: 12px;
    height: 12px;
    border: 2px solid;
    border-color: #00AD38 #00AD38 transparent transparent;
    transform: rotate(135deg);
    margin-right: 3%;
    margin-left: 3%;
}
	#sns{
		z-index: 99;
	}
	.back_pc{
		display: none!important;
	}

.main_item_green div img {
    width: 48%;
    margin: 1%;
}
.wd70.sp {
    display: block!important;
}
.center_img_sp {
    text-align: center;
    display: block;
    margin: 0 auto;
}
.center_img_sp .wd70 {
    float: none;
}
main .movie_area {
    padding: 20px 0 0;
    margin: 0; 
    background-color: #EFF9FF;
}
	
.movie02 .movie_txt {
    font-size: 22px;
    line-height: 2rem;
}
	
}