@charset "utf-8";

.innerBody{
width:100%;
height: auto !important;
height: 100%;
}

.wrapper{
width:100%;
margin:0 auto 30px;
padding:0;
position:relative;
padding-bottom:30px;
}
/* ============================================ */
/*      contContainer     */  
/* ============================================ */
.contContainer {
width:100%;
margin-top:0;
padding-top:6px;
background-color:#f9f9f9;
overflow:hidden;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------------------------------------------------------------------------

	layout_top   (class="home blog logged-in")

-------------------------------------------------------------------------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------

fig_main

----------------------------------------- */

	body.home .fig_main-home{
	position:absolute;
	top:223px;
	left:50%;
transform:translateX(-50%);
	margin-top:0;
	width:980px;
	height:393px;
	background-color:#fff;
	border-radius:0px;
	box-shadow: 0 0 20px #f5f5f5;
	z-index:1001;
}
.fig_main span{display:none;}

#metaslider_306{
	border-radius:6px;
	box-shadow: 0 0 20px #f5f5f5;
}
.caption-wrap{
	border-radius:0 0 0px 0px;
}

/* ============================================ */

/*      contHead     */  

/*		message		*/
/*		Quick NAV Btn	*/ 

/* ============================================ */

.contHead{
	clear:both;
	width:100%;
	margin:30px auto 20px;
	padding-bottom:0px;
}

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

/*  m--message（お見舞い）  */
.m--message{
width:100%;
margin:0 auto 30px;
padding:30px 0 !important;
background:#fff;
text-align:center;
font-size:16px;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.m--message p{
font-size:15px;}

/*	Quick NAV Btn
---------------------------------------------------- */

.contHead .quicknav{
width:1300px;
margin:30px auto 0;
height:130px;
background:url(../images/imgs_top/bg_quicknav.png) no-repeat center bottom;
}
.contHead .quicknav ul{
width:980px;
height:130px;
margin:0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content: space-between;
align-items: flex-end;
}
.contHead .quicknav ul li{
width:32.5%;
height:87px;
text-align:center;
}
.contHead .quicknav ul li a{
height:87px;
display:block;
}
.contHead .quicknav ul span{display:none;}

/*Quick NAV Btn*/
.btn-qk_message,
.btn-qk_recruitment,
.btn-qk_grprgrm,
.btn-qk_seges,
.btn-qk_movie,
.btn-qk_sns{display:block;}

.btn-qk_message{background:rgba(0,153,102,.9) url(../images/imgs_top/btn-qk_message.png) no-repeat 30% 50%;} /*#009966*/
.btn-qk_recruitment{background:rgba(188,221,32,.9) url(../images/imgs_top/btn-qk_recruitment.png) no-repeat 50% 50%;}
.btn-qk_grprgrm{background:rgba(112,198,153,.9) url(../images/imgs_top/btn-qk_grprgrm.png) no-repeat 50% 50%;}

/*以下SPのみ*/
.btn-qk_seges,
.btn-qk_movie,
.btn-qk_sns{display:none;}

/*以下SPのみ
.btn-qk_seges{background:#fff url(../images/imgs_top/btn-qk_seges.png);}
.btn-qk_movie{background:rgba(0,153,102,.9) url(../images/imgs_top/btn-qk_movie.png);}
.btn-qk_sns{background:rgba(0,153,102,.9) url(../images/imgs_top/btn-qk_sns.png);}



.contContainer .innerBlock {
	width:100%;
	margin:0 auto;
	margin-bottom:15px;
	position:relative; 
	}
	/*
	.contContainer .innerBlock.inner_contM{
	width:980px;
	}*/


/*---------------------
 ピックアップ（ミニスライダー）
---------------------*/
.wrp_reccomend{
	width:1300px;
	width:1080px;
margin:0px auto 90px;
text-align:center;
}
.wrp_reccomend.reccomend--sp{
width:100%;
}
.wrp_reccomend 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;
}
.wrp_reccomend h2 > span {
display:inline-block;
flex: 0 0 auto;
text-align: left;
}
.wrp_reccomend h2::before,
.wrp_reccomend h2::after{
content: "";
flex: 0 0 2px;
height: auto;
margin: 0px 24px;
background:#009966;
}
.wrp_reccomend h2::before { left: 29px; transform: rotate( -25deg ) }
.wrp_reccomend h2::after { right: 29px; transform: rotate( 25deg ) }

.wrp_reccomend .slides li{
border:1px solid #e6e6e6;
box-shadow: 0 .5rem 2rem -1.5rem hsl(200 50% 20% / 30%);
}


/*---------------------
 インフォメーション ブロック
---------------------*/

.wrp_info,
.mvBlock{
width:980px;
height:auto;
margin:60px auto 60px;
flex-wrap: wrap;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
}
.wrp_info{justify-content: space-between;}
.mvBlock{justify-content: space-between;}

.newsBlock{flex-basis:700px;height:auto;} /*newsBlock　新着情報*/
.adBlock{flex-basis:240px;} /*adBlock　広報バナー*/

/*---------------------
ニュース　ブロック
---------------------*/

.newsBlock h2{
font-size:2.4rem;
color:rgb(102,161,95); /*モスグリーン　濃い*/
position:relative;
padding-left:100px;
}

.newsBlock h2::before{
display:block;
position:absolute;
left:0;
top:50%;
transform: translateY(-50%);
}

.newsBlock h2::before{
content:"";
width:80px;
height:80px;
background:url(../images/imgs_top/icon_newgreen.png) no-repeat;
background-size:contain;
}



/* 新着情報（タブ） 
---------------------------------------------------- */
#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;
margin-top:-40px; /* h2 とのバランス*/
}
#tabs {
width: 240px;
	margin: 0px 200px 24px auto;
overflow: hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
  flex-wrap: wrap;
justify-content:flex-end;
}
/*#tabs li { list-style: none; }*/
#tabs li{width: 120px;text-align:right}
#tabs li a { 
font-size:1.5rem;
display: inline-block;
	/*padding:6px 0px;*/
line-height:48px;
	color: #999;
	text-decoration: none;
	text-align: center;
	font-size: 100%;
background:transparent;
}

#tabs li a:hover {
background: #ffffff;
background: -moz-linear-gradient(top, rgba(255,255,255,.0) 0%, rgba(255,255,255,.0) 90%, #99cc66 90%, #99cc66 90%, #99cc66 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,.0) 0%,rgba(255,255,255,.0) 90%,#99cc66 90%,#99cc66 90%,#99cc66 100%);
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: -moz-linear-gradient(top, rgba(255,255,255,.0) 0%, rgba(255,255,255,.0) 90%, #99cc66 90%, #99cc66 90%, #99cc66 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,.0) 0%,rgba(255,255,255,.0) 90%,#99cc66 90%,#99cc66 90%,#99cc66 100%);
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; 
box-shadow: 0 0 20px #eee;
border: 1px solid #eee;*/
height:auto;
} 

#content-tab > div {
	clear: both;
	/*padding: 30px;*/
	/*line-height: 19px;*/
	display: none;
}

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

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

/* 新着情報
---------------------------------------------------- */
ul.newsindex{
border:1px solid #f2f2f2;
margin:0 auto 6px;
border-radius:6px;
}
ul.newsindex li{
padding:20px 30px;
background:#fff;
}
ul.newsindex p.newsTit a{font-weight:bold;
}
/*---------------------
バナー（ニュースブロック横）
---------------------*/
.adBlock div{
width:100%;
margin-bottom:10px;
}
.adBlock div img{width:100%;height:auto;}

/*---------------------
公式動画コンテンツ
---------------------*/
.mvBlock div{width:240px;}
.mvBlock div img{width:100%;height:105px;margin:0;}
.mvBlock div p{font-size:1.3rem;}

#no_mvBlock h2{
width:100%;
margin-bottom:0px;
padding-right:130px;
display:block;
font-size:24px;
line-height:44px;
color:#330000;
position:relative;
/*background:#fdddae;*/
border-radius:3px;
text-align:center;
}
#no_mvBlock h2 span{
display:inline-block;
padding:0 0 0 40px;
position:relative;
}
#no_mvBlock h2 span::before,
#no_mvBlock h2 span::after{
position:absolute;
/*top:50%;*/
/*transform: translateY(-50%);*/
}
#no_mvBlock h2 span::before{
content:url(../images/imgs_top/icon_movie1.png);
top:3px;
left:10px;
}
#no_mvBlock h2 span::after{
content:url(../images/imgs_top/icon_movie1-txt.png);
top:5px;
right:-200px;
}




/* ============================================ */
/*      ad area（広報エリア）     */  
/* ============================================ */

#metaslider_307 div.caption{
background-color:#906c48;
}
#metaslider_307{
margin-bottom:0;
}

metaslider .flex-viewport

/* バナーエリア
---------------------------------------------------- */
.adBlock{
float:right;
width:265px;
margin-top:60px;
}
.adBlock ul li{
margin-bottom:12px;
display:inline-block;
width:265px;
text-align:center;
vertical-align:middle;
}
.adBlock img{
width:100%;
max-width:265px;
margin:0;
padding:0;
/*box-shadow: 0 .5rem 2rem -1.5rem hsl(200 50% 20% / 30%);*/
border:1px solid #e6e6e6;
border-radius:10px;
}

/* ============================================ */
/*      cont     */  
/* ============================================ */
.contBody{
clear:both;
width:100%;
background:#fff;
font-size:1.5rem;
}

/*　wrap_contBox layout
---------------------------------------------------- */
#contBody h2 span{
display:inline-block;
visibility:visible !important;
}
.wrap_contBox,
.contFooter{
margin:0 auto;
background:#fff;
}

#minislider,
.newsBlock{
width:1080px;
}
.wrp_grprgrm,/*　緑のプログラム */
.contFooter div/*関連団体、関連リンク*/
{
width:980px;
margin:0 auto 60px;
padding-bottom:30px;
}

/*　緑のプログラム */
.wrp_grprgrm{background:#e9eee6;}
.wrp_grprgrm a{
color:#009933;
}
/*　緑のプログラム
---------------------------------------------------- */
.wrap_contBox h1{
display:block;
width:980px;
margin:60px auto 60px;
height:240px;
background:#e6e6e6 url(../images/imgs_top/h1_grprgrm.png) no-repeat 0 0;
border-radius:10px;
position:relative;
}
.wrap_contBox h1::before{
content:url(../images/imgs_top/fig_bird.png);
position:absolute;
top:-30px;
right:140px;
}
.wrp_grprgrm .articlehead,
.wrp_grprgrm .contBlock{
width:90%;
margin:0 auto 12px;
}
.wrp_grprgrm .articlehead{
margin-bottom:0;
text-align:center; 
display:-webkit-box;
display:-ms-flexbox;
display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
/* ----------
   見出し
------------*/
#id_grprgrm h2 span{
display:inline-block;
visibility:visible !important;
}

/*  サイズ  */
.wrp_grprgrm{
font-size:1.5rem;
}
.wrp_grprgrm .articlehead h2{
font-size:2rem;
}
.contFooter h2{
font-size:1.8rem;
letter-spacing:1px;
}
#id_grprgrm_event .wrp_greenfair h3{
font-size:1.5rem;
}
.wrp_grprgrm .articlehead h2,
.txt_pop,
.read_sub{
margin-bottom:20px;
position:relative;
}
#id_grprgrm .articlehead h2{font-size:24px;}
#id_grprgrm .txt_pop{font-size:15px;letter-spacing:1px;}
#id_grprgrm .read_sub{font-size:16px;letter-spacing:1px;}

/*プログラム見出し*/
#id_grprgrm .articlehead h2{color:#fff; order:2;}/*表示順*/
#id_grprgrm .txt_pop{color:#006400; order:1;}/*表示順*/
#id_grprgrm .read_sub{color:#339933; order:3; }/*表示順*/
.wrp_grprgrm .txt_pop,
.wrp_grprgrm .read_sub{
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-weight:600;
}
#id_grprgrm .articlehead h2,
#id_grprgrm_event .wrp_greenfair h3{
padding-left:1em !important;
background:#006400;
border-radius:4px;
	position:relative;
	height:33px;
	line-height:33px;
}
#id_grprgrm .articlehead h2{
	height:44px;
	line-height:44px;
}

#id_grprgrm_event .wrp_greenfair h3 ,
#id_grprgrm_event .wrp_greenfair h3 a{
background-image:none !important;
border:none 0 !important;
margin:0 0 10px !important;
font-weight:normal;
}
.wrp_grprgrm .articlehead h2::before{
position:absolute;
left:250px;
top:-10px;
}

.wrp_grprgrm.grprbox_event .articlehead h2::before{content:url(../images/imgs_top/icon_grprgrm_event.png);}
.wrp_grprgrm.grprbox_grant .articlehead h2::before{content:url(../images/imgs_top/icon_grprgrm_grant.png);}
.wrp_grprgrm.grprbox_tech .articlehead h2::before{content:url(../images/imgs_top/icon_grprgrm_tech.png);}
.wrp_grprgrm.grprbox_evaluation .articlehead h2::before{content:url(../images/imgs_top/icon_grprgrm_evaluation.png);}
.wrp_grprgrm.grprbox_support .articlehead h2::before{content:url(../images/imgs_top/icon_grprgrm_support.png);}

.wrp_grprgrm .articlehead h2 a,
#id_grprgrm_event .wrp_greenfair a{
display:block;
color:#fff;
text-decoration:none;
}

.wrp_grprgrm .txt_pop{
margin-top:-10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-flow: row nowrap;
justify-content: center;
align-items: stretch;
}
.wrp_grprgrm .txt_pop > span {
flex: 0 0 auto;
text-align: left;
}
.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:6px 1em;
background:#6ab987;
color:#ffffff;
}


#id_grprgrm_event .wrp_greenfair h2,
#id_grprgrm_event .wrp_greenfair h3
{
font-size:1.6rem;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

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

.wrp_grprgrm .contBlock{
    flex-wrap: wrap;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: space-between;
align-items: stretch;
}

/*   みどりのイベント   */

#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{
flex: 0 1 49%;
max-width: 49%;
padding:20px;
background:#fff;
border-radius:4px;
}
#id_grprgrm_event .wrp_greenfair h2{
width:100%;
height:36px;
max-width: 100%;
margin:6px 0 24px;
padding:4px 15px;
color:#080000;
text-align:center;
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{
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 div.box1{
flex: 0 0 142px;
max-width: 142px;
margin-right:15px;
}
#id_grprgrm_event .wrp_greenfair div.box2{
flex: 0 0 230px;
max-width: 230px;
}

#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 div.box2 .banner_fair,
#id_grprgrm_event .wrp_greenfair div.box1 img,
#id_grprgrm_event .wrp_greenfair div.box2 .banner_fair img{
width:100%;
max-width:100%;
}


#id_grprgrm_event .wrp_greenfair div.box1 img{
box-shadow: 0 .5rem 2rem -1rem hsl(200 50% 20% / 30%);
}
#id_grprgrm_event .wrp_greenfair div.box2 p,
#id_grprgrm_grant .box_grant p{
/*font-size:1.3rem;*/
margin:9px 0;
color:#006400;
}


#id_grprgrm_event .wrp_greenfair p a{
color:#008000;
}

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

#id_grprgrm_grant .box_grant{
flex-basis:286px;
margin-bottom:12px;
background-color:#fff;
border-radius:6px;
}
.box_grant .box_txt{margin:18px;}
.box_grant .box_txt ul{
	margin:0;
padding:0;
}

.box_grant .box_txt ul li a{
	position:relative;
padding-left:15px;
font-weight:bold;
font-size:1.6rem;
}

.box_grant .box_txt ul li a::before{
content:"";
display:inline-block;
position:absolute;
	top:3px;
	left:0;
	width:12px;
	height:12px;
	border:6px solid transparent;
	border-left:6px solid #ff9900;
}
/*みなさんからのお便り*/
#id_grprgrm_grant .box_grant.topgrvoices{
width:90%;
margin:0 auto;
padding:18px;text-align:center;
background:#ffffe3;
}
#id_grprgrm_grant .box_grant.topgrvoices p{
font-size:1.6rem;
font-weight:bold;
color:#2b6d2b;
}
#id_grprgrm_grant .box_grant.topgrvoices p span{
position:relative;
}
#id_grprgrm_grant .box_grant.topgrvoices p span::after{
content:url(../images/imgs_top/icon_grvoices.png);
position:absolute;
top:50%;
right:-120px;
transform:translateY(-50%);
}


/* カバー画像（みどりの表彰・助成） */
.box_grant .box_fig{
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_gakushu .box_fig{background-image:url(../images/imgs_top/cover_grant_gakushu.png);}/*差替え*/

.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:90%;
margin:0 auto;
    flex-wrap: wrap;
display:-webkit-box;
display:-ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.wrp_grprgrm .contBlock_typ2 ul li {
width:49% ;
padding:18px 36px;
margin:0 0 12px;
background:#fff;
font-size:1.6rem;
border-radius:6px;
}
.wrp_grprgrm .contBlock_typ2 ul li a{
color:#006400;
}
.wrp_grprgrm .contBlock_typ2 ul li.btn_seges,
.wrp_grprgrm .contBlock_typ2 ul li.btn_sinsa{
min-height:120px;
padding-left:105px;
    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:#fff url(../images/banner/banr_seges_ss.png) no-repeat 24px 50%;
background-size: auto 80%;
}
.wrp_grprgrm .contBlock_typ2 ul li.btn_sinsa{
background:#fff url(../images/banner/banr_sinsa.gif) no-repeat 20px 50%;
background-size: auto 70px;
}

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

.wrp_grprgrm.grprbox_support .contBlock_typ2 ul{
	flex-wrap: nowrap;
}
.wrp_grprgrm.grprbox_support .contBlock_typ2 ul li {
width:24.5%;
padding-right:12px;
padding-left:12px;
text-align:center;
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;
}

.grprbox_support .box_fig{
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;
}

.btn_grtechworkshop .box_fig{background-image:url(../images/imgs_top/cover_support_grtechworkshop.jpg);background-position:-30px 50%;}
.btn_international .box_fig{background-image:url(../images/imgs_top/cover_support_international.png);}
.btn_insurance .box_fig{background-image:url(../images/imgs_top/cover_support_insurance.png);background-size:auto;}
.btn_skyfront .box_fig{background-image:url(../images/imgs_top/cover_support_skyfront.jpg);}
.btn_morihug .box_fig{background-image:url(../images/imgs_top/cover_support_morihug.png);}/*差替え*/



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

/*関連団体、関連リンク*/
.contFooter div,
#id_grlinks ul,
#id_grlinks ul li,
#id_grlinks ul .box_fig{
flex-wrap: wrap;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
}
#id_grgrp ul,
#id_grlinks ul{margin:0;font-size:1.5rem;}

.contFooter div,
#id_grlinks ul{
justify-content: space-between;
align-items: stretch;
}

#id_grgrp{flex: 0 1 30%; max-width:30%;}
#id_grlinks{flex: 0 1 65%; max-width:65%;}
#id_grlinks ul li{flex: 0 1 45%; max-width:45%;}

#id_grlinks ul li p{font-size:14px;}
#id_grlinks ul .box_fig{
height:70px;
margin-bottom:10px;
flex-wrap: wrap;
align-items: center;}

#id_grlinks ul .box_fig img{
max-height:60px;
}

#id_grlinks ul li,
#id_grlinks ul li a{
font-size:1.2rem;
font-size:12px;
}
#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 #ff9900;
}