@charset "UTF-8";

/* PC */
@media (min-width: 850px) {

}/*--- PC ---*/


/*----------------------------------------------------------------------
■common
----------------------------------------------------------------------*/ 

/* h3 */
#article_top h3{
font-size:170%;
font-weight:bold;
color: #8E7155;
}

.tec_h3{
font-size: 1.25em !important;
}

/* h4 */
#article_contents h4{
font-size:120%;
font-weight:bold;
_margin:5px 0px 2.5px 0px;
margin:10px 0px 5px 0px;
}

/* h4アイコン */
#article_contents h4::before {
content: '\f56b';
font-family: "Font Awesome 6 free";
margin-right: 5px;
color: #75BA83;
}

/* h5 */
#article_contents h5{
font-size:100%;
font-weight:bold;
margin:5px 0px;
color:#5EA595;
}

/* h6 */
#article_contents h6{
font-size:95%;
font-weight:bold;
margin:5px 0px;
}

a:link, a:visited{color: #000000;}
a:hover, a:active{color:#FFCC33; font-style: normal;}
a:hover{text-decoration: none;}

.bs1{margin-top:15px !important;}
.bs2{margin-top:30px !important;}

.description{font-size:small !important;}

.author{
font-size: 90%;
font-weight: bold;
text-align: right;
}


/* 文字装飾 */

.bold{font-weight:bold;}
.center{text-align: center;}

.red{color: #ff2200;}
.italic{font-style: italic;}


.imp{ 
font-size:105%;
font-weight:bold;
color: #ff2200;
}

.new{
color:#ff4400;
font-size:12px;
font-weight:bold;
margin-left:5px;
height:auto;
width:auto;
}

/*----- 装飾アイコン -----*/

/* PDF */
.pdf::after {
 content: '\f1c1';
 font-family: "Font Awesome 6 free";
 margin-left: 5px;
 color: red;
 font-weight: 900;
}

/* リンク */
.new_page::after {
 content: '\f08e';
 font-family: "Font Awesome 6 free";
 margin-left: 5px;
 color: orange;
 font-weight: 900;
 text-decoration: none;
 display: inline-block;
}

/* サイト内別ページ */
.arrow::after {
 content: '\f14c';
 font-family: "Font Awesome 6 free";
 margin-left: 5px;
 color: green;
 font-weight: 900;
 text-decoration: none;
 display: inline-block;
}

/* サイトマップ丸 */
.nl li::before {
 content: '\f111';
 font-family: "Font Awesome 6 free";
 margin-right: 5px;
 green;
 font-weight: 900;
 text-decoration: none;
 display: inline-block;
}

.nl_1 li::before{color:#CC3333;}
.nl_2 li::before{color:#666699;}
.nl_3 li::before{color:#669933;}
.nl_4 li::before{color:#996699;}
.nl_5 li::before{color:#CC9900;}
.nl_6 li::before{color:#FFCC33;}
.nl_7 li::before{color:#000000;}

/*----------------------------------------------------------------------
■img
----------------------------------------------------------------------*/ 
.imgset{
display: flex;
flex-wrap: wrap;
}

.imgset li{
margin-right:10px;
}

.imgsoro img{
width: 100%;
}

.img90 img{
max-width:90vw;
}

.imgset p,
.imgsoro p,
.img90 p{
 font-size: 80% !important;
}

/*------------------- 
■ 生物多様性 
---------------------*/
.img20 img{
max-width:20vw;
}

/*------------------- □ 会社案内---------------------*/

/*------------------- 
■ 会社案内 company
---------------------*/
.company-menu{
display:flex;
flex-wrap:wrap;
font-size: large;
}

.company-menu li{
background-color: #B0D0D1;
border-radius: 20px;
padding:15px;
margin:10px 30px 0 0;
}

.company-menu a{
text-decoration: none !important;
}


/* PC */
@media (min-width: 850px) {
.shihen{
display: flex;
align-items: center;
justify-content: center;
}

.shihen p{
display: block;
text-align:center;
}

.soe{text-align:center;}



.company-menu {
margin:0 auto;
width: 550px;
}

.company-menu li{
background-color: #B0D0D1;
border-radius: 20px;
padding:15px;
margin:10px 15px 0 15px;
}

}/*--- PC ---*/



/*------------------- 
■ 会社理念 rinen
---------------------*/
.joy{
text-align: center;
font-size:80% !important;
}

.joy img{
max-width: 50vw;
}

/*------------------- 
■ 会社概要 gaiyou
---------------------*/
.gaiyou{
border-collapse: collapse;
}

.gaiyou th{
width:90px;
border: 1px dotted #333;
background-color:#B0C6A2;
font-weight: normal;
text-align:center;
}

.gaiyou td{
border: 1px dotted #333;
text-align: left;
padding: 2px 0 2px 15px;
}

.gaiyou ul{
padding-left:10px;
list-style-type:disc;
}

.gaiyou ol{
padding-left:10px;
font-size:small;
}

.circle li{
font-size:small;
list-style-type:circle;
}

.mark_0{list-style-type:none;}

.dantai li{
float:left;
list-style-type: none;
font-size:small;
padding-right: 15px;
}

/*------------------- 
■ 決算公告 kessan
---------------------*/
.kessan{
padding:10px 10px 20px 10px;
}

.kessan li{
display: inline-block;
width: 200px;
height: 25px;
padding: 10px 0px;
}

/*------------------- 
■ 所在地 shozaiti
---------------------*/
.zyusho{
padding-left:10px;
list-style-type:none;
margin-bottom:10px;
}

/*------------------- □ 業務紹介---------------------*/

/*------------------- 
■ 業務紹介 index
---------------------*/
.intro-menu{
display:flex;
flex-wrap:wrap;
font-size: large;
}

.intro-menu li{
background-color: #B0D0D1;
border-radius: 20px;
padding:15px;
margin:10px 30px 0 0;
}

.intro-menu a{
text-decoration: none !important;
}
 
/*------------------- 
■ 自然環境調査 tyousa
---------------------*/
.koumoku{
padding-bottom:10px;
font-size: 85%;
}

.koumoku a{
text-decoration: none;
}

.koumoku li{
display: inline;
height: 25px;
margin-right:10px;
}

/*------------------- 
■ 生物多様性 biodiversity
---------------------*/

.bio_box_t{
display:flex;
background-color: #B0DBD1;
border-radius: 15px;
padding:10px 10px 5px 10px;
}

.bio_box{
display:flex;
background-color: #B0D0D1;
border-radius: 20px;
padding:15px;
}

/*------------------- □ テクニカルノート---------------------*/

/*------------------- 
■ 記事一覧 index
---------------------*/
.mokuzi{
background-color: #B0D0D1;
border-radius: 15px;
padding:10px;
margin-bottom: 20px;
}

.mokuzi li{
display: inline-block;
width: 200px;
height: 25px;
padding: 5px 5px;
}

.kizi{
padding-bottom: 5px;
}

.kizi a{
 text-decoration: none; 
}

.kizi li::before {
 content: '\f31c';
 font-family: "Font Awesome 6 free";
 margin-right: 5px;
 color: orange;
 font-weight: 900;
 text-decoration: none;
 display: inline-block;
}

.kizi span{
font-size:small;
}

/* スマホ */
@media (max-width: 850px) {
.etec{
display: none;
}
}/*--- スマホ ---*/


/*------------------- 
■ 海鳥探求の道
---------------------*/
div.tori table{
border-collapse: collapse;
}

div.tori th{
line-height: 30px;
border: 1px solid #333;
background-color: #B0C6A2;
font-weight: normal;
text-align:center;
}

div.tori td{
border: 1px solid #333;
padding: 0 5px 0 5px;
}

/* スマホ */
@media (max-width: 850px) {
div.tori{
display: none;
}
}/*--- スマホ ---*/


/* PC */
@media (min-width: 850px) {
.tori_gazo{
display: none;
}
}/*--- PC ---*/

.fisheye iframe{
max-width:90vw;
}

/*------------------- 
■ ウミツバメ
---------------------*/
div.tori td.red-border{
border: 2px solid #FF0000;
}

/*------------------- 
■ ドジョウ
---------------------*/
.dozyo li{
margin-bottom: 10px;
}

/*------------------- 
■ 日本の双翅目
---------------------*/
.hae_t{ background-color: #CAD6C5;}
.shimabae{border-collapse: collapse;}
.shimabae th{
text-align: left;
border: 2px solid #333;
font-weight: bold;
padding:2px;
}
.shimabae td{
text-align: left;
border: 2px solid #333;
}
.shimabae td p{ margin-left:5px;}

/*------------------- 
■ e-tec
---------------------*/
.kaeru {
border-collapse: collapse;
font-size: small;
}

.kaeru th{
width:auto;
border: 1px dotted #333;
background-color:#B0C6A2;
font-weight: normal;
text-align:center;
padding: 10px;
}

.kaeru td{
border: 1px dotted #333;
text-align: center;
padding: 10px;
}

/*------------------- 
■ 植物
---------------------*/
.setumei{
background-color:#E6DEC9;
padding: 5px;
}


/*------------------- □ コンテンツ---------------------*/


/*------------------- 
■ コンテンツ一覧 index
---------------------*/

.contents ul{
font-size:small !important;
border-bottom: 1px dotted #333;
margin-bottom:25px;
}

.contents li{
display: inline-block;
width: 310px;
}

/*------------------- 
■ 書籍情報 bookinfo
---------------------*/

.book_text{
display: flex;
background-color: #B2D5BC;
border-radius: 10px;
padding: 10px;
}

.book_text li{
display: inline-block;
padding-right:10px;
}

/*------------------- 
■ エコリスちゃん ecorischan
---------------------*/

.ecoris-chan li::before {
 content: '\f0c8';
 font-family: "Font Awesome 6 free";
 margin-right: 5px;
 color: orange;
 font-weight: 900;
 text-decoration: none;
 display: inline-block;
}


/*------------------- □ 写真・動画---------------------*/


/*------------------- 
■ 掲載種一覧 index
---------------------*/

.rui th{
background-color: #B0C6A2;
font-weight: normal;
font-size: small;
padding-left: 2px;
padding-right: 2px;
width: 160px;
}

.rui img{
height: 25px;
width: 30px;
}

.fu{
display:flex;
flex-wrap:wrap;
}
.fu li{
margin-bottom: 2px;
}


/* PC */
@media (min-width: 850px) {
.rui th{
width: 210px;
font-size: medium;
}
}/*--- PC ---*/

.rui a{
 text-decoration: none; 
}

.rui{
margin-bottom:15px;
}


/*------------------- □ 採用情報---------------------*/

/*------------------- 
■ 採用トップ index
---------------------*/
.saiyo a{
 text-decoration: none; 
}

.saiyo-top img{
max-width:100%;
}

.saiyo ul{
font-size:small !important;
border-bottom: 1px dotted #333;
margin-bottom:25px;
}

.saiyo li{
display: inline-block;
width: 310px;
}

/*------------------- 
■ 募集要項
---------------------*/
.call{
display: block;
max-width: 670px;
}

.youkou{
border-collapse: collapse;
}

.youkou th{
width:90px;
border: 1px dotted #333;
background-color:#B0C6A2;
font-weight: normal;
text-align:center;
}

.youkou td{
border: 1px dotted #333;
text-align: left;
padding: 2px 0 2px 5px;
}

.youkou ul{
padding-left:5px;
list-style-type:disc;
}

.youkou ol{
padding-left:5px;
font-size:small;
}

.circle li{
font-size:small;
list-style-type:circle;
}

.mark_0{list-style-type:none;}


/*------------------- 
■ パートタイム
---------------------*/

#part_time dt{     
background:url( ../images/contents_img/q.gif) 0px 2px no-repeat; 
padding:0 0 5px 21px;
margin-top:15px;
font-weight:bold;
line-height:1.5em;
}
#part_time dd{     
background:url( ../images/contents_img/a.gif) 0px 2px no-repeat; 
padding:0 0 5px 21px;
line-height:1.5em;
}

/*------------------- □ お知らせ---------------------*/

.date{
font-weight:bold;
font-size: small;
text-align:right;
}

/*------------------- 
■ 会社説明会
---------------------*/

.square_btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #68CD1B;
    color: #54B200;
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

/*------------------- 
■ ビオトープフォーラム
---------------------*/
.biotope{
border-collapse: collapse;
margin-bottom:10px;
}

.biotope th{
width:110px;
border: 1px dotted #333;
background-color:#B0C6A2;
font-weight: normal;
text-align:center;
padding:3px;
}

.biotope td
{
border: 1px dotted #333;
text-align:center;
padding: 3px;
}


/*------------------- □ サイトマップ---------------------*/

.sitemap a{
text-decoration: none;
}

/* PC */
@media (min-width: 850px) {
.sitemap{
display: flex;
}
.col{
padding-right: 40px;
}

}/*--- PC ---*/