@charset "utf-8";
@media screen and (max-width : 800px) {
/* Start Common Style */
h2.waste_heading{
	width: 100%;
	max-width: 480px;
	height: 0;
}
.waste_link{
	margin-top: 37px;
}
.waste_link::before{
	background-image: url(/shared/templates/gomizero_top/images/icon/dotted_gray_sp.png);
    background-size: 24px auto;
	width: 100%;
	max-width: 290px;
	left: 50%;
	transform: translateX(-50%);
}
.waste_link .simple_link{
	max-width: 290px;
	padding-left: 24px;
	padding-right: 25px;
	background-position: right 13px center;
}
#tmp_challenge .challenge_detail,
#tmp_waste_wrap .waste_info .des,
.waste_link .simple_link,
#tmp_other_waste .des{
	font-size: 100%;
}
#tmp_waste_wrap .waste_info .des,
#tmp_other_waste .des{
	line-height: 1.6;
}
/* End Common Style */
/* Mainvs */
#tmp_mainvs{
	margin-bottom: 31px;
    padding-top: 100.9%;
    background-image: url(/shared/templates/gomizero_top/images/main/mainvs_img_sp.png);
}
/* Challenge */
#tmp_challenge .challenge_wrap{
	padding-top: 61px;
	padding-bottom: 50px;
	border-radius: 74px;
}
#tmp_challenge .challenge_inner{
	display: block;
	padding: 0;
}
#tmp_challenge .challenge_cnt{
	padding-right: 0;
	margin-bottom: 24px;
}
#tmp_challenge h2.challenge_ttl{
	text-align: center;
	font-size: 137.5%;
    padding-left: 0;
	padding-bottom: 20px;
    margin-bottom: 25px;
}
#tmp_challenge h2.challenge_ttl:after{
	width: 60px;
	height: 12px;
	font-size: 54.5%;
    background-size: 24px 12px;
    background-position: -6px 0, 18px 0;
}
#tmp_challenge .challenge_img{
	margin: 0 auto;
	padding-top: 0;
}
/* Waste */
#tmp_waste_wrap{
	padding-top: 40px;
	padding-bottom: 14px;
	margin-bottom: 40px;
}
#tmp_waste_wrap .waste_sec {
    margin-bottom: 40px;
}
#tmp_waste_wrap h2.waste_heading {
    padding-top: min(22%, 103px);
    margin-bottom: 18px;
}
#tmp_food h2.waste_heading{
    padding-top: min(22%, 105px);
	margin-bottom: 20px;
}
#tmp_waste_wrap .waste_box{
	padding: 40px 20px 45px;
	border-radius: 32px;
}
#tmp_waste_wrap .waste_info > h3{
	font-size: 150%;
	margin-bottom: 26px;
}
#tmp_waste_wrap .waste_info > h3 > span{
	display: block;
}
#tmp_waste_wrap .waste_info .des{
	margin-bottom: 31px;
}
#tmp_waste_wrap .waste_info .des br{
	display: none;
}
#tmp_waste_wrap .link_list{
	flex-direction: column;
	max-width: 100%;
	margin: 0;
	padding-right: 0;
}
#tmp_waste_wrap .link_list > li{
	width: 100%;
}
#tmp_waste_wrap .link_list > li > a{
	min-height: 86px;
	font-size: 100%;
	padding: 5px 34px 5px 12px;
	gap: 12px;
	line-height: 1.6;
	background-position: right 12px center;
	border-radius: 20px;
}
#tmp_waste_wrap .link_list span.image{
	width: 62px;
	height: 62px;
}
#tmp_waste_wrap .link_list span.image img{
	max-width: 43px;
}
/* Other */
#tmp_other_waste{
	margin-bottom: 51px;
}
#tmp_other_waste h2.waste_heading{
    padding-top: min(17%, 78px);
	margin-bottom: 30px;
}
#tmp_other_waste .waste_link{
	max-width: 342px;
	margin: 27px auto 0;
}
#tmp_other_waste .waste_link::before{
	width: auto;
	left: -14px;
	right: -9px;
	max-width: calc(100% + 23px);
	transform: none;
}
/* Kids */
#tmp_kids_sec{
	padding: 30px 0;
	margin-bottom: 40px;
}
#tmp_kids_sec .kids_box{
	padding: 50px 10px 50px 24px;
	border-radius: 32px;
}
#tmp_kids_sec .kids_heading{
	max-width: 288px;
	margin: 0 auto;
}
#tmp_kids_sec h2.waste_heading{
	width: 186px;
	height: 25px;
	padding-top: 0;
	background-size: 156px auto;
	margin-bottom: 37px;
}
#tmp_kids_sec .kids_heading:after{
	left: 15px;
	right: -5px;
	margin-top: -1px;
}
#tmp_kids_sec .learn_row{
	display: block;
}
#tmp_kids_sec .learn_col{
	width: 100%;
	margin-bottom: 28px;
}
#tmp_kids_sec .learn_col.food{
	padding-left: 0;
}
#tmp_kids_sec .learn_col .sub_ttl{
	font-size: 112.5%;
	line-height: 1.65;
	padding: 0 30px;
	margin-bottom: 17px;
}
#tmp_kids_sec .learn_col .sub_ttl br{
	display: block;
}
#tmp_kids_sec a.simple_link{
	font-size: 100%;
	margin: 0 auto;
	background-position: right 13px center;
}
#tmp_kids_sec .learn_col.plastic .kids_list{
	padding-left: 0;
}
#tmp_kids_sec .kid_pattern{
	z-index: 2;
	top: -63px;
	left: -16px;
	transform: none;
	margin-top: 3px;
}
#tmp_kids_sec .kid_pattern img{
	max-width: 90px;
}
/* News */
#tmp_news{
	margin-bottom: 4px;
	padding-top: 0;
}
#tmp_news .news_row{
	display: block;
}
#tmp_news h2.news_ttl{
	font-size: 125%;
	padding-bottom: 16px;
	max-width: 330px;
    margin: 0 auto 14px;
}
#tmp_news h2.news_ttl:after{
	left: -3px;
	right: -10px;
}
#tmp_news .news_row .news_col{
	width: 100%;
	margin-bottom: 40px;
}
#tmp_news .news_list > li{
	display: block;
	font-size: 100%;
	padding-bottom: 21px;
}
#tmp_news .news_list > li .news_date{
	display: block;
	min-width: 0;
	margin-bottom: 3px;
}
#tmp_news .news_list > li .news_link > a{
	line-height: 1.6;
}
/* Banner */
#tmp_banner{
	margin-bottom: 30px;
}
#tmp_banner .banner_list{
	display: block;
}
#tmp_banner .banner_list > li{
	width: 100%;
	margin-bottom: 20px;
}
/* Reset Hover */
a.simple_link:hover,
#tmp_waste_wrap .link_list > li > a:hover,
#tmp_news .news_list > li .news_link > a:hover{
    text-decoration: none;
}
#tmp_banner .banner_list a:hover img{
    opacity: 1;
}
/* ==================================================
accessibility style change:color
================================================== */
.color_blue #tmp_mainvs,
.color_black #tmp_mainvs,
.color_yellow #tmp_mainvs{
    background-image: url(/shared/templates/gomizero_top/images/main/mainvs_img_sp.png) !important;
}
/* ==================================================
accessibility style change:font-size
================================================== */
.fsize_big #tmp_news .news_list > li .news_date,
.fsize_big2 #tmp_news .news_list > li .news_date{
    min-width: 0;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}