@charset "utf-8";
@import url("local_infografic.css");

/**********************************************/
/* A-PLAT 改修版 */
/* 地域の適応　Infographic 詳細ページ  2022.09.27 */
/**********************************************/
/*初期化*/
.theme-section h1:first-child {
    margin: initial;
    padding: initial;
    border:initial;
    background:initial;
    line-height: 100%;
}
.theme-section h1 {
    margin: initial;
    padding: initial;
    border:initial;
    background:initial;
    line-height: 100%;
    /*font-weight: normal;*/
}
.theme-section h2 {
    margin: initial;
    padding: initial;
    border:initial;
    background:initial;
    line-height: 100%;
    /*font-weight: normal;*/
}
.theme-section h3 {
    color:#000;
}
/*-----初期化ここまで-----*/


.theme-section_wrap {
  max-width: inherit;
  margin-inline: auto;
}
.c-bread__nav.-top {
  max-width: inherit;
}
.theme-section h1 {
  margin-bottom: 0;
	padding: 0;
	font-size: 4rem;
}
.theme-section h2 {
	font-size: 3rem;
	display: inherit;
}
.pdf-download-btn[href$="pdf"]::after{
	display: none;
}


/*区切り*/
.section~.section {
    margin-bottom: 50px;
}

/*スクロールボックス*/
.scrollBox {
    overflow: auto;
}
.scrollBox::-webkit-scrollbar {
    width: 10px;
}
.scrollBox::-webkit-scrollbar-track {
    background: #f5f5f5;
}
.scrollBox::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 5px;
}


/*画像*/
.figure {
    margin: 30px auto;
}
.figure figcaption {
    line-height: 140%;
    font-size: 1.6rem;
    text-align: center;
    margin: 10px 0;
}

.figure .text {
    line-height: 120%;
    font-size: 1.4rem;
    margin: 10px 0;
    text-align: center;
}
.figure img {
    width: 100%;
    display: block;
    margin: 0 auto 10px;
}


/*文字寄せ*/
.txtr {
    text-align: right;
}
.txtc {
    text-align: center;
}
.txtl {
    text-align: left;
}

/*小文字*/
.small {
    font-size: 1.4rem;
}
.s-small {
    font-size: 1.2rem;
}

/*太字*/
.bold {
    font-weight: bold;
}

/*配置*/
.float {
    overflow: hidden;
}
.float-left {
    float: left;
    margin-right: 30px;
}
.float-right {
    float: right;
    margin-left: 30px;
}

/*改行しない*/
.break {
    word-break: break-all;
}

/*画面割*/
.flex {
    width: 100%;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
}

/*画面割*/
.f-row {
    display: flex;
    flex-direction: row;
}
.f-col {
    display: flex;
    flex-direction: column;
}

/*縦横中央寄せ*/
.centered {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}


/*「・」付きリスト*/
.list-disc {
    margin-left: 40px !important;
    padding-left: 0 !important;
    list-style-type: disc !important;
}
.list-disc li {
    padding: 0 !important;
    margin-bottom: 3px !important
}

.list-disc-1 {
    margin-left: 40px !important;
    padding-left: 0 !important;
    list-style-type: disc !important;
}
.list-disc-1 li {
    padding: 0 !important;
    margin-left: 1em !important;
    margin-bottom: 3px !important
}

/* .cell .list-disc {
    border: 1px red solid;
} */



/******************************/
/*リードボックス*/
/******************************/
.textbox {
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
}
.textbox .textbox-txt {
    width: 100%;
}
.textbox .textbox-img {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 20px;
}
.textbox .textbox-img .figure {
    margin: 0px auto;
}

.textbox .textbox-txt50 {
    width: 100%;
}
.textbox .textbox-img50 {
    margin-left: 0px;
    width: 100%;
    margin-top: 20px;
}



/******************************/
/*段落区切り*/
/******************************/
.text-line {
    margin-bottom: 20px;
}

/*下段*/
#lower {}




/******************************/
/*大見出し*/
/******************************/
.headline {
    margin-bottom: 30px;
    width: 100%;
    display: flex;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*大見出しのページ名*/
.headline-sub {
    font-size: 1.4rem;
    width: 100%;
    border-bottom: 1px #ddd solid;
    margin-bottom: 10px;
}

.headline .headline-in {
    width: 100%;
    display: flex;    
    flex-direction: column;
}

/*分野*/
.headline-ttl {
    flex-direction: column;
}
.headline-ttl h1 {
    min-height: 35px;
    order:1;
}

/*カテゴリー*/
.headline-category {
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0;
    order:2;
}

/*協力*/
.headline-cooperator {
    font-size: 1.2rem;
    line-height: 140%;
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin: 0;
    order:3;
}

/*PDFダウンロード*/
.pdf-download {
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    margin: 10px 0 0 0;
    width: 100%;
    order:6;
}
.pdf-download .pdf-download-btn {    
    background: url("../img/icon-download-on.png") no-repeat 93% center;
    background-size: 12px;    
    background-color:#000;
    color:#fff;
    text-decoration: none;
    border-radius: 100px;
    letter-spacing: -0.5px;
    display: inline-block;
    line-height: 100%;
    font-size: 1.0rem;

    margin: 0px 5px 5px;
    padding: 5px 25px 5px 10px;

}
.pdf-download .pdf-download-btn:hover {
    background-color:#ddd;
    transition: all .5s;
    box-shadow: none;
}
.pdf-download img {
    display: none;
}




/******************************/
/*セクション内の見出し*/
/******************************/
.section-head {
    margin-bottom: 20px;
}
.section-head-ttl {
    border-bottom: 1px #ddd solid;
}

/*見出しフォントサイズ*/
.keni-main .keni-section .h1-head {
    font-size: 2.8rem;
}
.keni-main .keni-section .h2-head {
    font-size: 2.4rem;
}
.keni-main .keni-section .h3-head {
    font-size: 2.2rem;
}
.keni-main .keni-section .h4-head {
    font-size: 2.0rem;
}
.keni-main .keni-section .h5-head {
    font-size: 1.8rem;
}
.keni-main .keni-section .h6-head {
    font-size: 1.6rem;
}



/*参考文献*/
.references {
    font-size: 1.4rem;
}
.references li {
    line-height: 140%;
    margin: 0 0 10px 0;
}
.references li a {}

/*サイン*/
.sign {
    text-align: right;
    font-size: 1.4rem; 
}

/*ファイルサイズ*/
.filesize {
    font-size: 1.2rem;
    margin-left: 10px;
}

/*出典*/
.source {
    font-size: 1.4rem;
}

/*注釈*/
.remarks-box {
    /*padding: 20px 10px;*/
	padding: 0.5em 0 0 1em;
}
.remarks-box p {
    line-height: 120%;
    font-size: 1.2rem;
    margin: 5px 0;
	margin-left: 1em;
	text-indent: -1em; /* 先頭の1文字のみ 1em 左に */	
}
.remarks-box p span {
    margin-right: 5px;
}

.remarks {
    font-size: 1.4rem;
    line-height: 120%;
    margin: 10px 0;
    /*color:red;*/
}


/*境界線*/
.line {
    background: url("../img/infografic/line.png") repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 5px;
}


/**************************/
/*適応策一覧リンク*/
/***************************/
#tekiousakuMenu {
    width: 100%;    
    margin:0px auto 10px;

    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 

    align-items: center;
    flex-direction: row;
    justify-content: end;
}

/*見出し*/
.tekiousakuMenu-ttl {
    display: none;
}

/*分野メニュー*/
.tekiousakuMenu-bunya {
    display: none;
}

/*一覧メニュー*/
.tekiousakuMenu-all {
    width: 100%;
}

/*プルダウンメニュー*/
.tekiousakuMenu-all-in {    
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    justify-content: center;
    align-items: center;

    border-radius: 100px;
    line-height: 100%;
    color: #fff;    
    
    padding:5px 40px 5px 60px;
    background: url("../../../img/icon-glass_w.svg") no-repeat 15px center;
    background-size: 30px;
    background-color: #2c9f79;
}

.select-ttl {
    width:100%;

    margin:0 0 5px 0;
    line-height: 100%;
    letter-spacing: -0.5px;
}
.select-ttl dt {
    display: none;
}
.select-ttl dd {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
}

/*プルダウン*/
#selectTekiousaku {
    width: 100%;

    padding: 3px 10px;
    border-width:0;
    border-radius: 5px;
    background-color: #fff;
    color: #136348;
    font-size: 1.4rem;
}
#selectTekiousaku option.bold {
    padding: 10px 10px;
    background-color: #2c9f79 !important;
    font-weight: bold;
    color:#fff !important;
}
#selectTekiousaku option:nth-child(odd){
    background:#f5f5f5;
}


.projectcase-usage-guide{
	display: none;
}


/****************************/
/*[適応策]　レイアウト基本設定*/
/****************************/
.colbox {
    min-width: 980px;
}
.colbox-line {
    width: 100%;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5px;
}


/*セル*/
.colbox .cell {
    width: 100%;
    margin: 0px 4.8px; /*5px*/
}

/*左側の見出し*/
.side-ttl {
    font-weight: bold;
    letter-spacing: -0.5px;
    width: 70px !important;
    /*text-align: center;*/
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#c01 .side-ttl {
	color: #F18E34;
}
#c02 .side-ttl {
	color: #59bed9;
}
#c03 .side-ttl {
	color: #3f918d;
}
#c04 .side-ttl {
	color: #5b4688;
}
#c05 .side-ttl {
	color: #f05982;
}
#c06 .side-ttl {
	color: #59bed9;
}
#c07 .side-ttl {
	color: #08904C;
}

/*右側の見出し*/
.cell-ttl {
    width: 100%;
    text-align: center;
    font-weight: bold;
    /*background-color: #eee;*/
    line-height: 140%;
    padding: 6px 10px;
    color:#fff;
    font-size: 1.9rem; /*font-size: 2.2rem;*/
}
/*右側のテキスト枠*/
.cell-txt {
    width: 100%;
    /*border: 1px red solid;*/
    font-size: 90%;
    line-height: 140%;
}


/*セル内での分割*/
.cell ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.cell ul li {
    /*background-color: #fef5eb;*/
    padding: 10px 20px;
    margin-bottom: 10px;
}
/*画像*/
.cell ul li img {
    width: 100%;
    display: block;
    margin: 10px auto;
}
.cell p {
    margin: 5px 0;
    line-height: 140%;
}

.cell dl {
    margin: 0;
}
.cell dt {
    margin: 0;
    line-height: 140%;
}
.cell dd {
    margin: 0;
    line-height: 140%;
}

/*注釈*/
.cell p.remarks {
    margin: 10px 0;
}

/*中見出し*/
.cell .cell-ttl-in {
    font-weight: bold;
    line-height: 140%;
    margin-bottom: 5px;
    font-size: 1.8rem;
      margin-left: 1em;
      text-indent: -1em;
}
/*.cell .cell-ttl-in~.cell-ttl-in {
    margin-top: 15px;
}*/
.cell p~.cell-ttl-in {
    margin-top: 10px;
}

/*塗りつぶし*/
.fill {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 120%;
    padding: 10px 5px;
    font-weight: bold;

    display: flex;   
    justify-content: center;
    align-items: center;
}
.f-cor1 {
    background-color: #dcdddf;
}
.f-cor2 {
    background-color: #cdced0;
}
.f-cor3 {
    background-color: #b2b2b2;
}

/*右側の見出し（段組み）*/
.flex-ttl .cell {
    display: flex;    
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/*文字ぶら下げ*/
.cell p.indent-1{
	margin-left: 1em; /* ブロック全体を 1em 右に */
	text-indent: -1em; /* 先頭の1文字のみ 1em 左に */	
}
.cell p span.indent-1{
	margin-left: 1em; /* ブロック全体を 1em 右に */
	text-indent: -1em; /* 先頭の1文字のみ 1em 左に */
	display: block;
}
.cell p.indent-2{
	margin-left: 2em;
	text-indent: -2em;	
}
.cell span.indent-2{
	margin-left: 2em;
	text-indent: -2em;
	display: block;
}
figure span.indent-2{
	margin-left: 2em;
	text-indent: -2em;
	display: block;
}
.cell p.indent-3{
	margin-left: 3em;
	text-indent: -3em;	
}
.cell span.indent-3{
	margin-left: 3em;
	text-indent: -3em;
	display: block;
}
.cell p.indent-3h{
	margin-left: 3.5em;
	text-indent: -2.5em;	
}
.cell span.indent-5{
	margin-left: 5em;
	text-indent: -5em;
	display: block;
}
.cell p.indent-1-2{
	margin-left: 2em;
	text-indent: -1em;	
}
.cell p.ml-1em{
	margin-left: 1em;	
}
.cell p span.ml-1em{
	margin-left: 1em;
	display: block;
}
.cell p.ml-2em{
	margin-left: 2em;	
}
.cell .cell-txt ul > li> ul> li{
	padding: 0;
	margin: 5px 0 0 1em;
	list-style: disc;
}
.cell .cell-txt-list li{
	padding: 0;
	margin: 0;
	margin: 5px 0 0 1em;
	list-style: disc;
}



/****************************/
/*色設定（分野）*/
/****************************/
/*農業・林業・水産業分野*/
#c01 .headline-sub::before {
	background-color:transparent;
}
#c01 .headline .headline-in {
	background-color:transparent;
    color: #f29032;
}
#c01 .headline-ttl h1 {
    background-image: url("../../img/icon02.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left:50px;
}
#c01 .section-head {
    color:#e8572c;
}
#c01 #tekiousaku-list .in-short span {
    background-color:#e8572c;
}
#c01 #tekiousaku-list .in-short span:before {
    border-top-color:#e8572c;
}
#c01 .tekiousaku-list-col li a:hover {
    background-color: #e8572c;
    color:#fff;
    text-decoration: none;
}
#c01 #tekiousaku-list .section-head h2.h3-head {
    background: url("../img/icon02.png") no-repeat left center;
    background-size: 35px;

    padding: 0 0 0 45px;
    min-height: 35px;
    color: #f29032;
}

.relation_menu{
    border:  3px solid #f29032;
	padding: 10px 30px;
	padding-top: 20px;
}
.relation_menu_icon{
	width: 60px;
	height: 60px;
}
.relation_menu_link{
    
}
.relation_menu_link ul{
    display: flex;
    flex-wrap: wrap;
	border-bottom: 3px #a8b91a solid;
	padding-bottom: 10px;
	margin:  0 0 20px;
}
.relation_menu_link ul a{
    text-decoration: none;
    color: #fff;
    padding: 2px 20px;
    margin-right: 5px;
    border-radius: 20px;
    display: block;
}
.relation_menu_link ul a:hover{
    opacity: 0.6;
}
.relation_menu_link li{
	list-style: none;
}
.relation_menu_pdf-download img{
	width: 160px;
}
#c01 .relation_menu_link ul a{
    background-color: #f29032;
}

/*水環境・水資源*/
#c02 .headline-sub::before {
	background-color:transparent;
}
#c02 .headline .headline-in {
	background-color:transparent;
    color: #7dc9e6;
}
#c02 .headline-ttl h1 {
    background-image: url("../../img/icon03.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left:50px;
}
#c02 .section-head {
    color:#3bc1e2;
}
#c02 #tekiousaku-list .in-short span {
    background-color:#3bc1e2;
}
#c02 #tekiousaku-list .in-short span:before {
    border-top-color:#3bc1e2;
}
#c02 .tekiousaku-list-col li a:hover {
    background-color: #3bc1e2;
    color:#fff;
    text-decoration: none;
}
#c02 #tekiousaku-list .section-head h2.h3-head {
    background: url("..img/icon03_w.png") no-repeat 20px center;
    background-size: 35px;

    padding: 0 0 0 45px;
    min-height: 35px;
    color: #7dc9e6;
}
#c02 .relation_menu{
    border:  3px solid #b3d4fc;
}
#c02 .relation_menu_link ul a{
    background-color: #7dc9e6;
}

/*自然生態系*/
#c03 .headline-sub::before {
	background-color:transparent;
}
#c03 .headline .headline-in {
	background-color:transparent;
    color: #3f918d;
}
#c03 .headline-ttl h1 {
    background-image: url("../../img/icon04.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left:50px;
}
#c03 .section-head {
    color:#007a71;
}
#c03 #tekiousaku-list .in-short span {
    background-color:#3f918d;
}
#c03 #tekiousaku-list .in-short span:before {
    border-top-color:#3f918d;
}
#c03 .tekiousaku-list-col li a:hover {
    background-color: #3f918d;
    color:#fff;
    text-decoration: none;
}
#c03 #tekiousaku-list .section-head h2.h3-head {
    background: url("..img/icon04_w.png") no-repeat 20px center;
    background-size: 35px;

    padding: 0 0 0 45px;
    min-height: 35px;
    color: #007a71;
}
#c03 .relation_menu{
    border:  3px solid #3f918d;
}
#c03 .relation_menu_link ul a{
    background-color: #3f918d;
}

/*自然災害・沿岸域*/
#c04 .headline-sub::before {
	background-color:transparent;
}
#c04 .headline .headline-in {
	background-color:transparent;
    color: #5b4688;
}
#c04 .headline-ttl h1 {
    background-image: url("../../img/icon05.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left:50px;
}
#c04 .section-head {
    color:#5b4688;
}
#c04 #tekiousaku-list .in-short span {
    background-color:#8a77a6;
}
#c04 #tekiousaku-list .in-short span:before {
    border-top-color:#8a77a6;
}
#c04 .tekiousaku-list-col li a:hover {
    background-color: #8a77a6;
    color:#fff;
    text-decoration: none;
}
#c04 #tekiousaku-list .section-head h2.h3-head {
    background: url("../img/icon05_w.png") no-repeat 20px center;
    background-size: 35px;

    padding: 0 0 0 45px;
    min-height: 35px;
    color: #5b4688;
}
#c04 .relation_menu{
    border:  3px solid #8a77a6;
}
#c04 .relation_menu_link ul a{
    background-color: #8a77a6;
}


/*健康*/
#c05 .headline-sub::before {
	background-color:transparent;
}
#c05 .headline .headline-in {
	background-color:transparent;
    color: #f05982;
}
#c05 .headline-ttl h1 {
    background-image: url("../../img/icon06.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left:50px;
}
#c05 .section-head {
    color:#f05982;
}
#c05 #tekiousaku-list .in-short span {
    background-color:#f594a5;
}
#c05 #tekiousaku-list .in-short span:before {
    border-top-color:#f594a5;
}
#c05 .tekiousaku-list-col li a:hover {
    background-color: #f594a5;
    color:#fff;
    text-decoration: none;
}
#c05 #tekiousaku-list .section-head h2.h3-head {
    background: url("../img/icon06_w.png") no-repeat 20px center;
    background-size: 35px;

    padding: 0 0 0 45px;
    min-height: 35px;
    color: #f05982;
}
#c05 .relation_menu{
    border:  3px solid #f594a5;
}
#c05 .relation_menu_link ul a{
    background-color: #f594a5;
}

/*産業・経済活動*/
#c06 .headline-sub::before {
	background-color:transparent;
}
#c06 .headline .headline-in {
	background-color:transparent;
    color: #2478a2;
}
#c06 .headline-ttl h1 {
    background-image: url("../../img/icon07.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left:50px;
}
#c06 .section-head {
    color:#2478a2;
}
#c06 #tekiousaku-list .in-short span {
    background-color:#2ca2ca;
}
#c06 #tekiousaku-list .in-short span:before {
    border-top-color:#2ca2ca;
}
#c06 .tekiousaku-list-col li a:hover {
    background-color: #2ca2ca;
    color:#fff;
    text-decoration: none;
}
#c06 #tekiousaku-list .section-head h2.h3-head {
    background: url("../img/icon07_w.png") no-repeat 20px center;
    background-size: 35px;

    padding: 0 0 0 45px;
    min-height: 35px;
    color: #2478a2;
}
#c06 .relation_menu{
    border:  3px solid #2ca2ca;
}
#c06 .relation_menu_link ul a{
    background-color: #2ca2ca;
}

/*国民生活・都市生活分野*/
#c07 .headline-sub::before {
	background-color:transparent;
}
#c07 .headline .headline-in {
	background-color:transparent;
    color: #008f43;
}
#c07 .headline-ttl h1 {
    background-image: url("../../img/icon08.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left:50px;
}
#c07 .section-head {
    color:#008f43;
}
#c07 #tekiousaku-list .in-short span {
    background-color:#7cb24a;
}
#c07 #tekiousaku-list .in-short span:before {
    border-top-color:#7cb24a;
}
#c07 .tekiousaku-list-col li a:hover {
    background-color: #7cb24a;
    color:#fff;
    text-decoration: none;
}
#c07 #tekiousaku-list .section-head h2.h3-head {
    background: url("../img/icon08_w.png") no-repeat 20px center;
    background-size: 35px;

    padding: 0 0 0 45px;
    min-height: 35px;
    color: #008f43;
}
#c07 .relation_menu{
    border:  3px solid #7cb24a;
}
#c07 .relation_menu_link ul a{
    background-color: #7cb24a;
}

.f12rem{
    line-height: 140%;
}



@media (min-width: 920px) {
    #c01 .headline-sub span::before {
	    background-color: #f29032;
    }
    #c01 .headline .headline-in {
        background-color: #f29032;
    }
    #c01 .headline-ttl h1 {
        background-image: url("../img/icon02_w.png");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 45px;
        padding-left: 60px;
    }
    #c01 .section-head {
        color:#e8572c;
    }
    #c01 #tekiousaku-list .in-short span {
        background-color:#e8572c;
    }
    #c01 #tekiousaku-list .in-short span:before {
        border-top-color:#e8572c;
    }
    #c01 .tekiousaku-list-col li a:hover {
        background-color: #e8572c;
        color:#fff;
        text-decoration: none;
    }
    #c01 #tekiousaku-list .section-head h2.h3-head {
        background: url("../img/icon02.png") no-repeat left center;
        background-size: 35px;
        padding: 0 0 0 45px;
        min-height: 35px;
        color: #f29032;
    }


    #c02 .headline-sub span::before {
	    background-color: #7dc9e6;
    }
    #c02 .headline .headline-in {
        background-color: #7dc9e6;
    }
    #c02 .headline-ttl h1 {
        background-image: url("../img/icon03_w.png");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 45px;
        padding-left: 60px;
    }
    #c02 .section-head {
        color:#3bc1e2;
    }
    #c02 #tekiousaku-list .in-short span {
        background-color:#3bc1e2;
    }
    #c02 #tekiousaku-list .in-short span:before {
        border-top-color:#3bc1e2;
    }
    #c02 .tekiousaku-list-col li a:hover {
        background-color: #3bc1e2;
        color:#fff;
        text-decoration: none;
    }
    #c02 #tekiousaku-list .section-head h2.h3-head {
        background: url("../img/icon03.png") no-repeat left center;
        background-size: 35px;
        padding: 0 0 0 45px;
        min-height: 35px;
        color: #7dc9e6;
    }


    #c03 .headline-sub span::before {
	    background-color: #3f918d;
    }
    #c03 .headline .headline-in {
        background-color: #3f918d;
    }
    #c03 .headline-ttl h1 {
        background-image: url("../img/icon04_w.png");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 45px;
        padding-left: 60px;
    }
    #c03 .section-head {
        color:#007a71;
    }
    #c03 #tekiousaku-list .in-short span {
        background-color:#3f918d;
    }
    #c03 #tekiousaku-list .in-short span:before {
        border-top-color:#3f918d;
    }
    #c03 .tekiousaku-list-col li a:hover {
        background-color: #3f918d;
        color:#fff;
        text-decoration: none;
    }
    #c03 #tekiousaku-list .section-head h2.h3-head {
        background: url("../img/icon04.png") no-repeat left center;
        background-size: 35px;
        padding: 0 0 0 45px;
        min-height: 35px;
        color: #007a71;
    }



    #c04 .headline-sub span::before {
	    background-color: #8a77a6;
    }
    #c04 .headline .headline-in {
        background-color: #8a77a6;
    }
    #c04 .headline-ttl h1 {
        background-image: url("../img/icon05_w.png");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 45px;
        padding-left: 60px;
    }
    #c04 .section-head {
        color:#5b4688;
    }
    #c04 #tekiousaku-list .in-short span {
        background-color:#8a77a6;
    }
    #c04 #tekiousaku-list .in-short span:before {
        border-top-color:#8a77a6;
    }
    #c04 .tekiousaku-list-col li a:hover {
        background-color: #8a77a6;
        color:#fff;
        text-decoration: none;
    }
    #c04 #tekiousaku-list .section-head h2.h3-head {
        background: url("../img/icon05.png") no-repeat left center;
        background-size: 35px;
        padding: 0 0 0 45px;
        min-height: 35px;
        color: #5b4688;
    }


    #c05 .headline-sub span::before {
	    background-color: #f594a5;
    }
    #c05 .headline .headline-in {
        background-color: #f594a5;
    }
    #c05 .headline-ttl h1 {
        background-image: url("../img/icon06_w.png");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 45px;
        padding-left: 60px;
    }
    #c05 .section-head {
        color:#f05982;
    }
    #c05 #tekiousaku-list .in-short span {
        background-color:#f594a5;
    }
    #c05 #tekiousaku-list .in-short span:before {
        border-top-color:#f594a5;
    }
    #c05 .tekiousaku-list-col li a:hover {
        background-color: #f594a5;
        color:#fff;
        text-decoration: none;
    }
    #c05 #tekiousaku-list .section-head h2.h3-head {
        background: url("../img/icon06.png") no-repeat left center;
        background-size: 35px;
        padding: 0 0 0 45px;
        min-height: 35px;
        color: #f05982;
    }


    #c06 .headline-sub span::before {
	    background-color: #2ca2ca;
    }
    #c06 .headline .headline-in {
        background-color: #2ca2ca;
    }
    #c06 .headline-ttl h1 {
        background-image: url("../img/icon07_w.png");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 45px;
        padding-left: 60px;
    }
    #c06 .section-head {
        color:#2478a2;
    }
    #c06 #tekiousaku-list .in-short span {
        background-color:#2ca2ca;
    }
    #c06 #tekiousaku-list .in-short span:before {
        border-top-color:#2ca2ca;
    }
    #c06 .tekiousaku-list-col li a:hover {
        background-color: #2ca2ca;
        color:#fff;
        text-decoration: none;
    }
    #c06 #tekiousaku-list .section-head h2.h3-head {
        background: url("../img/icon07.png") no-repeat left center;
        background-size: 35px;
        padding: 0 0 0 45px;
        min-height: 35px;
        color: #2478a2;
    }


    #c07 .headline-sub span::before {
	    background-color: #7cb24a;
    }
    #c07 .headline .headline-in {
        background-color: #7cb24a;
    }
    #c07 .headline-ttl h1 {
        background-image: url("../img/icon08_w.png");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 45px;
        padding-left: 60px;
    }
    #c07 .section-head {
        color:#008f43;
    }
    #c07 #tekiousaku-list .in-short span {
        background-color:#7cb24a;
    }
    #c07 #tekiousaku-list .in-short span:before {
        border-top-color:#7cb24a;
    }
    #c07 .tekiousaku-list-col li a:hover {
        background-color: #7cb24a;
        color:#fff;
        text-decoration: none;
    }
    #c07 #tekiousaku-list .section-head h2.h3-head {
        background: url("../img/icon08.png") no-repeat left center;
        background-size: 35px;
        padding: 0 0 0 45px;
        min-height: 35px;
        color: #008f43;
    }
.textbox .textbox-img #fig01 {
    margin-left: 0px;
    vertical-align: middle;
}
}


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

@media (min-width: 920px) {
/*.keni-main .keni-section_wrap {
	padding: 0 40px 30px;
} */ 
    .keni-main .keni-section .h1-head {
        font-size: 4.0rem;
    }
    .keni-main .keni-section .h2-head {
        font-size: 3.0rem;
    }
    .keni-main .keni-section .h3-head {
        font-size: 2.6rem;
    }
    .keni-main .keni-section .h4-head {
        font-size: 2.2rem;
    }
    .keni-main .keni-section .h5-head {
        font-size: 1.8rem;
    }
    .keni-main .keni-section .h6-head {
        font-size: 1.6rem;
    }
    /*#tekiousakuMenu {
        margin: -30px auto 10px;
    }
    .tekiousakuMenu-ttl {
        font-weight: bold;
        display: block;
    }
    .tekiousakuMenu-bunya {
        display: block;
        margin-left: 20px;
    }
    .tekiousakuMenu-bunya ul {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 0;
        list-style: none;
    
        display: flex;
        justify-content: flex-end;    
        align-items: center;
    }
    .tekiousakuMenu-bunya li {
        margin: 0 10px;   
        line-height: 100%;
        text-align: center;
    }
    .tekiousakuMenu-bunya li img {
        display: block;
        max-width: 42px;        
        margin: 0 auto 5px;
    }*/
/*分野アイコン*/
#sectorMenu{
	display: flex;
}
.projectcase-usage-guide{
	display: block;
  padding: 20px;
  border: 1px solid #333;
  border-radius: 10px;
}
.icon-list{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	line-height: 1.2;
}
.icon-list li{
  list-style: none;
	font-size: 1.2rem;
	display: flex;
	margin-right: 20px;
}
.icon-list li img{
	vertical-align: middle;
	padding-right: 5px;
	max-width: 40px;
}
.tekiousakuMenu-all {
    max-width: 330px;
	margin-top: 30px;
	margin-left: 10px;
}

/*対象分野ここまで*/
/*分野色分け*/
.c_01 {
  color: #f29032;
}
.c_02 {
  color: #7dc9e6;
}
.c_03 {
  color: #3f918d;
}
.c_04 {
  color: #8a77a6;
}
.c_05 {
  color: #ef96a7;
}
.c_06 {
  color: #3aa1cd;
}
.c_07 {
  color: #7cb24a;
}	
	
    .scrollBox {
        padding: 10px;
    }

    .headline {
        border-top-right-radius: 10px;
        background-color: transparent;
		margin-top: 40px;
    }

    .headline-sub {
        width: 100%;
        border-width: 0;
        margin: 0 0 -2px 0;
    }

    .headline-sub span {
        font-size: 1.6rem;
        padding: 0px 20px;
        display: inline-block;
        position: relative;
        color: #fff;
        z-index: 1;
        min-width: 300px;

    }
    .headline-sub span::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        transform: scaleY(1.3) perspective(.6em) rotateX(2deg);
        transform-origin: bottom left;
        border-radius: 8px 8px 0 0;
    }

    .headline .headline-in {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-top-right-radius: 10px;
    }

    .headline-ttl {
        width: auto;
        color: #fff;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin:0 0 0 20px;
        order:1;
		padding: 10px 0;
    }
    .headline-ttl h1 {
        min-height: 45px;
    }

    .headline-category {
        font-size: 1.6rem;
        margin-left: 20px;
    }

    .headline-cooperator {
        font-size: 1.4rem;
        text-align: right;
        padding: 5px 20px;
        border-width: 0;
        order:3;
        color: #fff;
		justify-content: flex-end;
    }

    .pdf-download {
        width: auto;
        order:2;
        margin: 10px 20px;
    }

    .pdf-download .pdf-download-btn {    
        font-size: 1.4rem;
        background-size: 16px;
        padding: 5px 30px 5px 15px;
    }

    .pdf-download img {
        display: block;
        max-width: 80px;
        margin-left: 15px;
        border-radius: 5px;
        border: 3px #fff solid;
    }
    
    .textbox .textbox-txt {
        width:calc((8.333% * 8) - 30px);
    }
    .textbox .textbox-img {
        width:calc(8.333% * 4);
        margin-left: 30px;
        margin-top: 0px;
    }

    .textbox .textbox-txt50 {
        width:calc((8.333% * 6) - 30px + 15px);
    }
    .textbox .textbox-img50 {
        width:calc((8.333% * 6) - 15px);
        margin-left: 30px;
        margin-top: 0px;
    }
.relation_menu{
    border:  3px solid #f29032;
	display: flex;
	padding: 10px 30px;	
	justify-content: space-between;
    align-items: center;
}
.relation_menu_icon{
	width: 100px;
	height: 100px;
}
.relation_menu_link{
    width: 60%;  
}
.relation_menu_link ul{
    display: flex;
    flex-wrap: wrap;
	border-bottom: none;
	padding-bottom: 0;
    margin: 0;
}

	
.head-box{
	display: flex;
	justify-content: space-between;
}	
.head-box-col{
	width: 45%;
}
.w90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
}
@media (min-width: 1200px) {
    .pdf-download img {
        display: block;
        max-width: 160px;
        margin-left: 15px;
        border-radius: 5px;
        border: 3px #fff solid;
    }
/*分野アイコン*/
.projectcase-usage-guide{
	width: calc(100% - 580px)
}
.tekiousakuMenu-all {
        max-width: 100%;
        width: calc(580px - 20px);
        margin-left: 20px;
        order: 3;
	margin-top: 0;
}	
.tekiousakuMenu-all-in {
        max-width: 100%;
        padding:7px 20px;
        background-image: none;
}
    .select-ttl {
        width:100%;
        max-width: calc(100% - 240px - 10px);
        margin:0;
        
        padding:1px 0 1px 34px;
        background: url("../../../img/icon-glass_w.svg") no-repeat left center;
        background-size: 30px;

    }
    .select-ttl dt {
        display: block;
        margin:0 0 3px 0;
        font-weight: bold;
        font-size: 1.8rem;
    }
    .select-ttl dd {
        font-size: 1.6rem;
    }

    #selectTekiousaku {
        width:100%;
        max-width: calc(240px - 10px);
        font-size: 1.6rem;
        padding: 5px 10px;
    }
}
@media (min-width: 1400px) {
    .scrollBox {
        padding: 0;
    }
.icon-list li{
	width: 24%;
	margin-right: 0;
}
}