@charset "UTF-8";
/*-----------------------------------------------------------
=base 基本設定
	色の設定
	bodyの設定
	area 汎用エリア設定
	box　汎用ボックス設定
	tabset　汎用タブセット設定
	headding 汎用見出し設定
	汎用テキスト設定
	link 汎用リンク、ボタン設定
	list 汎用リスト設定
	table 汎用テーブル設定
=path　パンクズリスト
=header　ヘッダー
	header ヘッダー
	nav グローバルナビ
	slide スライド

=container コンテンツコンテナ
	トップページの内容
	news お知らせ
	
=footer フッター

=main visual 共通のメインヴィジュアル設定
=headdings 共通の見出しスタイル
=list 共通のリストスタイル
=tables 共通のテーブルスタイル

=tools その他共通で使うパーツ
=utilities 導入ユーティリティ設定

-----------

	
最終更新日 2018年12月27日
-----------------------------------------------------------*/
/*=========================================================
	
980px以上サイズの表示

=========================================================*/
/*-----------------------------------------------------------
=base 基本設定
-----------------------------------------------------------*/
/*---------------資源エネルギー庁のヘッダ・フッタ 調整用----------------*/
#header .fRight p, #eHeader .fRight p {
    font-size: 1em!important;
}
#gSearch{
	margin-left: 0!important;
}
#footer #megaFooter h2{
	font-size: 1em!important;
}
#footer #copy ul, #footer #copy p {
    font-size: 1em!important;
    width: 100%;
}
/*-------------------bodyの設定-------------------*/
body{
	margin:0;
	padding:0;
	width: 100%;
	height:100%;
	background-color: #fff;
	font-size: 16px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W2", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, sans-serif;
	line-height: 1.8;
	color: #222;
	position:relative;
}
/*body.saiene18 #main{
	width: 100%;
	max-width: 100%;
}
body.saiene18 #main img{
	width: auto;
	height: auto;
	max-width: 100%;
}*/
.saiene1810{
	width: 100%;
	overflow: hidden;
	padding-top: 7px;
}
div, ul, li{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
div:after,
ul:after {
	display: block;
	clear: both;
}
ul li{
	list-style-type:none;
}
body.common img{
	display: inherit;
}
body.common img.img--inline{
	display: inline!important;
	vertical-align: middle;
}
pre{
	margin-bottom: 2em;
	padding: 1em 1em;
	border: 1px solid #ddd;
	color: #666;
	box-sizing: border-box;
}
pre span.gy{
	color: #999;
}
pre span.rd{
	color: #eb6551;
}
pre span.blu{
	color: #5a9de6;
}
pre span.gr{
	color: #46b51c;
}

/*-------------------area 汎用エリア設定-------------------*/
.common__area{
	width: 100%;
}
.common__area--white{
	background: #fff;
}
.common__area--green{
	background: #f4ffe1;
}
.common__area--gray{
	background: #f0f0f0;
}

/*-------------------box 汎用ボックス設定-------------------*/
.common__box--inner01{
	width: 960px;
	margin: 0 auto;
}
.common__box--resp{
	width: 100%;
	margin: 0 auto;
	display: inline-block;
}
.common__box--resp.img{
	padding: 1em 0;
	text-align: center;
}
.common__box--resp.img img{
	width: auto;
}
.common__box--resp-set{
	width: 90%;
	margin: 0 auto;
}
.common__box--resp-set .box01{
	width: 35%;
	margin: 0 2% 0 0;
	float: left;
}
.common__box--resp-set .box01 img{
	width: 100%;
	display: block!important;
    margin: 0 auto;
}

.common__box--resp-set .box02{
	width: 60%;
	margin: 0;
	float: left;
}
	
.common__box--set01{/*見出しとリストのセット*/
	margin:2em 0;
	padding: 15px 30px;
	border: 1px solid #ddd;
	border-radius: 20px;
}
	.common__box--set01 h1,
	.common__box--set01 h2,
	.common__box--set01 h3,
	.common__box--set01 h4{
		margin:0;
		padding: 10px 10px 0 30px;
		border-bottom: 1px solid #ddd;
		font-size: 20px;
		font-weight: bold;
		color: #555;
		position: relative;
	}
	.common__box--set01 h1:before,
	.common__box--set01 h2:before,
	.common__box--set01 h3:before,
	.common__box--set01 h4:before{/*緑の丸*/
		content: "";
	    width: 18px;
	    height: 18px;
	    border-radius: 50%;
	    position: absolute;
	    left: 0px;
	    top: 20px;
	    background: #017831;
	}
	.common__box--set01 .common__ul--tri01{
		width: 100%;
	}
	.common__box--set01 .common__ul--circ01{
		width: 100%;
	}

.common__box--float2p{/*2つのボックスを並べる　.cfを一緒につけてください*/
	width: 100%;
	margin:2em 0;
	padding: 0;
	box-sizing: border-box;
}
	.common__box--float2p .inner{
		width: 48%;
		margin-right: 2%;
		float:left;
		border: 1px solid #ddd;
		border-radius: 20px;
	}
	.common__box--float2p .inner:last-child{
		margin-right: 0;
		float: right;
	}
	.common__box--float2p h1,
	.common__box--float2p h2,
	.common__box--float2p h3,
	.common__box--float2p h4{
		width: 85%;
		margin:0 auto 1em auto;
		padding: 10px 10px 0 30px;
		border-bottom: 1px solid #ddd;
		font-size: 18px;
		font-weight: bold;
		color: #555;
		position: relative;
	}
	.common__box--float2p h1:before,
	.common__box--float2p h2:before,
	.common__box--float2p h3:before,
	.common__box--float2p h4:before{/*緑の丸*/
		content: "";
	    width: 18px;
	    height: 18px;
	    border-radius: 50%;
	    position: absolute;
	    left: 0px;
	    top: 16px;
	    background: #017831;
	}
	body.common .common__box--float2p h1 span{
		color: #555;
	}


.common__box--float3p{/*3つのボックスを並べる　.cfを一緒につけてください*/
	width: 100%;
	margin:2em 0;
	padding: 0;
	box-sizing: border-box;
}
	.common__box--float3p .inner{
		width: 32%;
		margin-right: 2%;
		float:left;
		border: 1px solid #ddd;
		border-radius: 20px;
	}
	.common__box--float3p .inner:last-child{
		margin-right: 0;
	}
	.common__box--float3p h1,
	.common__box--float3p h2,
	.common__box--float3p h3,
	.common__box--float3p h4{
		width: 85%;
		margin:0 auto 1em auto;
		padding: 10px 10px 0 30px;
		border-bottom: 1px solid #ddd;
		font-size: 18px;
		font-weight: bold;
		color: #555;
		position: relative;
	}
	.common__box--float3p h1:before,
	.common__box--float3p h2:before,
	.common__box--float3p h3:before,
	.common__box--float3p h4:before{/*緑の丸*/
		content: "";
	    width: 18px;
	    height: 18px;
	    border-radius: 50%;
	    position: absolute;
	    left: 0px;
	    top: 16px;
	    background: #017831;
	}
	body.common .common__box--float3p h1 span{
		color: #555;
	}


/*-------------------tabset 汎用タブセット設定-------------------*/
/*アコーディオン可変タイプ　高さ指定する必要あり*/
.common__tabset{
	margin: 2em 0;
	padding: 20px 0;
	position: static;
}
.common__tabset .tabset--inner{
	width: 100%;
	height: 24em;
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
}

	body.common .common__tabset .btn_act{
		height: 50px;
		margin-right: 10px;
	    margin-bottom: 1px;
	    padding: 12px 25px 10px 16px;
	    display: inline-block;
	    background: #fff;
	    font-size: 16px;
	    font-weight: bold;
	    text-align: center;
	    text-decoration: none;
	    color: #222;
	    border-radius: 20px 20px 0 0;
	    border: 1px solid #ddd;
	    border-bottom: none;
	    box-sizing: border-box;
	}
	.common__tabset .btn_act.tab-open{
		background: #017831!important;
		color: #fff!important;
		border-bottom: none!important;
        z-index: 1;
        -webkit-transition: all .2s ease;
		transition: all .2s ease;
	}
	.common__tabset .btn_act a{
		display: block;
	}
	.common__tabset .btn_act a:link,
	.common__tabset .btn_act a:visited{
		text-decoration: none;
	}
	.common__tabset .btn_act a:hover{
		text-decoration: none;
		color: #017831;
	}
	.common__tabset .btn_act.tab-open a:link,
	.common__tabset .btn_act.tab-open a:visited{
		text-decoration: none;
		color: #fff;
	}

	.common__tabset .motion{
		width: 100%;
		height: 24em;
	    margin-top: -1px;
		padding: 16px 30px;
		background: #fff;
	    display: none;
	    border: 1px solid #ddd;
	    border-top: 3px solid #017831;
	    box-sizing: border-box;
	    overflow: auto;
	    position: absolute;
	    display: none;
	    top: 50px;
	    left: 0;
		z-index: 1;
	}
	
	.common__tabset #motion_area1{
		display: block;
	}
	
	.common__tabset h1,
	.common__tabset h2,
	.common__tabset h3,
	.common__tabset h4{
		width: 90%;
		margin:0 auto 1em auto;
		padding: 10px 10px 0 30px;
		border-bottom: 1px solid #ddd;
		font-size: 20px;
		font-weight: bold;
		color: #555;
		position: relative;
	}
	.common__tabset h1:before,
	.common__tabset h2:before,
	.common__tabset h3:before,
	.common__tabset h4:before{/*緑の丸*/
		content: "";
	    width: 18px;
	    height: 18px;
	    border-radius: 50%;
	    position: absolute;
	    left: 0px;
	    top: 20px;
	    background: #017831;
	}
	body.common .common__tabset h1 span{
		color: #555;
	}
	/*リストを入れる場合*/
	.common__tabset .common__ul--tri01{/*緑の三角アイコンつき*/
		width: 90%;
	    margin: 1.5em auto;
		}
	.common__tabset .common__ul--tri01 li{
		height: auto;
	    margin: 0 0 0.5em 0;
	    padding: 0 0 0 15px;
	    display: block;
	    border: none;
	    font-weight: normal;
	    text-align: left;
	    position: relative;
		}
	.common__tabset .common__ul--tri01 li:before{
		position: absolute;
	    content: '';
	    top: 0.5em;
	    left: 0;
	    box-sizing: border-box;
	    width: 8px;
	    height: 6px;
	    border: 6px solid transparent;
	    border-left: 8px solid #017831;
		}
	.common__tabset .common__ul--tri01 li a:link,
	.common__tabset .common__ul--tri01 li a:visited{
		text-decoration: underline;
	}

/*そのまま縮まるタイプ、アコーディオン可変しない、高さ指定必要なし*/
.common__tabset02{
	padding: 20px 0;
	position: static;
}
.common__tabset02 .tabset--inner{
	width: 100%;
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
}

	body.common .common__tabset02 .btn_act{
		height: 50px;
		margin-right: 10px;
	    margin-bottom: 1px;
	    padding: 12px 25px 10px 16px;
	    display: inline-block;
	    background: #fff;
	    font-size: 16px;
	    font-weight: bold;
	    text-align: center;
	    text-decoration: none;
	    color: #222;
	    border-radius: 20px 20px 0 0;
	    border: 1px solid #ddd;
	    border-bottom: none;
	    box-sizing: border-box;
	}
	.common__tabset02 .btn_act.tab-open{
		background: #017831!important;
		color: #fff!important;
		border-bottom: none!important;
        z-index: 1;
        -webkit-transition: all .2s ease;
		transition: all .2s ease;
	}
	.common__tabset02 .btn_act a{
		display: block;
	}
	.common__tabset02 .btn_act a:link,
	.common__tabset02 .btn_act a:visited{
		text-decoration: none;
	}
	.common__tabset02 .btn_act a:hover{
		text-decoration: none;
		color: #017831;
	}
	.common__tabset02 .btn_act.tab-open a:link,
	.common__tabset02 .btn_act.tab-open a:visited{
		text-decoration: none;
		color: #fff;
	}

	.common__tabset02 .motion{
		width: 100%;
	    margin-top: -1px;
		padding: 16px 30px;
		background: #fff;
	    display: none;
	    border: 1px solid #ddd;
	    border-top: 3px solid #017831;
	    box-sizing: border-box;
	    overflow: auto;
		z-index: 1;
	}
	
	.common__tabset02 #motion_area1{
		display: block;
	}



/*タブ3つをなるべく均等に並べる*/
.common__tabset .tab3p,
.common__tabset02 .tab3p{
	width: 31.5%;
	margin-right: 1%;
}
body.common .common__tabset .tab3p.end,
body.common .common__tabset02 .tab3p.end{
	margin-right: 0;
}

/*タブ2つをなるべく均等に並べる*/
.common__tabset .tab2p,
.common__tabset02 .tab2p{
	width: 49%;
	margin-right: 1%;
}
body.common .common__tabset .tab2p.end,
body.common .common__tabset02 .tab2p.end{
	margin-right: 0;
}

/*-------------------headding 汎用見出し設定-------------------*/
/*サイト名につけるh1はheaderの項目を見てください*/

/*h1*/
h1.common__headding--h1a{/*緑の背景、白抜き文字*/
	margin:40px 0 30px 0;
	padding: 12px 10px 10px 50px;
	background: #017831;
	border-radius: 20px;
	font-size: 20px;
	color: #fff;
	position: relative;
}
h1.common__headding--h1a span{
	color: #fff;
}
	h1.common__headding--h1a:before{/*白い棒*/
		content: "";
	    width: 4px;
	    height: 25px;
	    position: absolute;
	    left: 25px;
	    top: 16px;
	    background: #fff;
	}


/*h2*/
h2{
	margin: 0;
}
body.common h2.common__headding--p {/*txt*/
	text-align: center;
	font-size:18px;
}
body.common h2.common__headding--h2a {/*スピーカーアイコン*/
	text-align: center;
    position: relative;
}
body.common h2.common__headding--h2a span{
	margin: auto;
	padding: 45px 0 25px 65px;
    font-size: 24px;
    font-weight: normal;
    background: url(../img/ico_h2_speaker.png)left 35px no-repeat;
    display: inline-block;
}

h2.common__headding--h2b{/*フォルダアイコン*/
	margin:35px auto;
	text-align: center;
    position: relative;
}
h2.common__headding--h2b span{
	padding: 35px 0 15px 65px;
	background: url(../img/ico_h2_folder.png) left 25px no-repeat;
	font-size:24px;
	font-weight: normal;
}
h2.common__headding--h2kaitori{/*固定価格買取制度*/
	padding: 105px 0 25px 0;
	background: url(../img/ico_h2_kaitori.png) center 35px no-repeat;
	text-align: center;
	font-size:24px;
	font-weight: normal;
}
h2.common__headding--h2learn{/*再生可能エネルギーとは*/
	padding: 65px 0 15px 0;
	background: url(../img/ico_h2_learn.png) center 15px no-repeat;
	text-align: center;
	font-size:24px;
	font-weight: normal;
}
/*文字横*/
/*h2.common__headding--h2learn{
	padding: 16px 0 8px 70px;
	background: url(../img/ico_h2_learn.png) 150px center no-repeat;
	font-size:24px;
	text-align: center;
	font-weight: normal;
}*/
h2.common__headding--h2c{/*グレーの背景、緑の枠*/
	margin:40px 0 60px 0;
	padding: 8px 10px 6px 50px;/*[上][右][下][左]12px 10px 10px 50px*/
	background: #f6f7f3;
	border: 1px solid #017831;
	border-radius: 16px;/*角丸半径20　*/
	font-size: 20px;
	color: #222;
	position: relative;
}
	h2.common__headding--h2c:before{/*緑の棒*/
		content: "";
	    width: 4px;
	    height: 25px;
	    position: absolute;
	    left: 25px;
	    top: 10px;/*緑棒上の空16*/
	    background: #017831;
	}
	
h2.common__headding--h2top{/*緑の背景、白抜き文字*/
	margin:40px 0 10px 0;/*[上][右][下][左]40px 0 30px 0px*/
	padding: 8px 10px 6px 50px;/*[上][右][下][左]12px 10px 10px 50px*/
	background: #017831;
	border-radius: 16px;/*角丸半径20　*/
	font-size: 20px;
	color: #fff;
	position: relative;
}
	h2.common__headding--h2top:before{/*白い棒*/
		content: "";
	    width: 4px;
	    height: 25px;
	    position: absolute;
	    left: 25px;
	    top: 11px;/*白い棒上の空16*/
	    background: #fff;
	}	
h2.headding--keyword{/*キーワード*/
	padding-top: 35px;
}	
/*h3*/
h3.common__headding--h3a{/*グレーの枠*/
	margin:30px 0 20px 0;
	padding: 10px 10px 10px 50px;
	border: 1px solid #ddd;
	border-radius: 20px;
	font-size: 20px;
	color: #555;
	position: relative;
}
	h3.common__headding--h3a:before{/*緑の丸*/
		content: "";
	    width: 24px;
	    height: 24px;
	    border-radius: 50%;
	    position: absolute;
	    left: 16px;
	    top: 16px;
	    background: #017831;
	}

h3.common__headding--h3b{/*グレーの下線*/
	margin:30px 0 20px 0;
	padding: 10px 10px 0px 50px;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
	color: #555;
	position: relative;
}
	h3.common__headding--h3b:before{/*緑の丸*/
		content: "";
	    width: 24px;
	    height: 24px;
	    border-radius: 50%;
	    position: absolute;
	    left: 16px;
	    top: 16px;
	    background: #017831;
	}
	h3.common__headding--h3b a{/*リンクを入れると*/
		width: 100%;
	    padding-right: 50px;
	    background: url(../img/ico_arr02_gr.png)99% center no-repeat;
	    color: #555;
	    text-decoration: underline;
	    display: block;
	    box-sizing: border-box;
	}
	
h3.common__headding--h3c{/*グレーの背景、緑の枠*/
	margin:40px 0 20px 0;
	padding: 8px 10px 6px 50px;/*[上][右][下][左]12px 10px 10px 50px*/
	background: #f6f7f3;
	border: 1px solid #017831;
	border-radius: 16px;/*角丸半径20　*/
	font-size: 20px;
	color: #222;
	position: relative;
}
	h3.common__headding--h3c:before{/*緑の棒*/
		content: "";
	    width: 4px;
	    height: 25px;
	    position: absolute;
	    left: 25px;
	    top: 11px;/*白い棒上の空16*/
	    background: #017831;
	}
	
/*h4*/
h4.common__headding--h4a{/*グレーの下線*/
	margin:20px 0 15px 0;
	padding: 10px 10px 5px 50px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	color: #555;
	position: relative;
}
	h4.common__headding--h4a:before{/*緑の丸*/
		content: "";
	    width: 18px;
	    height: 18px;
	    border-radius: 50%;
	    position: absolute;
	    left: 16px;
	    top: 16px;
	    background: #ccc;
	}

h4.common__headding--h4b{/*グレーの下線*/
	margin:30px 0 20px 0;
	padding: 10px 10px 10px 50px;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
	color: #555;
	position: relative;
}
	h4.common__headding--h4b:before{/*緑の丸*/
		content: "";
	    width: 24px;
	    height: 24px;
	    border-radius: 50%;
	    position: absolute;
	    left: 16px;
	    top: 16px;
	    background: #017831;
	}
	h4.common__headding--h4b a{/*リンクを入れると*/
		width: 100%;
	    padding-right: 50px;
	    background: url(../img/ico_arr02_gr.png)99% center no-repeat;
	    color: #555;
	    text-decoration: underline;
	    display: block;
	    box-sizing: border-box;
	}	
/*h5*/
h5{
	margin: 1em 0 0.7em 0;
	padding-left: 1.8em;
	border-bottom: dotted 1px #ccc;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
	h5:before {
	    position: absolute;
	    top: 7px;
	    left: 1em;
	    width: 6px;
	    height: 15px;
	    background: #017831;
	    content: "";
	}
/*-------------------汎用テキスト設定-------------------*/	
body.common p{
	width: 90%;
    margin: 0.5em auto 1.5em auto;
    font-size: 16px;
    line-height: 1.8;
    /*letter-spacing: -0.05em;*/
}
/*-------------------link 汎用リンク、ボタン設定-------------------*/
a:link, a:visited {
	color: #222;
	text-decoration: underline;
}
a:hover {
	color: #017831;
	text-decoration: none;
}
a img{
	text-decoration:none;
	border:none;
	color:transparent;
	vertical-align: middle;
    margin-left: 5px;
}

.common__link--outer{
	margin-left: 0.2em;
	padding-left: 25px;
	background: url(../img/ico_link_outer_gr01.png)left 0.2em / 20px 20px no-repeat;
	display: inline-block;
	box-sizing: border-box;
}
.common__link--pdf2{
	margin-left: 0.2em;
	padding-left: 25px;
	background: url(../img/icon_pdf.png)left top / 23px 23px no-repeat;
	display: inline-block;
	box-sizing: border-box;
}


/*本文中の大きいボタン*/
.btn_1btn90 {
    width: 50%;
    margin: 0.2em auto;
    padding: 1em 0.5em;
    display: block;
    text-align: center;
    box-sizing: border-box;
    color: #333;
    background: -webkit-linear-gradient(top, #c9ffde 0%, #8fe4b1 100%);
    background: -moz-linear-gradient(top, #c9ffde 0%, #8fe4b1 100%);
    background: linear-gradient(to bottom, #c9ffde 0%, #8fe4b1 100%);
    font-weight: bold;
    font-size: 120%;
    text-decoration: none!important;
    border: 1px solid #999;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 0 2px 2px #e0e0e0;
}
.btn_1btn90:hover{
	box-shadow: 0 0 4px 4px #dfdfdf;
	-webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.btn_1btn90::after {
    color: #555;
    text-decoration: none;
    position: absolute;
    right: 5%;
    bottom: 25%;
    content: "▶";
}
/*2つ並ぶボタン*/
.btn-2btn{
	text-align: center;
}
.btn-2btn a{
	width: 49%;
	margin-right: 1%;
	padding: 1em 0.5em;
	float: left;
    display: table-cell;
    vertical-align: middle;
	text-align: center;
    box-sizing: border-box;
    color: #333;
    background: -webkit-linear-gradient(top, #c9ffde 0%, #8fe4b1 100%);
    background: -moz-linear-gradient(top, #c9ffde 0%, #8fe4b1 100%);
    background: linear-gradient(to bottom, #c9ffde 0%, #8fe4b1 100%);
    font-weight: normal;
    font-size: 120%;
    text-decoration: none!important;
    border: 1px solid #999;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 0 2px 2px #e0e0e0;
}
.btn-2btn a.end{
	margin-right: 0;
}
.btn-2btn a:hover{
	box-shadow: 0 0 4px 4px #dfdfdf;
	-webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.btn-2btn a:after {
    position: absolute;
    content: '';
    top: 40%;
    right: 0.5em;
    box-sizing: border-box;
    width: 8px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 8px solid #017831;
}

/*3つ並ぶボタン*/
.ul-3btn{
	text-align: center;
}
.ul-3btn a,
.ul-3btn span{
	width: 32%;
	margin-right: 1%;
	padding: 1em 0.5em;
	float: left;
    display: table-cell;
    vertical-align: middle;
	text-align: center;
    box-sizing: border-box;
    color: #333;
    background: -webkit-linear-gradient(top, #c9ffde 0%, #8fe4b1 100%);
    background: -moz-linear-gradient(top, #c9ffde 0%, #8fe4b1 100%);
    background: linear-gradient(to bottom, #c9ffde 0%, #8fe4b1 100%);
    font-weight: normal;
    font-size: 120%;
    text-decoration: none!important;
    border: 1px solid #999;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 0 2px 2px #e0e0e0;
}
.ul-3btn .place{
    background:#017831;
    color: #fff;
    box-shadow: none;
}
.ul-3btn a.end{
	margin-right: 0;
}
.ul-3btn a span{
	display: block;
}
.ul-3btn a:hover{
	box-shadow: 0 0 4px 4px #dfdfdf;
	-webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.ul-3btn a:after {
    position: absolute;
    content: '';
    top: 40%;
    right: 0.5em;
    box-sizing: border-box;
    width: 8px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 8px solid #017831;
}

/*a[href^="https://www.fit-portal.go.jp/"]{
	color: #EB000D!important;
	font-weight: bold;
}
a[href^="https://www.fit-portal.go.jp/"] img{
	color: inherit;
	font-weight: normal;
}*/

/*-------------------list 汎用リスト設定-------------------*/
/*ul*/
.common__ul--tri01{/*緑の三角アイコンつき*/
	width: 90%;
    margin: 1.5em auto;
}
	.common__ul--tri01 li{
		margin-bottom: 0.5em;
	    padding-left: 15px;
	    position: relative;
	}
	.common__ul--tri01 li:before{
		position: absolute;
	    content: '';
	    top: 0.3em;
	    left: 0;
	    box-sizing: border-box;
	    width: 8px;
	    height: 6px;
	    border: 6px solid transparent;
	    border-left: 8px solid #017831;
	}
	
.common__ul--circ01{/*グレーの丸アイコンつき*/
	width: 90%;
    margin: 1.5em auto;
}
	.common__ul--circ01 li{
		margin-bottom: 0.6em;
	    padding-left: 15px;
	    position: relative;
	}
	.common__ul--circ01 li:before{
		position: absolute;
	    content: '';
	    top: 0.5em;
	    left: 0;
	    box-sizing: border-box;
	    width: 6px;
	    height: 6px;
	    border-radius:50%;
	    background: #666;
	}
	
.common__ul--pagelink{/*ページ内リンク*/
	width: 90%;
    margin: 1.5em auto;
}
	.common__ul--pagelink li{
		margin-right: 1.5em;
		display: inline-block;
	}
	.common__ul--pagelink li a{
		padding-left: 15px;
		position: relative;
		display: inline-block;
	}
	.common__ul--pagelink li a:before{
		position: absolute;
	    content: '';
	    top: 0.6em;
	    left: 0;
	    box-sizing: border-box;
	    width: 8px;
	    height: 6px;
	    border: 6px solid transparent;
	    border-top: 8px solid #017831;
	}

.common__ul--pagelink02{/*ページ内リンク2*/
	width: 80%;
    margin: 1.5em auto;
}
	.common__ul--pagelink02 li{
		margin-right: 1.5em;
		margin-bottom: 1em;
		display: inline-block;
	}
	.common__ul--pagelink02 li a{
		padding-left: 15px;
		position: relative;
		display: inline;
	}
	.common__ul--pagelink02 li a:before{
		position: absolute;
	    content: '';
	    top: 0.3em;
	    left: 0;
	    box-sizing: border-box;
	    width: 8px;
	    height: 6px;
	    border: 6px solid transparent;
	    border-left: 8px solid #017831;
	}

.common__ul--flow{/*手続きの流れ*/
	width: 90%;
	margin: 2em auto;
}
	.common__ul--flow li{
		margin-bottom: 50px;
		padding: 90px 20px 30px;
		line-height: 1.8;
	    border: 1px solid #ddd;
	    border-radius: 20px;
		position: relative;
	}
	.common__ul--flow li:after{
		position: absolute;
	    content: '';
	    bottom: -60px;
	    left: 48%;
	    box-sizing: border-box;
	    width: 50px;
	    height: 30px;
	    border: 25px solid transparent;
	    border-top: 20px solid #017831;
	}
	.common__ul--flow li.end:after{
		display: none;
	}
	.common__ul--flow li:before{
		position: absolute;
	    width: 50%;
	    padding: 5px 10px 0;
	    background: #017831;
	    border-radius: 10px;
	    font-size: 120%;
	    font-weight: bold;
	    color: #fff;
	    text-align: center;
	    top: 30px;
	    left: 25%;
	    box-sizing: border-box;
	}
	.common__ul--flow li#flow01:before{
	    content: 'STEP 1';
	}
	.common__ul--flow li#flow02:before{
	    content: 'STEP 2';
	}
	.common__ul--flow li#flow03:before{
	    content: 'STEP 3';
	}
	.common__ul--flow li#flow04:before{
	    content: 'STEP 4';
	}
	.common__ul--flow li#flow05:before{
	    content: 'STEP 5';
	}
.common__ul--flow li#flow06:before{
	    content: 'STEP 6';
	}
.common__ul--flow li#flow07:before{
	    content: 'STEP 7';
	}
.common__ul--flow li#flow08:before{
	    content: 'STEP 8';
	}
.common__ul--flow li#flow09:before{
	    content: 'STEP 9';
	}
.common__ul--flow li#flow10:before{
	    content: 'STEP 10';
	}
	
	
	/*リストを入れる場合*/
	.common__ul--flow .common__ul--tri01{/*緑の三角アイコンつき*/
	width: 90%;
    margin: 1.5em auto;
	}
	.common__ul--flow .common__ul--tri01 li{
		margin-bottom: 0.5em;
	    padding: 0 0 0 15px;
	    border: none;
	    border-radius: 0;
	    position: relative;
	}
	.common__ul--flow .common__ul--tri01 li:before{
		padding: 0;
		position: absolute;
	    content: '';
	    top: 0.3em;
	    left: 0;
	    box-sizing: border-box;
	    width: 8px;
	    height: 6px;
	    border: 6px solid transparent;
	    border-left: 8px solid #017831;
	    background: none;
	    border-radius: 0;
	    font-size: 100%;
	    font-weight: normal;
	}
	.common__ul--flow .common__ul--tri01 li:after{
		display: none;
	}
	    	

/*dl*/
body.common .common__dl--norm01{
	width: 90%;
    margin: 1.5em auto;
}
	.common__dl--norm01 dt{
		margin-bottom: 0.5em;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #ddd;
		color: #555;
	}
	.common__dl--norm01 dt.dt--mark01{
		margin-bottom: 0.5em;
		padding-left: 20px;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #ddd;
		color: #555;
		position: relative;
	}
	.common__dl--norm01 dt.dt--mark01:before{
		content: "";
	    width: 12px;
	    height: 12px;
	    border-radius: 0;
	    position: absolute;
	    left: 0;
	    top: 8px;
	    background: #017831;
	}
	.common__dl--norm01 dd{
		margin: 0.5em;
		border-bottom: 1px solid #ddd;
	}
	.common__dl--norm01 dd ul{
		width: 100%;
	}

/*FAQの▲部分*/
body.common .dl-tri01{
         width: 90%;
         margin: 0 auto;
 }
 
.dl-tri01 .faq-box {
    display: block;
    width: 100%;
    margin: 0.3em 0;
    padding-right: 50px;
    border-bottom: 2px solid #ddd;
    box-sizing: border-box;
    cursor: pointer;
}
.dl-tri01 dd {
    margin-top: 0 0 0.5em 0;
    padding: 0.7em 0.5em 0.7em 1em;
    font-weight: normal!important;
    line-height: 1.8!important;
    cursor: pointer;
	position: relative;
}
.dl-tri01 dd:before{
	position: absolute;
    content: '';
    top: 1.2em;
    left: 0;
    box-sizing: border-box;
    width: 8px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 8px solid #017831;
}
.dl-tri01 dd:after{
	position: absolute;
    top: 0.5em;
    right:10px;
    content: url(../img/ico_arr01_bl.png);
}
.dl-tri01 .ans-box {
    background: #fff;
    color: #222;
    padding: 0 0 0.5em 0;
    width: 100%;
    display: none;    
	cursor: default;
}
.dl-tri01 .ans-box:before{
	border: none;
}
.dl-tri01 .ans-box:after{
	content: none;
}

/*ol*/
body.common ol{
    width: 90%;
    margin:0 auto;
    padding:0;
    position: relative;
}
 
body.common ol li{
    list-style: none;
    list-style-position:outside;
    margin:0;
}


body.common ol.maru li{
    list-style: none;
    list-style-position:outside;
    margin:0 0 0.7em 0;
    padding-left:1.25em
}
body.common ol.maru li span{
    position: absolute;
    left:0;
    margin:0
}
/*-------------------table 汎用テーブル設定-------------------*/
/*共通設定*/
.table--nowrap td:first-child{
	white-space: nowrap;
}
body.common td.tc{/*セル全体を中央寄せ*/
	text-align: center;
}
body.common td.tc-resp{/*セル全体を中央寄せ、850px以下で左寄せに変化*/
	text-align: center;
}
body.common td span.tc{/*セル内容の一部を中央寄せ*/
	display: block;
	text-align: center;
}
body.common td.note01{
	background:#f6f7f2;
}

/*キャラクター*/
body.common table .chara_sun,
body.common table .chara_wind,
body.common table .chara_water,
body.common table .chara_earth,
body.common table .chara_bio{
	position: relative;
	vertical-align: middle;
	text-align: center;
}
body.common table .chara_sun:after{/*太陽光発電キャラ*/
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../kaitori/img/icon_sun.gif)center -3px no-repeat #fff;
	background-size: contain;
	border-radius: 50%;
}
body.common table .chara_wind:after{/*風力発電キャラ*/
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../kaitori/img/icon_kaze.gif)center -3px no-repeat #fff;
	background-size: contain;
	border-radius: 50%;
}
body.common table .chara_water:after{/*水力発電キャラ*/
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../kaitori/img/icon_mizu.gif)center -3px no-repeat #fff;
	background-size: contain;
	border-radius: 50%;
}
body.common table .chara_earth:after{/*地熱発電キャラ*/
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../kaitori/img/icon_chinetu.gif)center center no-repeat #fff;
	background-size: contain;
	border-radius: 50%;
}
body.common table .chara_bio:after{/*バイオマスキャラ*/
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../kaitori/img/icon_bio.gif)center -3px no-repeat #fff;
	background-size: contain;
	border-radius: 50%;
}




/*緑　買取コンテンツ用*/
body.common .common__table--gr{
	width: 100%;
	margin: 3em 0 1em 0!important;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.common__table--gr caption{
	padding-left: 20px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
	.common__table--gr caption:before{
		width: 8px;
	    height: 18px;
	    content: "";
	    background: #017831;
	    border-radius: 4px;
	    position: absolute;
	    left: 0;
	    top: 6px;
	}
.common__table--gr th,
.common__table--gr td{
	padding: 5px;
	border: 1px solid #bbb;
	border-collapse: collapse;
	font-weight: normal;
}
body.common .common__table--gr th{
	background: #cbf3da;
	text-align: center;
}
.common__table--gr td{
	background: #fff;
	text-align: left;
}
.common__table--gr td.table--subtitle{
	background: #eefbf3;
	text-align: center;
}


/*オレンジ　再エネコンテンツ用*/
.common__table--or{
	width: 100%;
	margin: 2em auto;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.common__table--or caption{
	padding-left: 20px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
	.common__table--or caption:before{
		width: 8px;
	    height: 18px;
	    content: "";
	    background: #ffcc33;
	    border-radius: 4px;
	    position: absolute;
	    left: 0;
	    top: 6px;
	}

.common__table--or th,
.common__table--or td{
	padding: 5px;
	border: 1px solid #bbb;
	border-collapse: collapse;
	font-weight: normal;
}
body.common .common__table--or th{
	background: #ffcc33;
	text-align: center;
}
.common__table--or td{
	background: #fff;
	text-align: left;
}
.common__table--or tr td.table--subtitle{
	background: #fcf2ba;
	text-align: center;
}


/*青*/
.common__table--bu{
	width: 100%;
	margin: 2em auto;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.common__table--bu caption{
	padding-left: 20px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
	.common__table--bu caption:before{
		width: 8px;
	    height: 18px;
	    content: "";
	    background: #509cee;
	    border-radius: 4px;
	    position: absolute;
	    left: 0;
	    top: 6px;
	}
.common__table--bu th,
.common__table--bu td{
	padding: 5px;
	border: 1px solid #bbb;
	border-collapse: collapse;
	font-weight: normal;
}
body.common .common__table--bu th{
	background: #c1dbf7;
	text-align: center;
}
.common__table--bu td{
	background: #fff;
	text-align: left;
}
.common__table--bu tr td.table--subtitle{
	background: #ecf4fc;
	text-align: center;
}
/*水色*/
.common__table--bu2{
	width: 100%;
	margin: 2em auto;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.common__table--bu2 caption{
	padding-left: 20px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
	.common__table--bu2 caption:before{
		width: 8px;
	    height: 18px;
	    content: "";
	    background: #99ffff;/*水色*/
	    border-radius: 4px;
	    position: absolute;
	    left: 0;
	    top: 6px;
	}
.common__table--bu2 th,
.common__table--bu2 td{
	padding: 5px;
	border: 1px solid #bbb;
	border-collapse: collapse;
	font-weight: normal;
}
body.common .common__table--bu2 th{
	background: #99ffff;
	text-align: center;
}
.common__table--bu2 td{
	background: #fff;
	text-align: left;
}
.common__table--bu2 tr td.table--subtitle{
	background: #ddfafa;
	text-align: center;
}
/*茶*/
.common__table--cha{
	width: 100%;
	margin: 2em auto;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.common__table--cha caption{
	padding-left: 20px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
	.common__table--cha caption:before{
		width: 8px;
	    height: 18px;
	    content: "";
	    background: #ffcb9b;/*茶*/
	    border-radius: 4px;
	    position: absolute;
	    left: 0;
	    top: 6px;
	}
.common__table--cha th,
.common__table--cha td{
	padding: 5px;
	border: 1px solid #bbb;
	border-collapse: collapse;
	font-weight: normal;
}
body.common .common__table--cha th{
	background: #ffddbd;
	text-align: center;
}
.common__table--cha td{
	background: #fff;
	text-align: left;
}
.common__table--cha tr td.table--subtitle{
	background: #fde9d6;
	text-align: center;
}
/*グレー*/
.common__table--gy{
	width: 100%;
	margin: 2em auto;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.common__table--gy caption{
	padding-left: 20px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
	.common__table--gy caption:before{
		width: 8px;
	    height: 18px;
	    content: "";
	    background: #666;
	    border-radius: 4px;
	    position: absolute;
	    left: 0;
	    top: 6px;
	}
.common__table--gy th,
.common__table--gy td{
	padding: 5px;
	border: 1px solid #bbb;
	border-collapse: collapse;
	font-weight: normal;
}
body.common .common__table--gy th{
	background: #e0e0e0;
	text-align: center;
}
.common__table--gy td{
	background: #fff;
	text-align: left;
}
.common__table--gy tr td.table--subtitle{
	background: #f4f4f4;
	text-align: center;
}
/*-----------------------------------------------------------
=common__path パンクズリスト
-----------------------------------------------------------*/
.common__path{
	width: 960px;
	margin: 0 auto;
	padding: 3px 0;
	font-size: 14px;
	color: #666;
}
.common__path li{
	margin-left: 0.5em;
	font-size: 12px;
	display: inline-block;
}
.common__path li:after{
	content: ">";
	margin-left: 3px;
}
.common__path li.path--current-place{
	font-weight: bold;
}
.common__path li a{
	color: #666;
	text-decoration: none;
}
.common__path li.path--current-place:after{
	content: none;
}
/*-----------------------------------------------------------
=header ヘッダー
-----------------------------------------------------------*/
.common__header--header{
	width: 100%;
}
	.common__header--container{
		width: 960px;
		height:70px;
		margin: 0 auto;
		padding: 10px 0;
	}
	.common__header--h1{
		width: 434px;
		margin-top: -5px;
		position: relative;
	}
		.common__header--h1 a{
			width: 434px;
			height: 65px;
			padding-top: 65px;
			background: url(../img/logo_site-name.png) left top no-repeat;
			display: block;
			overflow: hidden;
			height: 0;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
		}
		.common__header--h1 a:hover{
			opacity: 0.8;
		}
h1 span{
	display: block;
}
/*-------------------グローバルナビ-------------------*/
    .common__nav--global {
	    width: 960px;
        display: block;
        position: relative;
        list-style: none;
        margin: 0 auto;
        margin-top: -60px;
        padding: 0;
        z-index: 50;
    }
    
    /* a top level navigation item in the mega menu */
    body.common .nav-menu{
	    width: 100%;
		position: relative;
	    margin-top: 0;
	    margin-bottom: 0;
		display: block;
		text-align: right;
    }
    /*body.common .nav-menu:before,
	body.common .nav-menu:after {
		content: "";
		display: table;
	}
	body.common .nav-menu:after {
		clear: both;
	}*/
		
    .nav-item {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 0;
        margin-top: 0;
    }

    /* first descendant link within a top level navigation item */
    .nav-item > a {
        display: block;
        padding: 0.5em 1em;
        margin: 0 0 -1px 0;
        border: 1px solid transparent;
    }

    /* focus/open states of first descendant link within a top level
       navigation item */
    .nav-item > a:focus,
    .nav-item > a.nav-menu-open {
        border: 1px solid #dedede;
    }

    /* open state of first descendant link within a top level
       navigation item */
    .nav-item > a.nav-menu-open {
        background-color: #fff;
        border-bottom: none;
        z-index: 50;
        -webkit-transition: all .2s ease;
		transition: all .2s ease;
    }

    /* sub-navigation panel */
    .common__nav--drop-list {
	    width: 100%;
		padding: 16px 50px;
        position: absolute;
        display: none;
        top: 62px;
        left: 0;
        margin-top: 0;
		box-sizing: border-box;
		border-radius: 0 0 20px 20px;
		z-index: 50;
    }

    /* sub-navigation panel open state */
    .common__nav--drop-list.nav-menu-open {
        display: block;
    }

    /* list of items within sub-navigation panel */
    .common__nav--drop-list ul {
        display: block;
        vertical-align: top;
        margin: 0 1em 0 0;
        padding: 0;
        float: left;
    }

    /* list item within sub-navigation panel */
    .common__nav--drop-list li {
        display: block;
        list-style-type: none;
        margin: 0 0 0.4em 0;
        padding: 0;
    }
    
    /*タブのスタイル*/
    .nav-item #common__nav--kaitori{
		width: 172px;
		margin-right: 15px;
	    padding: 35px 5px 0 5px;
	    background: url(../img/ico_tab_kaitori.png) center top no-repeat #a9e5c0;
	    border-radius: 20px 20px 0 0;
	    border: 2px solid #017831;
	    border-bottom: none;
	    color: #222;
	    text-decoration: none;
	    text-align: center;
	    display: block;
	}
	
	.nav-item #common__nav--learn{
		width: 218px;
	    padding: 35px 5px 0 5px;
	    background: url(../img/ico_tab_learn.png) center top no-repeat #ffcb9b;
	    border-radius: 20px 20px 0 0;
	    border: 2px solid #FA9437;
	    border-bottom: none;
	    color: #222;
	    text-decoration: none;
	    text-align: center;
	    display: block;
	}

	.common__nav--h2{
		width: 20%;
		margin: 0 1% 0 0;
		font-size: 16px;
		font-weight: bold;
		box-sizing: border-box;
		float: left;
	}
	#learn-list .common__nav--h2{
	    width: 32%;
	    margin-right: 1%;
	}
	body.common .common__nav--h2 a,
	body.common #learn-list .common__nav--h2 a{
		padding: 2px 0 0 16px;
		color: #222;
		position: relative;
	}
	body.common .common__nav--h2 a:before,
	body.common #learn-list .common__nav--h2 a:before,
	body.common .common__nav--h2 a:after,
	body.common #learn-list .common__nav--h2 a:after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: '';
		vertical-align: middle;
	}

	body.common .common__nav--h2 a:before,
	body.common #learn-list .common__nav--h2 a:before{
		box-sizing: border-box;
		width: 12px;
		height: 12px;
		background: #222;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		}
	body.common .common__nav--h2 a:after,
	body.common #learn-list .common__nav--h2 a:after{
		left: 3px;
		width: 3px;
		height: 3px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	/*ドロップダウンするメニューを囲む枠*/
	.common__nav--drop-box{
		display: block;
		text-align: left;
	}
	#kaitori-list{
		padding-bottom: 25px;
		background:url(../img/ico_bulb_wh_l.png)6% 80% no-repeat #a9e5c0;
		background-size: 110px;
	}
		#kaitori-list ul{
			width: 48%;
			margin-right: 1%;
		}
		#kaitori-list ul:last-child{
			width: 30%;
			margin-right: 0;
		}
	#learn-list{
		padding-bottom: 25px;
		background:url(../img/ico_book_wh_l.png)9% 80% no-repeat #ffcb9b;
		background-size: 140px;
	}
		#learn-list ul{
			width: 32%;
			margin-right: 1%;
		}
	#yojo-list{
		padding-bottom: 25px;
		background:url(../img/ico_offshor_wh_l.png)9% 80% no-repeat #9fdefd;
		background-size: 140px;
	}
		#yojo-list ul{
			width: 32%;
			margin-right: 1%;
		}
	
	
	/*ドロップダウンメニューのリンクカラー、アイコン*/
	.common__nav--drop-list a{
				color: #222;
				text-decoration: none;
			}
			body.common .common__nav--drop-list li a{
				padding: 0 0 0 16px;
				position: relative;
				display: inline-block;
				vertical-align: middle;
				text-decoration: underline;
				font-size: 15px;
			}
			.common__nav--drop-list li a:before,
			.common__nav--drop-list li a:after{
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				content: '';
				vertical-align: middle;
			}
			.common__nav--drop-list li a:before{
				box-sizing: border-box;
				width: 12px;
				height: 12px;
				background: #222;
				-webkit-border-radius: 50%;
				border-radius: 50%;
				}
			.common__nav--drop-list li a:after{
				left: 3px;
				width: 3px;
				height: 3px;
				border-top: 1px solid #fff;
				border-right: 1px solid #fff;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}
/*-------------------スライダー-------------------*/
.common__header--slide-container{
	padding: 40px 0;
	clear: both;
}
.common__header--slide-container:after{
	content: none;
}
.common__header--slide-contents{
	width: 960px;
	margin: 0 auto;
}
.common__header--slide-contents:after{
	content: none;
}
.common__header--slide-contents img{
	height: 180px;
}
.common__slider-wrap{
	width: 960px;
	margin: 0 auto;
}
.owl-carousel{
	width: 100%;
	margin: 0;
}
.owl-carousel a img{
	margin-left: 0;
}
body.common .owl-carousel .active{
	margin: 0;
	border-bottom: none;
	line-height: 0;
}

.owl-theme .owl-dots .owl-dot,
.owl-theme .owl-dots .owl-dot.active{
	width:30px;
}

.owl-carousel .owl-stage-outer{
	z-index: 1;
}

/*prev next 書き込まれるテキストはowl.carousel.js 2966-2967*/
.owl-carousel .owl-nav{
	 z-index: 99;
	 position: relative;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
	width: 30px;
    height: 30px;
    margin-top: 0;
	position: absolute;
	font-size: 14px!important;
	color: transparent;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover{
	background: transparent;
	color: transparent;
}
.owl-carousel .owl-nav button.owl-prev{
	left: 0;
	top: 0;
}
.owl-carousel .owl-nav button.owl-next{
	right: 0;
	top: 0;
}
.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-prev:after,
.owl-carousel .owl-nav button.owl-next:before,
.owl-carousel .owl-nav button.owl-next:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: '';
	vertical-align: middle;
}
.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-next:before{
	box-sizing: border-box;
    width: 30px;
    height: 30px;
    background: #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	}
.owl-carousel .owl-nav button.owl-prev:after{
	left: 10px;
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.owl-carousel .owl-nav button.owl-next:after{
	left: 8px;
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*control*/
.owl-control{
	width: 960px;
	margin: 0 auto;
	margin-top: -15px;
}
.owl-control li{
	width: 30%;
	float: left;
	margin-right:40%;
	box-sizing: border-box;
}
.owl-control li:last-child{
	margin-right: 0;
}
.owl-control .owl-control-play{
	padding-right: 0.5em;
	text-align: right;
}
	.owl-control .owl-control-play a{
		width: 33px;
		height: 21px;
		float: right;
	    overflow: hidden;
	    padding-top: 21px;
	    background: url(../img/bx_controls.png)right top no-repeat;
	    height: 0;
	    display: block;
	}
.owl-control .owl-control-stop{
	padding-left: 0.5em;
	text-align: left;
}
	.owl-control .owl-control-stop a{
		width: 18px;
		height: 19px;
		float: left;
	    overflow: hidden;
	    padding-top: 19px;
	    background: url(../img/bx_controls.png)left -50px no-repeat;
	    height: 0;
	    display: block;
	}
/*バナースライダーのcssを上書きする（オリジナルはjquery.bxslider.css）*/
.bx-wrapper .bx-pager{
	left: 55%;
	bottom: -5px;
}
.bx-wrapper .bx-controls-direction a{
	z-index: 0;
}

/*-------------------メインヴィジュアル、バナー-------------------*/
.common__header--visual{
	padding: 10px 0;/*22px*/
}
.common__header--visual div{
	width: 960px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
/*-----------------------------------------------------------
=doc-area コンテンツコンテナ
-----------------------------------------------------------*/
.common__doc-area{
	width: 100%;
}
/*-------------------news　ニュースタブ-------------------*/
/*情報一覧ボタン*/
body.common .common__news--showall {
    text-align: right;
    margin-bottom: 0;
}
	body.common .common__news--showall a{
		min-width: 18.5em;
		margin-bottom: 1em;
	    padding: 5px 15px 5px 25px;
	    display: inline-block;
	    background: #017831;
	    border-radius: 20px;
	    text-align: left;
	    text-decoration: none!important;
	    position: relative;
	    box-sizing: border-box;
	}
	.common__news--showall a:link,
	.common__news--showall a:visited{
		color: #fff!important;
	}
	.common__news--showall a:hover{
		opacity: 0.8;
	}
	.common__news--showall a:before{
		content: "";
	    width: 6px;
	    height: 6px;
	    border-top: 2px solid #fff;
	    border-right: 2px solid #fff;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	    position: absolute;
	    right: 17px;
	    top: 14px;
	}
	.common__news--showall a:after{
		content: "";
		width: 16px;
		height: 16px;
		background: transparent;
		border: 2px solid #fff;
		border-radius: 50%;
		position: absolute;
		right: 10px;
		top: 8px;
	}
/*重要なお知らせ*/
body.common p.common__news--notice{
	width: 100%;
	border: 1px solid #555;
	padding: 0.5em;
	box-sizing: border-box;
}

/*ニュース全体枠*/
.common__doc-area--news{
	padding-bottom: 50px;
}

/*ニュースタブの枠*/
.common__news{
	width: 960px;
	height: 24em;
    display: block;
    position: relative;
    list-style: none;
    margin: 0 auto;
    margin-bottom: 60px;
    padding: 0;
    /*z-index: 15;*/
}
	/*タブの部分*/
	.common__news .btn_act{
		height: 50px;
		margin-right: 10px;
	    margin-bottom: 0!important;
	    padding: 12px 25px 0 16px;
	    display: inline-block;
	    background: #fff;
	    font-size: 16px;
	    font-weight: bold;
	    text-align: center;
	    text-decoration: none!important;
	    color: #222;
	    border-radius: 20px 20px 0 0;
	    border: 1px solid #ddd;
	    border-bottom: none;
	    box-sizing: border-box;
	}
	.common__news .btn_act:hover{
		color: #017831;
	}
	/*タブがアクティブの時のスタイル*/
	.common__news .btn_act.tab-open{
		background: #017831!important;
		color: #fff!important;
		border-bottom: none!important;
        z-index: 1;
        -webkit-transition: all .2s ease;
		transition: all .2s ease;
	}
	
	/*コンテンツボックス*/
	.common__news .motion{
		width: 100%;
	    height: 24em;
	    margin-top: -1px;
		padding: 16px 30px;
		background: #fff;
	    position: absolute;
	    display: none;
	    top: 50px;
	    left: 0;
	    overflow: auto;
	    border: 1px solid #ddd;
	    border-top: 3px solid #017831;
	    box-sizing: border-box;
		z-index: 1;
	}
	/*最初から開いておくボックス*/
	#motion_area1 {
	    display: block;
	}
	
	/*お知らせブロック*/
	.common__news .motion dl{
		margin: 0 0 30px 0;
		font-size: 16px;
		color: #222;
	}
	.common__news .motion dt{
		font-weight: bold;
	}
	.common__news .motion dd{
		margin-left: 0;
		padding-left: 16px;
		position: relative;
	}
	.common__news .motion dd:before{
		position: absolute;
	    content: '';
	    top: 0.5em;
	    left: 0;
	    box-sizing: border-box;
	    width: 8px;
	    height: 6px;
	    border: 6px solid transparent;
	    border-left: 8px solid #666;
		}
	.common__news .motion a{
		color: #222;
	}
	.common__news .motion a:hover{
		color: #017831;
	}

/*-------------------banner　バナーカルーセル-------------------*/
.common__doc-area--banner .bx-wrapper{
	max-width: 720px!important;
	margin: 0 auto;
	padding: 40px 0 20px 0;
}
.common__doc-area--banner div{
	margin: 0;
}
.common__doc-area--banner div img{
	width: 100%;
}
.common__doc-area--banner .bx-wrapper .bx-controls-direction a {
    top: 50%;
}
.common__doc-area--banner .bx-wrapper .bx-prev {
    left: -50px;
}
.common__doc-area--banner .bx-wrapper .bx-next {
    right: -40px;
}
.common__doc-area--banner .bx-wrapper .bx-pager {
    left: 0;
    bottom: 10px;
}

/*-------------------keyword　よく見られているページ-------------------*/
.common__doc-area--keyword{
	width: 100%;
}
.common__doc-area--keyword ul{
	width: 960px;
	margin: 0 auto;
	margin-bottom: 0!important;
	padding: 10px 0 10px 0;
	text-align: center;
}
.common__doc-area--keyword ul.keyword--primary{
	padding-bottom: 0!important;
}
	.common__doc-area--keyword ul.keyword--primary li a{
		text-align: center;
	}
.common__doc-area--keyword li{
	margin: 0 20px 20px 0;
	text-align: center;
	display: inline-block;
}
	body.common .common__doc-area--keyword li a{
		width: auto;
		display: inline-block;
		padding: 5px 20px;
		background: #017831;
		color: #fff;
		text-align: left;
		text-decoration: none;
		border-radius: 20px;
		position: relative;
	}
	.common__doc-area--keyword li a:hover{
		opacity: 0.8;
	}
	
	body.common .common__doc-area--keyword ul.keyword--banner li{
		margin-right: 0;
		/*--padding:5px 0;--*/
	}
	body.common .common__doc-area--keyword ul.keyword--banner li a{
		background: none;
	}
.common__doc-area--keyword li:nth-child(4){
	float: none;
	clear: both;
}
/*-------------------button　トップページ　コンテンツへのリンクボタン-------------------*/
.common__doc-area--button{
	width: 100%;
	padding-bottom: 80px;
}

/*1行め*/
.common__doc-area--button-primary{
	width: 860px;
	margin: 0 auto;
}
.common__doc-area--button-primary li{
	float: left;
	width: 32%;
    margin-right: 2%;
	box-sizing: border-box;
}
.common__doc-area--button-primary li a{
	padding: 10px 10px 0 20px;
	text-decoration: none;
	line-height: 1.3;
}
.common__doc-area--button-primary li a span{
	line-height: 1.4;
}
.common__doc-area--button-primary li span.coming-soon{
	padding: 10px 10px 0 20px;
	text-decoration: none;
	line-height: 1.3;
}
/**/
.common__doc-area--button-primary li span.coming-soon2{
	line-height: 1.4;
}
.common__doc-area--button-primary li:nth-child(3){
	margin-right: 0;
}
	#button_kaitori{
		background: url(../img/ico_bulb_green.png)90% 90% no-repeat;
		background-size: 70px;
		border: 4px solid #017831;/*枠線の色018C39*/
		border-radius: 20px;
		position: relative;
	}
	#button_kaitori a{
		color: #017831;/*テキスト色#017831*/
		font-size: 21px;
		display: block;
		text-decoration: none;
	}
	#button_kaitori a span{
		width: auto;
		display: block;
		margin: 20px 0;
		color: #222;
		font-size: 16px;
	}
	
	#button_learn{
		background: url(../img/ico_book_orange.png)90% 90% no-repeat;
		background-size: 90px;
		border: 4px solid #FA9437;
		border-radius: 20px;
	}
	#button_learn a{
		color: #9a4d01;
		font-size: 21px;
		display: block;
		text-decoration: none;
	}
	#button_learn a span{
		width: auto;
		display: block;
		margin: 20px 0;
		line-height: 1.4;
		color: #222;
		font-size: 16px;
	}
	
	#button_concierge{
		background: url(../img/ico_bell_purple.png)85% 90% no-repeat;
		background-size: 80px;
		border: 4px solid #722d5c;
		border-radius: 20px;
		letter-spacing: -0.05em;
		position: relative;
	}
	#button_concierge a{
		color: #722d5c;
		font-size: 21px;
		display: block;
		text-decoration: none;
	}
	#button_concierge a span{
		display: block;
		margin: 20px 0;
		line-height: 1.4;
		color: #222;
		font-size: 16px;
	}
	/*body.common #button_concierge img{
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 15px;
	}*/
/*洋上風力発電*/
	#button_offshor{
		background: url(../img/ico_offshor.png)85% 90% no-repeat;
		background-size: 80px;
		border: 4px solid #0099cc;
		border-radius: 20px;
		letter-spacing: -0.05em;
		position: relative;
	}
	#button_offshor a{
		color: #0099cc;
		font-size: 21px;
		display: block;
		text-decoration: none;
	}
	#button_offshor a span{
		display: block;
		margin: 20px 0;
		line-height: 1.4;
		color: #222;
		font-size: 16px;
	}
	/*準備中の時はaの代わりに以下のclassを付与したspanで囲む*/
	#button_offshor span.coming-soon{
		color: #0099cc;
		font-size: 21px;
		display: block;
		text-decoration: none;
	}
	#button_offshor span.coming-soon2{
		display: block;
		margin: 20px 0;
		line-height: 1.4;
		color: #222;
		font-size: 16px;
	}

/*2行め以降*/
.common__doc-area--button-secondary{
	width: 860px;
	margin: 0 auto;
}
.common__doc-area--button-secondary li{
	width: 23.5%;
	float: left;
	min-height: 140px;
	margin-top: 2%;
    margin-right: 2%;
    border: 3px solid #3268ba;
	border-radius: 20px;
	box-sizing: border-box;
}
body.common .common__doc-area--button-secondary li a{
	min-height: 140px;
	padding: 10px 10px 10px 15px;
	color: #444444;
	font-size: 19px;
	text-decoration: none;
	line-height: 1.3;
	display: block;
	text-shadow: 
    #fff 2px 2px 0, #fff -2px -2px 0,/*右下、左上*/
    #fff -2px 2px 0, #fff 2px -2px 0,/*右上、左下*/
    #fff 0px 2px 0, #fff 0 -2px 0,/*右、左*/
    #fff -2px 0 0, #fff 2px 0 0;/*上、下*/
}
.common__doc-area--button-secondary li#button_tree{
	border: 3px solid #009;/*枠の色　 濃い青*/
}

/*準備中の時はaの代わりに以下のclassを付与したspanで囲む*/
.common__doc-area--button-secondary li#button_tree span.button-coming-soon{
	min-height: 140px;
	padding: 10px 10px 10px 15px;
	color: #444444;
	font-size: 19px;
	text-decoration: none;
	line-height: 1.3;
	display: block;
	color: #666666;
}

.common__doc-area--button-secondary li#button_tree div{
	min-height: 140px;
	padding: 10px 10px 10px 15px;
	color: #999;
	font-size: 19px;
	text-decoration: none;
	line-height: 1.3;
	display: block;
}
.common__doc-area--button-secondary li a span{
	display: block;
}
.common__doc-area--button-secondary li:nth-child(4){
	margin-right: 0;
}
	#button_support{
		background: url(../img/ico_support.png)90% 90% no-repeat;
		border: 3px solid #99cc33;/*枠の色　緑*/
	}
	#button_panph{
		background: url(../img/ico_panph.png)90% 90% no-repeat;
		border: 3px solid #cc9933;/*枠の色　茶*/
	}
	#button_2019{
		background: url(../img/ico_2019_blue.png)90% bottom no-repeat;
	}
	#button_anken{
		background: url(../img/ico_speaker2_red.png)90% 90% no-repeat;
		border: 3px solid #ff3333;/*枠の色　赤*/
	}
		#button_anken a img{
			margin-left: 3px;
		}
	#button_park{
		background: url(../img/ico_park.png)90% 90% no-repeat;
		border: 3px solid #ff66cc;/*枠の色　ぴんく*/
	}
	#button_archive{
		background: url(../img/ico_archive_blue.png)90% 90% no-repeat;
	}
	#button_tree{
		background: url(../img/ico_tree_gray.png)90% 90% no-repeat;
	}
#button_concierge_s{
		background: url(../img/ico_bell2.png)90% 90% no-repeat;
		border: 3px solid #722d5c;/*枠の色　紫*/
	}
/*-------------------info　連絡先エリア------h2-font-size: 26------------*/
.common__doc-area--info{
	width: 100%;
	padding: 20px 0;
}
.common__info--tel{
	width: 960px;
	margin: 0 auto;
	padding: 15px 20px 0 20px;
    background: #fff;
	border: 3px solid #017831;
	border-radius: 20px;
}
	.common__info--tel h2{
		text-align: center;
		font-size: 22px;
		font-weight: normal;
		line-height: 1.3;
	}
		.common__info--tel h2 span{
			display: block;
		}
	.common__info--tel p{
		margin-bottom: 10px!important;
		padding-bottom: 5px;
		text-align: center;
		color: #B30A02;
		font-size: 22px;
		font-weight: bold;
		border-bottom: 1px solid #017831;
	}
	.common__info--tel ul{
		margin-bottom: 0!important;
		padding-top: 0;
		text-align: center;
	}
		.common__info--tel li{
			margin-right: 40px;
			display: inline-block;
			font-size: 28px;/*---font-size: 36px;--*/
			font-weight: bold;
			color: #017831;
		}
		.common__info--tel li span{
			margin-right: 7px;
		    font-size: 18px;
		    font-weight: normal;
			color: #222;
		}
		.common__info--tel li:last-child{
			margin-right: 0;
		}
/*-------------------info　下部バナーエリア-------------------*/
.common__doc-area--banner02{
	width: 100%;
	padding: 40px 0 25px 0;
}
.common__banner02--banners{
	width: 960px;/*-----960px-----*/
	margin: 0 auto;
}
	.common__banner02--banners ul li{
		margin-right: 10px;/*------10px 4つ並ぶ 通常20px -----*/
		display: inline-block;
		box-sizing: border-box;
	}
	.common__banner02--banners ul li.banner02-bdr img{
		border: 1px solid #222;
	}
/*-----------------------------------------------------------
=footer フッター
-----------------------------------------------------------*/
.common__footer{
	width: 100%;
	border-top: 50px solid #017831;
}
.common_footer--wrap{
	width: 960px;
	margin: 0 auto;
	padding: 1em 0 30px 0;
	box-sizing: border-box;
}
	.common__footer--box01{
		float: left;
		width: 65%;
	}
	.common__footer--box02{
		float: right;
		width: 35%;
	}
	.common__footer h3{
		margin: 0;
		font-size: 18px;
		font-weight: bold;
	}
	body.common .common__footer p{
		font-size:14px;
		margin: 0.1em 0;
		margin-left: 1em;
	}
	body.common .common__footer p.footer--list-title{
		font-size:18px;
		font-weight: bold;
		margin-left: 0;
	}
	.common__footer a{
		color: #222;
		text-decoration: none!important;
	}
.common__footer--sns{
	width: 960px;
	margin: 0 auto;
	margin-top: -50px;
}
	.common__footer--sns ul li{
		margin-right: 0.5em;
		display: inline-block;
	}
	.common__footer--sns img{
		width: 29px;
	}
/*-----------------------------------------------------------
=tools
-----------------------------------------------------------*/
.skip-mark {
    position: absolute;
    left: -9999em;
}
.saiene_txt_jump {
    width: 100%;
    margin: 3.5em 0 1em 0;
}
	li.saiene_jump_prev a {
	    display: block;
	    float: left;
	    padding: 0 0 0 20px;
	    position: relative;
	}
	li.saiene_jump_prev a:before{
		position: absolute;
	    content: '';
	    top: 0.3em;
	    left: 0;
	    box-sizing: border-box;
	    width: 8px;
	    height: 6px;
	    border: 6px solid transparent;
	    border-right: 8px solid #017831;
	}
	li.saiene_jump_top a {
	    display: block;
	    float: right;
	    padding: 0 20px 0 0;
	    position: relative;
	}
	li.saiene_jump_top a:after{
		position: absolute;
	    content: '';
	    top: 0.3em;
	    right: 0;
	    box-sizing: border-box;
	    width: 8px;
	    height: 6px;
	    border: 6px solid transparent;
	    border-bottom: 8px solid #017831;
	}



.cb{
	clear:both;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
.cf {
    *zoom: 1;}
    
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
/*-----------------------------------------------------------
=グローバルナビ書き換え190618
-----------------------------------------------------------*/
.common__header--h1 a {
    width: 400px;
    margin-top: -8px;
    background-position: left top;
}
.common__nav--drop-list{
	top:53px;
}

/*FIT制度タブ*/
.nav-item #common__nav--kaitori {
    width: 130px;
    margin-right: 5px;
    padding: 16px 5px 10px 16px;
    background-position: 16px center;
}

/*再エネとはタブ*/
.nav-item #common__nav--learn {
    width: 130px;
    margin-right: 5px;
    padding: 16px 5px 10px 26px;
    background-position: 16px center;
}

/*洋上風力制度タブ*/
.nav-item #common__nav--yojo {
    width: 140px;
    margin-right: 15px;
    padding: 16px 5px 10px 30px;
    background: url(../yojo_furyoku/img/ico_tab_yojo.png) 16px center no-repeat #9fdefd;
    background-size: 30px 30px;
    border-radius: 20px 20px 0 0;
    border: 2px solid #1989c0;
    border-bottom: none;
    color: #222;
    text-decoration: none;
    text-align: center;
    display: block;
}
#yojo-list {
    padding-bottom: 25px;
    background:#9fdefd;
}
#yojo-list .common__nav--h2{
	width: 30%;
}
#yojo-list ul{
	width: 65%;
}
#yojo-list li{
	margin-right: 0;
    width: 33%;
    float: left;
}

/*=========================================================
	
1065px以下サイズの表示

=========================================================*/
@media (max-width: 1065px) {
/*-------------------banner　バナーカルーセル 1065px以下-------------------*/
.common__doc-area--banner .bx-wrapper .bx-prev {
    left: 0;
}	
.common__doc-area--banner .bx-wrapper .bx-next {
    right: 0;
}
.common__doc-area--banner .bx-wrapper .bx-pager{
	left: 0;
	top: 75%;
}
.bx-viewport {
    width: 90%!important;
    margin: 0 auto!important;
}
	
}
/*=========================================================
	
980px以下サイズの表示

=========================================================*/
@media (max-width: 979px) {
/*-----------------------------------------------------------
=base 基本設定979px以下
-----------------------------------------------------------*/	
/*---------------box 汎用ボックス設定 979px以下---------------*/
.common__box--inner01{
	width: 100%;
	padding: 0 2%;
	box-sizing: border-box;
}
/*---------------ボタン設定 979px以下---------------*/
/*2つ並ぶボタン*/
.btn-2btn a{
	width: 100%;
	margin-bottom: 0.8em;
	display: block;
	float: none;
}
.btn-2btn a.end{
	padding-top: 1em;
}


/*-----------------------------------------------------------
=common__path パンクズリスト979px以下
-----------------------------------------------------------*/
.common__path{
	width: 100%;
}
/*-----------------------------------------------------------
=header max 979px ヘッダー979px以下
-----------------------------------------------------------*/
.common__header--container {
    width: 100%;
    margin: 0;
}
.common__header--h1{
	width: 100%;
	margin-top: 0.5%;
    margin-left: 1%;
}
.common__header--h1 a{
    width: 45%;
	background-size: contain;
}

/*-------------------グローバルナビ 979px以下-------------------*/
.common__nav--global {
    width: 100%;
}
/*タブ*/
.common__nav--global li {
    width: auto;
}

/*-------------------スライド、メインヴィジュアル、バナー-------------------*/
.common__slider-wrap{
	width: 100%;
}
.owl-control{
	width: 100%;
}
.common__header--visual div{
	width: 100%;
}
.common__header--visual img{
	width: 100%;
}

/*-----------------------------------------------------------
=doc-area コンテンツコンテナ
-----------------------------------------------------------*/

/*-------------------news　ニュース 979px以下-------------------*/
.common__news {
    width: 100%;
}
.common__doc-area--news{
	width: 100%;
}
/*-------------------banner　バナーカルーセル-------------------*/
.common__doc-area--banner .bx-wrapper .bx-pager {
    left: 0;
    top: 75%;
}
/*--------keyword　よく見られているページ　ニュース 979px以下--------*/
.common__doc-area--keyword ul {
    width: 100%;
}

/*-----------button　コンテンツへのリンクボタン 979px以下-----------*/
.common__doc-area--button-primary {
    width: 100%;
}
.common__doc-area--button-secondary {
    width: 100%;
}
   
/*-----------------info　連絡先エリア 979px以下------------------*/   
.common__info--tel {
    width: 100%;
}
.common__info--tel ul {
	padding: 0.3em 0;
    display:block;
}
.common__info--tel li {
	display: block;
    text-align: center;
    line-height: 1.3;
}
/*-------------------info　下部バナーエリア 979px以下-------------------*/
.common__banner02--banners {
    width: 100%;
}
.common__banner02--banners ul{
	text-align: center;
}
.common__banner02--banners ul li{
	margin-bottom: 1em;
}

/*-----------------------------------------------------------
=footer フッター 979px以下
-----------------------------------------------------------*/
.common_footer--wrap {
    width: 100%;
}
.common__footer--sns {
    width: 100%;
    padding-left: 2%;
}
/*-----------------------------------------------------------
=グローバルナビ書き換え190618
-----------------------------------------------------------*/
/*共通部分*/
.common__nav--global{
	margin-top: 0;
}
body.common .nav-menu {
	display: block;
}
.nav-item {
	display: block;
}
.common__header--h1 a {
	width: 96%;
    height: 55px;
    padding-top: 55px;
    height: 0;
}
.common__nav--h2,
#learn-list .common__nav--h2 {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 0.3em;
}
.common__nav--drop-list ul {
    float: none;
}


/*FITタブ*/
.nav-item #common__nav--kaitori {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1px;
    padding: 15px 5px 10px 70px;
    background: url(../img/ico_tab_kaitori.png) 2% center no-repeat #a9e5c0;
	border-radius: 0;
	border: none;
    border-bottom: 1px solid #017831;
    box-sizing: border-box;
    text-align: left;
}
.nav-item #common__nav--kaitori{
	position: relative;
}
.nav-item #common__nav--kaitori:after{
	position: absolute;
    top: 20%;
    right:10px;
    content: url(../img/ico_arr01_gr.png);
}
/*FITドロップダウンメニュー*/
#kaitori-list {
    position: static;
    border-radius: 0;
    background-position: 90% 88%;
}
body.common #kaitori-list ul {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
#kaitori-list ul:last-child {
    width: 100%;
    margin-right: 0;
}

/*再エネタブ*/
.nav-item #common__nav--learn{
    width: 100%;
    margin-top: -1px;
    margin-right: 0;
    padding: 15px 5px 10px 70px;
    background: url(../img/ico_tab_learn.png) 2% center no-repeat #ffcb9b;
	border-radius: 0;
	border: none;
    border-bottom: 1px solid #FA9437;
    box-sizing: border-box;
    text-align: left;
}
.nav-item #common__nav--learn{
	position: relative;
}
.nav-item #common__nav--learn:after{
	position: absolute;
    top: 20%;
    right:10px;
    content: url(../img/ico_arr01_or.png);
}
/*再エネドロップダウンメニュー*/
#learn-list {
	margin-top: -1px;
    position: static;
    border-radius: 0;
    background-position: 90% 88%;
}
body.common #learn-list ul {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}

/*洋上風力タブ*/
.nav-item #common__nav--yojo{
    width: 100%;
    margin-top: 1px;
    margin-right: 0;
    padding: 15px 5px 10px 70px;
    background: url(../yojo_furyoku/img/ico_tab_yojo.png) 2% center no-repeat #9fdefd;
    background-size: 30px 30px;
	border-radius: 0;
	border: none;
    border-bottom: 1px solid #37a6dd;
    box-sizing: border-box;
    text-align: left;
}
.nav-item #common__nav--yojo{
	position: relative;
}
.nav-item #common__nav--yojo:after{
	position: absolute;
    top: 20%;
    right:10px;
    content: url(../yojo_furyoku/img/ico_arr01_bl.png);
}
/*洋上風力ドロップダウンメニュー*/
#yojo-list {
    position: static;
    border-radius: 0;
    background-position: 90% 88%;
}
#yojo-list .common__nav--h2 {
    width: 100%;
}
body.common #yojo-list ul {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
#yojo-list li {
	width: 100%;
    float: none;
}

/*=========================================================
	
850px以下サイズの表示

=========================================================*/
@media (max-width: 850px) {
/*-----------------------------------------------------------
=base 基本設定
-----------------------------------------------------------*/

/*-------------------box 汎用ボックス設定 850px以下-------------------*/
.common__box--set01{/*見出しとリストのセット*/
	margin:2em 0;
	padding: 15px 30px;
	border: 1px solid #ddd;
	border-radius: 20px;
}
	.common__box--set01 .common__ul--tri01{
		width: 100%;
	}
	.common__box--set01 .common__ul--circ01{
		width: 100%;
	}

.common__box--float2p{/*2つのボックスを並べる　.cfを一緒につけてください*/
	width: 100%;
	margin:2em 0;
	padding: 0;
	box-sizing: border-box;
}
	.common__box--float2p .inner{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2em;
		float:left;
		border: 1px solid #ddd;
		border-radius: 20px;
	}
	.common__box--float2p .inner:last-child{
		margin-right: 0;
	}
.common__box--float3p{/*3つのボックスを並べる　.cfを一緒につけてください*/
	width: 100%;
	margin:2em 0;
	padding: 0;
	box-sizing: border-box;
}
	.common__box--float3p .inner{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2em;
		float:none;
		border: 1px solid #ddd;
		border-radius: 20px;
	}
	.common__box--float3p .inner:last-child{
		margin-right: 0;
	}

.common__box--resp.img img{
		width: 90%;
		height: auto;
}
.common__box--resp-set .box01{
	width: 100%;
	margin: 0 0 2em 0;
	float: none;
}
.common__box--resp-set .box01 img{
	width: auto;
	display: block!important;
    margin: 0 auto;
}

.common__box--resp-set .box02{
	width: 90%;
	margin: 0 auto;
	float: none;
}
/*---------------tabset 汎用タブセット設定 850px以下---------------*/
/*可変タイプ*/
body.common .common__tabset .btn_act{
	width: 100%;
	display: block;
	border-radius: 0;
	text-align: left;
}
body.common .common__tabset .btn_act.end{
	border-bottom: 1px solid #ddd;
}
.common__tabset .motion{
	position: static;
	top: 0;
}
.common__tabset .tab3p,
.common__tabset .tab2p{
    width: 100%;
    margin-right: 0;
}

/*可変なしタイプ*/
body.common .common__tabset02 .btn_act{
	height: auto;
	padding: 10px;
	letter-spacing: 0.05em;
}
body.common .common__tabset02 .btn_act.tab2p{
    width: 49%;
    margin-right: 1%;
}

body.common .common__tabset02 .btn_act.tab2p.end{
    margin-right: 0;
}
/*-------------------link 汎用リンク設定-------------------*/
/*本文中の大きいボタン*/
.btn_1btn90 {
    width: 90%;
    margin: 0.2em auto;
    padding: 0.7em 0.5em;
}
.btn_1btn90:hover{
	box-shadow: 0 0 4px 4px #dfdfdf;
	-webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.btn_1btn90::after {
    color: #555;
    text-decoration: none;
    position: absolute;
    right: 5%;
    bottom: 25%;
    content: "▶";
}



/*3つ並ぶボタン*/
.ul-3btn a,
.ul-3btn span{
	width: 100%;
	margin-bottom: 0.8em;
	display: block;
}
.ul-3btn a.end{
	padding-top: 1em;
}
.ul-3btn a span{
	display: inline;
}

/*-------------------table 汎用テーブル設定-------------------*/
body.common td.tc-resp{/*850px以下で左寄せに変化*/
	text-align: left;
}
body.common th,
body.common td{
	vertical-align: top!important;
}
/*キャラクター*/
body.common table .chara_sun,
body.common table .chara_wind,
body.common table .chara_water,
body.common table .chara_earth,
body.common table .chara_bio{
	position: relative;
	vertical-align: middle!important;
	text-align: center;
}
/*-----------------------------------------------------------
=#header max 850px ヘッダー850px以下
-----------------------------------------------------------*/
/*-------------------グローバルナビ 850px以下-------------------*/
/*共通部分*/
.common__nav--global{
	margin-top: 0;
}
body.common .nav-menu {
	display: block;
}
.nav-item {
	display: block;
}
.common__header--h1 a {
	width: 96%;
    height: 55px;
    padding-top: 55px;
    height: 0;
}
.common__nav--h2,
#learn-list .common__nav--h2 {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 0.3em;
}
.common__nav--drop-list ul {
    float: none;
}


/*買取タブ*/
.nav-item #common__nav--kaitori {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1px;
    padding: 15px 5px 10px 70px;
    background: url(../img/ico_tab_kaitori.png) 2% center no-repeat #a9e5c0;
	border-radius: 0;
	border: none;
    border-bottom: 1px solid #017831;
    box-sizing: border-box;
    text-align: left;
}
.nav-item #common__nav--kaitori{
	position: relative;
}
.nav-item #common__nav--kaitori:after{
	position: absolute;
    top: 20%;
    right:10px;
    content: url(../img/ico_arr01_gr.png);
}
/*買取ドロップダウンメニュー*/
#kaitori-list {
    position: static;
    border-radius: 0;
    background-position: 90% 88%;
}
body.common #kaitori-list ul {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
#kaitori-list ul:last-child {
    width: 100%;
    margin-right: 0;
}

/*再生可能エネルギーとはタブ*/
.nav-item #common__nav--learn{
    width: 100%;
    margin-right: 0;
    padding: 15px 5px 10px 70px;
    background: url(../img/ico_tab_learn.png) 2% center no-repeat #ffcb9b;
	border-radius: 0;
	border: none;
    border-bottom: 1px solid #FA9437;
    box-sizing: border-box;
    text-align: left;
}
.nav-item #common__nav--learn{
	position: relative;
}
.nav-item #common__nav--learn:after{
	position: absolute;
    top: 20%;
    right:10px;
    content: url(../img/ico_arr01_or.png);
}
#learn-list {
    position: static;
    border-radius: 0;
    background-position: 90% 88%;
}
body.common #learn-list ul {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}



/*-------------------スライダー-------------------*/
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    left: 20%;
}
/*-----------------------------------------------------------
=doc-area コンテンツコンテナ 850px以下
-----------------------------------------------------------*/
/*-------------------news　ニュースタブ-------------------*/
.common__doc-area--news {
	margin-bottom: 70px;
}
.common__news{
	display: block;
}

.common__news .motion {
	position: static;
}
.common__news .btn_act {
    margin-right: 0;
    padding: 15px 25px 10px 16px;
    display: inline-block;
    text-align: left;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #222!important;
    position: relative;
 }
.common__news .btn_act:after{
	position: absolute;
    top: 20%;
    right:10px;
    content: url(../img/ico_arr01_bl.png);
}

.common__news .btn_act.tab-open {
    background: #fff!important;
    color: #222!important;
    border-bottom: none!important;
    z-index: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.common__news .btn_act,.common__news .btn_act.tab-open{
	display: block;
}
/*-------------------keyword キーワード-------------------*/
/*バナー*/
body.common .common__doc-area--keyword ul.keyword--banner li{
	margin-left: auto;
	margin-right: auto;
}
body.common .common__doc-area--keyword ul.keyword--banner li a img{
	margin: 0;
}
/*-------------------banner　バナーカルーセル-------------------*/
.common__doc-area--banner div img {
    width: 85%;
    margin: 0 auto;
}
.common__doc-area--banner .bx-wrapper .bx-pager {
    top: 75%;
}

/*-----------button　コンテンツへのリンクボタン 850px以下-----------*/
.common__doc-area--button {
    padding-bottom: 40px;
}
.common__doc-area--button-primary{
	display: block;
}
	#button_kaitori,#button_learn,#button_concierge,#button_offshor{
	    width: 95%;
	    float: none;
	    display: block;
		margin: 0 auto 15px auto;
		background-position: 95% center;
	}
	#button_kaitori a span,#button_learn a span,#button_concierge a span,#button_offshor a span{
		width: 100%;
	}
	
.common__doc-area--button-secondary{
	width: 95%;
	display: block;
}
.common__doc-area--button-secondary li{
	width: 49%;
	float: left;
	min-height: 160px;
    max-height: 200px;
}
.common__doc-area--button-secondary li:nth-child(even){
	margin-right: 0;
}

/*-----------------info　連絡先エリア 850px以下------------------*/
.common__info--tel {
    width: 95%;
}
.common__info--tel h2 {
    text-align: left;
    font-size: 22px;
}
.common__info--tel p {
    text-align: left;
    font-size: 18px;
}
.common__info--tel ul{
	padding: 1em 0;
}
.common__info--tel li {
	margin-right: 0;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    text-align: left;
    font-size: 32px;
}
.common__info--tel li span{
	display: block;
}

/*-------------------info　下部バナーエリア 850px以下-------------------*/
.common__banner02--banners ul li {
    margin-right: 0;
}
/*-----------------------------------------------------------
=tools
-----------------------------------------------------------*/
span.resp{
	display: block;
}
/*-----------------------------------------------------------
=footer フッター 850px以下
-----------------------------------------------------------*/
.common__footer a,.common__footer a:hover{
	text-decoration: none;
	display: block;
}
.common_footer--wrap{
	margin-top: 0;
	padding-top: 0;
	display: block;
}
.common__footer--box01,.common__footer--box02{
	width: 100%;
	float: none;
}
.common__footer--box01{
	margin-top: 0.5em;
}
.common__footer .common_footer--wrap div{
	margin-top: 0;
	margin-bottom: 0;
}
.common__footer h3{
	padding-top: 0.7em;
	padding-bottom: 0.5em;
	padding-left: 2%;
	cursor: pointer;
	border-bottom: 2px solid #222;
	position: relative;
}
.common__footer h3:after{
	position: absolute;
    top: 20%;
    right:10px;
    content: url(../img/ico_arr01_bl.png);
}
body.common .common__footer p{
	width: 100%;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	line-height: 0;
	transition:
	opacity .1s linear,
	visibility .2s linear,
	line-height .2s linear;
	box-sizing: border-box;
}
body.common .common__footer p.open{
	padding: 0.7em 0 0.5em 0.5em;
    border-bottom: 1px solid #ddd;
	opacity: 1;
	visibility: visible;
	line-height: 1.5;
	transition:
	opacity .1s linear,
	visibility .2s linear,
	line-height .2s linear;
}
body.common .common__footer p.open a{
	display: block;
	position: relative;
}
body.common .common__footer p.open a:before{
	position: absolute;
    content: '';
    top: 0.5em;
    left: 98%;
    box-sizing: border-box;
    width: 8px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 8px solid #666;
}

body.common .common__footer p.footer--list-title{
	margin-top: 1em;
	margin-bottom: 0;
	padding-bottom: 0.5em;
	padding-left: 2%;
	opacity: 1;
	visibility: visible;
	line-height: 1.5;
	border-bottom: 2px solid #222;
}
.common__footer--sns {
    margin-top: 0;
}



}
/*=========================================================
	
550px以下サイズの表示

=========================================================*/
@media (max-width: 550px) {
/*--------------------スライダー 550px以下-------------------*/
.owl-dots{
	display: none;
}
.owl-control{
	margin-top: 15px;
}
.owl-control li{
	width: 45%;
    margin-right: 10%;
}
/*---------------box 汎用ボックス設定 550px以下---------------*/	
.common__box--resp-set .box01 img{
	width: 100%;
	display: block!important;
    margin: 0 auto;
}
/*---------------tabset 汎用タブセット設定 550px以下---------------*/
/*可変なしタイプ*/
body.common .common__tabset02 .tab--wrap{
	display: -webkit-flex;
	display: flex;
}
body.common .common__tabset02 .btn_act.tab2p{
    margin-right: 0.5%;
}

body.common .common__tabset02 .btn_act.tab2p.end{
    margin-right: 0;
}

/*---------------list 汎用リスト設定 550px以下---------------*/
.common__ul--flow li:before{
	width: 100%;
	top:0;
	left: 0;
}
.common__ul--flow li:after{
	left: 40%;
}
/*-----------------------リンクボタン------------------------*/
.common__doc-area--button {
    padding-bottom: 0px;
}
.common__doc-area--button-secondary li{
	/*min-height: 100px;
	max-height: 120px;*/
	min-height:auto;
	max-height: auto;
}
body.common .common__doc-area--button-secondary li a,
.common__doc-area--button-secondary li#button_tree span.button-coming-soon{
	padding-top: 8px;
	font-size: 16px;
	min-height: auto;
	max-height: auto;
	box-sizing: border-box;
}
/*トップページ*/
#button_kaitori{
	background: none;
}
#button_learn{
	background: none;
}
#button_concierge{
	background: none;
}
#button_2019{
	background: none;
}
#button_anken{
	background: none;
	/*max-height: 100px;*/
}
#button_park{
	background: none;
}
#button_tree{
	background: none;
	/*max-height: 100px;*/
}
#button_support{
	background: none;
	/*min-height: 40px;
	max-height: 50px;*/
}
#button_panph{
	background: none;
	/*min-height: 40px;
	max-height: 50px;*/
}	
#button_offshor{
	background: none;
}
#button_concierge_s{
	background: none;
}
#button_archive{
	background: none;
}
}
/*=========================================================
	
515px以下サイズの表示

=========================================================*/
@media (max-width: 515px) {
  /*-----------------------------------------------------------
=#header max 515px ヘッダー515px以下
-----------------------------------------------------------*/
/*-------------------news お知らせ-------------------*/
/*一覧ページへのリンク*/
body.common .common__news--showall{
	text-align: center;
    margin: 0.5em 0 1.5em 0;
}
body.common .common__news--showall a{
	width: 18em;
	font-size: 90%;
}
.common__news--showall a:after {
    width: 12px;
    height: 12px;
    top: 10px;
}
/*-------------------keyword　キーワード-------------------*/
.common__doc-area--keyword li {
    margin: 0 auto 20px auto;
    display: block;
    width: 90%;
}

/*-------------------banner　バナーカルーセル-------------------*/
.common__doc-area--banner .bx-wrapper .bx-pager {
    top: 75%;
}
.common__doc-area--banner div {
    text-align: center;
}



}