@CHARSET "UTF-8";

/*
========================================
	事業所一覧ページ
========================================
*/


/* トップ画像 */
.office-img {
background: url(../img/office-banner01.jpg);
display: flex;		/* 直下の要素を並列にする */
justify-content: center;	/* 主軸に対して中央を基準に配置する */
align-items: center;		 /* 交差軸に対して中央を基準に配置する */
height: 300px;		/* 背景画像の高さを指定 */
background-repeat: no-repeat;	/* 背景画像を繰り返し表示しないように指定 */
background-position: 50% 0;        /* 背景画像の初期位置　左からの距離 50% 上からの距離0 */
clear: both;		/* 左寄せ、または右寄せされた全ての要素に対する回り込みを解除 */
}


/* 事業所一覧 */
.office-wrapper{
margin-top:60px;   	/* 余白(外側)を上側が60pxに指定 */
background: url("../img/office-bg01.jpg");		/* 背景画像のパスを指定 */
background-repeat: no-repeat;	/* 背景画像を繰り返し表示しないように指定 */
background-position: center center;        /* 背景画像の初期位置　左からの距離 50% 上からの距離0 */
background-size: cover;
}

.office{
margin: 0 auto;		/* 余白(外側)を上下が0 左右が自動に指定 */
max-width: 1200px;	/* 画面の最大サイズを指定 */
min-width: 960px;	/* 画面の最小サイズを指定 */
}

.office h2{
font-size:1.7rem;
clear:both;		/* 左寄せ、または右寄せされた全ての要素に対する回り込みを解除 */
text-align:center;	/* 中央寄せに指定 */
border-top: double 4px #787878;		/*  上にボーダーを表示（2本線） */
}

.office p{
font-size: 1.5rem;
text-align:center;		/* 中央寄せに指定 */
margin-bottom: 30px;		/* 余白(外側)を下側が30pxに指定 */
}


.area{
text-align:center;	/* テキストを中央揃えにする */
}

 
table {
    border-collapse:  collapse;     /* セルの線を重ねる */
    width: 95%;			/* テーブルの幅を95%に指定 */
    line-height: 1.2;		/* 行間を指定 */
    border: solid 2px #006699;	/* 上下左右にボーダーを表示（1本線） */
    margin: 0 auto 50px;	/* 余白(外側)を 上に0 左右が自動 下が50pxに指定 */
  
}


.office th {
	background-color: #88b5d3;
	font-size: 1.6rem;
	vertical-align: top;		/* 垂直方向の位置を上からに指定 */
	border-right: solid 1px #787878;	/*  右にボーダーを表示（1本線） */
	border: solid 1px #787878;	/* 上下左右にボーダーを表示（1本線） */
	text-align:center;		/* テキストを中央揃えにする */
	padding: 4px 10px;		/* 余白(内側)を 上に4px 左右が10pxに指定 */
}

.office td {
	background-color: #fafdff;
	font-size: 1.5rem;
	vertical-align: middle;		/* 垂直方向の位置を中央からに指定 */
	border: solid 1px #787878;	/* 上下左右にボーダーを表示（1本線） */
	padding: 4px 10px;		/* 余白(内側)を 上に4px 左右が10pxに指定 */
}