@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #383838;	/*全体の文字色*/
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form {
  margin: 0px;padding: 0px;font-size: 100%;
}
ul {
  list-style-type: none;
}
ol {
  padding-left: 40px;padding-bottom: 15px;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
a:hover img {
  opacity: 0.6
}
table {
  border-collapse:collapse;
  font-size: 100%;
  border-spacing: 0;
}
iframe {
  width: 80%;
}


/*マージンの設定
---------------------------------------------------------------------------*/
.class2{
  /* 大きくマージンを取りたいときのクラス */
 margin-bottom: 30px;
}

/*fontサイズの設定
---------------------------------------------------------------------------*/
.font30{
  font-size: 30px;
}
.font25{
  font-size: 25px;
}
.font20{
  font-size: 20px;
}

/*h2タグの設定
---------------------------------------------------------------------------*/
h2 {
	clear: both;
    text-align: center;
    color: #fff;/*文字色*/
    margin: 80px 15px 30px;
	padding: 5px 20px;		/*上下、左右への余白*/
    background: #76d2df;/*背景色*/	
}

/*h3タグの設定
---------------------------------------------------------------------------*/
h3 {
	clear: both;
    text-align: center;
	color: #555555;/*文字色*/
  	margin: 60px 30px 45px;
	padding: 3px 20px;			/*上下、左右への余白*/
    line-height: 1.5;
}
/*h4タグの設定
---------------------------------------------------------------------------*/
h4 {
	clear: both;
    text-align: center;
	margin: 20px
	padding: 3px 5px;			/*上下、左右への余白*/
}

/*h5タグの設定
---------------------------------------------------------------------------*/
h5 {
	clear: both;
	text-align: center;
    font-size: 18px;
}

/*Pタグ設定-------*/
p {
  margin: 20px 20px;	/*上、左右、下への余白*/
}

/*トップページ冒頭の文章の設定*/
#top {
  width: 80%;
  margin: auto;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
}

/*各事業の見出しの色・下線の設定
---------------------------------------------------------------------------*/
.ec{
  color: #0e6abf;
}
#ec{
    border-bottom: 1.5px solid #0e6abf;
}
.npd{
  color: #098e81;
}
#npd{
  border-bottom: 1.5px solid #098e81;
}
.pr{
  color: #7369c4;
}
#pr{
  border-bottom: 1.5px solid #7369c4;
}

/*赤字注意書きの設定--------------------------------------------------------------------*/
.color1 {
color:#ff0000;
text-align: center;
font-weight: bold;
margin-bottom: 80px
}
.color2 {
color:#ff0000;
font-weight: bold;
}

/*お問合せ内の設定*/
#info {
  width: 80%;
  text-align: center;
  margin: auto;
  font-size: 16px;
  line-height: 1.8;
}
/*トップページの支援事業の説明divタグの設定---------------------------------------------------------------------------*/
.support {
  width: 80%;
  margin: 50px auto;
  margin-bottom: 50px;
  line-height: 1.5;
  }

/*ECリンクボタンの設定---------------------------------------------------------------------------*/
.btn {
  text-align: center;
}

.ec_btn_link {
  display: inline-block;
  background: #0e6abf;
　font-weight: bold;
  padding: 0.5em 3em;
  text-decoration: none;
  color: #fff;
  border: solid 1.5px #0e6abf;
  transition: .4s;
  margin: 25px auto 80px;
}

.ec_btn_link:hover {
  background: #fff;
  color: #0e6abf;
}

/*新商品開発リンクボタンの設定---------------------------------------------------------------------------*/
.npd_btn_link {
  display: inline-block;
  background: #098e81;
　font-weight: bold;
  padding: 0.5em 3em;
  text-decoration: none;
  color: #fff;
  border: solid 1.5px #098e81;
  transition: .4s;
  margin: 25px auto 80px;
}

.npd_btn_link:hover {
  background: #fff;
  color: #098e81;
}

/*PR事業リンクボタンの設定---------------------------------------------------------------------------*/
.pr_btn_link {
  display: inline-block;
  background: #7369c4;
　font-weight: bold;
  padding: 0.5em 3em;
  text-decoration: none;
  color: #fff;
  border: solid 1.5px #7369c4;
  transition: .4s;
  margin: 25px auto 80px;
}
.pr_btn_link:hover {
  background: #fff;
  color: #7369c4;
}

/*各事業のリンクファイル（PDFダウンロード）の設定---------------------------------------------------------------------------*/
.file_link {
  color: #555555;
  font-weight: bold;
  transition: .3s;
}

.file_link:hover {
	color: #d50f26;	/*マウスオン時の文字色*/
}

li {
  margin: 7px 25px;	/*上、左右、下への余白*/
}

/*コンテナー（ホームページを囲む一番外側のブロック）
---------------------------------------------------------------------------*/
#wrapper {
	width: 80%;					/*ブロックの幅を画面の80%にする設定。*/
	max-width: 960px;			/*上のwidth指定の追加設定。幅1000pxを最大幅に設定し、それ以上広げない。*/
	margin: 2% auto 2%;		/*HP画面の左右中央に表示させる設定。最初の5%は上(コンテナーの外側)に空ける余白の指定。*/
	background: #fff;					/*背景色（古いブラウザ用）*/
	padding: 2%;			/*ブロック内の余白*/
	overflow: hidden;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*headerブロック*/
header {
	text-align: center;	/*ヘッダーブロックの内容をセンタリングする設定*/
}
/*ロゴ画像設定*/
#logo  img {
	width: 100%;
	max-width: 500px;
}

/*フッター(ページ最下部のcopyrightのパーツ)設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;	/*文字をセンタリング*/
	padding: 10px 0px;	/*左から、上下、左右への余白*/
	color: #383838;		/*文字色*/
	
}
footer a {
	text-decoration: none;
	border: none;
	color: #383838;	/*文字色*/
}
footer .pr {
	display: block;
}



/*「お知らせ」「お問合せ」-----------------------------------------------------------------------*/
#new dl {
	padding-left: 20px;
	margin-bottom: 100px;
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}
/*記事設定*/
#new dd {
	padding-left: 8em;
}

#new h2{
  text-align: left;
}
/*テーブル---------------------------------------------------------------------------*/
table {
  margin:15px auto;
  width: 90%;
}
.ta1, .ta1 td, .ta1 th {
	border: 2px solid #9c9c93;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;			/*テーブル内の余白*/
    line-height: 1.5;
	word-break: break-all;
}
/*テーブルの左側ボックス*/
.ta1 th {
	width: 30%;	/*幅*/
	text-align: center;	/*センタリング*/
    color: #fff;
    background-color: #76d2df
}

/*その他---------------------------------------------------------------------------*/



/*画面幅600px以下の設定------------------------------------*/
@media screen and (max-width:600px){