@charset "UTF-8";
/* ==== ページ名 === */
.h4_heading3 {
	position: relative;
        padding-left:20px;
	font-size: 2em;
    color: #000;
	padding-top: 20px;
}

.h4_heading3 span {
    color: rgba(148,108,69,1);
font-style:Italic;
padding-left:20px;
}
.h4_heading3::before {
	content: attr(data-en);
	position: absolute;
	top: 0;
	right: 0;
	color: rgba(148,108,69,0.2);
	font-size: 0.8em;
	text-transform: uppercase;
	z-index: 1;
}

.h4_heading4 {
	position: relative;
        padding-left:20px;
        padding-top:20px;
	font-size: 18px;
    color: #000;
	border-bottom: 5px solid rgba(148,108,69,1);
}

.h4_heading4 span {
	position: relative;
	z-index: 2;
}


.h4_heading4::before {
	content: attr(data-en);
	position: absolute;
	top: 0;
	right: 0;
	color: rgba(148,108,69,0.2);
	font-size: 1.2em;
	text-transform: uppercase;
	z-index: 1;
}
.h4_heading5 {
	position: relative;
        padding-left:20px;
	font-size: 2em;
    color: #000;
	padding-top: 20px;
}

.h4_heading3 span {
    color: rgba(148,108,69,1);
font-style:Italic;
padding-left:20px;
}
.h4_heading3::before {
	content: attr(data-en);
	position: absolute;
	top: 0;
	right: 0;
	color: rgba(148,108,69,0.2);
	font-size: 0.8em;
	text-transform: uppercase;
	z-index: 1;
}

.h4_heading6 {
	position: relative;
        padding-left:20px;
        padding-top:20px;
	font-size: 18px;
    color: #000;
	border-bottom: 5px solid rgba(148,108,69,1);
}

.h4_heading6 span {
	position: relative;
	z-index: 2;
}
.child_page-container {
  width: 94% !important;
  float: none;
  padding: 2%;
  border: solid 1px #000;
  min-height: auto;
  margin: 1%; }

.child_page {
  box-sizing: border-box;
  width: calc(100% - 0px) !important;
  border: none;
  border-radius: 4px;
  margin-top: 10px; }

.box_600, .box_650, .box_700 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
  overflow: auto; }

table.syousai, table.table01, table_none, table, .table01 {
  width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0 !important;
  display: block !important;
  box-sizing: content-box; }

.left_box, .right_box, .center_box {
  margin: 10px auto;
  float: none; }

.box_50, .box_100, .box_150, .box_200, .box_250, .box_300, .box_350, .box_400, .box_450, .box_500, .box_550, .box_600, .box_650, .box_700 {
  width: auto;
  display: block;
  margin: 15px auto;
  float: none; }

.button3 {
  margin: 0 5px 5px 0; }

.border_solid {
  height: auto !important; }

.form_table {
  width: 100% !important;
  display: block !important;
  vertical-align: top; }

.form_table th, .form_table td, .form_th_wh2, .form_td {
  display: block;
  width: 100%;
  padding: auto 0; }

.form_table th {
  border: none;
  background: #B10000;
  color: #ffffff; }

img.aligncenter {
  display: block;
  margin: 10px auto;
  width: 100%; }

.con_w_980 .ribbon-wrapper{
    margin: 30px auto;
    width: 500px;
    width: 100%;
    color: #ffffff;
    font-size: 1.4em;
    position: relative;
    border: solid 4px #820000;
    padding: 20px;
 }
.ribbon-front,.con_w_980 .ribbon-front {
  left: 10px;
  width: calc(100% - 20px); }

.box_center_toiawase {
    margin: 0 auto;
    padding: 20px 5px 10px;
    text-align: center;
}
#inquiry .box_center_toiawase p{
    font-size: 0.8em;
}

.formInner {
    table-layout: fixed;     
  width: 100% !important;
  max-width: calc(100vw - 30px) !important; }
  .formInner th, .formInner td {
    display: block;
    width: 100%;
    max-width: calc(100vw - 30px) !important; 
min-width: 400px;
    table-layout: fixed;  
}
  .formInner th {
    border: none;
    background: #B10000;
    color: #ffffff; }
.formInner th span.red {color:#fff;
}
.wpcf7, .wpcf7-form-control-wrap {
  width: 100% !important; }

table.yuryo_hotel th, table.yuryo_hotel td, .form_th_y, .form_td {
  width: 100% !important;
  display: block !important; }

.pc{
	display:none;
}

.form-width { max-width: 100%;}

.fcci_gosho {
  width: 100% !important;
  max-width: calc(100vw - 30px) !important; }
 .fcci_gosho th,.fcci_gosho td {
    display: block;
    width: 100%;
    max-width: calc(100vw - 30px) !important; }
 .fcci_gosho th {
    border: none;
    background: #B10000;
    color: #ffffff; }
.con .category_box{
	font-size: 0.8em;
}
.page_box .box100{
    box-sizing: border-box;
	width: 100%;
}
.page_box .box10{
    box-sizing: border-box;
	width: auto;
    max-width: 75%;
}
.page_box .box20{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box30{
    box-sizing: border-box;
	width: auto;
}
.page_box .box40{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box50{
    box-sizing: border-box;
	width:  auto;
}.page_box .box60{
    box-sizing: border-box;
	width: auto;
}
.page_box .box70{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box80{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box90{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box5{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box15{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box25{
    box-sizing: border-box;
	width: 25%;
}
.page_box .box35{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box45{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box55{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box65{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box75{
    box-sizing: border-box;
	width: auto;
}
.page_box .box85{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box95{
    box-sizing: border-box;
	width:  auto;
}
.page_box .box33{
    box-sizing: border-box;
	width: auto;
}

.fcci_gosho .flex_around{
    display:block;
	width: 100%;
}
.fcci_gosho .flex_around .ma_r_30{
	margin-right:0;
} 

/*　2019,11,21　追加*/
.page_box dd{
	margin-left: 15px;
}
.con .page_box ul li {
    margin-left: 15px;
}
/************************************************
*	貸会議室用  								*
************************************************/
.page_box .scroll_x{
font-size:0.9em;
overflow-x: scroll;
}
.page_box .scroll_x table{
min-width:980px;
}
.page_box .scroll_x table th,.page_box .scroll_x table td{
text-align:center;
}
.page_box .scroll_x table img{width:40%;}
.page_box .rooms_list{
	width:100%;
	display: block;
} 
.page_box .scllor_x{
font-size:0.9em;
overflow-x: scroll;
}
.page_box .scroll_x{
font-size:0.9em;
overflow-x: scroll;
}
.page_box .scllor_x table{
min-width:980px;
}
.page_box .scllor_x table th,.page_box .scllor_x table td{
text-align:center;
}
.page_box .scllor_x table img{width:40%;}
.page_box .rooms_list{
	width:100%;
	display: block;
} 
.rooms_list div{
	text-align: center;
	width:100%;
}
.page_box .rooms_nav{
	display:block;
}
.page_box .rooms_nav img{
	margin-bottom:10px;
}


/*　2019,11,26　追加*/
.con{
    font-size: 1.1em;}
.con p,.con li,.con dt,.con dd{
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 10px;
}
/*　貸会議室（レストラン街）2020,08,11　*/

#restaurant_box .flex_around{
display: block;
}
#restaurant_box .shop_box{
    width:100%;
    box-sizing: border-box;
    margin:0 auto 30px !important;
    border: solid 2px #000;
    padding: 0;
}
#restaurant_box h4,#restaurant_box h4 a{
    background: #fff;
    padding: 10px;
    font-size: 1.2em;
    color: #bf0a00;
}
#restaurant_box img.shop_img{
  width: 100%;
    max-width:100% !important;
  height: auto;
  object-fit: cover; 
}
    #restaurant_box table{
    width:100% !important;
    margin:10px !important;
}
#restaurant_box table th,#restaurant_box table td{
    border:solid 1px;
    padding:10px !important;
}
#restaurant_box table th{
    background:#eee !important;
    width:30%;
    text-align:center;
}


/************************************************
*	観光マッチング用 								*
************************************************/
.con .page_box #box1{
	display:block;
}
.con .page_box #box1 .box70,.con .page_box #box1 .box30{
 width:100%;
 max-width: 450px;
}
.con .page_box #box1 .box30{
	text-align: center;
}
.con .page_box .box_buyer1 {
	height: auto;
	min-height:620px;
	width:100%;
	max-width: 460px;
	margin: 0 0 20px 0;
	background-color: #FFF;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:solid 1px #000;
	box-shadow:2px 2px 2px #999;
}
.con .page_box .box_buyer1_2 {
	height: auto;
	min-height:620px;
	width:100%;
	max-width: 460px;
	margin: 10px;
	background-color: #FFF;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.con .page_box .box_buyer3 {
	height: 80px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.con .page_box .box_buyer1 .comp1 {
	float: left;
	height: 80px;
	width: 80%;
	padding-right: 10px;
	text-align: center;
	vertical-align: middle;
}
.con .page_box .box_buyer1 .comp1 img{
	margin:0 auto;

}
.con .page_box .box_buyer1 .country {
	height: 50px;
	width: 20%;
	padding-right: 5px;
	margin-top: 25px;
	
}
/*　2019,11,21　追加*/
.page_box .scroll_x{
font-size:0.9em;
overflow-x: scroll;
}
.page_box .scroll_x table{
width:650px;
}
.page_box .scllor_x{
font-size:0.9em;
overflow-x: scroll;
}
.page_box .scllor_x table{
width:650px;
}


/*　2019,12,20　追加*/
.btn_area5 a{
	width: auto;
	padding: 5px 10px;
	display:block;
	border: 1px solid #999999;
	dominant-baseline: #bf0a00;
	margin-bottom:5px;
	color:#fff;
	background:#c3000f;
}
.btn_area5 a:hover{
	border: 1px solid #999999;
	color:#c3000f;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(#ffffff 0%,#f2f2f2 50%,#f2f2f2 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 50%,#f2f2f2 51%,#ffffff 100%); /* W3C */
}
input{
	outline: none;
	width: 100%;
	box-sizing: border-box;
	border:solid 1px #b3b3b3;
}
input#zip,input#zip2,input#zip2_1,input#zip2_2,input#zip3_1,input#zip3_2,input#zip4_1,input#zip4_2,input#zip5_1,input#zip5_2,input#zip6_1,input#zip6_2,input#pref,input#pref2,input#pref3,input#pref4,input#pref5,input#pref6,input#addr1,input#addr2_1,input#addr3_1,input#addr4_1,input#addr5_1,input#addr6_1{
	box-sizing: content-box;
	width: auto;
}
input[type="text"] {
  max-width: 95% !important;
  width: auto;
  min-width: 25%;    
}
input[type="button"] {
	cursor: pointer;
}
input[type="checkbox"]{
    width:22px;
}
textarea{
	border:solid 1px #b3b3b3;
	width:100%;
}
#support_box.flex_between{
	display:block;
}
#support_box .box_600{
   width: 100%;
   margin: 0 10px 20px 0; }
.case_box div{
	display: block;
	width:100%;
}
.case_box img{
	width:96%;
	padding: 2%;
}
.text_center th,.text_center td{
	text-align:center;
}
.text_center th.text_left,.text_center td.text_left{
	text-align:left;
}
.text_center th.text_right,.text_center td.text_right{
	text-align:right;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
緊急掲載（TOP固定ページ掲載）
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/*
.emergency_response5{
    width:100%!important;
    margin:15px 0px 15px; 
    text-align:center;  
    color:#fff;
}
#emergency{
width: 100%;

margin:20px auto;
}
#emergency #emergency_message{
width: 90%;
margin:0px auto 20px;
box-sizing:border-box;
padding:10px;
border:solid 3px #ccc;
font-size:1.1em;
background:#fff;
}
*/
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
緊急掲載（TOP新着）
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#emergency_box{
    display: block;
}
#emergency_box h3{
    width:100%;
    font-size:1.2em;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
}
.emergency_response{
    width:auto;
    margin:15px 0px 15px; 
    padding:5px 0;
    text-align:center; 
    font-size:1.2em; 
    color:#fff;
    border:solid 1px #fff;
    background: #fff;
}

.emergency_response a{
    color:#bf0a00;
    display: block;
}
.emergency_response a:hover,.emergency_response a:visited{
    color:#bf0a00;
}


.emergency_response2,.emergency_response4,.emergency_response5 div{
    width:auto;
    margin:15px 0px 15px; 
    padding:5px 0;
    text-align:center; 
    font-size:1.2em; 
    color:#fff;
    border:solid 1px #fff;
}
.emergency_response5{
    width:auto;
    margin:15px 0px 15px; 
    text-align:center;  
    color:#fff;
}
.emergency_response5 div{
    width:100%;
    padding:5px 0;
    font-size:1.2em; 
    border:solid 1px #fff;
}
.emergency_response2 a,.emergency_response4 a,.emergency_response5 div a{
    color:#fff;
    display: block;
	text-decoration:none;
}
.emergency_response2 a:hover,.emergency_response2 a:visited,.emergency_response4 a:hover,.emergency_response4 a:visited,.emergency_response5 div a:hover,.emergency_response5 div a:visited{
    color:#fff;
	text-decoration:none;
}
.emergency_response3{
	margin: 0 10px 30px;
	color: #fff;
	font-size: 1.2em;
    width:95%;
	text-decoration:none;
}

.flex_between2{
    display: block;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
プレスリリース
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#releace_box .box_600 .box_150{
    text-align: center;
}
#release_box .text_box{
    width:96%;
    margin: 10px 3%;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
実務研修・雇用・労働に関するリンク集 （新着リスト）
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
dl#new_list, dl#new_list2{
    display: block;
}
dl#new_list dt {
    width: 100px;
    text-indent: 0.5em;
    color: #666;
	font-size: 90%;
}
dl#new_list2 dt {
    width: 100px;
    text-indent: 0.5em;
    color: #666;
		font-size: 90%;
}
dl#new_list dd {
    margin-top: 11px;
    width: 95%;
	font-size: 95%;
    border-bottom: dotted 1px #333;
}
dl#new_list2 dd {
    margin-top: 11px;
    width: 95%!important;
	font-size: 95%;
    border-top: dotted 1px #333;
}
dl#new_list dd a, dl#new_list2 dd a {
    text-decoration: underline;
    color: #666;

}
dl#new_list dd a:hover, dl#new_list2 dd a:hover {
    color: #036;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
実務研修（レイアウト調整）　2023,12,12、2,21追加
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.training_01_list {
    width: 45%!important;
    border: solid 1px #cd2627;
    margin:0px 5px 10px!important;
    position: relative; }
.training_box .pickup-box .box33{
    margin-bottom:30px;
}
.training_box .pickup-box .box33 div{
    border:solid 1px #999;
}
.training_box .pickup-box .box33 div .title-box {
    border:none;
}
.training_box .pickup-box .box33 div .title-box p{
    font-size: 1.1rem;
    height:40px;
} 
.training_box .pickup-box .box33 div .title-box h6{
    height:80px;
    font-size:1.4rem;
}  
.training_box .pickup-box .box33 div img{
    max-width:100%!important;
}
.training_box .pickup-box .box33 div dl{
    width:100%;
    padding: 20px;
}
.training_box .pickup-box .box33 div dl dd{
    font-size:1.1rem;
} 
.training_box .pickup-box .box33 div ul{
    width:100%;
    padding: 20px;
}
/*一覧表表示用*/
.list_table{
    width: 100%;
    display: table !important;    
    table-layout: fixed;
}
.list_table1{
    width: 980px !important;
min-width:900px;
}
.list_table thead{display:none;}
.list_table tbody th,.list_table tbody td{
    display: block;
    width: 100%;
    position: relative;
}
.list_table th:before {
content: 'No.';
background:#113c70;
color:#fff;
font-weight:600;

}
.list_table tbody td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
.list_table tbody td:nth-child(5):before {
    content: attr("");
    font-weight: bold;
    margin-right: 10px;
}
.list_table tbody td p:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
.list_table tbody td:nth-child(2){width:100%;}
.list_table tbody td:nth-child(3){width:100%;}
.list_table tbody td:nth-child(4){width:100%;}
.list_table tbody td:nth-child(5){width:100%;}

.scroll {
    overflow-x: auto;
  }
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
　span.css-br　（スマホ用改行解除）
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
    .css-br::after {
      content: "" ;
    }
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
　span.sp-br　で改行挿入
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
    .sp-br::after {
      content: "\A" ;
      white-space: pre;
    }
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
　小規模事業者補助金ページ用
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.step_box .balloon1,.balloon2,.step_box .balloon3,.balloon5 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 10px;
  width: 100%;
  color: #000;
  background: #ffe7e6;
border:solid 3px #bf0a00;
box-sizing: border-box;    
}


.step_box .balloon1:before,.step_box .balloon2:before,.step_box .balloon3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -35px;
  border: 35px solid transparent;
  border-top: 35px solid #bf0a00;
    box-sizing: border-box;
}


.step_box .balloon1 h5,.step_box .balloon2 h5,.step_box .balloon3 h5{
background:#00367c;
color:#fff;
padding:10px;
text-align:center;
font-size:1.1em;

}
.step_box .balloon1 p ,.step_box .balloon2 p,.step_box .balloon3 p{
  margin: 0;
  padding: 20px;
　font-size:1em;
}
.step_box .balloon1 div{
    width:100% !important;
    box-sizing: border-box;
}
/*　YouTube埋め込み用　*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
    box-sizing: border-box;
}

/*　コロナ対策特設サイト　申し込みフォーム用　*/
.ft-contents{
  	margin: 20px 0 30px;
	display:block !important;

}

.ft-cont{
	width:100% !important;
	text-align: center;
    padding: 20px 0;
    border-bottom: solid 1px #fff;
}
.ft-cont img#ft-logo{
  	margin: 0 0 10px; 
}
.ft-cont img{
    width:90%;
    max-width:250px;
  	margin: 0 auto 20px; 
}    
.ft-cont p,.ft-cont address{
	font-size: 1.1em;
  	line-height: 0.9em;
	padding: 0 30px;
	text-align: center;
    color: #333;
  	margin: 0 0 10px;
}
.ft-cont p a{
    color: #333;
}
.text_center_sp{
    text-align: center;
}
.text_left_sp{
    text-align: left;
}
.text_right_sp{
    text-align: right;
}

/*　創業支援　*/
/*　共通設定　*/
	
#support_box a:link,.sogyo_box a:link{
font-weight:600;
text-decoration:underline;
color:#069;
}
#support_box a:link,#support_box a:hover,#support_box a:visited{
color:#069;
}
.ribbon-wrapper a,.ribbon-wrapper a:hover,.ribbon-wrapper a:visited{
color:#fff!important;
}
.ribbon-wrapper .toiawase_p a,.ribbon-wrapper .toiawase_p a:hover,.ribbon-wrapper .toiawase_p a:visited{
    color:#b10000!important;
}
#support_box .box30,#support_box .box35,#support_box .box40,#support_box .box45,#support_box .box50,#support_box .box55,#support_box .box60,#support_box .box65,#support_box .box70,#support_box .box75,#support_box .box80,#support_box .box85,#support_box .box90{
width:96%;
padding:10px 2%;
}
#support_box .box95 {
    box-sizing: border-box;
    width: 90%;
}
#support_box h3.h3_1 {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #ccc;
}
#support_box h3.h3_1::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #00367c;
  border-radius: 4px;
}
#support_box h4.h4_1 {
  position: relative;
  padding: 1em;
  background-color: #5287cc;
color:#fff;
font-size:1.3em;
}
#support_box h4.h4_1::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #ddd #ddd;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
#support_box h4.h4_2 {
  position: relative;
  padding: .5em .8em .2em 3.2em;
  border-bottom: 1px solid #004266;
font-size:1.4em;
}
#support_box h4.h4_2::before,
#support_box h4.h4_2::after {
  position: absolute;
  content: ' ';
  border-radius: 100%
}
#support_box h4.h4_2::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 30px;
  height: 30px;
  background: rgba(0, 99, 153, .5);
}
#support_box h4.h4_2::after {
  top: .7em;
  left: .7em;
  width: 25px;
  height: 25px;
  background: rgba(0, 133, 204, .5);
}
#support_box h5.h5_1 {
  position: relative;
  padding-bottom: .5em;
  margin-bottom:15px;
  border-bottom: 4px solid #ccc;
font-size:1.2em;
}
#support_box h5.h5_1::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}	
#support_box thead th,#support_box tbody th{
 background:#5287cc;
color:#fff;
}
#support_box th,#support_box td{
text-align:center;
font-size:1.1em;}
#support_box td{
text-align:left;
font-size:1.1em;}
#support_box th.text_left{
text-align:left;
font-size:1.1em;}
#support_box td.text_center{
text-align:center;
font-size:1.1em;}

#support_box pa_20{
	padding:5%;

}	
	
	
.balloon1,.balloon2,.balloon3 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px;
  width: 100%;
  color: #555;
  background: #e0edff;
border:solid 3px #00367c;
}


.balloon1:before,.balloon2:before,.balloon3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -40px;
  border: 40px solid transparent;
  border-top: 40px solid #00367c;
}


.balloon1 h5,.balloon2 h5,.balloon3 h5{
background:#00367c;
color:#fff;
padding:10px;
text-align:center;
font-size:1.1em;

}
.balloon1 p ,.balloon2 p,.balloon3 p{
  margin: 0;
  padding: 20px;
　font-size:0.8em;
}

.flex_between,.flex_around{
display:block;
}	
	
/*創業TOP*/		
.sogyo_box{
 position: relative;
 width:100%;
background:url(https://www.fukunet.or.jp/wp-content/uploads/2020/01/sogyo_01.jpg) right top no-repeat;
}
#support_box a:link,.sogyo_box a:link{
font-weight:600;
text-decoration:underline;
color:#069;
}
#support_box a:link,#support_box a:hover,#support_box a:visited{
color:#069;
}

#sogyo_text_box{
width:100%;
height:auto;
padding:10px; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+50,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.2) 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0) 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.2) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
#sogyo_text_box{
width:100%;
height:auto;
padding:10px; 
}
#sogyo_text_box .navy{
color:navy;
font-size:0.9em;
}
#sogyo_text_box .green{
color:forestgreen;
font-size:0.9em;
}
#sogyo_menu,#sogyo_menu2{
width:100%;
}

#sogyo_menu .menu1 img{border: solid 2px #999999;}

#sogyo_menu .menu2{
width: 97% ;
border: solid 2px  #999999;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
}

#sogyo_menu button,#sogyo_menu button02{
width: 95% ;
margin-right: 20px;
margin-bottom: 20px;
position: relative;

}
#support_box .box30,#support_box .box35,#support_box .box40,#support_box .box45,#support_box .box50,#support_box .box55,#support_box .box60,#support_box .box65,#support_box .box70,#support_box .box75,#support_box .box80,#support_box .box85,#sogyo_menu3 img{
width:94%;
padding:10px 3%;
}
.borderless button {border-color:rgba(5,46,77,1);}
.borderless button:hover {border-color:rgba(5,46,77,1);background-color:transparent;color:rgba(255,255,255,1)}
.borderless button:before, .borderless button:after {border-color:transparent;}
.borderless button:hover:before, .borderless button:hover:after {width:calc(100% + 12px); height:calc(100% + 12px);border-color:rgba(5,46,77,1)}

.borderless button:hover img{opacity: 0.7;}


#sogyo_menu3 img{
width:49%;	 	 

padding:10px 2%;
/*
width: calc(((100% - 10px ) / 4) - 10px);
margin-right: 20px;
*/
position: relative;
transition: 1s ;
}
#sogyo_menu3 button img{
margin:0;
}
#sogyo_menu3 button.button02 {
margin-bottom: 20px;
background:#fff;
}
#sogyo_menu3 img:hover{
 opacity: 0.6 ;
}
	
/*創業融資*/
.financing_box{
 width:100%;
 height: 100%;
background-image:none;
}
#financing_text_box{
width:100%;
height: auto;
padding:10px;
}
#financing_text_box .navy{
color:navy;
font-size:0.9em;
}
#financing_text_box .green{
color:forestgreen;
font-size:0.9em;
}
.flex_between,.flex_around{
display:block;
}
	
/*事業計画の策定*/
.business-plan-box{
 width:100%;
 height: 100%;
background-image:none;
}
#business_plan_text_box{
width:100%;
height: auto;
padding:10px;
}
#business_plan_text_box .navy{
color:navy;
font-size:0.9em;
}
#business_plantext_box .green{
color:forestgreen;
font-size:0.9em;
}
/*事業形態（個人事業主・法人）*/	
.business_form_box{
 width:100%;
 height: 100%;
background-image:none;
}

#business_form_text_box{
width:100%;
height:auto;
padding:10px; 
}
#business_form_text_box .navy{
color:navy;
font-size:0.9em;
}
#business_form_text_box .green{
color:forestgreen;
font-size:0.9em;
}
	
/*創業に伴う届出*/	
.notification-box{
 width:100%;
 height: 100%;
background-image:none;
}

/*許認可等手続き*/		
.permission-box{
 width:100%;
 height: 100%;
background-image:none;
}
#permission_text_box{
width:100%;
height: auto;
padding:10px;
}
#permission_text_box .navy{
color:navy;
font-size:0.9em;
}
#permission_text_box .green{
color:forestgreen;
font-size:0.9em;
}
	
/*経理・決算・確定申告*/
.tax-return-box{
 width:100%;
 height: 100%;
background-image:none;
}
#tax-return_text_box{
width:100%;
height: auto;
padding:10px;
}
#tax-return_text_box .navy{
color:navy;
font-size:0.9em;
}
#tax-return_text_box .green{
color:forestgreen;
font-size:0.9em;
}	

/*従業員の雇用*/
.employment-box{
 width:100%;
 height: 100%;
background-image:none;
}
#employment_text_box{
width:100%;
height: auto;
padding:10px;
}
#employment_text_box .navy{
color:navy;
font-size:0.9em;
}
#employment_box .green{
color:forestgreen;
font-size:0.9em;
}
	
/*補助金・助成金*/
.subsidies-box{
 width:100%;
 height: 100%;
background-image:none;
}
#subsidies_text_box{
width:100%;
height: auto;
padding:10px;
}
#subsidies_text_box .navy{
color:navy;
font-size:0.9em;
}
#subsidies_text_box .green{
color:forestgreen;
font-size:0.9em;
}

/************************************************
*	ほっとニュース    								*
************************************************/
.hotnews_box .arrow_box {
    border: 6px solid #B10000;
    width: 400px;
    max-width: 100%;
    height: 80px;
    margin-top: 30px;
    padding: 20px;
    background: #fff!important;
}
.hotnews_box .arrow_box:after, .hotnews_box .arrow_box:before {
    left: 70%;
    top: 123%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.hotnews_box .arrow_box:after {
    border-color: rgba(250, 242, 175, 0);
    border-left-color: #FFF;
    border-width: 22px;
    margin-top: -30px;
transform: rotate(90deg);
    left: 71.5%;
}
.hotnews_box .arrow_box:before {
    border-color: rgba(153, 153, 153, 0);
    border-left-color: #BF0A00;
    border-width: 25px;
    margin-top: -25px;
transform: rotate(90deg);
}
/************************************************
*	ベネフィット    								*
************************************************/

.arrow_box {
	position: relative;
	background: #f5f5ee;
	border: 7px solid #999;
	border-radius: 100px;
}
.arrow_box:after, .arrow_box:before {
	top: -65%;
	left: 50%;
	border: solid #5e484800;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #f5f5ee;
	border-width: 50px;
	margin-left: -50px;
}
.arrow_box:before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #999;
	border-width: 40px;
	margin-left: -40px;
}

.bene_box .box45 .flex_between2{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}

/************************************************
*	検定（Q＆A）    								*
************************************************/
.license_faq .container {
  width: 100%;
  margin: 50px auto 100px;
}
.license_faq .container > ul {
  list-style: none!important;
  padding: 0;
  margin: 0 0 20px 0;
}

.license_faq .title {
  font-family: "Pacifico";
  font-weight: norma;
  font-size: 40px;
  text-align: center;
  line-height: 1.4;
  color: #C0392B;
}
.license_faq .dropdown {
  position: relative;
 background: url(../../../wp-content/uploads/2020/10/faq-plus-1.png) no-repeat 5px 0px;
  margin-bottom:30px;

}

.license_faq .dropdown a {
  text-decoration: none;
padding:10px 20px;
}
.license_faq .dropdown [data-toggle=dropdown] {
  display: block;
  color: #000;
background:rgba(220,20,60,0.1);
border:solid 2px #bf0a00;
 font-size:1.2em;
 font-weight:600;
    text-indent: 1.5em;
}
.license_faq .dropdown [data-toggle=dropdown]:hover {
  background: rgba(191,10,0,0.5);
}
.license_faq .dropdown [data-toggle=dropdown]:before {
  position: absolute;
  display: block;
  content: "▼";
  font-size: 1.5em;
  color: #bf0a00;
  top: 13px;
  right: -15px;
  -webkit-transform: rotatey(180deg);
  -moz-transform: rotatey(180deg);
  -ms-transform: rotatey(180deg);
  -o-transform: rotatey(180deg);
  transform: rotatey(180deg);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
}
.license_faq .dropdown > .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none!important;
  padding: 0;
  margin: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: max-height 0.6s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
}
.license_faq .dropdown > .dropdown-menu li {
margin:30px 10px!important;
background:#F9F9F9 ;
padding:20px;
border:solid 2px #545A8E;
}
.license_faq .dropdown-menu li .faq-a a{
 padding:0;
}

.license_faq .dropdown > .dropdown-menu li h4.faq-q{
 background: url(../../../wp-content/uploads/2020/10/faq-q.png) no-repeat;
padding: 10px 0;
margin-bottom: 20px;
border-bottom:solid 2px #666;
    text-indent: 3em;
line-height:1.6em;
}
.license_faq .dropdown > .dropdown-menu li p{
line-height:1.6em;

}
.license_faq .dropdown > .dropdown-menu li .faq-a{
 background: url(../../../wp-content/uploads/2020/10/faq-a.png) no-repeat;
padding: 10px 0;
margin-bottom: 20px;
    text-indent: 3em;
}
.license_faq .dropdown > .dropdown-menu li ul li{
padding:0px;
border:none;
}
/*
.license_faq .dropdown > .dropdown-menu li a {
  display: block;
  color: #6f6f6f;
  background: #EEE;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  padding: 10px 10px;
}
.license_faq .dropdown > .dropdown-menu li a:hover {
  background: #f6f6f6;
}
*/
.license_faq .dropdown > input[type=checkbox] {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 100%!important;
  height: 100%;
  cursor: pointer;
  max-width: 100%!important;
}
.license_faq .dropdown > input[type=checkbox]:checked ~ .dropdown-menu {
  max-height: 9999px;
  display: block;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -webkit-transition: max-height 2s ease-in-out;
  -moz-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
}
.license_faq .dropdown > input[type=checkbox]:checked + a[data-toggle=dropdown]:before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
}


/************************************************
*	プレミアム付き地域商品券（ナビボタン：区）  								*
************************************************/

.area_box .child_page{
    width:  calc((100% / 3) - 5px) !important;
    padding: 10px 0px;
    margin: 0 1px !important;
}
.area_box .child_page > div {
    position: relative;
}
.area_box .child_page > div  a {
    height:100%;
    width: 100%;
}
.area_box .child_page > div{
	/*! width:150px; */
	height: 45px;
	box-sizing: border-box;
    line-height: 45px
}
/*　商店街タブ（第1・２回）の設定　*/
/*タブ切り替え全体のスタイル*/
.tabs_box {
  margin-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  border:solid 1px #666;
  width: 100%;
  margin: 0 auto;
font-size:0.95rem;
}

/*タブのスタイル*/
.tab_item01 {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #191970;
border-right:solid 1px #666; 
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #999;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item01:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item01"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content01 {
  display: none;
  padding: 10px 20px 0;
  clear: both;
  overflow: hidden;
min-height:auto;
}


/*選択されているタブのコンテンツのみを表示*/
#tab2:checked ~ #tab2_content01,
#tab1:checked ~ #tab1_content01 {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs_box input:checked + .tab_item01 {
  background-color: #191970;
  color: #fff;
}
/*商店街一覧*/
.list_box li{
  width: 100%!important;
  box-sizing:border-box;
}
.list_box li.box100{
  width: 100%!important; 
}
.panel{display:block;}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
本日の予定（iframe）
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#schedule_data1 {
    width: 670px;
    height: 2300px;
    margin: 10px auto 30px;
    overflow: auto;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
ビジネス倶楽部・電子ブック
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.book a {
    color: #000;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
実務研修・雇用・労働に関するリンク集 （新着リスト）
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
dl#new_list, dl#new_list2{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
}
dl#new_list dt {
    width: 120px;
    text-indent: 2em;
    color: #666;
	font-size: 90%;
}
dl#new_list2 dt {
    width: 120px;
    text-indent: 2em;
    color: #666;
		font-size: 90%;
}
dl#new_list dd {
    margin-top: 11px;
    width: calc(100% - 150px);
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
}
dl#new_list2 dd {
    margin-top: 11px;
    width: calc(100% - 135px);
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 90%;

}
dl#new_list dd a, dl#new_list2 dd a {
    text-decoration: underline;
    color: #666;
}
dl#new_list dd a:hover, dl#new_list2 dd a:hover {
    color: #036;
}

.con_w_980 dl#new_list2 dd {
    margin-top: 11px;
    width: calc(100% - 150px);
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 90%;

}


/************************************************
*	ビジネス交流会（2021,3,3開催分）   								*
************************************************/

/*　一覧ページ　*/
.exhibit_box{
width:100%;
box-sizing:border-box;
padding-bottom:200px;
}
.exhibit_box .exhibit01{
width:95%;
margin:10px 10px 40px;
}

.join_img{
width:100%;
}
.exhibit_inner_box{
border:solid 5px #586365;
}
.exhibit_inner_box h4{
color:#fff;
padding:10px;
background:#37AB9D;
text-align:center;
font-weight:700;
margin-bottom:20px;
}
.exhibit_inner_box h5{
padding:10px;
    font-weight: 600;
width:35%;
}
.exhibit_inner_box p{
padding:10px;
width:65%;
}
.exhibit_inner_box .business_box{
display:flex;
}

.exhibit01 .item_img{
width:100%!important;
min-width:100%;
max-width:470px;
height:100%!important;
min-height:100%;
max-height:300px;
object-fit: cover;
}
.link_details{
text-align:center;
margin:15px auto;
width:80%;
border:solid 3px #586365;
background:#eee; 
}


.exhibit_box2{
width:100%;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
box-sizing:border-box;
margin-bottom:100px;
}
.exhibit_box2 .exhibit01{
width:calc((100% / 2) - 20px);
margin:10px 10px 40px;
}

/*　アコーディオンメニュー　*/

#company_menu{
 margin-bottom:30px;

}

#company_menu .acd-check{
  display: none;
}
.acd-label {
    background: #999;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px 70px 10px 10px;
    width: 98%;
    min-width: 200px;
}
.acd-content{
  border: 1px solid #333;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .8s;
  visibility: hidden;
bottom:20px;
min-width: 95%;
width: 95%;	
background: #eee;
max-width: 98% !important;
box-sizing: border-box;

}
#company_menu .acd-check:checked + #company_menu .acd-label + #company_menu .acd-content{
  height: 40px;
  opacity: 1;
  padding: 10px;
  visibility: visible;
background:#eee;
}
    .acd-content ul{
        width:90%;
        margin: 20px auto;
    }
    .acd-content ul li{
 }

/*　詳細ページ　*/


.exhibit_box2{
display:block;
}
.exhibit_box2 .company_img{
width:100%;
max-width:700px;
height:100%;
min-height:500px;
max-height:500px;
object-fit: cover;
}
.exhibit_box2 div{
text-align:center;
}

.exhibit_box2 h3#h3_company {
  position: relative;
  display: inline-block;
  margin: 1rem 0 3rem -10px;
  padding: 1rem 3rem;
  color: #fff;
  border-radius: 0 100vh 100vh 0;
  background: #0075a9;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
width:95%;
border:none!important;
left:-10px;
}
.exhibit_box2 .contents_box{
text-align:left!important;
}
.exhibit_box2 h3#h3_company:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 10px solid #005276;
  border-left: 10px solid transparent;
}

.exhibit_box2 .contents_box dl{
width:100%;

}

.exhibit_box2 .contents_box dt {
  position: relative;
  display: inline-block;
  height: 50px;
  margin-left: 25px;
  padding: 1rem 2rem 1rem 3rem;
  color: #fff;
  background: #fa4141;
 width:90%;
box-shadow:2px 2px 2px #999;
}

.exhibit_box2 .contents_box dt:before {
  position: absolute;
  top: 0;
  left: -26px;
  content: '';
  border-width: 25px 25px 25px 0;
  border-style: solid;
  border-color: transparent #fa4141 transparent transparent;
}

.exhibit_box2 .contents_box dt:after {
  position: absolute;
  top: calc(50% - 7px);
  left: -8px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #fff;
}
.exhibit_box2 .contents_box dd{
 width:95%;
margin-bottom:30px;
  padding: 1.5rem 2rem 1rem 2rem;
}
.exhibit_box2 dd .iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.exhibit_box2 dd .iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}
.exhibit_box2 .contents_box dd table{
width:100%;
table-layout: fixed;
word-break: break-word; /*追加する*/
}
.exhibit_box2 .contents_box dd table th,.contents_box dd table td{
 border:solid 1px #999;
 padding:10px;
max-width:100%;
 min-width:270px;
display:block;
}
.exhibit_box2 .contents_box dd table th{
 background:#ffff80;
text-align:center;
}


/*　うまかもん市　*/
.sp_flow_box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
margin-bottom:30px;
}
.sp_flow_box .step,.sp_flow_box .other{
max-width: 90px;
margin-right:10px;
}
.sp_flow_box　.step::after,.sp_flow_box　.other::after {
    left: 10px;
}
.sp_flow_box .box80{
width:100%;
padding-top:10px;
}

/************************************************
*	観光アドバイザー   								*
************************************************/
.tourism-advisor_box table{
	width:100%;
}
.tourism-advisor_box th{
	vertical-align:top;
	width:20%;
}
.tourism-advisor_box th,.tourism-advisor_box td{
	padding:5px;
	border-bottom: solid 2px #999;
}
.tourism-advisor_box .box_details{
 padding:15px 20px;
background:#bf0a00;
font-size:1.4rem;
color:#fff;
font-weight:600;
text-align:center;
letter-spacing: 10px;
}
.tourism-advisor_box .advisor_img{
padding:20px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
画像のサイズ設定
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.img_100,.img_95,.img_90,.img_85,.img_80,.img_75,.img_70,.img_65,.img_60,.img_55,.img_50,.img_45,.img_40,.img_35,.img_30{
width:100%;
height:auto;
}

.img_25,.img_20,.img_15,.img_10,.sp_img_50{
width:50%!important;
height:auto;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
画像の回転設定
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.rotate45 {
   transform: rotate( -45deg );
}
.rotate90 {
   transform: rotate( -90deg );
}
.rotate135 {
   transform: rotate( -135deg );
}
.rotate180 {
   transform: rotate( -180deg );
}
.rotate270 {
   transform: rotate( -270deg );
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
テーブル設定　検定
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
 table.table02 {
    border: 0;
    width:100%
  }
  table.table02 th{
    display: block;
    border-right: none;
    border-bottom: 5px solid navy;
    padding-bottom: .6em;
    margin-bottom: .6em;

  }
table.table02 th{
   width:100%!important;
}
  table.table02 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.table02 tr {
    display: block;
    margin-bottom: 2em;
  }
  
  table.table02 td {
    border-bottom: 1px solid #666;
    display: block;
    font-size: .8em;
    position: relative;
    padding: .625em .625em .625em 7em;
    border-right: none;
  }
  
  table.table02 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  table.table02 td:last-child {
    border-bottom: 0;
  }
  table.table03 td {
    border-bottom: 1px solid #666;
    display: block;
    font-size: .8em;
    position: relative;
    padding: .625em;
    border-right: none;
  }
 table.table03 {
    border: 0;
    width:100%
  }
  table.table03 th{
    display: block;
    border-right: none;
    border-bottom: 5px solid navy;
    padding-bottom: .6em;
    margin-bottom: .6em;

  }
table.table03 th{
   width:100%!important;
}
  table.table03 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.table03 tr {
    display: block;
    margin-bottom: 2em;
  }
  
  table.table03 td {
    border-bottom: 1px solid #666;
    display: block;
    font-size: .8em;
    position: relative;
    padding: .625em;
    border-right: none;
  }
  
  table.table03 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  table.table03 td:last-child {
    border-bottom: 0;
  }
 table.table04 {
    width:100%!important;
  }
  table.table04 th{
    padding-bottom: .6em;

  }

  table.table04 thead {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  table.table04 thead th{
    border-bottom: 5px solid navy;
    padding-bottom: .6em;

  }
  
  table.table04 tr {
  }
  
  table.table04 td {
    border: 1px solid #666;
    font-size: .8em;
    padding: .625em;
  }
  
  table.table04 td::before {
    content: attr(data-label);
    font-weight: bold;
  }
  
  table.table04 td:last-child {
  }

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
パソコンスクール
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.conditions {
  background: #ffffff;
  padding: 0px; }
  .conditions .conditions_title {
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 30px; }
    .conditions .conditions_title:first-child {
      margin-top: 0; }
    .conditions .conditions_title::before {
      content: "●";
      margin-right: 10px;
      color: #b10000; }
  .conditions .conditions_text {
    margin: 10px 0 0 28px;
    font-size: 1em; }
.table_none2 tr.tr_under-line{
	border-bottom: solid 1px #999;
	
} 
.table_none2 tr.tr_under-line th, .table_none2 tr.tr_under-line td,.table_none2 tr:last-child th{
	display: block;
	padding: 20px 30px;
	font-size: 1.1em;
text-align:center;
}
.table_none2 tr:last-child td{
	display: block;
	padding: 40px 30px 0;
	font-size: 1.1em;
text-align:left;
}
.table_none2 tr.tr_under-line th,.table_none2 tr:last-child th{
	background:#eee;
	
}
.table_none2 tr:first-child th{
	border-top: solid 1px #999;
	
} 

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
イノベーション
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
    .page_nav_bg .page_nav3 ul{
display:block;}
      .page_nav_bg .page_nav3 ul li{
width:90%;

    margin:  0;
    font-size: 1rem;
    border: solid 1px #B10000;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
ワンストップ：ナビメニュー
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.navi_area{
width:100%;
padding:20px;
display:flex;
list-style-type:none!important;
flex-wrap:wrap;

}
.navi_area li{
padding:10px;
background:#bf0a00;
text-align:center;
font-size:0.7rem;
margin:5px!important;
width: calc((100% - 30px) / 2)!important;
}
.navi_area li a{
 font-weight:700;
color:#fff;
width:auto;
}
.navi_area li:hover{
background:#820000; 
color:#fff!important;}
.navi_area li a:hover{
color:#fff;
}

/************************************************
*	リストスタイル 								*
************************************************/
ul.ul_disc{
	list-style:disc;
}
ul.ul_circle{
	list-style: circle;
}
ul.ul_square{
	list-style: square;
}
ul.ul_asterisk li {
  list-style-type: none;
  text-indent: 0em;
margin-left: 20px !important;    
}
ul.ul_asterisk li:before {
  display: inline;
  content: "※ ";
}
/* 括弧()付き数字リスト*/
ol.ol_brackets {
	margin-left: 2em!important; /* サイトに合せて調整 */
}
ol.ol_brackets li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}
ol.ol_brackets li::before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -2em; /* サイトに合せて調整 */
	width: 1.5em; /* サイトに合せて調整 */
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 5px;
}
/*丸付き○数字リスト*/
ol.ol_circled{
 	margin-left: 1em!important; 
  counter-reset: my-counter;
  list-style: none;
}
ol.ol_circled li {
  line-height: 1.2em!important;
  padding-left: 1em;
  position: relative;
}
ol.ol_circled li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
	margin-left: -1em; /* サイトに合せて調整 */
	width: 1.5em; /* サイトに合せて調整 */
  height:1.5em;
  font-size: 80%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
padding-right: 1px;
padding-bottom: 1px;
}
/*菱形マーカーリスト（青）*/
ul.rhombus{
  padding: 0;
}
ul.rhombus li{
  position: relative;
  padding: 0.5em 1em 0.5em 2em;
  margin-bottom:5px;
  font-weight: 400;
  list-style: none!important;
}
ul.rhombus li:after,
ul.rhombus li:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.rhombus li:before{
  top: 0.7em;
  left: 0em;
  width: 14px;
  height: 14px;
  border:2px solid rgba(0,119,175,0.5);
}
ul.rhombus li:after{
  top: 0.9em;
  left: 0.5em;
  width: 16px;
  height: 16px;
  background: rgba(0,119,175,0.3);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
/*菱形マーカーリスト（赤）*/
ul.rhombus2{
  padding: 0;
}
ul.rhombus2 li{
  position: relative;
  padding: 0.5em 1em 0.5em 2em;
  margin-bottom:5px;
  font-weight: 400;
  list-style: none!important;
}
ul.rhombus2 li:after,
ul.rhombus2 li:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.rhombus2 li:before{
  top: 0.7em;
  left: 0em;
  width: 14px;
  height: 14px;
  border:2px solid rgba(178,34,34,0.5);
}
ul.rhombus2 li:after{
  top: 0.9em;
  left: 0.5em;
  width: 16px;
  height: 16px;
  background: rgba(178,34,34,0.3);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
/************************************************
*	申し込みフォーム　最下部エラー表示								*
************************************************/
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #bf0a00 !important;
font-size: 1.5rem !important;
color:#bf0a00;
font-weight: bold;
margin-bottom: 100px;
background: #ff9;
}
/************************************************
*	枠文字・テキスト								*
************************************************/
.free{
	position:relative;
	padding: 20px 15px 10px;
	font-size:1.2rem;
	margin:20px 0 30px;
}
.free::after{
	position: absolute;
	top: -18px;
	left: 10px;
	background: #fff;
	font-size: 20px;
	padding: 0 10px;
}
/************************************************
*	吹き出し								*
************************************************/
.arrow_box1{
    position:relative;
    width:250px;
    background:#B4E1E6;
    padding:10px;
    text-align:left;
    border:3px solid #4C4C4C;
    color:#1D1D1D;
    font-size:12px;
    font-weight:bold;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
margin-top: 20px;
}
.arrow_box1:after,.arrow_box1:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    bottom:100%;
    left:18%;
top:auto;
}
.arrow_box1:after{
    border-color: rgba(180, 225, 230, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:5px;
    border-right-width:5px;
    margin-left: -5px;
    border-bottom-color:#B4E1E6;
}
.arrow_box1:before{
    border-color: rgba(76, 76, 76, 0);
    border-top-width:16px;
    border-bottom-width:16px;
    border-left-width:7px;
    border-right-width:7px;
    margin-left: -7px;
    margin-bottom: 2px;
    border-bottom-color:#4C4C4C;
}
/************************************************
*	福商連・九商連　会議所リスト								*
************************************************/
.shoren_box li.box25{
width:50%!important;
padding:5px!important;
}
.shoren_box li.box50{
padding:5px!important;
}
/************************************************
*	クリエイターマッチング								*
************************************************/
.creator-box .list_box .item_img{
width:100%!important;
height:100%;
object-fit: cover;
margin-bottom:10px;
padding-top:10px;
}
.page_nav_bg .page_nav ul li {	 
width: 100% !important;	 
margin: 0px!important;	
}
.creator-box .box33{
width:100%!important;
}
/************************************************
*	貿易証明（NEW） 2023,2,13追加					*
************************************************/
trade_box .trade_01_info_bg {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; 
    list-style: none;
}
.trade_box  .trade_01_info_bg .trade_01_info {
    width: 100%;
    margin: 10px 0;
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center; 
    list-style-type: none!important;
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_01_list {
    width: 100%;
    max-width: 300px;
    border: solid 1px #666;
    margin: 0 10px 20px;
    position: relative; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_01_list:hover {
    opacity: .5; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_01_list a {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_01_list a .trade_01_list_box_01 {
    width: 5px;
    height: 100%;
    background-color: #666; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_01_list a .trade_01_list_box_02 {
    width: calc(100% - 5px);
    height: 100%;
    background-color: #f4f4f4;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
    padding-left: 10px;
    position: relative; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_01_list a .trade_01_list_box_02::before {
    content: '';
    background: url(../images/license/license_arrow_01.png) no-repeat center center;
    width: 8px;
    height: 14px;
    position: absolute;
    top: calc(50% - 7px);
    right: 10px; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_01_list a .trade_01_list_box_02 .trade_01_icon {
    width: 45px;
    height: 45px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    margin-right: 5px; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_01_list a .trade_01_list_box_02 .trade_01_icon img {
    max-width: 100%;
    height: auto; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_01_list a .trade_01_list_box_02 .trade_01_ttl {
    font-size: 1em;
    font-weight: bold;
    color: #333;
    letter-spacing: -1px;
    padding: 5px;
}	

/*貿易証明メニュー2段目*/
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_02_list {
    width: 100%;
    max-width: 300px;
    border: solid 1px #666;
    margin: 0 10px 20px;
    position: relative; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_02_list:hover {
    opacity: .5; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_02_list a {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_02_list a .trade_01_list_box_01 {
    width: 5px;
    height: 100%;
    background-color: #666;
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_02_list a .trade_01_list_box_02 {
    width: calc(100% - 5px);
    height: 100%;
    background-color: #f4f4f4;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
    padding-left: 10px;
    position: relative; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_02_list a .trade_01_list_box_02::before {
    content: '';
    background: url(../images/license/license_arrow_01.png) no-repeat center center;
    width: 8px;
    height: 14px;
    position: absolute;
    top: calc(50% - 7px);
    right: 10px; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_02_list a .trade_01_list_box_02 .trade_01_icon {
    width: 45px;
    height: 45px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    margin-right: 5px; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_02_list a .trade_01_list_box_02 .trade_01_icon img {
    max-width: 100%;
    height: auto; 
}
.trade_box .trade_01_info_bg .trade_01_info .trade_01_list_bg .trade_02_list a .trade_01_list_box_02 .trade_01_ttl {
    font-size: 1em;
    font-weight: 500;
    color: #333;
    letter-spacing: -1px;
    padding: 5px;
}


/*　新着一覧（カテゴリ毎）リンクデザイン　*/
        .category_box .index_info_nav {
        margin-top: 40px;
        position: relative; }
         .category_box .index_info_nav ul {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          -webkit-display: flex;
          -moz-display: flex;
          -ms-display: flex;
          -o-display: flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; }
           .category_box .index_info_nav ul li {
            width: calc((100% / 2) - 10px);
            margin-left: 0px;
            text-align: center;
            background: #f4f4f4;
            cursor: pointer;
            font-weight: 500;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            -ms-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            -o-justify-content: center;
            justify-content: center;
            position: relative;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
             .category_box .index_info_nav ul li a {
              text-decoration: none;
              color: #333333;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flex;
              display: -o-flex;
              -webkit-display: flex;
              -moz-display: flex;
              -ms-display: flex;
              -o-display: flex;
              display: flex;
              -ms-align-items: center;
              align-items: center;
              -webkit-justify-content: center;
              -moz-justify-content: center;
              -ms-justify-content: center;
              -o-justify-content: center;
              justify-content: center;
              width: 100%;
              height: 58px;
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;
				 /*pointer-events: none;*/ }
             .category_box .index_info_nav ul li:nth-child(n + 7) {
/*              margin-top: 15px;*/ }
             .category_box .index_info_nav ul li:nth-child(1) {
              background: #999999;
              width: 160px;
              height: 30px;
              position: absolute;
              right: 0;
              top: -94px;
              margin-left: 0; }
               .category_box .index_info_nav ul li:nth-child(1) a {
                color: #ffffff; }
               .category_box .index_info_nav ul li:nth-child(1).category_box .index_info_nav_none {
                display: none; }
             .category_box .index_info_nav ul li:nth-child(2) {
              border-bottom: 3px solid #B10000; }
               .category_box .index_info_nav ul li:nth-child(2) span {
                padding-left: 0px;
                background: url("../../images/icon_member.png") left center no-repeat; }
             .category_box .index_info_nav ul li:nth-child(3) {
              font-size: 0.9em;
              border-bottom: 3px solid #27509A; }
               .category_box .index_info_nav ul li:nth-child(3) span {
                padding-left: 0px;
                background: url("../../images/icon_seminar.png") left center no-repeat; }
             .category_box .index_info_nav ul li:nth-child(4) {
              border-bottom: 3px solid #429C2A; }
               .category_box .index_info_nav ul li:nth-child(4) span {
                padding-left: 0px;
                background: url("../../images/icon_alternating.png") left center no-repeat; }
             .category_box .index_info_nav ul li:nth-child(5) {
              border-bottom: 3px solid #10A6B8; }
               .category_box .index_info_nav ul li:nth-child(5) span {
                padding-left: 0px;
                background: url("../../images/icon_test.png") left center no-repeat; }
             .category_box .index_info_nav ul li:nth-child(6) {
              border-bottom: 3px solid #6F4383; }
               .category_box .index_info_nav ul li:nth-child(6) span {
                padding-left: 0px;
                background: url("../../images/icon_sales.png") left center no-repeat; }
             .category_box .index_info_nav ul li:nth-child(7) {
              border-bottom: 3px solid #EF8F07; }
               .category_box .index_info_nav ul li:nth-child(7) span {
                padding-left: 0px;
                background: url("../../images/icon_event.png") left center no-repeat; }
             .category_box .index_info_nav ul li:nth-child(8) {
              border-bottom: 3px solid #F76A9C; }
               .category_box .index_info_nav ul li:nth-child(8) span {
                padding-left: 0px;
                background: url("../../images/icon_activity.png") left center no-repeat; }
             .category_box .index_info_nav ul li:nth-child(9) {
              border-bottom: 3px solid #ac927a; }
               .category_box .index_info_nav ul li:nth-child(9) span {
                padding-left: 0px;
                background: url("../../images/icon_subsidy.png") left center no-repeat; }
             .category_box .index_info_nav ul li:nth-child(10) {
              border-bottom: 3px solid #2a753d; }
               .category_box .index_info_nav ul li:nth-child(10) span {
                padding-left: 0px;
                background: url("../../images/icon_notice.png") left center no-repeat; }
             .category_box .index_info_nav ul li:nth-child(11) {
              border-bottom: 3px solid #C94200;
              background: #ffecec; }
               .category_box .index_info_nav ul li:nth-child(11) span {
                padding-left: 0px;
                background: url("../../images/icon_gazette.png") left center no-repeat; }
 /*            .category_box .index_info_nav ul li::after {
              position: absolute;
              bottom: -11px;
              left: calc(50% - 7px);
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0px 7px 0 7px;
              border-color: transparent transparent transparent transparent;
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease; }
*/
             .category_box .index_info_nav ul li.current a {
              color: #ffffff; }
             .category_box .index_info_nav ul li.current:nth-child(1) {
              background: #666666; }
             .category_box .index_info_nav ul li.current:nth-child(2) {
              background: #B10000; }
               .category_box .index_info_nav ul li.current:nth-child(2) span {
                padding-left: 0px;
                background: url("../../images/icon_member_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(2)::after {
                border-width: 9px 7px 0 7px;
                border-color: #B10000 transparent transparent transparent; }
             .category_box .index_info_nav ul li.current:nth-child(3) {
              background: #27509A; }
               .category_box .index_info_nav ul li.current:nth-child(3) span {
                padding-left: 0px;
                background: url("../../images/icon_seminar_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(3)::after {
                border-width: 9px 7px 0 7px;
                border-color: #27509A transparent transparent transparent; }
             .category_box .index_info_nav ul li.current:nth-child(4) {
              background: #429C2A; }
               .category_box .index_info_nav ul li.current:nth-child(4) span {
                padding-left: 0px;
                background: url("../../images/icon_alternating_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(4)::after {
                border-width: 9px 7px 0 7px;
                border-color: #429C2A transparent transparent transparent; }
             .category_box .index_info_nav ul li.current:nth-child(5) {
              background: #10A6B8; }
               .category_box .index_info_nav ul li.current:nth-child(5) span {
                padding-left: 0px;
                background: url("../../images/icon_test_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(5)::after {
                border-width: 9px 7px 0 7px;
                border-color: #10A6B8 transparent transparent transparent; }
             .category_box .index_info_nav ul li.current:nth-child(6) {
              background: #6F4383; }
               .category_box .index_info_nav ul li.current:nth-child(6) span {
                padding-left: 0px;
                background: url("../../images/icon_sales_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(6)::after {
                border-width: 9px 7px 0 7px;
                border-color: #6F4383 transparent transparent transparent; }
             .category_box .index_info_nav ul li.current:nth-child(7) {
              background: #EF8F07; }
               .category_box .index_info_nav ul li.current:nth-child(7) span {
                padding-left: 0px;
                background: url("../../images/icon_event_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(7)::after {
                border-width: 9px 7px 0 7px;
                border-color: #EF8F07 transparent transparent transparent; }
             .category_box .index_info_nav ul li.current:nth-child(8) {
              background: #F76A9C; }
               .category_box .index_info_nav ul li.current:nth-child(8) span {
                padding-left: 0px;
                background: url("../../images/icon_activity_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(8)::after {
                border-width: 9px 7px 0 7px;
                border-color: #F76A9C transparent transparent transparent; }
             .category_box .index_info_nav ul li.current:nth-child(9) {
              background: #ac927a; }
               .category_box .index_info_nav ul li.current:nth-child(9) span {
                padding-left: 0px;
                background: url("../../images/icon_subsidy_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(9)::after {
                border-width: 9px 7px 0 7px;
                border-color: #ac927a transparent transparent transparent; }
             .category_box .index_info_nav ul li.current:nth-child(10) {
              background: #2a753d; }
               .category_box .index_info_nav ul li.current:nth-child(10) span {
                padding-left: 0px;
                background: url("../../images/icon_notice_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(10)::after {
                border-width: 9px 7px 0 7px;
                border-color: #2a753d transparent transparent transparent; }
             .category_box .index_info_nav ul li.current:nth-child(11) {
              background: #C94200; }
               .category_box .index_info_nav ul li.current:nth-child(11) span {
                padding-left: 0px;
                background: url("../../images/icon_gazette_white.png") left center no-repeat; }
               .category_box .index_info_nav ul li.current:nth-child(11)::after {
                border-width: 9px 7px 0 7px;
                border-color: #C94200 transparent transparent transparent; }
             .category_box .index_info_nav ul li:hover a {
              color: #ffffff; }
             .category_box .index_info_nav ul li:hover:nth-child(1) {
              background: #666666; }
             .category_box .index_info_nav ul li:hover:nth-child(2) {
              background: #B10000; }
               .category_box .index_info_nav ul li:hover:nth-child(2) span {
                padding-left: 0px;
                background: url("../../images/icon_member_white.png") left center no-repeat; }
             .category_box .index_info_nav ul li:hover:nth-child(3) {
              background: #27509A; }
               .category_box .index_info_nav ul li:hover:nth-child(3) span {
                padding-left: 0px;
                background: url("../../images/icon_seminar_white.png") left center no-repeat; }
             .category_box .index_info_nav ul li:hover:nth-child(4) {
              background: #429C2A; }
               .category_box .index_info_nav ul li:hover:nth-child(4) span {
                padding-left: 0px;
                background: url("../../images/icon_alternating_white.png") left center no-repeat; }
             .category_box .index_info_nav ul li:hover:nth-child(5) {
              background: #10A6B8; }
               .category_box .index_info_nav ul li:hover:nth-child(5) span {
                padding-left: 0px;
                background: url("../../images/icon_test_white.png") left center no-repeat; }
             .category_box .index_info_nav ul li:hover:nth-child(6) {
              background: #6F4383; }
               .category_box .index_info_nav ul li:hover:nth-child(6) span {
                padding-left: 0px;
                background: url("../../images/icon_sales_white.png") left center no-repeat; }
             .category_box .index_info_nav ul li:hover:nth-child(7) {
              background: #EF8F07; }
               .category_box .index_info_nav ul li:hover:nth-child(7) span {
                padding-left: 0px;
                background: url("../../images/icon_event_white.png") left center no-repeat; }
             .category_box .index_info_nav ul li:hover:nth-child(8) {
              background: #F76A9C; }
               .category_box .index_info_nav ul li:hover:nth-child(8) span {
                padding-left: 0px;
                background: url("../../images/icon_activity_white.png") left center no-repeat; }
             .category_box .index_info_nav ul li:hover:nth-child(9) {
              background: #ac927a; }
               .category_box .index_info_nav ul li:hover:nth-child(9) span {
                padding-left: 0px;
                background: url("../../images/icon_subsidy_white.png") left center no-repeat; }
             .category_box .index_info_nav ul li:hover:nth-child(10) {
              background: #2a753d; }
               .category_box .index_info_nav ul li:hover:nth-child(10) span {
                padding-left: 0px;
                background: url("../../images/icon_notice_white.png") left center no-repeat; }
             .category_box .index_info_nav ul li:hover:nth-child(11) {
              background: #C94200; }
               .category_box .index_info_nav ul li:hover:nth-child(11) span {
                padding-left: 0px;
                background: url("../../images/icon_gazette_white.png") left center no-repeat; }