@charset "utf-8";
	
body {
background-color:#fff;
background-image:none;
width:100%;
}
/* ================================================================================ */
/*      wrapper    */  
/* ================================================================================ */
.innerBody{
width:100%;
height: auto !important;
height: 100%;
}

.wrapper{
width:100%;
margin:0 auto;
padding:0;
position:relative;
/*padding-bottom:30px;*/
}

/* ================================================================================ */
/*      header     */  
/* ================================================================================ */
header{
position:relative;
width:100%;
margin:0 auto;
break-before:avoid;
z-index:1000;
}

/* -----------------------------------------
fig_main
----------------------------------------- */
.fig_main{
margin:0 auto;
width:100%;
width:100%;
max-width: 100% ;
margin:0 auto 0;
height:0 !important;
/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
padding-top: 39.8%;
text-align:center;
background:#fff url(../images/bg_top2.png) no-repeat center bottom;
}


	.fig_main-home .metaslider .caption{
	font-size:9px;
	line-height:1.2;
}
.fig_main span{display:none;}

/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */
.contContainer {
width:100%;
	padding-top:6px;
}
.contContainer .innerBlock {
width:100%;
margin:0 auto;
	/*margin-bottom:15px;*/
	padding:0;
	position:relative; /*追加 contFooterのため*/
}

/* ================================================================================ */
/*      information     */  
/* ================================================================================ */
.contHead{
	clear:both;
	width:100%;
	margin:0px auto 20px;
	padding-bottom:0px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contHead .quicknav{order:2;}
.m--message{order:1;}

/*---------------------
  message（お見舞い）
---------------------*/
.m--message br{ display:none;}
.m--message{
width:100%;
margin:0 auto;
padding:0px 12px 12px;
background:#fff;
text-align:center;
}
.m--message p{font-size:1.3rem;line-height:1.5;}


/*---------------------
Quick NAV Btn
---------------------*/
.contHead .quicknav{
	width:calc(100% - 20px);
margin:0 auto;
background:#fff;
}
.contHead .quicknav ul{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
align-items: flex-end;
}
.contHead .quicknav ul li{
height:72px;
margin-bottom:8px;
text-align:center;
}
.contHead .quicknav ul li a{
height:72px;
display:block;
}

/*Quick NAV Btn*/
.btn-qk_message,
.btn-qk_grprgrm,
.btn-qk_seges,
.btn-qk_sns{
flex-basis:calc(calc(100% - 8px) / 2); 
}

.btn-qk_message{background:rgba(0,153,102,.9) url(../images/imgs_top/btn-qk_message_sp.png) no-repeat 50% 50%;} /*#009966*/
.btn-qk_grprgrm{background:rgba(112,198,153,.9) url(../images/imgs_top/btn-qk_grprgrm_sp.png) no-repeat 50% 50%;background-size:contain;}

/*以下SPのみ*/
.btn-qk_seges{border:1px solid #e6e6e6;background:#fff url(../images/banner/banr_seges_s.jpg) 50% 50%;background-size:contain;}
.btn-qk_sns{/*background:#3366ff;background:rgba(188,221,32,.9);*/background:#e1f286;}


li.btn-qk_message,
li.btn-qk_recruitment,
li.btn-qk_grprgrm,
li.btn-qk_seges,
li.btn-qk_movie,
li.btn-qk_sns{
position:relative;
background-repeat: no-repeat;
}
li.btn-qk_movie span{color:#330000;}/*ブラウン*/
li.btn-qk_sns span{
color:#006600;
font-size:1.6rem;
letter-spacing:.1em;
}

li.btn-qk_movie span,
li.btn-qk_sns span{
position:absolute; 
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:80%;
line-height:1.2;
}
li.btn-qk_message span,
li.btn-qk_recruitment span,
li.btn-qk_grprgrm span,
li.btn-qk_seges span{display:none;}

li.btn-qk_movie span::before{
content:url(../images/imgs_top/icon_movie1.png);
display:block;
}
/*---------------------
 ピックアップ（ミニスライダー）
---------------------*/
.wrp_reccomend{
width:100%;
height:50%;
margin:0px auto 60px;
text-align:center;
}
.wrp_reccomend h2,
.newsBlock h2{
	font-size:1.6rem;
	letter-spacing:.5em;
	line-height:1;
	color:#009966; /* 青みどり */
	font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin-bottom:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
}
.newsBlock h2 span,
.wrp_reccomend h2 > span {
	display:inline-block;
	flex: 0 0 auto;
	text-align: left;
}
.newsBlock h2::before,
.newsBlock h2::after,
.wrp_reccomend h2::before,
.wrp_reccomend h2::after{
	content: "";
	flex: 0 0 2px;
	height: auto;
	margin: 0px 24px;
	background:#009966;
}
.newsBlock h2::before,
.wrp_reccomend h2::before { left: 29px; transform: rotate( -25deg ) }
.newsBlock h2::after,
.wrp_reccomend h2::after { right: 29px; transform: rotate( 25deg ) }



.newsBlock h2{
	font-size:2rem;
	/*color:rgb(102,161,95);モスグリーン　濃い*/
	/*position:relative;
	text-align:center;*/
}


/*---------------------
公式動画コンテンツ
---------------------*/
.mvBlock{
	width:calc(100% - 20px);
	height:auto;
	margin:0 auto 30px;
	flex-wrap: wrap;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	justify-content:space-between;
}

/* 最後のコンテンツを左寄せ */
.mvBlock::after {
	content: "";
	display: block;
	width: 49%;
	height: 0;
}

.mvBlock div{width:49%;margin-bottom:9px;font-size:1.3rem;
}
.mvBlock div img{width:100%;height:auto;margin-bottom:1px;}
.mvBlock div p{font-size:1.3rem;}

#no_mvBlock h2{
	width:100%;
	display:block;
	font-size:20px; 
	color:#330000;
	color:#603d06; /* こげ茶 */
	text-align:center;
	position:relative;
	margin-bottom:30px;
}
#no_mvBlock h2 span{
	display:inline-block;
	position:relative;
	padding-left:30px;
}
#no_mvBlock h2 span::before{
	position:absolute;
	display: inline-block;
	top:50%;
	left:0;
	transform: translateY(-40%);
}
#no_mvBlock h2 span::before{
	content:url(../images/imgs_top/icon_movie1.png);
	left: 0;
}



/*---------------------
 インフォメーション ブロック
---------------------*/
.newsBlock{
	width:calc(100% - 20px);
	margin:0 auto 30px ;
}

/*.newsBlock h2 span{
	display:block;
	margin-bottom:60px;
	font-size:2.0rem !important;
	/*text-align:center;
}*/

.bannerBox01{
margin:18px auto 0;
padding:0;
text-align:left;
position:relative;
border: solid 1px #ddd;
border-radius: 3px;
box-shadow: 0 .5rem 3rem -1.5rem hsl(200 50% 20% / 40%);
}

/* 新着情報（タブ） 
---------------------------------------------------- */
#wrap { width: 100%; margin: 0 auto 0;}
#wrap, #tabwrap ,#tabs, #tabs li a{margin: 0;padding: 0;}

#tabwrap { 
	background: transparent; 
	width: 100%;
	/*min-height: 564px;*/
	max-height: 100%;
border-radius:6px;
    position: relative; 
}
#tabs {
width: 64%;
	margin: 6px 40% 10px 0;
overflow: hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
  flex-wrap: wrap;
justify-content:space-between;
border-left:1px solid #99cc66;
}
/*#tabs li { list-style: none; }*/
#tabs li{
flex-basis:50%;
text-align:center;
border-right:1px solid #99cc66;
font-size:1.5rem;
}
#tabs li a { 
width:85%;
margin:0 auto;
font-size:1.5rem;
	display:inline-block;
	/*padding:6px 0px;*/
line-height:36px;
	color: #999;
	text-decoration: none;
	text-align: center;
	font-size: 100%;
background:transparent;
}
#tabs li a.hover {
background: #ffffff;
background: linear-gradient(to bottom, rgba(255,255,255,.0) 0%,rgba(255,255,255,.0) 90%,#99cc66 90%,#99cc66 90%,#99cc66 100%);
}

@media print, screen and (min-width:768px){ /* PC */
#tabs li a:hover {
background: #ffffff;
background: linear-gradient(to bottom, rgba(255,255,255,.0) 0%,rgba(255,255,255,.0) 90%,#99cc66 90%,#99cc66 90%,#99cc66 100%);
}
}

#tabs li:first-child a { border-left: 0; }
#tabs li:last-child a { border-right: 0; }

#tabs li.current a { 
background: linear-gradient(to bottom, rgba(255,255,255,.0) 0%,rgba(255,255,255,.0) 90%,#99cc66 90%,#99cc66 90%,#99cc66 100%);
}
#content-tab{
background: #fff; 
height:auto;
} 

#content-tab > div {
	clear: both;
	padding: 0px;
	display: none;
}

#content-tab .current { display: block; }
#content-tab #no_room.first { display: block; }
#content-tab p { margin: 0 0 0px 0;}

/*ニュース一覧へのボタン*/
ul#tab_others{
position:absolute;
width:36%;
top:0px;
right:0;
text-align:center;
border-right:1px solid #99cc66;
}
ul#tab_others li a{
text-decoration:none;
display:inline-block;
color:#999;
height:36px;
line-height:36px;
letter-spacing:-.2px;
}
ul#tab_others li a:before{
content: url(../images/imgs_icon/icon_ya_r.png);
position:relative;
display:inline;
margin-right: 2px;
}
ul#tab_others li a.hover{
color:#666;
background: linear-gradient(to bottom, rgba(255,255,255,.0) 0%,rgba(255,255,255,.0) 90%,#99cc66 90%,#99cc66 90%,#99cc66 100%);
}

@media print, screen and (min-width:768px){ /* PC */
ul#tab_others li a:hover{
color:#666;
background: linear-gradient(to bottom, rgba(255,255,255,.0) 0%,rgba(255,255,255,.0) 90%,#99cc66 90%,#99cc66 90%,#99cc66 100%);
}
}


/* 新着情報
---------------------------------------------------- */

.tab_txt{
width:100%;
position:relative;
}
.content-tab{margin:0;padding:0 !important;}


.tag_cat{
font-size:11px;
padding:0px 0px;
line-height:1;
background:#39b48a;
background:#fff;
border-radius:3px;
white-space:nowrap;
color:#33cc99;
color:#07b078;
border:1px solid #fff;
letter-spacing:1px;
font-weight:300;
}

.tag_cat:after,
.tag_cat:last-child:after{
white-space: pre-wrap;
content:"　";
}

#content-tab{
background: #fff; 
/*box-shadow: 0 .5rem 3rem -1.5rem hsl(200 50% 20% / 40%);
border: 1px solid #eee;*/
height:auto;
} 

#content-tab > div {
	clear: both;
	padding: 0px;
	display: none;
}

#content-tab .current { display: block; }
#content-tab #no_room.first { display: block; }
#content-tab p { margin: 0 0 10px 0;}


/*---------------------
バナー（ニュースブロック横）
---------------------*/

.adBlock{
	width:100%;
	margin:24px auto 24px;
padding:12px 0;
/*background:#eaf2e7;*/
}

.adBlock div{
	width:calc(100% - 80px);
	margin:6px auto;
	text-align:center;
	vertical-align:middle;
}
.adBlock div img{
	width:100%;
	max-width:100%;
	margin:0;
	padding:0;
	box-shadow: 0 .5rem 2rem -1.5rem hsl(200 50% 20% / 30%);
	border:1px solid #e6e6e6;
	border-radius:10px;
}


/* ================================================================================ */
/*      cont     */  
/* ================================================================================ */

/*古い設定は削除*/

/* layout
---------------------------------------------------- */


/*　wrap_contBox layout
---------------------------------------------------- */
.wrap_contBox,
.contFooter{
margin:0 auto;
background:#fff;
}
#minislider{
width:100%;
display:none;
}
.wrp_grprgrm,/*　緑のプログラム */
.contFooter div/*関連団体、関連リンク*/
{
width:calc(100% - 20px);
margin:0 auto 10px;
}

/*　緑のプログラム */
.wrp_grprgrm{background:#fff;color:#009900;}
.wrp_grprgrm a{color:#009900 !important;font-weight:700;}
.wrp_grprgrm h2 a{color:#006600 !important;}
#id_grprgrm_event .wrp_greenfair h3 a{text-decoration:underline;color:#fff !important;}

/*　緑のプログラム
---------------------------------------------------- */
.wrap_contBox h1{
width:calc(100% - 20px);
margin:0 auto 20px;
padding:12px;
height:72px;
background:#66cc99;
font-size:14px;
text-align:center;
line-height:1.4;
}
.wrap_contBox h1 span{
display:block;
}
.wrap_contBox h1 span:first-child{
font-size:20px;
color:#fff;
}
.wrp_grprgrm .articlehead,
.wrp_grprgrm .contBlock{
width:100%;
margin:0 auto 12px;
}
.wrp_grprgrm .articlehead{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
/* ----------
   見出し
------------*/

/*  サイズ  */
.wrp_grprgrm{
font-size:1.3rem;
}

.wrp_grprgrm .articlehead h2{
font-size:1.6rem;
}
.contFooter h2{
font-size:1.8rem;
letter-spacing:1px;
}
.wrp_grprgrm .articlehead h2,
.txt_pop,
.read_sub{
margin-bottom:3px;
line-height:1.4;
position:relative;
}
.wrp_grprgrm .articlehead h2{margin-bottom:10px;}


/*プログラム見出し*/
.wrp_grprgrm .articlehead h2{color:#006633;order:1;}/*表示順*/
.wrp_grprgrm .txt_pop{font-size:1.5rem;color:#0fb48f; order:2;}/*表示順*/
.wrp_grprgrm .read_sub{font-size:1.3rem;color:rgb(102,161,95); order:3; }/*表示順*/

.wrp_grprgrm .txt_pop,
.wrp_grprgrm .read_sub{
margin-bottom:0;
}



.wrp_grprgrm .articlehead h2,
#id_grprgrm_event .wrp_greenfair h3{
font-size:1.6rem;
padding:5px 1em;
line-height:1em;
border-top:#006400 2px solid;
border-bottom:#006400 2px solid;
position:relative;
}

#id_grprgrm_event .wrp_greenfair h3{
font-size:1.5rem;
letter-spacing:1px;
margin-bottom:0 !important;
padding:1px 1em;
color:#fff;
background:#006600;
}

.wrp_grprgrm .articlehead h2::before{
position:absolute;
left:250px;
top:-10px;
}
.wrp_grprgrm .articlehead h2 a,
#id_grprgrm_event .wrp_greenfair a{
display:block;
text-decoration:none;
}
/*.wrp_grprgrm p.txt_pop::before,
.wrp_grprgrm p.txt_pop::after{
content: "";
flex: 0 0 2px;
height: auto;
margin: 0px 24px;
background:#006400;
}
.wrp_grprgrm p.txt_pop::before { left: 29px; transform: rotate( -25deg ) }
.wrp_grprgrm p.txt_pop::after { right: 29px; transform: rotate( 25deg ) }
*/

/*  関連団体  */
.contFooter h2{
margin-bottom:30px;
padding:4px 1em;
background:#66cc99;
color:#ffffff;
}

/* -----------------------
  コンテンツレイアウト
----------------------- */

.wrp_grprgrm .contBlock{
    flex-wrap: wrap;
display:-webkit-box;
display:-ms-flexbox;
    display: flex;
    justify-content: space-between;
flex-direction:column;
}

.wrp_greenfair{margin-bottom:9px;}


/*   みどりのイベント   */
#id_grprgrm_event .wrp_grprgrm .contBlock{
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}

#id_grprgrm_event .wrp_greenfair .wrp_flex{
width: 100%;
padding:10px;
background:#e9eee6;background:#eaf2e7;
border-radius:4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
    flex-wrap: wrap;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	align-items:flex-start;
}
#id_grprgrm_event .wrp_greenfair h2{
width:100%;
line-height:1;
margin:0px 0 12px;
padding:4px 15px;
font-weight:700;
letter-spacing:1px;
background-color: rgba(224, 255, 46, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(240, 255, 153, 1) 10px, rgba(240, 255, 153, 1) 20px );
border-radius:4px;
}
#id_grprgrm_event .wrp_greenfair .wrp_flex div.box1{flex-basis:33%;}
#id_grprgrm_event .wrp_greenfair .wrp_flex div.box2{flex-basis:64%;}

#id_grprgrm_event .wrp_greenfair div.box2.typ_flex_t{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}

#id_grprgrm_event .wrp_greenfair img{
width:100%;
max-width: 100%;
}
#id_grprgrm_event .wrp_greenfair div.box2 p,
#id_grprgrm_grant .box_grant p{
font-size:1.3rem;
margin:9px 0;
color:#006600;
}

/*   みどりの表彰・助成   */

#id_grprgrm_grant .box_grant{
margin-bottom:9px;
background:#e9eee6;background:#eaf2e7;
border-radius:3px;
}
#id_grprgrm_grant .contBlock{
margin-bottom:0px;
}
#id_grprgrm_grant .box_grant br{display:none;}
.box_grant .box_txt{margin:6px 20px;}
.box_grant.topgrvoices{
width:100%;
margin:0 auto 18px !important;
padding:4px 20px;
}
.box_grant.topgrvoices a{font-size:1.5rem;}

#id_grprgrm_grant .box_txt > ul,
#id_grprgrm_grant .box_txt ul li{margin:9px 0;padding:0;line-height:1.4;
}
#id_grprgrm_grant .box_txt ul ul{ margin:0 0 0 1em;
}
#id_grprgrm_grant .box_txt p{font-size:1.3rem;line-height:1.4
}
/* カバー画像（みどりの表彰・助成） */
.box_grant .box_fig{
display:none;
/*
width:286px;
height:150px;
overflow:hidden;
border-radius:6px 6px 0 0 ;
background:#fff 0 0 no-repeat;
background-size:cover;
*/
}
/*
.cover_3hyosho .box_fig{background-image:url(../images/imgs_top/cover_grant_3hyosho.jpg);}
.cover_grant_social .box_fig{background-image:url(../images/imgs_top/cover_grant_social.jpg);}
.cover_grant_kao .box_fig{background-image:url(../images/imgs_top/cover_grant_kao.jpg);}
.cover_grant_fccontest .box_fig{background-image:url(../images/imgs_top/cover_grant_fccontest.jpg);}
.cover_grant_study .box_fig{background-image:url(../images/imgs_top/cover_grant_study.jpg);}
.cover_grant_offer .box_fig{background-image:url(../images/imgs_top/cover_grant_offer.jpg);}
*/

/*   みどりの技術 ・ みどりの評価   */
.wrp_grprgrm .contBlock_typ2 ul{
width:100%;
margin:0 auto;
    flex-wrap: wrap;
display:-webkit-box;
display:-ms-flexbox;
    display: flex;
    justify-content: space-between;
flex-direction:column;
}
.wrp_grprgrm .contBlock_typ2 ul li {
width:100%;
padding:12px 20px;
margin:0 0 9px;
background:#e9eee6;background:#eaf2e7;
border-radius:3px;
}

.wrp_grprgrm .contBlock_typ2 ul li.btn_seges,
.wrp_grprgrm .contBlock_typ2 ul li.btn_sinsa{
width:100%;
min-height:72px;
padding-left:78px;
    flex-wrap: wrap;
display:-webkit-box;
display:-ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrp_grprgrm .contBlock_typ2 ul li.btn_seges{
background:#eaf2e7 url(../images/banner/banr_seges_ss.png) no-repeat 26px 50%;
background-size: auto 60px;
}
.wrp_grprgrm .contBlock_typ2 ul li.btn_sinsa{
background:#eaf2e7 url(../images/banner/banr_sinsa.gif) no-repeat 20px 50%;
background-size: auto 50px;
}

/*     みどりのサポート     */

.wrp_grprgrm.grprbox_support .contBlock_typ2 ul{
	flex-wrap: nowrap;
}
.wrp_grprgrm.grprbox_support .contBlock_typ2 ul li {
width:100%;
flex-wrap: wrap;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
justify-content: space-between;
}
.wrp_grprgrm.grprbox_support .contBlock_typ2 ul li br,
.grprbox_support .box_fig{
display:none;
/*
width:160px;
height:160px;
margin:18px auto;
overflow:hidden;
border-radius:6px 6px 0 0 ;
background:#edfad0 0 0 no-repeat;
background-size:cover;
border-radius:80px;
background-position:center center;
*/
}
.wrp_grprgrm .contBlock_typ2 ul li p{margin:0;}
/*
.btn_grtechworkshop .box_fig{background-image:url(../images/cover_support_grtechworkshop.jpg);background-position:-30px 50%;}
.btn_international .box_fig{background-image:url(../images/cover_support_international.png);}
.btn_insurance .box_fig{background-image:url(../images/cover_support_insurance.png);background-size:auto;}
.btn_skyfront .box_fig{background-image:url(../images/cover_support_skyfront.jpg);}
*/


/*     関連団体、関連リンク     */

/*関連団体、関連リンク*/
.contFooter div{
background:#fff;
}
.contFooter a{color:#006600 !important;}
#id_grgrp ul{margin:0;}

.contFooter div{
justify-content: space-between;
align-items: flex-start;
}

#id_grgrp ul li{
padding-left:20px;
position:relative;}
#id_grgrp ul li:before{ /*caret*/
position:relative;
content: '';
position: absolute;
top: 0;
bottom:0;
left: 0px;
margin: auto;
width:20px;
height:6px;
 -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
  border: 6px solid transparent;
  border-left: 6px solid orange;
}


#id_grgrp{width:100%;}


#id_grlinks{display:none;}