@charset "UTF-8";

/*
# =================================================================
# 国民参加による気候変動情報収集・分析事業
# =================================================================
*/


/*受託地方公共団体*/
/*
.tbl-flow caption {
    display: block;
}

.tbl-flow th span {
    display: none;
}
*/

/*ページ内リンク：3カラム*/
.btn-jmp-3col{
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0!important;
	padding: 0;
}
.btn-jmp-3col li{
	width: 32%;
}
.btn-jmp-3col li a{
	display: block;
	position: relative;
	border: 1px solid var(--black);
	padding: 10px 40px;
	color: var(--black) ;
}
.btn-jmp-3col li a:hover{
	background-color: #707780;
	color: #fff;
}
.btn-jmp-3col .active a{
	background-color: #f4f3f2;
}
.btn-jmp-3col .active a:hover{
	background-color: #f4f3f2;
	color: var(--black) ; 
}
.btn-out-jmp a::after{
  content: '';
  width: 10px;
  height: 10px;
  border-bottom: solid 2px #999;
  border-right: solid 2px #999;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 40%;
  right: 15px;
}
.btn-in-jmp a::after{
  content: '';
  width: 10px;
  height: 10px;
  border-bottom: solid 2px #999;
  border-right: solid 2px #999;
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(45deg);
  position: absolute;
  top: 36%;
  right: 15px;
}


/*pの下のライン*/
.p_line{
	font-size:1.6rem;
	font-weight: bold;
	border-left: none;
    border-bottom: 3px #a8b91a solid;
	margin-top:40px; 
}

/*１・２年目に行われた情報収集内容*/
.tbl_report_01-02 tr:nth-child(even){
    background-color: #f8f8f8;
}
.tbl_report_01-02 .thead th:nth-child(1){
	width: 15%;
}
.tbl_report_01-02 .thead th:nth-child(2){
	width: 26%;
}
.tbl_report_01-02 .thead th:nth-child(3){
	width: 11%;
}
.tbl_report_01-02 .thead th:nth-child(4){
	width: 12%;
}
.tbl_report_01-02 .thead th:nth-child(5){
	width: 6%;
}
.tbl_report_01-02 .thead th:nth-child(6){
	width: 15%;
}
.tbl_report_01-02 .thead th:nth-child(7){
	width: 15%;
}
.tbl_report_01-02 td{
	text-align: center;
}
.tbl_report_01-02 tr:hover td {
	background-color:#CCCCCC;
}
.tbl_report_01-02 th{
	vertical-align: middle;
}

/*３年目に行われた将来予測内容*/
/*.tbl_report_03 tr:nth-child(odd){
    background-color: #f8f8f8;
}*/

/*成果報告*/
.tbl-flow th {
    padding: 10px 20px;
}
.tbl-flow .yearseika th{
    padding: 7px 0px;
}
.tbl-flow td {
	white-space: nowrap;
	text-align: center;
    /*padding: 10px 30px;*/
}
.tbl-flow td ul {
    margin-top: 0px;
	margin-bottom: 0px;
	line-height: 140%;
}
.tbl-flow td img {
	padding: 2px 20px 2px 0px;
}

.tbl-flow tr:nth-child(even){
    background-color: #f8f8f8;
}
.tbl-flow tr:hover td {
	background-color:#CCCCCC;
}
.yearlist {
    width: 16%;
    font-weight: bold;
}
.first-year {
    width: 20%;
}
.second-year {
    width: 20%;
}
.third-year {
    width: 20%;
}
.hp-link{
	width: 20%;
}



/*概要一覧*/
.tbl-overview {}
.tbl-overview th {
	width:25%;
	padding: 20px;
	border-right-width:0; 
}
.tbl-overview td {
	width:75%;
	padding: 20px;
	border-left:1px #ddd dotted; 
}
.tbl-overview td ul {
    margin-top: 0;
	margin-bottom: 0;
	line-height: 140%;
}


/*体制の枠*/
.flow {
    display: inline-block;
    border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px 20px;
    margin: 10px 0;
	background-color: #fefed6;
}


/*ダウンロードボタン*/
.download-area {
	background-color: #f5f5f5;
	padding: 20px;
	text-align: center;
	line-height: 100%;
	margin-bottom: 30px;
	
}
.download-txt img {
    width: 20px;
}

.download-btn {
    margin: 0 auto;
    padding: 10px 20px 10px 45px;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    background: url("../../../img/icon_dw.png") no-repeat 15px center;
    background-size: 20px;
    background-color: #cb0f48;
    display: inline-block;
}
.download-btn:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    background-color: #da6287;
    text-decoration: none;
}
.download-btn:link,
.download-btn:visited,
.download-btn:hover,
.download-btn:focus {
    color: #fff;
}


/****************************/
/*レスポンシブ*/
/****************************/
@media (min-width: 480px) {
}

@media (min-width: 768px) {

    /*
    .download-section_area {}
    .download-btn {
        border-radius: 4px;
    }
    .download-btn a {
        font-size: 1.739vw;
    }
    */
    
}

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

    .tbl-flow caption {
        display: none;
    }

    .tbl-flow th span {
        display: inline-block;
    }
    */
}

@media (min-width: 1400px) {

}