/*
Theme Name: shimane_gbv2
Theme URI:
Description:
Author: Shuzo Masuyama
Author URI: nosite
*/

/* UTF-8 */
@charset "utf-8";

/* reset */
* {
  margin:0;
  padding: 0;
}


html,body {
  font-size : 16px;
}

body{
  width: 100%;
  height: 100%;
  background: #fff;
  margin: 0px auto;
  text-align: center;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}


a      { color: #000; text-decoration: none; text-decoration: underline;}
a:hover{ color: #ea5550 !important; text-decoration: none;}
.on    { color: #ea5550; }

img{border: 0px solid #000;}

.left{ float: left !important; }
.center{ margin: 0em auto; }
.right{ float: right !important; }
.clear{ clear: both; }
.end_clear{ clear: both; }
.common_clear{ clear: both; display: block !important; }
.half{ width: 48%; }
.half_mini{ width: 40%; }
.full{ width: 100% !important; }


.txt_center{ text-align: center !important; }
.txt_left{ text-align: left !important; }
.txt_right{ text-align: right !important; }

.left_end{ margin-left: 0px !important; }
.right_end{ margin-right: 0px !important; }

.dn{ display: none; }
.bl{ display: block; }

.b{ font-weight: bold; font-size: 1.1em; }
.s{ font-size: 0.9em; }
.s08{ font-size: 0.8em; }
.ind{ text-indent: 1em; }
.fwn{ font-weight: normal; }

iframe{ width: 100%; }

.opacity50{
  opacity: 0.5;
  -ms-opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  filter:alpha(opacity=50);
}

a.totop{
  display: block;
  background-color: transparent;
  padding: 1% 3%;
  width: 8em;
  margin: 3em auto 0em;
  text-align: center;
  border-left: 1px solid #666C67;
  border-right: 1px solid #666C67;
  text-decoration: none;
  color: #000;
}
a.totop:hover{
  color: #ea5550;
}

a.to_index{
  width: 4em;
  padding: 1.5em 0em;
  line-height: 1;
  background-color: #fff462;
  display: block;
  border-radius: 5em;
  text-decoration: none;
  color: #999;
}

div.ready_box{
  width: 100%;
  font-size: 2em;
  padding: 3em 0em 2em;
  background-color: #444;
  color: #fff;
  text-align: center;
  margin-top: 1em;
}
div.ready_box span{
  color: yellow;
  font-size: 0.7em;
  display: block;
}

table.normaltable{
  vertical-align: top;
}
table.normaltable th{ width: 20%; vertical-align: top;}
table.normaltable td{ width: 80%; vertical-align: top;}

.bold{
  font-weight: bold;
}

.smoll{
  font-size: 0.85em;
}

.green{
  color: #00937A !important;
}
.red{
  color: #FF1D25 !important;
}
.orange{
  color: rgba(234,85,80,1) !important;
}

.yellow{
  color: #fcc800 !important;
}


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

div#wrapper{
  width: 100%;
  height: 100%;
  margin: 0% auto;
  background-color: #fff;
  background-size: 100%;
}

/*== header はじめ ===========================================*/

div#global_menu{
  width: 100%;
  background: linear-gradient(#fff, 94%, transparent);
  padding-bottom: 5em;
}
div#global_menu.nofront{
  background-color: #fff;
  padding-bottom: 1em;
  position: fixed;
  z-index: 10000;
}

div#global_menu div#global_menu_content{
  width: 92%;
  min-width: 924px;
  max-width: 1200px;
  margin: 0% auto;
  padding-top: 0.5em;
}

div#global_menu br.clear{ display: none; }



/*== 親メニュー全体の調整 ===========================================*/
/*
div#global_menu div.menu_holder{
  float: left;
}
div#global_menu div#normal_home.menu_holder   { width: 7.5%; }
div#global_menu div#for_prefcom.menu_holder   { width: 17.5%; }
div#global_menu div#for_inner.menu_holder     { width: 25%; }
div#global_menu div#for_all.menu_holder       { width: 20%; }
div#global_menu div#for_outer.menu_holder     { width: 22.5%; }
div#global_menu div#normal_inquiry.menu_holder{ width: 7.5%; }

div#global_menu div.menu_holder div.parent_menu,
div#global_menu div.menu_holder div.single_menu,
div#global_menu div.menu_holder a.single_menu{
  width: 100%;
  float: left;
  position: relative;
}
div#global_menu div#for_inner.menu_holder div#program.parent_menu     { width: 40%; }
div#global_menu div#for_inner.menu_holder div#consultation.parent_menu{ width: 30%; }
div#global_menu div#for_inner.menu_holder div#mailmaga.single_menu,
div#global_menu div#for_inner.menu_holder a#mailmaga.single_menu      { width: 30%; }

div#global_menu div#for_prefcom.menu_holder div#seminar.parent_menu     { width: 50%; }
div#global_menu div#for_prefcom.menu_holder div#pref_measures.parent_menu{ width: 50%; }

div#global_menu div#for_all.menu_holder div#archive.parent_menu{ width: 45%; }
div#global_menu div#for_all.menu_holder a#interview.single_menu{ width: 55%; }

div#global_menu div.menu_holder h5{
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
  padding-top: 0.2em;
  width: 96%;
  margin: 0% auto 0.5em;
}
div#global_menu div#for_prefcom.menu_holder h5{ background-color: #c70067; }
div#global_menu div#for_inner.menu_holder   h5{ background-color: #118E76; }
div#global_menu div#for_all.menu_holder     h5{ background-color: #0C3483; }
div#global_menu div#for_outer.menu_holder   h5{ background-color: #8C1C21; }
*/
/*== 親メニュー個別の調整 ===========================================*/

div#global_menu_content a,
div#global_menu_content div{
  float: left;
  position: relative;
}

div#global_menu_content div{ cursor: default; }

div#global_menu_content a,
div#global_menu_content div{
  display: block;
  line-height: 1.3;
  text-align: center;
  margin: 0% auto;
  padding-bottom: 0.5em;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #666;
}
div#global_menu_content img{
  display: inline-block;
  width: 1.1em;
  margin-right: 0.2em;
  margin-top: 0.2em;
}

div#global_menu_content a:hover{
  color: #ea5550;
  background: linear-gradient(transparent, 45%, #E6E9E8);
}
div#global_menu_content a.on,
div#global_menu_content div.on{
  color: #ea5550;
  background: linear-gradient(transparent, 45%, #E6E9E8);
}
/*
div#global_menu div.menu_holder a,
div#global_menu div.menu_holder h6{
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
}
div#global_menu div.menu_holder h6{ cursor: default; }

div#global_menu div#normal_home.menu_holder a#front img,
div#global_menu div#for_outer.menu_holder a#company img{
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  margin-right: 0.3em;
}
*/

div#global_menu div.ready{
  color: #aaa;
}
div#global_menu a.ready{
  color: #aaa;
  background: none;
}

div#global_menu div.ready p{
  color: red;
  font-size: 0.7em;
  margin-top: -0.2em;
  margin-left: 1.5em;
}


div#global_menu #front       { width: 8%; }
div#global_menu #interview   { width: 14.5%; }
div#global_menu #product     { width: 12.5%; }
div#global_menu #consultation{ width: 8%; }
div#global_menu #prezen      { width: 10%; }
div#global_menu #support     { width: 10%; }
div#global_menu #forum       { width: 10%; }
div#global_menu #seminar     { width: 9%; }
div#global_menu #archive     { width: 9%; }
div#global_menu #inquiry     { width: 8%; }



/*== 子メニューの調整 ===========================================*/

div#global_menu ul.children{
  margin: -1em auto 0em;
  font-size: 0.8em;
  font-weight: normal;
  list-style-type: none;
  background-color: #fff;
  line-height: 1;
  border-bottom: 1px dotted #999;
  display: none;
  position: absolute;
  width: 99%;
}

div#global_menu ul.children a{
  width: 90%;
  text-align: center;
  float: none;
}

div#global_menu ul.children a:hover,
div#global_menu ul.children a.on{
  background: none;
}

div#global_menu ul.children li{
  padding: 0.75em 0em 0.25em;
  border-top: 1px dotted #999;
}
div#global_menu ul.children li:hover,
div#global_menu ul.children li.on{
  background: linear-gradient(transparent, 45%, #E6E9E8);
}

div#global_menu ul.children li: hover{

}


/*== position:fixedの調整 ===========================================*/
div#global_menu{
  position: static;
  top: auto;
}

div#global_menu.fixed{
  position: fixed;
  top: 0;
}

/*== indexページのposition:fixed===========================================*/
div#index_content div#global_menu{ padding-top: 0.8em; }

/*== 個別ページのposition:fixed ===========================================*/
div#global_menu div#title_bar{
  width: 100%;
  margin: 0% auto;
  font-family: "メイリオ";
  background-color: #CEF2EB;
  padding: 0.5em 0em 0.3em;
}

div#global_menu div#title_bar a{
  color: #00937A;
  font-size: 0.8em;
  text-decoration: none;
  padding-bottom: 0em;
}
div#global_menu div#title_bar a:hover{
  color: #fff;
  background: linear-gradient(transparent, 45%, transparent);
}


@media (max-width: 1030px){

}

/*== header おわり ===========================================*/


/*== index はじめ ================================*/

/*== index_title ===========================================*/
div#front_title_bar{
  width: 100%;
  margin: 0% auto;
  font-family: "メイリオ";
  background-color: #CEF2EB;
  padding: 0.8em 0em 0.5em;
  color: #00937A;
  font-size: 0.8em;
  text-decoration: none;
  line-height: 1.5;
}

div#index_title{
  width: 100%;
  margin: 0% auto;
}

div#index_title div#index_logo{
  width:96%;
  min-width: 974px;
  max-width: 1250px;
  padding: 1em 0em 1em;
  margin: 0% auto;
}
div#index_title div#index_logo a,
div#index_title div#index_logo div{
  width: 12%;
  margin-top: 1em;
}
div#index_title div#index_logo img{ width: 100%; }

div#index_title div#index_title_content{
  width: 68%;
  min-width: 724px;
  max-width: 910px;
  margin: -7.5em auto 0%;
}
@media screen and (max-width: 974px) {
  div#index_title div#index_title_content{
    padding-left: 145px;
    padding-right: 145px;
  }
}


div#index_title div#index_title_content #index_title_content_left{ width: 15%; margin-left: 2%; }
div#index_title div#index_title_content #index_title_content_right{ width: 80%; }

div#index_title div#index_title_content .left img{ width: 100%; margin-top: 1.5em;}

div#index_title h2#index_copy{
  margin: 0em auto;
  font-size: 1.2em;
  padding: 0em 0em 0.2em;
  width: 90%;
  color: #00937A;
  font-weight: bold;
}

div#index_title div#index_title_content h1{
  width: 95%;
  margin: 0em auto 0em;
  line-height: 1;
}
div#index_title div#index_title_content h1 img{
  width: 100%;
}

div#index_title div#news{
  margin: 0em auto;
  padding: 0.3em 0em 0.2em;
  width: 98%;
  color: #333;
}

div#index_title div#news div#news_content{
  font-size: 1em;
  width: 100%;
  margin: 0em auto;
}

div#index_title div#news div#news_content span#news_title{
  font-weight: bold;
  color: #00937A;
  margin-right: 1em;
}
div#index_title div#news div#news_content span#news_date{

}
div#index_title div#news div#news_content span#news_main{
  margin-left: 4.2em;
  text-align: left;
}
div#index_title div#news div#news_content span#news_main a{
  color: #00937A;
}
div#index_title div#news div#news_content span#news_main a:visited{
  color: #00937A;
}

div#index_menu_icon{
  width: 100%;
}

div#index_menu_icon div#index_menu_icon_content{
  width: 78%;
  min-width: 824px;
  max-width: 1010px;
  margin: 0% auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
@media screen and (max-width: 974px) {
  div#index_menu_icon div#index_menu_icon_content{
    padding-left: 145px;
    padding-right: 145px;
  }
}

div#index_menu_icon div#index_menu_icon_content div#index_menu_icon_over{
  /*
  width: 97%;
  margin-left: 3%;
  */
  width: 123%;
  margin-left: -12.5%;
}
div#index_menu_icon div#index_menu_icon_content div#index_menu_icon_under{
  width: 123%;
  margin-left: -12.5%;
}

div#index_menu_icon div#index_menu_icon_content .index_menu_icon_frame,
div#index_menu_icon div#index_menu_icon_content .index_menu_icon_frame a{
  text-decoration: none;
  color: #444;
  font-weight: normal;
}
div#index_menu_icon div#index_menu_icon_content .index_menu_icon_frame img{
  width: 45%;
}
div#index_menu_icon div#index_menu_icon_content .index_menu_icon_frame h2{
  font-weight: normal;
  margin-top: 1em;
  font-size: 1.3em;
}
div#index_menu_icon div#index_menu_icon_content #index_menu_icon_prezen.index_menu_icon_frame h2{
  margin-top: 0.2em;
}

div#index_menu_icon div#index_menu_icon_content .index_menu_icon_frame .index_menu_icon_sub {
  margin-top: 0.5em;
  background-color: #009378;
  color: #fff;
  font-size: 0.9em;
  border-radius: 1em;
}
div#index_menu_icon div#index_menu_icon_content .index_menu_icon_frame .index_menu_icon_sub:hover{
  background-color: #ea5550;
  color: #fff !important;
}

div#index_menu_icon div#index_menu_icon_content .index_menu_icon_frame:hover{
  background-color: rgba(242,161,73,.3);
}
div#index_menu_icon div#index_menu_icon_content .icon_empty:hover{
  background-color: #fff;
}

div#index_menu_icon div#index_menu_icon_content .ready:hover{ background-color: #fff; }
div#index_menu_icon div#index_menu_icon_content .ready img,
div#index_menu_icon div#index_menu_icon_content .ready h2{ opacity: 0.4; cursor: default;}
div#index_menu_icon div#index_menu_icon_content .ready .ready_sign{
  color: #999;
}
div#index_menu_icon div#index_menu_icon_content .ready .ready_sign img{
  opacity: 1;
  width: 1em;
}



div#index_menu_icon div#index_menu_icon_content .attention_sign .new{
  display: block;
  line-height: 1;
  background-color: #FF1D25;
  padding: 0.2em 0em;
  color: yellow;
  font-size: 0.8em;
  font-weight: bold;
  border-radius: 1em;
  width: 6em;
  margin: 0.2em auto 0.5em;
}
div#index_menu_icon div#index_menu_icon_content .attention_sign{
  color: #orange;
  font-size: 0.9em;
  line-height: 1.2;
  font-weight: bold;
  color: #ee7800;
}

div#index_menu_icon div#index_menu_icon_content div#index_menu_icon_over .index_menu_icon_frame{
  /*
  width: 24%;
  padding: 5% 0.5%;
  */
  width: 19%;
  padding: 3% 0.5%;
}
div#index_menu_icon div#index_menu_icon_content div#index_menu_icon_under .index_menu_icon_frame{
  width: 19%;
  padding: 3% 0.5%;
}


.index_stripe{
  background: linear-gradient(rgba(0,0,0,0.2), transparent, rgba(0,0,0,0.2)),
    url(img/back_stripe.png) repeat-x bottom center;
  width: 100%;
}

/*== index_content ===========================================*/

div#index_content{
  width: 100%;
  margin: 0% auto;
  box-shadow: 0px -5px 40px #000;
  padding-bottom: 10em;
}

div#index_content div.box{
  width: 100%;
  margin: 2em auto 8em;
  padding: 5em 0px 5em;
}

div#index_content div.shallow{ background-color: #fff; }
div#index_content div.deep{ background-color: #1a6866; color: #000;}

div#index_content div.box div.box_content div.target{
  color: #fff;
  padding: 0.3em 2em 0.1em;
  font-weight: bold;
  font-size: 0.9em;
  margin-bottom: 0.8em;
  width: 23%;
  text-align: center;
}
div#index_content div#content_02 div.box_content div.target{ background-color: #c70067; }
div#index_content div#content_03 div.box_content div.target{ background-color: #00937a; }
div#index_content div#content_04 div.box_content div.target{ background-color: #930019; }

div#index_content div.box div.box_content h3{
  font-size: 1.3em;
  padding: 0.3em 0em 0.2em 1em;
  width: 100%;
}
div#index_content div.shallow h3{ color: #009378; background: linear-gradient(transparent, 75%, #E6E9E8);}
div#index_content div.deep    h3{ color: #e6e9e8; background: linear-gradient(transparent, 75%, #009378);}

div#index_content div.box div.boxtolink ul{
  color: yellow;
  list-style-type: none;
  line-height: 1.4;
  font-size: 0.9em;
  margin-bottom: 1em;
}

/*== index おわり ================================*/


/*== page はじめ ================================*/

div#page_header{
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 1), transparent, rgba(0, 0, 0, 0.4)),
  url(img/back_stripe.png) repeat-y top center;
  padding: 8em 0em 1.5em;
}

div#page_header div#page_header_content{
  width: 92%;
  min-width: 924px;
  max-width: 1200px;
  margin: 0em auto;
  color: #fff;
  background: linear-gradient(to left, transparent 5%, rgba(0,0,0,.6) 15% 85%, transparent 95%);
  font-size: 1.3em;
  padding: 2.5em 0em;
  font-weight: normal;
}

div#breadcrumb_list{
  text-align: left;
  display: block;
  width: 92%;
  min-width: 924px;
  max-width: 1200px;
  margin: 0em auto;
}

div#page_wrapper{
  width: 100%;
  padding: 3em 0em;
}

div#page_wrapper_inner{
  margin: 0% auto;
}

div#page_wrapper h3{
  font-size: 2em;
  color: #009378;
  line-height: 1.2;
  margin-bottom: 1em;
}

div#page_wrapper h3 span{
  font-weight: normal;
  font-size: 0.6em;
  display: block;
  margin-top: 0.5em;
  margin-left: 1em;
  text-align: right;
  width: 100%;
}

div#page_wrapper h4{
  color: #666;
  font-size: 1.2em;
}

div#page_wrapper div.gray{
  background-color: #eee;
}

div#page_wrapper div.light{
  background-color: rgba(209, 222, 76, .3);;
}



/*== pref_measures/about/ ===========================================*/

div#seminer_and_1stforum{
  width: 94%;
  padding: 1em 3%;
  position: relative;
  border-radius: 1em;
  border: 2px dotted #005C42;
}

div#seminer_and_1stforum h5{
  font-size: 1.3em;
  color: #009378;
  line-height: 1.3;
}

div#seminer_and_1stforum .left a{
  display: block;
  margin-top: 1em;
}

div#seminer_and_1stforum_content{
  margin-top: 1em;
}

div#seminer_and_1stforum_content table{
  margin-top: 1.8em;
}
div#seminer_and_1stforum_content table th,
div#seminer_and_1stforum_content table td{
  vertical-align: top;
  font-weight: normal;
  line-height: 1.3;
  padding-bottom: 0.8em;
}
div#seminer_and_1stforum_content table th{ width: 15%; }
div#seminer_and_1stforum_content table td{ width: 80%; }

div#seminer_and_1stforum_content a#seminer_and_1stforum_link{
  display: block;
  border-radius: 2.5em;
  background-color: #009378;
  text-align: center;
  color: #fff;
  text-decoration: none;
  margin-top: 1em;
  padding: 0.5em 0em;
}
div#seminer_and_1stforum_content a#seminer_and_1stforum_link:hover{
  background-color: #ea5550;
  color: #fff !important;
}


div#service_juten_shien{
  padding-top: 3em;
  padding-bottom: 3em;
}

div#service_juten_shien table{
  margin-top: 1em;
}

div#service_juten_shien table th{ width: 30%; }
div#service_juten_shien table td{
  width: 65%;
  padding-left: 3%;
}

div#service_juten_shien table td ul{
  list-style-type: circle;
}
div#service_juten_shien table td ul li{
  margin-bottom: 0.5em;
}

div#service_juten_shien div#service_juten_shien_more{
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #005C42;
}

div#service_juten_shien div#service_juten_shien_more div#service_juten_shien_more_content{
  margin-top: 1em;
}

div#service_juten_shien_flow {
  margin: 2em auto 0em;
  width: 100%;
}

div#service_juten_shien_flow span{
  display: block;
  width: 40%;
  margin: 0% auto;
  background-color: #FAD719;
  color: #005C42;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0.4em 1em 0.2em;
  line-height: 1;
  border-radius: 1em;
  position: relative;
  top: -1.8em;
  text-align: center;
}

div#service_juten_shien_flow .flow{
  width: 23%;
  margin-right: 2%;
  background-color: #fff;
  padding: 1em 0em 0.5em;
  height: 9em;
}

div#service_juten_shien_flow .flow ul{
  width: 100%;
  margin: 0% auto;
  display: block;
  list-style-type: none;
}

div#service_juten_shien_flow .flow ul li{
  width: 80%;
  margin: 0% auto;
  font-size: 0.9em;
  line-height: 1.3;
  margin-bottom: 0.5em;
}


div#member_list{
  margin: 3em auto;
  width: 90%;
  padding: 1em 5%;
  border: 1px dashed #009378;
  background-color: rgba(190,224,206,.6);
}

div#member_list h3{
  text-align: center;
  font-size: 1.3em;
}
div#member_list h3 span{ font-size: 0.8em; }
div#member_list div#member_list_today{
  font-size: 0.8em;
  text-align: right;
}

div#member_list table#member_list_content{
  margin-top: 1em;
}
div#member_list table#member_list_content h6,
div#member_list table#member_list_content span{
  font-size: 1em;
  float: left;
  margin-left: 1em;
  font-weight: normal;
}
div#member_list table#member_list_content th{
  vertical-align: middle;
  text-align: center;
  border: 1px solid #009378;
  border-radius: 0.5em;
  background-color: #009378;
  color: #fff;
  width: 15%;
  padding: 0.5em;
}
div#member_list table#member_list_content td{
  vertical-align: middle;
  line-height: 2;
  width: 85%;
}

a#member_list_download{
  display: block;
  background-color: #009378;
  color: #fff;
  text-decoration: none;
  padding: 0.2em 2.5em 0.1em;
  border-radius: 1em;
  margin-top: 1em;
  margin-right: 0.8em;
  margin-bottom: 1em;
  text-align: center;
}
a#member_list_download img{ width: 1em; display: inline-block; margin-right: 1em; }


/*== seminar/seminar_first/ ===========================================*/

div#seminar_header{
  background-color: #CEF2EB;
  margin-top: 10em;
  padding: 0em;
}

div#seminar_header div#seminar_header_content{
  min-width: 924px;
  max-width: 1200px;
  width: 92%;
  margin: 0em auto;
  text-align: left;
}

div#seminar_header div#seminar_header_title{
  background: url(img/back_stripe.png) repeat top center;
  background-size: 200%;
  padding: 5em 0em;
}
div#seminar_header div#seminar_header_title h2{
  width: 90%;
  margin: 0% auto;
}
div#seminar_header div#seminar_header_title h2 img{ width: 100%; }

div#seminar_header div#seminar_header_title h3{
  width: 90%;
  margin: 1em auto 0em;
  padding: 1em 0em;
  font-size: 1.3em;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background: linear-gradient(to left, transparent 5%, rgba(0,102,51,.6) 15% 85%, transparent 95%);
}

div#seminar_header_outline{
  padding: 2em 0em;
}

div#seminar_header_outline .seminar_header_outline_data{
  margin-bottom: 1.5em;
}
.seminar_header_outline_data{ margin-bottom: 0.5em; }

.seminar_header_outline_data .seminar_header_item{
  display: inline-block;
  text-align: center;
  vertical-align: top;
  background-color: #009378;
  padding: 0.3em 0em 0.1em;
  width: 6em;
  color: #fff;
  font-weight: bold;
}

.seminar_header_outline_data .seminar_header_item_data{
  display: inline-block;
  margin: 0em 1em 0em 0.5em;
}

div#seminar_header_outline #sho_date.seminar_header_outline_data{

}
div#seminar_header_outline #sho_date.seminar_header_outline_data .seminar_header_item{
  vertical-align: top;
}
div#seminar_header_outline #sho_date.seminar_header_outline_data .seminar_header_item_data{
  width: 70%;
}
div#seminar_header_outline #sho_date.seminar_header_outline_data .seminar_header_item_data img{
  width: 100%;
}

div#seminar_header_outline #sho_place.seminar_header_outline_data .seminar_header_item_data{
  font-size: 1.4em;
  font-weight: bold;
}
div#seminar_header_outline #sho_place.seminar_header_outline_data .left,
div#seminar_header_outline #sho_target.seminar_header_outline_data .left{ width: 20%; }
div#seminar_header_outline #sho_place.seminar_header_outline_data .right,
div#seminar_header_outline #sho_target.seminar_header_outline_data .right{
  width: 80%;
  line-height: 1.1;
}

div#seminar_header_outline .seminar_header_chirashi {
  display: block;
  width: 50%;
  padding: 0.5em 0em;
  background-color: #009378;
  color: #fff;
  border-radius: 0.5em;
  text-decoration: none;
}
div#seminar_header_outline .seminar_header_chirashi:hover{
  background-color: #ea5550;
  color: #fff !important;
}

div#seminar_header_outline .seminar_header_chirashi img{
  width: 30%;
  margin-left: 5%;
  display: inline-block;
  vertical-align: middle;
  color: transparent;
}
div#seminar_header_outline .seminar_header_chirashi span{
  width: 55%;
  margin-left: 5%;
  display: inline-block;
  vertical-align: middle;
}

div#seminar_header_outline div.page_link {
  width: 40%;
}

iframe#seminar_map{
  height: 300px;
}





div#consultation_flow div.step_box{
  margin: 1em auto;
  padding: 1em;
  border: 4px solid #2A7E76;
  border-radius: 0.5em;
  background-color: #fff;
}

div#consultation_flow div.step_box .step_no{
  padding: 2% 2% 1.5%;
  background-color: #2A7E76;
  color: #fff;
  font-weight: bold;
  border-radius: 1em;
  text-align: center;
}

div#consultation_flow div.step_box .left{ width: 4%; line-height: 1.2;}
div#consultation_flow div.step_box .right{ width: 88%; }

div#consultation_cresit{
  line-height: 1.5;
}
div#consultation_cresit h5{
  width: 50%;
  margin: 0.5em 0em;
  background-color: transparent;
}
div#consultation_cresit h5 img{ width: 100%; }

div#consultation_npoclub{
  padding: 1em;
  background-color: #d3ce5a;
  margin-top: 0.5em;
  border-radius: 1em;
}

div#consultation_npoclub h4 span{
  font-size: 1.5em;
}



/*== program/program_02/ ===========================================*/

.program_02 #seminar_header{
  background-color: #fff3b8
}

.program_02 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(252,200,0,.8) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: #009378;
}

.program_02 .seminar_header_outline_data .seminar_header_item{
  background-color: rgba(252,200,0,1);
  color: #009378;
}

.program_02 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(252,200,0,1);
  color: #009378;
}

/*== program/program_03/ ===========================================*/

.program_03 #seminar_header{
  background-color: #a9dcf3
}

.program_03 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(46,167,244,.8) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: #FAEE00;
}

.program_03 .seminar_header_outline_data .seminar_header_item{
  background-color: rgba(46,167,244,1);
  color: #FAEE00;
}

.program_03 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(46,167,244,1);
  color: #FAEE00;
}

/*== program/program_04/ ===========================================*/

.program_04 #seminar_header{
  background-color: #f8c09b
}

.program_04 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(234,85,20,.8) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: #FAEE00;
}

.program_04 .seminar_header_outline_data .seminar_header_item{
  background-color: rgba(234,85,20,1);
  color: #FAEE00;
}

.program_04 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(234,85,20,1);
  color: #FAEE00;
}

/*== program/program_05/ ===========================================*/

.program_05 #seminar_header{
  background-color: #b3aac4;
}

.program_05 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(24,29,98,.8) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: #FAEE00;
}

.program_05 .seminar_header_outline_data .seminar_header_item{
  background-color: rgba(24,29,98,1);
  color: #FAEE00;
}

.program_05 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(24,29,98,1);
  color: #FAEE00;
}


/*== program/program_06/ ===========================================*/

.program_06 div#seminar_header div#seminar_header_title{
  background: url("img/back_stripe_v2.png") repeat top center;
  background-size: contain;
}

.program_06 #seminar_header{
  background-color: #fff462;
}

.program_06 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(31,97,133,1) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: #fff462;
}

.program_06 .seminar_header_outline_data .seminar_header_item{
  background: linear-gradient(to right, #065E32, #1C993A);
  color: #fff;
}

.program_06 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(31,97,133,1);
  color: #FAEE00;
}

.program_06 table.program td ul li.b{
  margin-top: 0em;
}


/*== program/program_07/ ===========================================*/

.program_07 div#seminar_header div#seminar_header_title{
  background: url("img/back_stripe_v2.png") repeat top center;
  background-size: contain;
}

.program_07 #seminar_header{
  background-color: rgba(195,13,35,0.3);
}

.program_07 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(255,255,255,.8) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: rgba(195,13,35,1);
  text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
}

.program_07 .seminar_header_outline_data .seminar_header_item{
  /* background: linear-gradient(to right, #065E32, #1C993A);*/
  background-color: rgba(195,13,35,1);
  color: #fff;
}

.program_07 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(195,13,35,0.5);
  color: #FAEE00;
}

.program_07 table.program td ul li.b{
  margin-top: 0em;
}


/*== program/program_08/ ===========================================*/

.program_08 div#seminar_header div#seminar_header_title{
  background: url("img/back_stripe_v2.png") repeat top center;
  background-size: contain;
}

.program_08 #seminar_header{
  background-color: rgba(0,162,154,0.3);
}

.program_08 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(255,255,255,.8) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: rgba(0,162,154,1);
  text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
}

.program_08 .seminar_header_outline_data .seminar_header_item{
  /* background: linear-gradient(to right, #065E32, #1C993A);*/
  background-color: rgba(0,162,154,1);
  color: #fff;
}

.program_08 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(0,162,154,0.5);
  color: #FAEE00;
}

.program_08 table.program td ul li.b{
  margin-top: 0em;
}


/*== program/program_09/ ===========================================*/

.program_09 div#seminar_header div#seminar_header_title{
  background: url("img/back_stripe_v2.png") repeat top center;
  background-size: contain;
}

.program_09 #seminar_header{
  background-color: rgba(27,99,172,0.3);
}

.program_09 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(255,255,255,.8) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: rgba(27,99,172,1);
  text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
}

.program_09 .seminar_header_outline_data .seminar_header_item{
  /* background: linear-gradient(to right, #065E32, #1C993A);*/
  background-color: rgba(27,99,172,1);
  color: #fff;
}

.program_09 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(27,99,172,0.5);
  color: #FAEE00;
}

.program_09 table.program td ul li.b{
  margin-top: 0em;
}


/*== program/program_10/ ===========================================*/

.program_10 div#seminar_header div#seminar_header_title{
  background: url("img/back_stripe_v2.png") repeat top center;
  background-size: contain;
}

.program_10 #seminar_header{
  background-color: rgba(0,105,95,0.3);
}

.program_10 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(31,97,133,1) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: #fff462;
  /*text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);*/
}

.program_10 .seminar_header_outline_data .seminar_header_item{
  background: linear-gradient(to right, #1f6185, #5dc1c3);
  /*background-color: rgba(0,105,95,1);*/
  color: #fff;
}

.program_10 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(0,105,95,0.9);
  color: #FAEE00;
}

.program_10 table.program td ul li.b{
  margin-top: 0em;
}

/*== program/program_11/ ===========================================*/

.program_11 div#seminar_header div#seminar_header_title{
  background: url("img/back_stripe_v2.png") repeat top center;
  background-size: contain;
}

.program_11 #seminar_header{
  background-color: rgba(0,160,233,0.3);
}

.program_11 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(255, 255, 255,1) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: #00A0E9;
  /*text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);*/
}

.program_11 .seminar_header_outline_data .seminar_header_item{
  /*background: linear-gradient(to right, #1f6185, #5dc1c3);*/
  background-color: rgba(0,160,233,1);
  color: #fff;
}

.program_11 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(0,160,233,1);
  color: #FAEE00;
}

.program_11 table.program td ul li.b{
  margin-top: 0em;
}

/*== program/program_12/ ===========================================*/

.program_12 div#seminar_header div#seminar_header_title{
  background: url("img/back_stripe_v2.png") repeat top center;
  background-size: contain;
}

.program_12 #seminar_header{
  background-color: rgba(51,150,120,0.3);
}

.program_12 div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(255, 255, 255,1) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: #339678;
  /*text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);*/
}

.program_12 .seminar_header_outline_data .seminar_header_item{
  /*background: linear-gradient(to right, #1f6185, #5dc1c3);*/
  background-color: rgba(51,150,120,1);
  color: #fff;
}

.program_12 div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(51,150,120,1);
  color: #FAEE00;
}

.program_12 table.program td ul li.b{
  margin-top: 0em;
}


/*== program/program_prezen/ ===========================================*/

.program_prezen div#seminar_header div#seminar_header_title{
  /*background: url("img/back_stripe_v2.png") repeat top center;*/
  background: linear-gradient(to right, rgba(250,215,25,.8) 0%, rgba(243,162,73,.8) 100%);
  background-size: contain;
  padding: 2em 0em 12em;
}

.program_prezen #seminar_header{
  background-color: rgba(243,162,73,.3);
}

.program_prezen div#seminar_header div#seminar_header_title h3{
  background: linear-gradient(to left, transparent 5%, rgba(255,255,255,.8) 15% 85%, transparent 95%);
  font-size: 1.8em;
  color: rgba(234,85,80,1);
  text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
}

.program_prezen .seminar_header_outline_data .seminar_header_item{
  /* background: linear-gradient(to right, #065E32, #1C993A);*/
  background-color: rgba(243,162,73,1);
  color: #fff;
}

.program_prezen div#seminar_header_outline .seminar_header_chirashi{
  background-color: rgba(0,162,154,0.5);
  color: #FAEE00;
}

.program_prezen table.program td ul li.b{
  margin-top: 0em;
}

#prezen_sankasha{}
#prezen_sankasha .left{ width: 20%; }
#prezen_sankasha .right{ width: 80%; }
#prezen_sankasha table th,#prezen_sankasha table td{ vertical-align: top; padding-bottom: 0.5em; }
#prezen_sankasha table th{ width: 24%; }
#prezen_sankasha table td{ width: 76%; }

#prezen_sankajoken_table{ margin-top: 1.5em;}
#prezen_sankajoken_table th, #prezen_sankajoken_table td{
  vertical-align: top; padding-bottom: 0.5em;
}
#prezen_sankajoken_table th{ width: 5%; }
#prezen_sankajoken_table td{ width: 95%; }

#prezen_suchedule_table{ margin-top: 0.5em;}
#prezen_suchedule_table th, #prezen_suchedule_table td{
  vertical-align: top; padding-bottom: 0.5em;
}
#prezen_suchedule_table th{ width: 35%; }
#prezen_suchedule_table td{ width: 50%; }

/*== archive ===========================================*/

div#archive_header{
  background-color: #eee;
  margin-top: 10em;
  padding: 5sem 0em;
}

div#archive_header div#archive_header_content{
  min-width: 924px;
  max-width: 1200px;
  width: 92%;
  margin: 0em auto;
  text-align: left;
}

div#archive_header div#archive_header_content .page_link{
  margin-top: 4em;
}

div#archive_companys div.company_box{
  width: 49%;
  margin-top: 1em;
  margin-bottom: 2em;
}
div#archive_companys div.company_box div.intoro_a{
  width: 30%;
}

div#archive_information div.box_content{
  margin-bottom: 5em;
}


/*== mailmaga ===========================================*/

div#mailmaga_header{
  border: 4px dashed #118E76;
  padding: 1.5em 0em;
  width: 80%;
  margin: 0% auto;
  font-size: 1.2em;
  font-weight: bold;
}

div#list_wrapper{

}

div#list_wrapper .left_zone{ width: 25%; }
div#list_wrapper .right_zone{ width: 70%; }

div#list_wrapper div#list_wrapper_inner div.left_zone div.category_link{
  margin-bottom: 3em;
}

div#list_wrapper div#list_wrapper_inner div.left_zone div.category_link h4.tax_title{
  margin-top: 1.5em;
  font-weight: normal;
}
div#list_wrapper div#list_wrapper_inner div.left_zone div.category_link h4.tax_title a.on{
  font-weight: bold;
  color: red;
}

div#list_wrapper div#list_wrapper_inner div.left_zone div.tag_box{
  background-color: #CEF2EB;
  border: 1px solid #118E76;
  padding: 0.5em;
}

div#list_wrapper div#list_wrapper_inner div.left_zone div.tag_box h4.tax_title{
  font-weight: normal;
  display: inline-block;
  margin: 0em 0.5em 0.2em 0em;
  font-size: 0.8em;
}

div#list_wrapper div#list_wrapper_inner div.left_zone div.hierarchical h4.tax_title{
  margin-top: 0.5em;
}

div#list_wrapper div#list_wrapper_inner div.left_zone div.hierarchical h4.tax_title{
  margin-bottom: 1em;
}

div#list_wrapper div#list_wrapper_inner div.left_zone div.hierarchical h4.tax_title ul{
  margin-left: 1em;
}

div#list_wrapper div#list_wrapper_inner div.left_zone li{
  list-style-type: none;
  margin-top: 0.2em;
}

div#list_wrapper div#list_wrapper_inner div.left_zone a.return_archive_top{
  margin-top: 2em;
}

div#list_wrapper div#list_wrapper_inner div.right_zone div.news_box{
  margin-bottom: 10%;
  padding-bottom: 10%;
  border-bottom: 1px solid #999;
}

div#list_wrapper div#list_wrapper_inner div.right_zone div.news_box h3{
  margin-top: 0.4em;
  font-size: 1.2em;
  padding: 0.1em 0em 0em;
  background-color: #118E76;
  color: #fff;
  text-align: center;
}

div#list_wrapper div#list_wrapper_inner div.right_zone div.news_box div.content{
  margin-top: 1em;
  line-height: 1.5;
}

div#list_wrapper div#list_wrapper_inner div.right_zone div.news_box div.content h4{
  color: #118E76;
  font-size: 1.2em;
  margin-top: 2em;
}
div#list_wrapper div#list_wrapper_inner div.right_zone div.news_box div.content h5{
  background-color: #CEF2EB;
  font-size: 1em;
  margin: 2em 0em 1em;
  padding: 0.4em 0em 0.1em 1em;
}
div#list_wrapper div#list_wrapper_inner div.right_zone div.news_box div.content h6{
  font-size: 1.2em;
  margin-top: 1em;
}

/*== page おわり ================================*/


/*== footer はじめ ===========================================*/

div#footer{
  width: 100%;
  margin: 0em auto;
  background-color: #fff;
  /*box-shadow: 0px -5px 40px #999;*/
}

div#footer div.footer_stripe{
  background: linear-gradient(rgba(0,0,0,0.2), transparent),
  url("img/back_stripe.png") repeat-x bottom center;
  width: 100%;
  bottom: 0;
}

div#footer div.box_content{
  width: 88%;
  min-width: 924px;
  max-width: 1200px;
  margin: 0% auto;
  padding: 3em 0em 2em;
}

div#footer div.box_content .footer_box_content{
  margin-top: 1em;
}

div#footer div.box_content .footer_box h4{
  color: #009378;
  font-size: 1em;
  background: linear-gradient(transparent, 45%, #E6E9E8);
  padding: 0.3em 0em 0.2em 0.5em;
  text-align: left;
}

div#footer div.box_content .left{ width: 45%; }
div#footer div.box_content .right{ width: 50%; }

div#footer img{ width: 100%; }

div#footer div.box_content .left img#footer_logo{
  width: 22%;
  margin: 0% auto 6%;
}

div#footer div.box_content .left .footer_box{
  margin-bottom: 1.6em;
  text-align: left;
}

div#footer div.box_content .left .footer_box h5.left{
  width: 20%;
}
div#footer div.box_content .left .footer_box div.right{
  width: 77%;
}

div#footer div.box_content #footer_sitemap{

}

div#footer div.box_content #footer_sitemap .left{ width: 47%: }
div#footer div.box_content #footer_sitemap .right{ width: 47%: }

div#footer div.box_content #footer_sitemap .sitemap_parent{
  display: block;
  line-height: 1.3;
  text-align: left;
  margin: 0% auto;
  padding-bottom: 1.5em;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #666;
}

div#footer div.box_content #footer_sitemap .sitemap_parent img{
  display: inline-block;
  width: 1.1em;
  margin-right: 0.2em;
  margin-top: 0.2em;
}

div#footer div.box_content #footer_sitemap .sitemap_parent .children{
  margin-top: 0.5em;
}

div#footer div.box_content #footer_sitemap .sitemap_parent .children a{
  display: block;
  margin-top: 0.5em;
  margin-left: 1em;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  color: #666;
  width: 80%;
  background-image: url(img/para.png);
  background-position: left top;
  background-size: 1em;
  background-repeat: no-repeat;
  padding-left: 2em;
}
div#footer div.box_content #footer_sitemap .sitemap_parent .children a#footer_child_member_list{ background-image: url(img/icon_members.png); }
div#footer div.box_content #footer_sitemap .sitemap_parent .children a#footer_child_past{ background-image: url(img/icon_past.png); }

div#footer div.box_content #footer_sitemap .ready div{
  display: block;
  margin-top: 0.1em;
  text-indent: 2em;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  color: #999;
}

#pamphlet_download{
  display: block;
  padding: 1em 0em;
  line-height: 1;
  background-color: #CEF2EB;
  color: #00937A;
  border-radius: 1em;
  font-size: 1.2em;
  text-decoration: none;
  font-weight: bold;
  transition: .2s;
}
#pamphlet_download:hover{
  background-color: #ea5550;
  color: #fff !important;
}


/*== footer おわり ===========================================*/





/*== 限定公開 はじめ ===========================================*/

div.archive_title{
  margin: 2em auto 2em;
  text-align: center;
  padding: 1em;
  border: 4px solid #009378;
}

div.archive_title ul{
  width: 90%;
  margin: 1em auto;
  text-align: left;
  list-style-type: none;
  font-size: 1.1em;
  color: red;
}

div.archive_box{
  margin-top: 4em;
  position: relative;
}

div.archive_box h4{
}

div.archive_box p{
  margin: 0;
}

div.archive_box p{

}

div.archive_box iframe{
  display: block;
  margin: 1em auto 0em;
  height: 325px;
}

div.archive_box a.document_download{
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  background-color: #118E76;
  margin: 1em auto;
  width: 70%;
  padding: 1em 0em;
  border-radius: 1em;
  margin-top: 1em;
  border: 4px solid #118E76;
  transition: .2s all;
}
div.archive_box a.document_download:hover{
  background-color: #fff;
  color: #118E76 !important;
}

/*== 限定公開 おわり ===========================================*/





/*== page member-list はじめ ================================*/

table#company_list{
  border-collapse: collapse;
  width: 100%;
  margin-top: 1em;
}
table#company_list th,
table#company_list td{
  border: 1px solid #118E76;
  padding: 0.3em 0.5em;
}
table#company_list th{
  font-weight: normal;
}

table#company_list .company_greenkind div.left{
  width: 10%;
}
table#company_list .company_greenkind div.right{
  width: 90%;
}

table#company_list .gkcolor{
  font-weight: bold;
}

table#company_list .gkcolor a{
  display: inline-block;
  margin-left: 1em;
  padding: 0.2em 0.4em;
  line-height: 1;
  border-radius: 0.2em;
  font-weight: 0.9em;
  text-decoration: none;
  color: #fff;
}
table#company_list .gkcolor a:hover{ color: yellow !important; }
table#company_list .gkcolor a img{ width: 1em; display: inline-block; margin-right: 0.3em;}

.energy{ color: #ea5550 }
.energy .malk{ background-color: #ea5550 }
.natural_material { color: #00ac97 }
.natural_material .malk{ background-color: #00ac97 }
.resource_circulation { color: #0068b7 }
.resource_circulation .malk{ background-color: #0068b7 }
.soil_water{ color: #ac6b25 }
.soil_water .malk{ background-color: #ac6b25 }



/*== page member-list おわり ================================*/





/*== page product-list はじめ ================================*/





/*== page product-list おわり ================================*/


div.green_kind_box { margin-top: 3em; }
div.green_kind_box .green_kind_title{
  font-size: 1.4em;
  color: #fff;
  padding: 0.5em 0.5em 0.3em;
  line-height: 1;
}
div.energy .green_kind_title{ background-color: #ea5550; color: #fff !important;}
div.natural_material .green_kind_title{ background-color: #00ac97; color: #fff !important; }
div.resource_circulation .green_kind_title{ background-color: #0068b7; color: #fff !important; }

div.green_kind_box div.green_product_box{
  margin-top: 2em;
}

div.green_kind_box div.green_product_box a.pruduct_image{ width: 20%; }
div.green_kind_box div.green_product_box div.product_midashi{ width: 78%; }
div.green_kind_box div.green_product_box a.pruduct_image img{ width: 100%; }

div.green_kind_box div.green_product_box div.product_midashi a.product_name {
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2;
}

div.green_kind_box div.green_product_box div.product_midashi div.company_name{
  color: #000;
  margin-top: 0.5em;
  text-align: right;

}

/*== page member-search はじめ ================================*/

div#search_frame form#search div#sword div#text_search input{
  padding: 1.4%;
}
div#search_frame form#search div#sword input#submit{
  padding: 1.1%;
}
div#search_frame form#search div#cat_list{
  margin-top: 2%;
}
div#search_frame form#search div#cat_list div.cat_box{
  margin-top: 2%:
}
div#search_frame form#search div#cat_list div.cat_box h3{
  float: left;
  width: 28%;
  font-size: 1em;
}
div#search_frame form#search div#cat_list div.cat_box div.cats {
  float: right;
  width: 70%;
  margin-top: 0%;
}
div#search_frame form#search div#cat_list div.cat_box div.cats div{
  margin-top: 1%;
  margin-right: 1em;
  display: inline-block;
  line-height: 1.5;
}
div#search_frame form#search div#cat_list div.cat_box div.cats div.tag_box{
  width: auto;
  float: none;
}
div#search_frame form#search div#cat_list div.cat_box div.cats br.clear{
  display: none;
}

div#search_frame form#search div#cat_list div#keyword.cat_box h3{
  width: 105%;
}
div#search_frame form#search div#cat_list div#keyword.cat_box div.cats{
  width: 105%;
  font-size: 1em;
}
div#search_frame form#search div#cat_list div#keyword.cat_box div.cats div.tag_box{
  margin-top: 0%;
}
div#search_frame form#search div#cat_list div#keyword.cat_box div.cats div.tag_box a{
  margin-top: 0.4em;
}
div#search_frame form#search div#cat_list div#keyword.cat_box div.cats div.tag_box input{
  width: 1.3em;
}


div#search_frame form#search input#bottom_submit{
  margin-top: 2em;
}


/*== page member-search おわり ================================*/



/*== page search はじめ ================================*/

div#search_entry_header{
  background-color: #eb0a1e;
  padding: 0.6% 0% 0%;
  text-align: left;
}

div#search_entry_header div#search_entry_header_content{
  width: 96%;
  margin: 0% auto;
}

div#search_entry_header div#search_entry_header_content a{
  text-decoration: none;
  color: #fff;
}

div.search div#page_wrapper{
  min-width: 924px;
  max-width: 1200px;
  width: 92%;
  margin: 0em auto;
  text-align: left;
}

div#left_zone{
  width: 28%;
}
div#center_zone{
  width: 70%;
}

form#search div#sword div#text_search{
  width: 79%;
}
form#search div#sword input#submit,
form#search input#bottom_submit{
  width: 20%;
  background-color: #FBD819;
  padding: 0.3em 0.1em 0.1em;
  font-size: 1.1em;
  font-weight: bold;
  border: 0em solid #fff;
  transition: 0.2s all;
  cursor: pointer;
}
form#search div#sword input#submit:hover,
form#search input#bottom_submit:hover{
  background-color: #F3A249;
}

form#search input#bottom_submit{
  width: 100%;
  padding: 0.3em 0em 0.1em;
  margin-top: 5%;
}

form#search div#sword div#text_search input{
  width: 90%;
  padding: 0.2em 0.1em;
  font-size: 1.2em;
}

form#search div#check_clear,
form#search div#check_clear_bottom{
  margin: 1em auto 0em;
  text-align: center;
  background-color: #ccc;
  padding: 0.2em 0em 0.1em;
  width: 80%;
  cursor: pointer;
}

form#search div#cat_list{
  margin-top: 10%;
}

form#search div#cat_list div.cat_box{
  margin-top: 1.5em;
}

form#search div#cat_list div.cat_box h3{
  background-color: rgb(0, 147, 120);
  color: #fff;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  text-indent: 0.3em;
  padding: 0.4em 0em 0.2em;
}

form#search div#cat_list div.cat_box div.cats{
  margin-top: 3%;
  text-align: left;
}

form#search div#cat_list div.cat_box div.cats div{
  margin-top: 3%;
}

form#search div#cat_list div.cat_box div.cats div.tag_box{
  width: 50%;
}

form#search div#cat_list div.cat_box div.cats div input,
form#search div#cat_list div.cat_box div.cats span input{
  width: 2em;
  height: 2em;
  display: inline-block;
}
form#search div#cat_list div.cat_box div.cats div a,
form#search div#cat_list div.cat_box div.cats span a{
  display: inline-block;
  margin-left: 0.5em;
}
form#search div#cat_list div.cat_box div.cats span input{
  margin-left: 1em;
}

form#search div#cat_list div#keyword.cat_box .tag_box{ font-size: 0.8em; margin-top: 0%;}
form#search div#cat_list div#keyword.cat_box .tag_box a{ margin-top: 0.4em; }
form#search div#cat_list div#keyword.cat_box .tag_box input{ width: 1.3em; }

form#search div#cat_list div#keyword.cat_box div.cats div input{
  width: 1em;
  height: 1em;
}

form#search div#cat_list div#keyword.cat_box div.cats div a{
  font-size: 0.8em;
}

form#search div#cat_list div.colist{
  margin-top: 15%;
}

form#search div#cat_list div.cat_box h5{
  margin-top: 3%;
  font-size: 1.2em;
  border-bottom: 1px solid #666;
}
form#search div#cat_list div.cat_box ul{
  margin: 1% 0% 0% 5%;
}

form#search div#cat_list div.cat_box ul li a.co_indent{
  padding-left: 1em;
}

div#search_condition{
  text-align: center;
  font-size: 1.2em;
  padding: 1em 0em 0em;
}

div#search_result{
  margin-top: 0%;
}

div#search_result div.case_box{
  margin-top: 3%;
  margin-bottom: 12%;
  padding-bottom: 4em;
  border-bottom: 1px solid #999;
  width: 100%;
}

div#search_result div.case_box div.case_title{
  width: 100%;
  margin-top: 7.5%;
  text-align: left;
}

div#search_result div.case_box div.case_title div.green_class{ margin-right: 1em; }
div#search_result div.case_box div.case_title div.green_class span{
  display: inline-block;
  padding: 0em 0.5em;
  margin-right: 0.2em;
  color: #fff;
  font-weight: bold;
}

div#search_result div.case_box div.case_title div.case_class span{
  display: inline-block;
  padding: 0em 0.5em;
  margin-right: 0.2em;
  background-color: #8C1C21;
  color: #fff;
  font-weight: bold;
}

div#search_result div.case_box div.case_title h3.case_name{
  margin-top: 0.5em;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2;
  text-indent: 4px;
  width: 100%;
  border-bottom: 3px solid rgb(0, 147, 120);
  color: #000;
}
div#search_result div.case_box div.case_title h3.case_name a{ text-decoration: none; }

div#search_result div.case_box div.case_title h4{
  text-align: right;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  font-size: 1.1em;
}

div#search_result div.case_box div.case_img{ width: 49%; }
div#search_result div.case_box div.case_img img{ width: 100%; }
div#search_result div.case_box div.case_index{ width: 49%; }

div#search_result div.case_box div.case_index table{
  border-top: 1px solid rgb(0, 147, 120);
  border-collapse: collapse;
}
div#search_result div.case_box div.case_index table th,
div#search_result div.case_box div.case_index table td{
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgb(0, 147, 120);
}
div#search_result div.case_box div.case_index table th{
  width: 21%;
  border-right: 1px solid rgb(0, 147, 120);
  background-color: rgba(0, 147, 120, .5);
  padding: 2%;
}
div#search_result div.case_box div.case_index table td{
  width: 70%;
  padding: 2%;
}

div#search_result a.search_more{
  display: block;
  margin: 1em auto;
  width: 70%;
  border-radius: 5em;
  background-color: #fff;
  text-align: center;
  color: #ea5550;
  text-decoration: none;
  padding: 0.8em 0em;
  font-size: 2em;
  font-weight: bold;
  border: 5px solid #ea5550;
  transition: 0.3s all;
  line-height: 1.2;
}
div#search_result a.search_more:hover{
  background-color: #ea5550;
  color: #fff !important;
}


div.navi{
  margin-top: 10%;
  text-align: center;
}



form#search div#cat_list div#application.cat_box{
  margin-top: 3em;
}

form#search div#cat_list div#application.cat_box h3{
  margin-bottom: 1em;
}
form#search div#cat_list div#application.cat_box a{
  margin-top: 0.4em;
  line-height: 2;
  font-size: 0.9em;
}



/*== page search おわり ================================*/





/*== page search single はじめ ================================*/

div#search_result div.case_box div.case_img_full{
  width: 100%;
}

div#search_result div.case_box div.case_img_full img{
  margin-top: 1em;
}

div#search_result div.case_box div.case_index_full{
  margin-top: 1em;
  width: 100%;
}

div#search_result div.case_company{
  margin-top: 5em;
}

div#search_result div.case_company div.case_company_info{ width: 35%; border-right: 1px dashed #666;}
div#search_result div.case_company div.case_company_about{ width: 60%; }

div#search_result div.case_company div.case_company_info h5{
  font-size: 1.2em;
}
div#search_result div.case_company div.case_company_info div.address{
  font-size: 0.8em;
}
div#search_result div.case_company div.case_company_info div.tel,
div#search_result div.case_company div.case_company_info div.mail{
  margin-top: 0.2em;
}
div#search_result div.case_company div.case_company_info div.url{
  margin-top: 0.5em;
}
div#search_result div.case_company div.case_company_info div.tel img,
div#search_result div.case_company div.case_company_info div.mail img{
  width: 1.3em;
  display: inline-block;
  margin-right: 0.4em;
  vertical-align: top;
}
div#search_result div.case_company div.case_company_info div.url{
  font-size: 0.8em;
}
div#search_result div.case_company div.case_company_info div.url span{
  display: inline-block;
  margin-right: 0.4em;
  background-color: #000;
  color: #fff;
  padding: 0em 0.8em;
  border-radius: 1em;
}

div#search_result div.case_company div.case_company_about table th,
div#search_result div.case_company div.case_company_about table td{
  padding-bottom: 0.75em;
}
div#search_result div.case_company div.case_company_about table th{
  width: 20%;
}
div#search_result div.case_company div.case_company_about table td{
  width: 75%;
  padding-left: 3%;
}


/*== page search single おわり ================================*/





/*== interview single はじめ ================================*/

.interview_box{
  margin-bottom: 2em;
}

.interview_box h2{
  line-height: 1.3;
}


div#interview_header{
  background-color: #fff799;
  margin-top: 10em;
  padding: 5sem 0em;
}

div#interview_header div#interview_header_content,
div#interview_header div#interviewee_content{
  min-width: 924px;
  max-width: 1200px;
  width: 92%;
  margin: 0em auto;
  text-align: left;
}

div#interview_header div#interview_header_content h3{
  margin-bottom: 1em;
}

div#interview_header table#interview_header_data{
  margin-top: 2em;
  border-collapse: collapse;
  border-bottom: 1px solid #fff799;
  line-height: 1.3;
  font-weight: 0.8em;
  background-color: #d1de4c;
}
div#interview_header table#interview_header_data th,
div#interview_header table#interview_header_data td{
  padding-top: 1em;
  padding-bottom: 1em;
}
div#interview_header table#interview_header_data th{
  border-top: 1px solid #fff799;
  border-right: 1px solid #fff799;
  width: 13%;
  padding-left: 2%;
}
div#interview_header table#interview_header_data td{
  border-top: 1px solid #fff799;
  width: 80%;
  padding-left: 2%;
  padding-right: 2%;
}
div#interview_header table#interview_header_data td hr{
  border: 1px dashed #fff799;
  margin: 1em 0em;
  width: 95%;
}

div#interview_header div#interviewee_content{
  margin-top: 2em;
}
div#interview_header div#interviewee_content h4{
  font-size: 1.2em;
  color: #ea5550;
  margin-bottom: 1em;
  border-bottom: 1px solid #009378;
  padding-bottom: 0.1em;
}
div#interview_header div#interviewee_content div#interviewee_persons{
  font-size: 1.4em;
  text-align: center;
}

.interview div.deep{
  background-color: #d1de4c;
  color: #000 !important;
}
.interview div.deep p{
  color: #000 !important;
}

.interview div.deep h4{
  font-size: 1.2em;
  color: #ea5550;
  margin-bottom: 1em;
}
.interview div.deep h3{
  line-height: 1.3;
  margin-bottom: 0.5em;
}

/*== interview single おわり ================================*/






/*== page support-list はじめ ================================*/

table#support_list{
  border-collapse: collapse;
  width: 100%;
  margin-top: 1em;
}
table#support_list th,
table#support_list td{
  border: 1px solid #118E76;
  padding: 0.3em 0.5em;
}
table#support_list th{
  font-weight: bold;
  width: 17%;
}
table#support_list td.gaiyou{ width: 13%; }
table#support_list td.naiyou{ width: 40%; }
table#support_list td.pdf{ width: 10%; }
table#support_list td.link{ width: 10%;  }
table#support_list td.sonota{ width: 10%; }

table#support_list .company_greenkind div.left{
  width: 10%;
}
table#support_list .company_greenkind div.right{
  width: 90%;
}


/*== page support-list おわり ================================*/


/* 20251105 はじめ ================================*/
/* page-autumn11th.php はじめ ================================*/
.autumn11th #content_01 .intoro_ab.left {
  width: 100% !important;
}
.autumn11th #content_01 .intoro_c.left {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1em !important;
}
.autumn11th #content_01 .intoro_c.left .fancybox {
  max-width: 500px !important;
}
.autumn11th #content_03 .album_half {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.autumn11th .green_text {
  color: #63a537 !important;
}

.autumn11th .album_half a{
  width: 100% !important;
}