﻿/* 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-marginR10{ margin-right: 10px !important; }
.hp-marginR20{ margin-right: 20px !important; }
.hp-marginR30{ margin-right: 30px !important; }
.hp-marginR40{ margin-right: 40px !important; }
.hp-marginR50{ margin-right: 50px !important; }
.hp-marginR60{ margin-right: 60px !important; }
.hp-marginR70{ margin-right: 70px !important; }
.hp-marginR80{ margin-right: 80px !important; }
.hp-marginR90{ margin-right: 90px !important; }
.hp-marginR100{ margin-right: 100px !important; }
.hp-marginR110{ margin-right: 110px !important; }

.hp-marginT0{ margin-top: 0px !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-marginT65{ margin-top: 65px !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-marginT110{ margin-top: 110px !important; }
.hp-marginT120{ margin-top: 120px !important; }
.hp-marginT130{ margin-top: 130px !important; }
.hp-marginT140{ margin-top: 140px !important; }
.hp-marginT150{ margin-top: 150px !important; }

.hp-marginB5{ margin-bottom: 5px !important; }
.hp-marginB10{ margin-bottom: 10px !important; }
.hp-marginB15{ margin-bottom: 15px !important; }
.hp-marginB20{ margin-bottom: 20px !important; }
.hp-marginB25{ margin-bottom: 25px !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-font13{font-size:13px!important;}
.mod-font13b{font-weight: bold; font-size:13px!important;}
.mod-font15b{font-weight: bold; font-size:15px!important;}

.font_b {
    font-weight: bold;
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.mod-lh14{line-height: 1.4em !important;}
/* border */
.mod-nobdR{ border-right: 0 !important;}

/* width (px) */
.mod-wd90{ width: 90px !important; }
.mod-wd150{ width: 150px !important; }
.mod-wd160{ width: 160px !important; }
.mod-wd170{ width: 170px !important; }
.mod-wd190{ width: 190px !important; }
.mod-wd200{ width: 200px !important; }
.mod-wd210{ width: 210px !important; }
.mod-wd220{ width: 220px !important; }
.mod-wd230{ width: 230px !important; }
.mod-wd240{ width: 240px !important; }
.mod-wd250{ width: 250px !important; }
.mod-wd260{ width: 260px !important; }
.mod-wd270{ width: 270px !important; }
.mod-wd360{ width: 360px !important; }
.mod-wd370{ width: 370px !important; }
.mod-wd380{ width: 380px !important; }
.mod-wd460{ width: 460px !important; }
.mod-wd480{ width: 480px !important; }
.mod-wd510{ width: 510px !important; }
.mod-wd520{ width: 520px !important; }
.mod-wd560{ width: 560px !important; }
.mod-wd610{ width: 610px !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-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; }

/* table */
.mod-table1{
  font-size: 12px;
  border-top: 1px solid #000;
  margin: 5px 0;
}
.mod-table1 th{
  background-color: #E8F1DB;
  padding: 8px 10px;
  font-weight: normal;
  border-bottom: 1px solid #000;
}
.mod-table1 td{
  padding: 8px;
  text-align: right;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}

.bd-block{
  border: 5px solid #E7ECF2;
  padding: 30px;
  font-size: 12px;
}

sub{
  vertical-align: bottom;
  padding-right: 0;
}

/* biodiversity */
.bd_original{
	background:#498a76;
	padding:20px;
}

.bd_original .bd_bg_w{
	background:#fff;
	border-radius:10px;
	padding:30px;
}

.bd_original .tit_1{
	background: #498a76;
	border: 2px solid #498a76;
	position: relative;
	border-radius:50%;
	color:#fff;
	width: 170px;
	height: 170px;
	text-align: center;
	font-weight: bold;
	margin:0 auto 20px;
	box-sizing: border-box;
	padding-bottom: 0 !important;
}
.bd_original .tit_1 > span{
	font-size:18px;
	width:100%;
	height:100%;
	text-align: center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.5;
}
.bd_original .tit_1 > span span {
	display: inline-block;
}

.bd_original .tit_2{
	margin:20px 0px !important;
  text-align: center;
	font-size:15px !important;
}
.bd_original .tit_2.ver2{
	margin:0px 0px 20px !important;
	font-size:1.7rem;
}

.bd_original .img_bd_1{width:80px;}
.bd_original .img_bd_2{width:150px;}
.bd_original .img_bd_3{max-width:200px !important;}

.bd_original .line_bdr{
	width:100%;
	height:5px;
	background: -webkit-repeating-linear-gradient(-45deg,#498a76 0,#498a76  10px,#c9efe4  10px,#c9efe4 20px);
	background: -o-repeating-linear-gradient(-45deg,#498a76  0,#498a76  10px,#c9efe4 10px,#c9efe4 20px);
	background: repeating-linear-gradient(-45deg,#498a76  0,#498a76  10px,#c9efe4 10px,#c9efe4 20px);
}

.bd_original .line_bdr_2{
	width:100%;
	height:5px;
	background: -webkit-repeating-linear-gradient(-45deg,#7ab645 0,#7ab645  10px,#d2f0b8  10px,#d2f0b8 20px);
	background: -o-repeating-linear-gradient(-45deg,#7ab645  0,#7ab645  10px,#d2f0b8 10px,#d2f0b8 20px);
	background: repeating-linear-gradient(-45deg,#7ab645  0,#7ab645  10px,#d2f0b8 10px,#d2f0b8 20px);
}


.bd_original .line_bdr_3{
	width:100%;
	height:5px;
	background: -webkit-repeating-linear-gradient(-45deg,#004351 0,#004351  10px,#96c0c9  10px,#96c0c9 20px);
	background: -o-repeating-linear-gradient(-45deg,#004351  0,#004351  10px,#96c0c9 10px,#96c0c9 20px);
	background: repeating-linear-gradient(-45deg,#004351  0,#004351  10px,#96c0c9 10px,#96c0c9 20px);
}

.bd_original.bd_2_o{
	background:#7ab645;
}

.bd_original.bd_2_o .tit_1{
	background: #7ab645;
	border: 2px solid #7ab645;
}

.bd_original.bd_3_o{
	background:#004351;
}

.bd_original.bd_3_o .tit_1{
	background: #004351;
	border: 2px solid #004351;
	width: 180px;
	height: 180px;
}

.pgsptit{
	padding: 14px 15px 12px !important;
	text-align: center;
	font-weight:600;
	font-size:16px;
	margin-bottom:20px;
	color: #fff;
	border-radius:40px;
}
.pgsptit.closp8{background:#004351;}
.pgsptit.closp5 {background: #498a76;}
.pgsptit.closp6 {background: #7ab645;}

.coldg3 {
    display: grid;
    gap: 4rem;
    grid-template-columns: repeat(3, 1fr);
}
.pgtit_2 {
    font-size: 15px;
    font-weight: 600;
    padding: 0 0 0 20px !important;
    margin-bottom: 10px;
    position: relative;
}
.pgtit_2::before{
	font-family: 'Material Icons';
	content: "";
	width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #004351;
	position: absolute;
	top:0;
	left:0;
  bottom: 0;
  margin: auto;
}

table.hyo_1.v3 {
  border-top: 1px solid #ccc;
  width: 100%;
}
table.hyo_1 tbody th, table.hyo_1 tbody td {
  vertical-align: middle;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
table.hyo_1 tbody th {
  background: #E3E3E3;
  text-align: center;
}

div#contents-left .img_flexarea {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-flex-pack: justify;
  -moz-flex-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.flow_con .font_m {
	font-size: 15px;
}