@charset "UTF-8";

body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

/* ボックスの左右に確保する余白 */
.box1, .boxA, .box2-inner, .box5-inner
	{padding-left: 10px;
	padding-right: 10px}


/* サイト名 */
.site h1 a	{color: #83a4a8;
	text-decoration: none}

.site h1	{margin: 0;
	font-size: 16px;
	font-family: 'Paytone One', sans-serif;
	font-weight: normal}

.site img	{max-width: 100%;
	height: auto}

/*addressの配置*/

.address ul {margin: 0;
	padding: 0;
	list-style: none}

.address li {display: block;
float: left;
margin: 0;
padding: 0} 


/* ナビゲーション */
.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 15px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #75dbe7}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}


/* DV記事 */
.dvkiji h1	{margin-top: 0;
	margin-bottom: 20px;
        padding-left: 15px;
        border-left: solid 15px #ff3300;
	font-size: 22px;
        font-weight: normal;
        background-color: #ffb6c1}

.dvkiji p	{margin-top: 0;
	margin-bottom: 20px}

.dvkiji .lead    {max-width: 100%;
        font-size: 18px;
        color: #666666}

.dvkiji img	{max-width: 100%;
	height: auto}

.dvkijitop img	{max-width: 100%;
	height: auto;
        margin-bottom: 10px}

.dvkijibottam  {display: block;
        margin-left: auto;
        margin-right: auto;

}



/* パンくずリスト */
.bread	{margin-bottom: 8px}

.bread ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread li a	{display: inline-block;
	padding: 0px;
	color: #000000;
	font-size: 12px;
	text-decoration: none}

.bread li a:hover	{background-color: #eeeeee}

.bread ol:after	{content: "";
	display: block;
	clear: both}

.bread li	{float: left;
	width: auto}

.bread li:after	{content: '>';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888}


/* キャッチコピー */
.catch	{margin: 0;
	padding: 15px;
	background-color: rgba(255,255,255,0.7);
	font-size: 28px}

/* ヘッダー画像にキャッチコピーを重ねる */
.dvkijitop	{position: relative}

.catch	{position: absolute;
	bottom: 7%;
	left: 3%}


/* 記事の小見出し */
.dvkiji h2	{margin-top: 40px;
	padding-left: 10px;
	border-left: solid 10px #7cbac1;
        background-color: #EBECF7;
	font-weight: normal}

.dvkiji h3	{margin-top: 20px;
        margin-bottom: 20px;
	padding-bottom: solid 1px #dddddd;
	font-size: 20px;
	font-weight: normal;
        color: #ff3300}


/* 記事の投稿日 */
.dvkijiinfo	{margin-top: -10px;
	margin-bottom: 20px}

.dvkijiinfo i	{margin-right: 5px;
	color: #aaaaaa;
	font-size: 20px}


/* 記事の分類 */
.dvkijicat	{margin-bottom: 15px}

.dvkijicat ul	{margin: 0;
	padding: 0;
	list-style: none}

.dvkijicat li a	{display: block;
	margin-right: 5px;
	padding: 3px 5px;
	border-radius: 2px;
	background-color: #75dbe7;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none}

.dvkijicat li a:hover	{background-color: #94ecf6}

.dvkijicat ul:after	{content: "";
	display: block;
	clear: both}

.dvkijicat li	{float: left;
	width: auto}

/*よくある相談事項の例*/
.dvkiji dl{  
  margin-bottom : 30px;
  border-width : 1px;
  border-style : solid;
  width : 100％;      
}

.dvkiji dt{
  font-weight : bold;
  color : #010660;
  background-color : #ecffd1;
  text-align : left;
  margin-bottom : 10px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  padding-top : 4px;  
  padding-bottom : 4px;
  padding-right : 10px;     
  padding-left : 10px  
}

.dvkiji dd{
  line-height : 1.8;
  padding-right : 10px;     
  padding-left : 10px;
  padding-bottom : 10px;  
}

.dvkiji dd img{float: right;
 
}

/*BOX3dvkijiの業務表横に並べるベース*/
table {margin: 0;
  border-collapse: collapse;
  width: 100%;
}
table th,
table td {
  border: 1px solid #999;
  padding: 10px;
}
table th {
  background-color: #eee;
  text-align: center;
}

textarea{width: 100%

}

input{width: 70%

}



/*BOX3dvkansaiの表横に並べるベース*/

.dvkansai table {margin: 0;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 45%;
}
.dvkansai table th,
.dvkansai table td {
  border: 1px solid #999;
  padding: 4px;
  text-align: center;
}
.dvkansai table th {
  background-color: #eee;
  width: 25%;
}

.dvkansai img{float: right;

}

/*BOX3tscworkの業務表横に並べるベース*/
.tscwork table {margin: 0;
  border-collapse: collapse;
  width: 100%;
}
.tscwork table th,
.tscwork table td {
  border: none;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 13px
}

.tscwork table th {
  background-color: #fff;
  text-align: left;
  width: 60%
}

.tscwork img{width: 98%

}

textarea{width: 90%

}

input{width: 70%

}



/* SNSのシェアボタン */
.share	{margin-top: 40px}

.share ul	{margin: 0;
	padding: 0;
	list-style: none}

.share li a	{display: block;
	padding: 10px 5px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	text-decoration: none}

.share-tw	{background-color: #55acee}
.share-fb	{background-color: #3b5998}
.share-gp	{background-color: #dd4b39}

.share li a:hover	{opacity: 0.8}

.share ul:after	{content: "";
	display: block;
	clear: both}

.share li	{float: left;
	width: 33.3333%}


/* 関連記事メニュー */
.kanren	{margin-top: 40px;
	padding: 20px;
	background-color: #ecffd1}

.kanren h1	{margin-top: 0;
	margin-bottom: 5px;
	color: #727224;
	font-size: 20px;
	font-weight: normal}

.kanren ul	{margin: 0;
	padding: 0;
	list-style: none}

.kanren li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.kanren li a:hover	{text-decoration: underline}

.kanren ul:after	{content: "";
	display: block;
	clear: both}

.kanren li	{float: left;
	width: 25%}

.kanren img	{max-width: 100%;
	height: auto;
	border: none}


/* サイドメニュー */
.sidemenu	{margin-bottom: 30px}

.sidemenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.sidemenu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 15px;
	border-bottom: dotted 2px #dddddd;
	text-decoration: none}

.sidemenu li a:hover	{background-color: #fde2eb}

.sidemenu h1		{margin-top: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 16px}

.sidemenu h2		{margin-top: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 20px}

.sidemenu i	{margin-right: 5px;
	color: #888888}

/*代表のあいさつメニュー*/

/* おすすめ記事メニュー */
.osusume	{margin-bottom: 30px}

.osusume ul	{margin: 0;
	padding: 0;
	list-style: none}

.osusume li a	{display: block;
	margin-bottom: 10px;
	padding: 0;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.osusume li a:hover	{background-color: #eeeeee;
	opacity: 0.8}

.osusume h2	{margin-top: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 20px}

.osusume img	{width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom}

.osusume .text	{padding: 5px 10px;
	background-color: rgba(0,0,0,0.4);
	color: #ffffff}

/* おすすめ記事メニューのテキストを重ねる設定 */
.osusume a	{position: relative}

.osusume .text	{position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}



/* 夜逃げ屋の記事メニュー */
.yonigeya	{margin-bottom: 30px}

.yonigeya ul	{margin: 0;
	padding: 0;
	list-style: none}

.yonigeya li a	{display: block;
	padding: 5px;
	border-bottom: dotted 1px #dddddd;
	color: #2288bb;
	font-size: 14px;
	text-decoration: none}

.yonigeya li a:hover	{background-color: #eeeeee}

.yonigeya li a img	{border: none}

.yonigeya h2	{margin-top: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 20px}

.yonigeya a:after	{content: "";
	display: block;
	clear: both}

.yonigeya img	{float: left;
	width: 60px}

.yonigeya .text	{float: none;
	width: auto;
	margin-left: 60px;
	padding-left: 15px}

.yonigeya span	{display: block;
	color: #666666;
	font-size: 12px}

/* 過去のバックナンバーの記事メニュー */

.backnumber ul	{margin: 0;
	padding: 0;
	list-style: none}

.backnumber li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.backnumber li a:hover	{background-color: #eeeeee}

.backnumber h1	{margin-top: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 18px}

/* 過去の取材の記事メニュー */

.syuzai ul	{margin: 0;
	padding: 0;
	list-style: none}

.syuzai li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.syuzai li a:hover	{background-color: #eeeeee}

.syuzai h1	{margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 18px}


/* コピーライト */
.copyright p	{margin: 0;
	color: #666666;
	font-size: 14px}


/* BOX2とBOX5をバーの形にする */
.box2	{background-color: #7cbac1}

.box5	{background-color: #f3f4fc}

/* BOX5の上に区切り線を入れる */
.box5	{border-top: solid 1px #dddddd}


/* ボックスの上下の間隔 */
.box1	{padding-top: 8px;
	padding-bottom: 8px}

.box3	{padding-top: 30px;
	padding-bottom: 30px}

.box4	{padding-top: 30px;
	padding-bottom: 30px}

.box5	{padding-top: 15px;
	padding-bottom: 100px}


/* ########### 599px 以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{padding: 10px 3px;
	font-size: 11px}

/* サイト名と記事のタイトル */
.site h1	{font-size: 20px}

.dvkiji h1	{font-size: 20px}

.dvkiji h2      {font-size: 20px}

.dvkiji .lead   {font-size:16px}

/* ボックスの上下の間隔 */
.box1	{padding-top: 4px;
	padding-bottom: 4px}

.box3	{padding-top: 25px}

/* キャッチコピー */
.catch	{padding: 5px 10px;
	font-size: 16px}

/*BOX3dvkijiの業務表縦に重ねる*/

table {margin: 0;
  }

table td {
    display: block;

  }

table th {
    display: block;

}

table td textarea{width: 100%

}

/*BOX3dvkansaiの業務表を縦に重ねる*/

.dvkansai table {
    border: none;
    width: 100%
  }
.dvkansai table thead {
    display: none;
  }
.dvkansai table tr {
    border-top: 1px solid #999;
    display: block;
    margin-bottom: 20px;
  }
.dvkansai table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    padding: 10px;
    text-align: right;
  }
.dvkansai table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }

/*BOX3tscworkの業務表縦に重ねる*/

.tscwork table {margin: 0;
  }

.tscwork table td {
    display: block

}

.tscwork table th {
    display: block;
    padding: 1px;
  }



.tscwork table td textarea{width: 100%
}

.tscwork img{width: 166%
}

/* 関連記事メニュー */
.kanren	 {padding: 10px}

.kanren li	{width: 50%}

.kanren li:nth-child(3)	{clear: both}


}

/* ########### 600px 以上～ 767px 以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {

/* BOX1-1とBOX1-2を横に並べる設定 */
.box1:after	{content: "";
	display: block;
	clear: both}

.box1-1	{float: left;
	width: 60%}

.box1-2	{float: right;
	width: 40%}

/* BOX4-1とBOX4-2を横に並べる設定 */
.box4:after	{content: "";
	display: block;
	clear: both}

.box4-1	{float: left;
	width: 50%}

.box4-2	{float: left;
	width: 50%}

/*BOX3dvkijiの業務表を横に並べる*/

table th {
  width: 30%;}

/* キャッチコピー サイズ調整*/
.catch	{padding: 5px 10px;
	font-size: 21px}




}

/* ########### 768px 以上 ########### */
@media (min-width: 768px) {

/* BOX1-1とBOX1-2を横に並べる設定 */
.box1:after	{content: "";
	display: block;
	clear: both}

.box1-1	{float: left;
	width: 60%}

.box1-2	{float: right;
	width: 40%}

/* BOX3とBOX4を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box3	{float: left;
	width: 70%}

.box4	{float: left;
	width: 30%}

/* BOX3とBOX4の左右の間隔 */
.box3	{padding-right: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}


/*BOX3dvkijiの業務表を横に並べる*/

table th {
  width: 30%;}

/* キャッチコピー */
.catch	{padding: 5px 10px;
	font-size: 23px}

}

/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {

/* 全体の横幅を固定 */
.box1, .boxA, .box2-inner, .box5-inner
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}

/* BOX1-1とBOX1-2を横に並べる設定 */
.box1:after	{content: "";
	display: block;
	clear: both}

.box1-1	{float: left;
	width: 60%}

.box1-2	{float: right;
	width: 40%}


/*BOX3dvkijiの業務表を横に並べる*/

table th {
  width: 30%;}