@charset "utf-8";

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("https://www.hrnet.co.jp/webfonts/fa-solid-900.eot");
  src: url("https://www.hrnet.co.jp/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://www.hrnet.co.jp/webfonts/fa-solid-900.woff2") format("woff2"), url("https://www.hrnet.co.jp/webfonts/fa-solid-900.woff") format("woff"), url("https://www.hrnet.co.jp/webfonts/fa-solid-900.ttf") format("truetype"), url("https://www.hrnet.co.jp/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }


/*-------------------------------------------
	planetarium
--------------------------------------------*/
.planetarium .headcont {
	padding: 20px 0;
	float: none;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.planetarium .headcont p{
display: inline;
}
.planetarium .logo {
	float: none;
}
.planetarium .logo span {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	padding-left:10px;
}
.planetarium .headcont img{
	vertical-align: middle;

}
.plhtitle{
display: inline;
padding-left:30px;
color:#008B67;
font-weight: bold;
font-size:20px;
font-size:2.0rem;
}


.planetarium img {
max-width: none;
	height: auto;
	width/***/
	: auto;
}
.plnavi ul {
min-width:769px;
}
.plnavi ul li {
	float: left;
	width: 20%;
	text-align: center;
border-right:1px solid #fff;
}
.plnavi ul li:nth-child(5n) {
border-right:none;
}
.plnavi ul li a,
.plnavi ul li p{
display: block;
padding:15px 0;
border-width: 2px 0 0;
border-style: solid;
background:#f8f8f8;
}


.plnavi ul li:first-child a{
border-color:#95cb4d;
}
.plnavi ul li:nth-child(2) a{
border-color:#a54991;
}
.plnavi ul li:nth-child(3) a{
border-color:#7ac5d1;
}
.plnavi ul li:nth-child(4) a{
border-color:#d58457;
}
.plnavi ul li:nth-child(5) a{
border-color:#cbb877;
}
.plnavi ul li:nth-child(6) a{
border-color:#8773b0;
}
.plnavi ul li:nth-child(7) a{
border-color:#75cfbe;
}
.plnavi ul li:nth-child(8) a{
border-color:#d5c5bb;
}
.plnavi ul li:nth-child(9) a{
border-color:#78badb;
}
.plnavi ul li:nth-child(10) {
color:#ccc;
border-color:#888268;
}



.mainvisual{
padding:15px 0;
text-align: center;
background:#01040B;
}
.plmbox{
  margin: 10px 0 30px;
}

.flc{
position: relative;
display: table-cell;
width: 150px;
padding: 10px 0;
text-align: center;
color: #fff;
vertical-align: middle;
}
.fltxt{
display: table-cell;
padding-left:20px;
vertical-align: middle;
}

.flc.fl03{
display: block;
}
.fl03{
width:100%;
text-align: left;
padding-top:15px;
padding-left:15px;
}
.fl01:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  z-index: 2;
}

.fl02:before{
  content: "";
  position: absolute;
top: -5px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #f8f8f8;
  z-index: 1;
}
.fl03:before{
  content: "";
  position: absolute;
top: -5px;
  left: 10%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #f8f8f8;
  z-index: 1;
}
.fl01:after,
.fl02:after{
  content: "";
  position: absolute;
  bottom: -23px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #95cb4d;
  z-index: 1;
}

.planetarium .sec{
margin-top:0;
}
.plcont{
padding-top:100px;
}
.plcontbox{
padding:50px;
background:#f8f8f8;
}

.plcontinner{
width:750px;
margin:0 auto;
}
.plcont h2{
position: relative;
width:360px;
margin:-80px auto 0;
padding:10px 0;
color:#fff;
font-weight: bold;
text-align: center;
font-size:20px;
font-size:2.0rem;
}

.plcont h3{
font-size:22px;
font-size:2.2rem;
text-align: center;
font-weight: bold;
margin:30px 0;
}
.plcont h4{
font-size:20px;
font-size:2.0rem;
font-weight: bold;
margin:30px 0 20px;
}
.plm_txt{
margin-bottom:30px;
}
.plm_link a{
text-decoration: underline;
}
.plm_link i{
display: inline-block;
	padding-right:10px;
}
.plm_link:before {
    content:"\f0c1";
    display: inline;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
	
	
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;


	padding-right:10px;
}
.plm_link p{
padding-left:1.2em;
}
.txt_sml{
font-size:0.8em;
}
/*----- environment -----*/
#environment h2,
#environment .flc{
background: #95cb4d;
}
#environment h3,
#environment h4,
#environment .plm_link:before{
color:#95cb4d;
}
#environment .fl01:after,
#environment .fl02:after{
border-top-color: #95cb4d;
}

/*----- energy -----*/
#energy h2,
#energy .flc{
background: #a54991;
}
#energy h3,
#energy h4,
#energy .plm_link:before{
color:#a54991;
}
#energy .fl01:after,
#energy .fl02:after{
border-top-color: #a54991;
}

/*----- food_water -----*/
#food_water h2,
#food_water .flc{
background: #7ac5d1;
}
#food_water h3,
#food_water h4,
#food_water .plm_link:before{
color:#7ac5d1;
}
#food_water .fl01:after,
#food_water .fl02:after{
border-top-color: #7ac5d1;
}

/*----- health -----*/
#health h2,
#health .flc{
background: #cbb877;
}
#health h3,
#health h4,
#health .plm_link:before{
color:#cbb877;
}
#health .fl01:after,
#health .fl02:after{
border-top-color: #cbb877;
}

/*----- urbanization -----*/
#urbanization h2,
#urbanization .flc{
background: #8773b0;
}
#urbanization h3,
#urbanization h4,
#urbanization .plm_link:before{
color:#8773b0;
}
#urbanization .fl01:after,
#urbanization .fl02:after{
border-top-color: #8773b0;
}

/*----- education -----*/
#education h2,
#education .flc{
background: #CF784D;
}
#education h3,
#education h4,
#education .plm_link:before{
color:#CF784D;
}
#education .fl01:after,
#education .fl02:after{
border-top-color: #CF784D;
}

/*----- labor_employment -----*/
#labor_employment h2,
#labor_employment .flc{
background: #75cfbe;
}
#labor_employment h3,
#labor_employment h4,
#labor_employment .plm_link:before{
color:#75cfbe;
}
#labor_employment .fl01:after,
#labor_employment .fl02:after{
border-top-color: #75cfbe;
}

/*----- security -----*/
#security h2,
#security .flc{
background: #d5c5bb;
}
#security h3,
#security h4,
#security .plm_link:before{
color:#d5c5bb;
}
#security .fl01:after,
#security .fl02:after{
border-top-color: #d5c5bb;
}

/*----- disaster -----*/
#disaster h2,
#disaster .flc{
background: #78badb;
}
#disaster h3,
#disaster h4,
#disaster .plm_link:before{
color:#78badb;
}
#disaster .fl01:after,
#disaster .fl02:after{
border-top-color: #78badb;
}

/*----- governance -----
#governance h2,
#governance .flc{
background: #888268;
}
#governance h3,
#governance h4,
#governance .plm_link:before{
color:#888268;
}
*/