@charset "utf-8";

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

#tmp_contents h1 {
    font-size: 137.5%;
    background-image: url("/shared/templates/sdgs_free/images/h1_bg_sp.png");
    background-size: 55px auto;
    padding: 15px 50px 14px 12px;
    border-radius: 15px 0 0 15px;
}
#tmp_contents h2 {
	font-size: 131.25%;
    padding: 10px 15px 7px;
    border-radius: 15px 15px 0 0;
}
#tmp_contents h3 {
	font-size: 125%;
    background-image: url("/shared/templates/sdgs_free/images/h3_bg_sp.png");
    background-size: 18px auto;
    padding: 0 0 4px 25px;
}
#tmp_contents h4 {
	font-size: 118.75%;
    padding: 0 0 4px;
}
#tmp_contents h5 {
	font-size: 112.5%;
    padding: 2px 0 2px 20px;
    background-image: url("/shared/templates/sdgs_free/images/h5_bg_sp.png");
    background-size: 15px auto;
    background-position: left 7px;
}
/*==================================================
news-list
================================================== */
#tmp_contents .news_list .news_date {
    display: block;
    padding-right: 10px;
    width: 100%;
}
#tmp_contents .news_list .news_date p {
    margin-bottom: 4px;
}
#tmp_contents .news_list .news_link {
    display: block;
    width: 100%;
}
/* ==================================================
parts
================================================== */
/* outline
================================================== */
#tmp_contents .outline {
    border-radius: 15px;
}

/* box_btn
================================================== */
#tmp_contents ul.box_btn li {
    margin:0 0 15px;
    padding: 16px 15px;
    border-radius: 15px;
    font-size: 106.25%;
}
#tmp_contents ul.box_btn li a {
    margin: -16px -15px;
    padding: 18px 48px 18px 15px;
}
#tmp_contents ul.box_btn li a::after {
    top: 14px;
    right: 13px;
    background-image: url("/shared/site_sdgs/images/icon/navi_icon64.png");
    background-size: 32px auto;
    width: 32px;
    height: 32px;
}
#tmp_contents ul.box_btn.custom_btn {
	margin:0;
}

/* box_info / box_link
================================================== */
#tmp_contents .box_info,
#tmp_contents .box_link {
    border-radius: 15px;
    background-image: url("/shared/templates/sdgs_free/images/box_ttl_bg_sp.png");
	background-size: 63px auto;
}
#tmp_contents div.box_info,
#tmp_contents div.box_link {
    padding: 0 70px 0 14px;
}
#tmp_contents div.box_info .box_info_ttl,
#tmp_contents div.box_link .box_link_ttl {
    padding: 15px 0;
}
#tmp_contents table.box_info .box_info_ttl,
#tmp_contents table.box_link .box_link_ttl {
    padding: 15px 14px;
}
#tmp_contents .box_info .box_info_ttl h2,
#tmp_contents .box_link .box_link_ttl h2,
#tmp_contents .box_info .box_info_ttl p,
#tmp_contents .box_link .box_link_ttl p {
    font-size: 125%;
}
#tmp_contents div.box_info .box_info_cnt,
#tmp_contents div.box_link .box_link_cnt {
    margin-right: -55px;
}
#tmp_contents table.box_info .box_info_cnt,
#tmp_contents table.box_link .box_link_cnt {
    padding: 17px 14px 10px;
}

/* box_menu
================================================== */
#tmp_contents .box_menu {
    border-radius: 15px;
}
#tmp_contents div.box_menu {
    padding: 0 14px;
}
#tmp_contents div.box_menu .box_menu_ttl {
    padding: 17px 0;
}
#tmp_contents table.box_menu .box_menu_ttl {
    padding: 17px 14px;
}
#tmp_contents .box_menu_ttl h2,
#tmp_contents .box_menu_ttl p {
	font-size:106.25%;
}
#tmp_contents .box_menu_ttl a {
    margin: -17px -14px;
    padding: 17px 48px 17px 14px;
}
#tmp_contents .box_menu_ttl a::after {
    top: 15px;
    right: 13px;
    background-image: url("/shared/site_sdgs/images/icon/navi_icon64.png");
    background-size: 32px auto;
    width: 32px;
    height: 32px;
}
#tmp_contents div.box_menu .box_menu_cnt {
    padding: 15px 0 8px;
}
#tmp_contents table.box_menu .box_menu_cnt {
    padding: 15px 14px 8px;
}




}