@charset "utf-8";
/* CSS Document */


/*サブコンテンツ
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list, .list02 {
	float: left;	/*左に回り込み*/
	width: 31%;		/*幅*/
	overflow: auto;
	background: #fff;	/*背景色*/
	margin-left: 1.5%;	/*ボックス同士の左右間の余白*/
	margin-bottom: 20px;	/*ボックス同士の上下間の余白*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
	border-radius: 0px;		/*角丸のサイズ。とりあえず未使用（直角）*/
	height: 200px;			/*高さ（下の「.list a」の高さと揃える）*/
	line-height: 1.4;
	position: relative;
    color: #1f2c5c;		/*文字色*/
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);			/*同上*/
}
.list a, .list02 a {
	display: block;
	overflow: auto;
	text-decoration: none;
	height: 200px;	/*高さ（上の「.list」の高さと揃える）*/
}
.list a:hover, .list02 a:hover {
	background: #1f2c5c;	/*背景色*/
    background: linear-gradient(#d3d7e1, 60% , #1f2c5c);	/*背景グラデーション*/
	color: #fff;		/*マウスオン時の文字色*/
}
/*ボックス内の画像設定*/
.list .img {
	width: 100%;	/*画像の幅*/
	height: 140px;	/*画像の高さ（CMS専用）高さを固定させたくないならこの１行だけ削除する。*/
	height: auto;	/*画像の高さ*/
	padding-bottom: 16px;	/*画像下に空ける余白*/
}
/*ボックス内のh4（見出し）タグ設定*/
.list .sw {
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 20px;	/*文字サイズ*/
}
/*ボックス内のp（段落）タグ設定*/
.list p {
	font-size: 12px;	/*文字サイズを少し小さく*/
}

.list :before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left : 0.5em; /*左端からのアイコンまでの距離*/
  padding-right: 0.5em;
}


/*mainコンテンツのh2タグ設定*/
#main h2 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px 10px 20px;	/*上下、左右への余白*/
	font-size: 110%;	/*文字サイズ*/
    line-height: 1.6;
	color: #fff;		/*文字色*/
	/*background: #113893;	背景色*/
	/*border-radius: 5px;	角丸のサイズ。*/
    /*background: -webkit-linear-gradient(to top, #113893, #89b8ff);
    background: linear-gradient(to top, #113893, #89b8ff);*/
}
/*mainコンテンツのh2(トップページお知らせ)タグ設定*/
#main h2.toposhirase {
	clear: both;
	margin: 10px 20px 10px 20px;	/*上下、左右への余白*/
	font-size: 160%;	/*文字サイズ*/
    /*line-height: 0.8em;*/
	color: #1f2c5c;		/*文字色*/
    text-align: center;
    border-bottom: 1px solid #999999;	/*枠線の幅、線種、色*/
}
/*mainコンテンツのh2(トップページお知らせ)タグ設定*/
#main h2.topcentertowa {
    background: #999999;
    padding: 10px 0px;	/*上下、左右への余白*/
    font-size: 140%;	/*文字サイズ*/
    text-align: center;
    background-image: url("../images/topcentertowa_ti.png");
    background-position: left top;
    background-repeat: no-repeat;
}
/*mainコンテンツのh3タグ設定
#main h3 {
	clear: both;
	margin-bottom: 20px;
	padding: 5px 20px;
	font-size: 110%;
	border: 1px solid #ccc;
	border-radius: 5px;	
}*/
/*h3タグの１文字目への追加設定
#main h3::first-letter {
	border-left: 3px solid #113893;
	padding-left: 15px;				
}*/


/*あいち事業承継総合支援センターとはのタイトル
---------------------------------------------------------------------------*/
#towa h3 {
	clear: both;
    color: #1f2c5c;
	margin-bottom: 20px;
	padding: 5px 20px;	/*上下、左右への余白*/
	font-size: 120%;	/*文字サイズ*/  
    background: #eeeeee;
    text-align: center;
    border-bottom: 1px solid #999999;	/*枠線の幅、線種、色*/
    border-radius: 0px;	/*角丸のサイズ。この行を削除すれば角が尖った長方形になります。*/
    border-left: none;
    border-top: none;
    border-right: none;
}
#towa h3::first-letter {
	border-left: none;	/*左の線の幅、線種、色*/
	padding-left: 0px;				/*線とテキストとの余白*/
}

/*あいち事業承継総合支援センターとはのリスト項目
---------------------------------------------------------------------------*/
#towa .towalist {
    margin-top: -1em;
    list-style-type: disc;
    padding-left : 40px;
    color: #1f2c5c;
    font-weight: bold;
}

/*あいち事業承継総合支援センターとはの実績ボタン
---------------------------------------------------------------------------*/
#towa .btn {
  float: right;	/*左に回り込み*/
  display: inline-block;
  padding: 6px 30px;
  margin-bottom: 16px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #1f2c5c;
  background-color: #FFFFFF;
  border: 1px solid #1f2c5c;	/*下線の幅、線種、色*/
}
#towa .btn:hover {
  color: #fff;
  background: #1f2c5c;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl, #seminar_event dl {
	padding: 0px 20px;	/*上下、左右へのブロック内の余白*/
	margin-bottom: 20px;	/*ブロックの下(外側)に空ける余白*/
}
/*日付設定*/
#new dt, #seminar_event dt {
	/*float: left;
	width: 0em;
    padding: 0.75em 0 0.5em 2em;
	letter-spacing: 0.1em;*/
	float: none;
	padding-left: 0.5em;
}
/*記事設定*/
#new dd, #seminar_event dd {
	padding: 0.75em 0 0.5em 11em;
	border-bottom: 1px dotted #999999;	/*下線の幅、線種、色*/
	padding-left: 0.5em;
}
/*記事設定*/
#new dd a, #seminar_event dd a {
    text-decoration: none;
}
/* list02 ---------------------------------------------------- */

.soudan3sw { margin: 0px 0px 80px }

#list02 { padding: 0 0 5rem; background: url(../images/list02_bg.jpg) no-repeat center center; background-size: cover;}
#list02 h3.ttl-sect { color: #FFFFFF; padding-top: 5em; text-align: center; font-size: 1.6em; background: url(../images/ico_people.png) no-repeat center top; background-size: 5em;}
#list02 .ttl-lead { color: #FFFFFF; }

#list02 .service-box { padding: 2rem 0; border-bottom: #f4f4f4 1px solid;}
#list02 .service-box:first-child { margin-top: 2rem; border-top: #f4f4f4 1px solid;}
#list02 .service-box a { margin: 0 -0.5rem; text-decoration: none; }
#list02 .service-box .pic { width: 80px; padding: 0 ; margin: 0 auto;}
#list02 .service-box .inBox { /*width: calc(100% - 130px);*/width: 100%;padding: 0 0.5rem; color: #FFFFFF;  background: url(../images/ar_right_wh.png)no-repeat right 5% top 0.2rem; background-size: 1.5rem;}
#list02 .service-box .inBox .service_ti	{ font-size: 18px; text-align: center; }
#list02 .service-box .inBox .txt { margin-top: 0.5rem; padding-right: 1em; font-size: 0.9rem;}

@media print, screen and (min-width: 768px) {
#list02	{ padding: 60px 0 80px; }
#list02 .service-wrap { width: 80%; display: -webkit-flex; display: flex; margin: 0 -10px; padding: 0 10%; }
#list02 .service-wrap .service-box { margin-top: 60px; width: 100%; padding: 20px 25px; border-right: #f4f4f4 1px solid; border-bottom: none;}
#list02 .service-box:first-child { border-top: none;}
#list02 .service-wrap .service-box:last-child { border-right:none;}
#list02 .service-wrap .service-box a { display: block; margin: 0; }
#list02 .service-wrap .service-box .pic { width: 100px; padding: 0 ; margin: 0 auto;}
#list02 .service-box .inBox { width: 100%;padding: 0 0 20px; background: url(../images/ar_right_wh.png)no-repeat right  bottom 10px ; background-size: 23px;}
#list02 .service-wrap .service-box .inBox .service_ti { margin-top: 30px; font-size: 24px; text-align: center;}
#list02 .service-wrap .service-box .inBox .txt { margin-top: 15px; font-size: 16px;}
}



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

/*コンテンツ内のボックス（list）設定
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.list {
	float: none;
	width: auto;		/*幅*/
	margin-left: 0;
	height: auto;		/*高さ*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0px 3px 15px;
}
.list a {
	height: auto;		/*高さ*/
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*ボックス内の画像設定*/
.list .img {
	float: left;
	width: 50%;
	margin-right: 10px;
	height: auto;	/*画像の高さ*/
	padding-bottom: 0;
}
/*ボックス内のp（段落）タグ設定*/
.list p {
	margin-left: 30%;
}

/*コーディネーター紹介と支援機関のブロック１個あたりの設定*/
.list02 {
	width: 48%;
    margin-left: 0.5%;	/*ボックス同士の左右間の余白*/
}
.list02sp{
    margin-right: 2%;	/*ボックス同士の左右間の余白*/
}

#towa .towalist {
    margin-top: 0;
}

}


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

.list02 {
	width: 47.5%;
}

}


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

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl, #seminar_event dl {
	/*padding: 0px 20px;	上下、左右へのブロック内の余白*/
	/*margin-bottom: 20px;	ブロックの下(外側)に空ける余白*/
}
/*日付設定*/
#new dt, #seminar_event dt {
	float: none;
	/*width: 9em;*/
    padding-left: 0.5em;
	/*letter-spacing: 0.1em;*/
}
/*記事設定*/
#new dd, #seminar_event dd {
	padding-left: 0.5em;
	/*border-bottom: 1px dotted #999999;*/	/*下線の幅、線種、色*/
}

}


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

.list02sp{
    margin-right: 1%;	/*ボックス同士の左右間の余白*/
}


}