/* margin */
.hp-marginL10{ margin-left: 10px !important; }
.hp-marginL20{ margin-left: 20px !important; }
.hp-marginL30{ margin-left: 30px !important; }
.hp-marginL40{ margin-left: 40px !important; }
.hp-marginL50{ margin-left: 50px !important; }
.hp-marginL60{ margin-left: 60px !important; }
.hp-marginL70{ margin-left: 70px !important; }
.hp-marginL80{ margin-left: 80px !important; }
.hp-marginL90{ margin-left: 90px !important; }
.hp-marginL100{ margin-left: 100px !important; }

.hp-marginT5{ margin-top: 5px !important; }
.hp-marginT10{ margin-top: 10px !important; }
.hp-marginT20{ margin-top: 20px !important; }
.hp-marginT30{ margin-top: 30px !important; }
.hp-marginT40{ margin-top: 40px !important; }
.hp-marginT50{ margin-top: 50px !important; }
.hp-marginT60{ margin-top: 60px !important; }
.hp-marginT70{ margin-top: 70px !important; }
.hp-marginT80{ margin-top: 80px !important; }
.hp-marginT90{ margin-top: 90px !important; }
.hp-marginT100{ margin-top: 100px !important; }

.hp-marginB5{ margin-bottom: 5px !important; }
.hp-marginB10{ margin-bottom: 10px !important; }
.hp-marginB20{ margin-bottom: 20px !important; }
.hp-marginB30{ margin-bottom: 30px !important; }
.hp-marginB40{ margin-bottom: 40px !important; }
.hp-marginB50{ margin-bottom: 50px !important; }
.hp-marginB60{ margin-bottom: 60px !important; }
.hp-marginB70{ margin-bottom: 70px !important; }
.hp-marginB80{ margin-bottom: 80px !important; }
.hp-marginB90{ margin-bottom: 90px !important; }
.hp-marginB100{ margin-bottom: 100px !important; }

/* padding */
.hp-paddingL5{ padding-left: 5px !important; }
.hp-paddingL10{ padding-left: 10px !important; }
.hp-paddingL20{ padding-left: 20px !important; }
.hp-paddingL30{ padding-left: 30px !important; }
.hp-paddingL40{ padding-left: 40px !important; }
.hp-paddingL50{ padding-left: 50px !important; }
.hp-paddingL60{ padding-left: 60px !important; }
.hp-paddingL70{ padding-left: 70px !important; }
.hp-paddingL80{ padding-left: 80px !important; }
.hp-paddingL90{ padding-left: 90px !important; }
.hp-paddingL100{ padding-left: 100px !important; }

.hp-paddingT5{ padding-top: 5px !important; }
.hp-paddingT10{ padding-top: 10px !important; }
.hp-paddingT20{ padding-top: 20px !important; }
.hp-paddingT30{ padding-top: 30px !important; }
.hp-paddingT40{ padding-top: 40px !important; }
.hp-paddingT50{ padding-top: 50px !important; }
.hp-paddingT60{ padding-top: 60px !important; }
.hp-paddingT70{ padding-top: 70px !important; }
.hp-paddingT80{ padding-top: 80px !important; }
.hp-paddingT90{ padding-top: 90px !important; }
.hp-paddingT100{ padding-top: 100px !important; }

.hp-paddingB5{ padding-bottom: 5px !important; }
.hp-paddingB10{ padding-bottom: 10px !important; }
.hp-paddingB20{ padding-bottom: 20px !important; }
.hp-paddingB30{ padding-bottom: 30px !important; }
.hp-paddingB40{ padding-bottom: 40px !important; }
.hp-paddingB50{ padding-bottom: 50px !important; }
.hp-paddingB60{ padding-bottom: 60px !important; }
.hp-paddingB70{ padding-bottom: 70px !important; }
.hp-paddingB80{ padding-bottom: 80px !important; }
.hp-paddingB90{ padding-bottom: 90px !important; }
.hp-paddingB100{ padding-bottom: 100px !important; }

/* font */
.mod-font15b{font-weight: bold; font-size:15px!important;}

/* border */
.mod-nobdR{ border-right: 0 !important;}

/* width (px) */
.mod-wd150{ width: 150px !important; }

/* width (%) */
.mod-wd10p{ width: 10% !important; }
.mod-wd15p{ width: 15% !important; }
.mod-wd20p{ width: 20% !important; }
.mod-wd30p{ width: 30% !important; }
.mod-wd40p{ width: 40% !important; }
.mod-wd50p{ width: 50% !important; }
.mod-wd55p{ width: 55% !important; }
.mod-wd60p{ width: 60% !important; }
.mod-wd70p{ width: 70% !important; }
.mod-wd80p{ width: 80% !important; }
.mod-wd90p{ width: 90% !important; }
.mod-wd100p{ width: 100% !important; }


.display-inline{ display: inline; }

sub{
  vertical-align: bottom;
  padding-right: 0;
}

/* table */
.mod-table01 th,
.mod-table01 td{
  padding: 10px;
  border: 1px solid #D2D1CF;
}
.mod-table01 thead th{
  background-color: #135DA9;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border-left: 0;
}
.mod-table01 tbody th{
  background-color: #DFEAF9;
  vertical-align: middle;
  font-weight: normal;
  border-left: 0;
  border-right: 2px solid #D2D1CF;
}
.mod-table01 td{
  padding: 10px;
  vertical-align: middle;
}

/*New layout 201912*/

h3.sdgstit{
 color: #0068b9;
 border-left: 8px solid #0068b9;
 margin-bottom: 20px;
 padding: 10px;
}

h4.bluetit{
 background: #0068b9;
 color: #fff;
 padding: 10px;
 text-align: center;
 border-radius: 10px;
}

h4.sdgs_subtit{
 color: #fff;
 background: #0068b9;
 border-left: none;
 margin-bottom: 20px;
 padding: 10px;
}

.img-caption{
 color: #0068b9;
 border-left: 8px solid #0068b9;
 margin-bottom: 20px;
 padding: 10px;
}

.font_c_b{
 color: #006cb8;
}

.text_indent{
 text-indent: -0.7em;
	margin-left: 0.7em;
}

.section01 p.note{
 text-indent: -1em;
 margin-left: 1em;
}

.font_l{
 font-size: 18px;
}

sub{
 vertical-align: bottom;
 padding-right: 0;
 font-size: x-small;
}

/* table02 */

.mod-table02 th{
 border: 2px solid #0068b9;
 padding: 10px;
 vertical-align: middle;
 color: #0068b9;
 width: 60px;
 text-align: center;
}

.mod-table02 td{
  padding: 0px 10px;
  vertical-align: middle;
}

.mod-table02 td.table-bdr{
 padding: 0px;
}


/* sdgsTable */

.sdgsTable{
	width: 100%;
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
}

.sdgsTable .sdgshyo01{width:150px;}
.sdgsTable .sdgshyo02{width:80px;}
.sdgsTable .sdgshyo03{width:300px;}
.sdgsTable .sdgshyo04{width:350px;}

.sdgsTable td.sdgs_hoicon img{
	width: 100%;
}

.sdgsTable th{
	background:#fff799;
	color:#000;
	vertical-align: middle;
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	padding: 5px;
	text-align: center;
}

.sdgsTable td{
	padding: 10px;
	vertical-align: middle;
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
}

.sdgsTable td.sdgs_mokuhyo .sdgsimgbox img{
 width: 80%;
 margin: 0px auto 8px;
 display: block;
}

.sdgsTable td.sdgs_kadai{
	font-weight: bold;
}

.sdgsTable td.sdgs_service{
	font-size: 1em;
}

#contents-left .sdgsTable td.sdgs_service ul{
 padding-bottom: 0px;
}

.sdgsTable td.sdgs_service ul li{
	text-indent: -0.7em;
	margin-left: 0.7em;
}

.sdgsTable td.sdgs_service ul li::before{
	content: "●";
}

.sdgsTable td.sdgs_service ul.sdgs_p01 li::before{color: #f7ab00;}
.sdgsTable td.sdgs_service ul.sdgs_p02 li::before{color: #00ac97;}
.sdgsTable td.sdgs_service ul.sdgs_p03 li::before{color: #e85298;}

h3.sdgstit_kpi{
	background: #006cb8;
	color: #fff;
	padding: 15px 10px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	z-index: 5;
	margin: 0px auto -15px;
	width: 180px;
}

h3.sdgstit_2050{
	background: #006cb8;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	z-index: 5;
	margin: 0px 0px 10px;
}

.sdgskpibox{
 overflow: hidden;
	background:#fdeff5;
	border:2px solid #ee869a;
	padding: 30px 20px 0px;
	border-radius: 10px;
	position: relative;
	z-index: 0;
 width: 480px;
 margin: 0 auto;
}

.sdgskpibox_02{
 width: 590px;
 margin: 0 auto;
}

.sdgs2050box{
 overflow: hidden;
	background:#fffeee;
	border:2px solid #006cb8;
 padding: 15px 15px 0px;
	border-radius: 10px;
	margin-bottom: 15px;
}

.sdgs2050box02{
	background:#fffeee;
	border:2px solid #006cb8;
 padding: 15px;
	border-radius: 10px;
}

.sdgsbdrbox{
	border-top: 2px dotted #006cb8;
	padding-top: 10px;
	margin-bottom: 10px;
 overflow: hidden;
}

div#contents div#contents-left .sdgsbdrbox p{
 font-size: 14px;
}

.sdgsbdrbox_bdrnone{
		border-top:none;
		padding-top: 0px;
}

.sdgsbdrbox span.sdgs_number{
	font-weight: bold;
	font-size: 24px;
}

div#contents div#contents-left .sdgskpibox_02 p.t2050tit01{
 font-size: 20px;
 text-align: center;
}

div#contents div#contents-left .sdgskpibox_02 p.t2050tit02{
 font-size: 18px;
 text-align: center;
}

.tcfdarea{
	padding: 15px 15px 5px;
	border: 1px solid #1caad0;
	margin:30px 0px 0px;
}