@charset "utf-8";
/*************************************************/
/*                                               */
/* 個別ページ用スタイルシート					 */
/*                                               */
/*************************************************/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■会社全体分野個別設定■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/***********************************************/
/* 会社概要  */
/***********************************************/
img.logo1 {
	margin: 5px 10px;
	float: left;
	}
img.logo2 {
	margin-top: 10px;
	margin-bottom: 5px;
	}
.company_photo {
	padding-top: 30px;
	float: right;
	width: 20%;
	}
dl.company_info {
	margin-left: 5px;
	float: left;
	width: 70%;
	}
.company_info dt {
	margin: 0px;
	padding: 10px 0.5em;
	float: left;
	clear: left;
	width: 7em;
	font-weight: bold;
	}
.company_info dd {
	margin: 0px 0px 0px 0em;
	padding: 10px 0 10px 8em;
	clear: right;
	background-image: url(/image/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
dl.jigyou {
	margin-left: 10px;
	padding: 0px;
	float: left;
	width: 90%;
	}
dl.jigyou dt {
	margin-top: 10px;
	padding-left: 18px;
	float: none;
	width: auto;
	background-image: url(/image/icn_sikaku.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	font-weight: bold;
	}
dl.jigyou dd {
	margin-left: 1em;
	padding: 0px;
	border: none;
	width: 100%;
	background: none;
	}


/***********************************************/
/* 求人案内  */
/***********************************************/
p.bottype {
	border: solid 1px #c9c8c8;
	width: 22em;
	margin: 1.5em 1em;
	padding: 1em 0.5em;
	background-color: #f2f4f5;
	text-align: center;
	clear: both;
	box-shadow: 0 3px 10px rgba(0,0,0,0.10);
	transition: background-color 0.2s;
}
p.bottype:hover {
	background-color: #e5e8ea; /* コントラスト比を確保した淡いグレー */
}

/* 部門別カラー情報  */

.webdiv, .ecodiv {
	margin: 20px 0 10px 0px;
	padding: 8px;
	width: 98%;
	color: #333;
	font-size: 110%;
	text-align: left;
	}
.webdiv {
	background-color: #ACF;

	}
.ecodiv {
	background-color: #96EC7A;
	}
/* 求人詳細ページ */
#Container ol.normal li {
	margin-left: 0;
	padding-left: 0;
	background: none;
	font-weight: normal;
	}


/***********************************************/
/* サイトマップ  */
/***********************************************/
ul.lh180 {
	margin: 5px 20px;
	padding: 0px;
	line-height: 180%;
	list-style-position: inside;
	}
.lh180 ul {
	margin-left: 30px;
	padding: 0px;
	}
hr.dotted {
	border: 1px dotted #ccc;
	width: 99.9%;
	text-align: center;
	}

/***********************************************/
/* 個人情報保護方針  */
/***********************************************/
dl.contact {
	margin-left: 2em;
	}
.contact dt {
	font-weight: bold;
	}
.contact dd ul {
	margin-left: 0;
	padding-left: 1em;
	}
.privacy h4 {
	font-size: 95%;
	margin-top: 15px;
	margin-bottom: 5px;
}
.privacy dl {
	margin-left: 2em;
}
.privacy dd {
	margin-left: 1em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■情報通信部門個別設定■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/***********************************************/
/* 2列枠パターン */
/***********************************************/

/* 2段レイアウト左列　情報index  */
.twocolbox_l {
	margin: 0 0 10px 10px;
-    padding-right: 3px;
+    padding:3px;
	border-right: 1px #ccc dashed;
	float: left;
	width: 47%;
	}
/* 2段レイアウト右列  */
.twocolbox_r {
	margin: 0 0 10px 10px;
	float: left;
	width: 48%;
	}
/* 2段レイアウトリスト */
.twocollist {
	margin: 2px 0px 10px 10px;
	float: left;
	width: 45%;
	}
.twocollist li {
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
	list-style-type: none;
	background-image: url(/image/icn_sankaku2.gif);
	background-position: 2px 80%;
	background-repeat: no-repeat;
	white-space: nowrap;
	}
.twocolbox_l img,.twocolbox_r img {
padding: 2px 0;
}
.twocolbox_l p,.twocolbox_r p {
font-size: 90%;
    margin: 0;
}
.twocolbox_l p a, .twocolbox_r p a {
color: #222;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■実績ページ（情報・映像）個別設定■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#jisseki {
	margin-top: 20px;
	width: 100%;
	}
#jisseki  h3 {
	margin: 0px;
	padding: 0px;
	min-height: 2em;
	font-size: 100%;
	font-weight: bold;
	}

/* 実績分類リスト */
ul.bunruilist {
	margin: 0px auto 10px;
	padding: 5px 0px;
	border-bottom: 2px #ccc solid;
	width: 95%;
	height: 1.2em;
	line-height: 110%;
	font-size: 100%;
	}
.bunruilist li {
	margin-bottom: 5px;
	margin-right: 10px;
	padding-top: 5px;
	padding-left: 18px;
	float: left;
	list-style-type: none;
	color: #336600;
	background-image: url(/image/mdblue.gif);
	background-position: 4px 60%;
	background-repeat: no-repeat;
	font-size: 100%;
	font-weight: bold;
	white-space: nowrap;
	}

/* 実績一覧の枠関連設定 */
.kinouwaku {
	margin-left: 15px;
	float: left;
	width: 45%;
	}
.kinouwaku ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
	}
.kinouwaku li {
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 5px 15px;
	float: none;
	list-style-type: none;
	background-image: url(/image/icn_sikaku.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	}

/* 実績テキスト装飾 */
.jisseki_scr {
	border: #333 1px solid;
	}
.jisseki_hosoku {
	margin: 0px;
	padding-bottom: 10px;
	font-size: 90%;
	font-weight: bold;
	}
.jisseki_syo {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	color:#c00;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	}

/* 実績テーブル設定 --汎用追加--　*/
.jisseki_table, .base_table {
	margin: 15px auto;
	border-collapse: collapse;
	border: #666 1px solid;
	width: 95%;
	font-size: 90%;
	}
.jisseki_table caption, .base_table caption {
	padding: 5px;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	}
.jisseki_table td, .base_table td {
	padding: 5px;
	border: #666 1px solid;
	}
.jisseki_table th, .base_table th {
	padding: 5px 3px;
	border: #666 1px solid;
	color: #111;
	background-color: #E7F3FC;
	}
.jisseki_table th {
	color: #fff;
	background-color: #036;
}
.cellcolor {
	background-color: #E7F3FC;
	}

/* 映像実績clear設定 */
.clearline2 {
	margin: 0 3px;
	border-bottom: 1px solid #ccc;
	clear: both;
	}
html>/**/body .clearline2 {
	height: 10px;
	}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■環境部門個別設定■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 見出しサブタイトル */
.subtitle {
	margin-left: 10px;
	color: #666;
	font-size: 80%;
	}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■防災白書、子ども環境白書個別設定■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.waku_s {
	margin-left: 210px;
	width: 40%;
	}
.waku_s2 {
	margin: 20px auto;
	width: 80%;
	}
p.waku_s_color {
	margin-bottom: 5px;
	padding: 10px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color:#FFFFCC;
	font-size: 100%;
	text-align: center;
	}
p.waku_s_none {
	margin-bottom: 5px;
	padding: 10px;
	font-size: 95%;
	text-align: center;
	}
.tableborder1 {
	width: 100%;
	text-align:center;
	}
.tableborder1 caption {
	text-align:left;
	}
.thblue {
	padding: 5px;
	background-color:#99CCFF;
	font-size: 100%;
	font-weight:normal;
	}
.tdyellow {
	padding: 8px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color:#ffffcc;
	font-size: 100%;
	text-align: center;
	}
.tdyellowleft {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color:#FFFFCC;
	font-size: 100%;
	text-align: left;
	}
.color2 {
	margin: 10px 0px;
	padding: 3px 10px;
	color: #000099;
	font-size: 100%;
	font-weight: bold;
	}
.li_imgright {
	padding-left: 10px;
	vertical-align: text-top;
	}


.kodomo_photo {
	float: right;
	width: 200px;
	margin: 0 20px;
	}
.kodomo_photo p {
	margin: 15px 0;
	font-size: 90%;
	color: #360;
}

dl.colorlist2 {
	margin: 30px;
	line-height: 140%;
	}
.colorlist2 dt {
	margin-left: 10px;
	margin-top: 10px;
	padding: 10px 0px 0px 18px;
	background-image: url(/image/icn_sikaku.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	font-weight: bold;
	color: #066;
	}

.colorlist2 dd strong {
	text-decoration: underline;
}

#MainArea .icon_link {
	margin: 30px 0;
	padding-left: 22px;
	background-image: url(/image/icn_sankaku3.gif);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 105%;
	}

.newnumber {
margin: 5px;
padding: 5px 10px;
border: 1px dotted #C30;
font-weight: bold;
font-size: 90%;
display: block;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■実績ページ（情報）個別設定■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 実績ジャンルメニュー */
#jisseki .genrewrap, #jisseki .genrewrap2 {
	margin: 0px auto 10px;
	padding: 3px 5px;
	clear: both;
	width: 95%;
	border: 1px solid #ccc;
	}
#jisseki .genrewrap ul, #jisseki .genrewrap2 ul {
	margin: 0px auto;
	padding: 5px;
	clear: both;
	width: auto;
	height: 1.5em;
	line-height: 150%;
	background-color: #eee;
	}
html>/**/body #jisseki .genrewrap ul, html>/**/body #jisseki .genrewrap2 ul {
	height: auto;
	}
*:first-child+html #jisseki .genrewrap ul, *:first-child+html #jisseki .genrewrap2 ul {
	height: auto;
	}
#jisseki .genrewrap li, #jisseki .genrewrap2 li {
	margin: 2px 0;
	padding: 2px 10px 2px 20px;
	border-right: 1px solid #ccc;
	display: block;
	float: left;
	list-style-type: none;
	background-image: url(/image/icn_sankaku3.gif);
	background-position: 0px 50%;
	background-repeat: no-repeat;
	font-size: 95%;
	white-space: nowrap;
	}
html>/**/body #jisseki .genrewrap li, html>/**/body #jisseki .genrewrap2 li {
	margin: 0px 10px 5px 0px;
	display: inline;
	float: none;
	white-space: normal;
	}
*:first-child+html #jisseki .genrewrap li, *:first-child+html #jisseki .genrewrap2 li {
	margin: 0px 10px 5px 0px;
	display: inline;
	float: none;
	white-space: normal;
	}
#jisseki .genrewrap li.now, #jisseki .genrewrap2 li.now {
	margin-bottom: 0px;
	border: 1px solid #ccc;
	background-image: url(/image/icn_sankaku4.gif);
	background-color: #fff;
	font-weight: bold;
	}
#jisseki .genrewrap2 li.now {
	background-image: url(/image/icn_sankaku5.gif);
	}
#jisseki .Right a {
	padding-left: 18px;
	clear: both;
	background-image: url(/image/icn_arrow1.gif);
	background-position: 3px 50%;
	background-repeat: no-repeat;
	}

/* 2段レイアウト */
#jisseki .jisseki_twocolbox {
	margin: 10px 8px 20px;
	float: left;
	width: 45%;
	}
#jisseki .jisseki_twocolbox p {
	margin-left: 0px;
	padding-left: 0px;
	}
#jisseki .jisseki_twocolbox p img.jisseki_scr {
	margin: 0px 10px 5px 0px ;
	float: left;
	}
#jisseki .jisseki_twocolbox h3 {
	margin: 0px;
	padding: 3px 5px;
	border-top: 1px solid #eee;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	min-height: 1em;
	background-color: #ccc;
	background-image: url(/image/jisseki_h3.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 100%;
	font-weight: bold;
	}
#jisseki .jisseki_twocolbox h3 span{
	padding-left: 17px;
	padding-right: 5px;
	display: block;
	background-image: url(/image/mk_01.jpg);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	}
#jisseki .jisseki_twocolbox ul.icon {
	margin: 10px 0px;
	padding: 0px;
	clear: both;
	}
#jisseki .jisseki_twocolbox ul.icon li {
	margin-right: 3px;
	padding: 3px;
	border: 1px solid #999;
	display: inline;
	background-color: #cfc;
	font-size: 85%;
	white-space: nowrap;
	}
#jisseki .jisseki_twocolbox ul.icon li.cat1 {
	background-color: #cff;
	}
#jisseki .jisseki_twocolbox ul.icon li.cat2 {
	background-color: #cfc;
	}
#jisseki .jisseki_twocolbox ul.icon li.cat3 {
	background-color: #ffc;
	}
#jisseki .jisseki_twocolbox ul.icon li.cat4 {
	background-color: #fc9;
	}
#jisseki .jisseki_twocolbox ul.icon li.cat5 {
	background-color: #f99;
	}
#jisseki .jisseki_twocolbox ul.naiyo {
	margin: 0px 0px 5px 115px;
	padding: 0px;
	}
#jisseki .jisseki_twocolbox ul.naiyo li {
	margin-right: 3px;
	padding: 0px 3px 0px 12px;
	list-style-type: none;
	color: #333;
	background-image: url(/image/icn_sankaku1.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	}
#jisseki .spacer {
	float: left;
	}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■情報ページ・まるごと検証専用CSS■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#MainArea .twocolbox {
	margin: 0px 0px 10px 10px;
	padding: 5px;
	float: left;
	width: 45%;
	min-height: 7em;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 2px #999;
	border-bottom: solid 2px #999;
	background-color: #CFC;
}
* html #MainArea .twocolbox {
	height: 7em;
}
#MainArea .twocolbox.bgpat2 {
	background-color: #CFF;
}

#MainArea .twocolbox dl {
	margin: 0;
	padding: 0;
}
#MainArea .twocolbox dt {
	margin: 0;
	padding:  0.5em 1em 0.2em 50px;
	background: url(/web/img/sample/icn_pc.gif) left top no-repeat;
	min-height: 40px;
	font-weight: bold;
	color: #036;
	font-size: 110%;
}
* html #MainArea .twocolbox dt {
	height: 40px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■白書■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.Pickup {
	border: solid 5px #b3dd7d;
	padding: 8px;
}
.Pickup h2.hatena {
color: #279910;
font-size: 100%;
padding: 5px 0 0 10px;
}
.Pickup img.kodomo23 {
margin:  10px 0 0 20px;
float: left;
}
.hakusho{
	margin-left: 210px;
	padding: 5px 10px 5px;
 }

.hakusho p{
	line-height: 1.8em;
 }
 .rita {
	width: 85%;
	line-height: 1.5em;
	color: #1f4807;
	font-size: 90%;
	padding: 8px 15px;
	background-image: url(/media/kodomo/back_hakusho.png);
	background-repeat: repeat-x;
	background-position: bottom;
	}
#MainArea .hakusho ul.bottan_w {
margin: 5px 1px 30px;
clear: right;
}
#MainArea .hakusho ul.bottan_w li {
	vertical-align: middle;
    text-align: center;
	height: 2.5em;
	float: left;
	list-style: none;
	margin-right: 5px;
	margin-bottom: 20px;
    width:20em;
}
 #MainArea .hakusho ul.bottan_w li a {
 	background-image: url(/media/kodomo/back_botG.png);
	background-repeat: repeat-x;
	height: 2.5em;
	padding: 10px 5px;
	border: solid 1px #cfd1d1;
	display:block;
 }

#MainArea .hakusho ul.bottan_w a:hover {
background-image:none;
	background-color: #f6ffe0;
	display:block;
}
#MainArea .hakusho ul.bottan_w a:link li {
	background-color: #e8ffdf;
	display:block;
}
#MainArea .hakusho ul.bottan_w a:hover li {
	background-color: #e8ffdf;
}
#MainArea .hakusho ul.bottan_w li:hover  {
	background-color: #e8ffdf;
	 }
* html ul.bottan_w a {
	height: 1%;
}
*:first-child+html ul.bottan_w a {
	height: 1%;
}
#MainArea .hakusho ul.bottan_w li h2 {
font-size: 110%;
}
#MainArea .hakusho ul.bottan_w li h2 span {
	font-size: 90%;
	font-weight: normal;
	display: block;
 }
.bookinfo1, .bookinfo2 {
	clear: both;
	line-height: 1.7em;
	margin: 20px;
	padding: 10px 15px;
 }
 .bookinfo1{
	background-color: #f5ffdf;
 }
  .bookinfo1 .price {
	color: #333;
	font-weight: bold;
 }

.bookinfo1 h2, .bookinfo2 h2, .read h2 {
font-size: 105%;
font-weight: bold;
 }
.read{
	background-color: #fcfff7;
	width: 280px;
	margin-top: 20px;
	padding: 10px 5px;
	background-image: none;
	background-repeat: repeat-y;
	border: dotted 6px #65c834;
}
.read h2{
padding: 0 15px;
color: #630;
}
 .read img{
 margin: 0;
 padding: 2px 0;
 }

/*dl構造 並列　白書　画像枠*/
dl.para dt, dl.para01 dt {
	color: #065806;
	margin-left: 15px;
	padding: 5px 10px 10px 30px;
	font-weight: bold;
  background-image: url(/media/kodomo/icn_leaf.png);
	background-repeat: no-repeat;
}
dl.para01 dt {
    margin: 8px 2px;	
padding: .8rem 1.5rem;	
border-left: 6px solid #a3d85e;	
background-image: none;
    /*
	background-image: url(/image/icn_ob1.png);
    */
}
dl.para01 ul li {
padding-left: 20px;
font-size: 90%;
line-height: 2.2;
list-style-type: none;
	background-image: url(/recruit/img/ico_c01.png);
  background-position: 0 50%;
	background-repeat: no-repeat;
}

dl.para dd, dl.para01 dd{
padding: 0 3px 10px;
}

/*dl構造 並列　認証　*/
dl.para02 {
overflow: hidden;
}
.para02 dt {
float: left ;
clear: left ;
margin-right: .5em;
}
.para02 dd {
float: left ;
margin-left: 0;
padding-top: .5em;
}
.para02 dd ul{
margin:0 0 0 -1.8em;
}


dl.para03 dt, dl.para04 dt {
  margin-left: 15px;
	padding: 5px 10px 5px 25px;
  background-position:left center;
  background-repeat: no-repeat;
	background-image: url("/image/ico_c02.png");
}
dl.para04 dt {
 margin: 25px 15px 2px;
 font-weight: bold;
 color: #333333;
}

dl.relatedlink {
	margin: 2px 10px;
	padding: 10px;
	border: dotted 1px #390;
}
.relatedlink dt {
	padding: 5px 10px 0 28px;
	font-weight: bold;
 }
 
 
 /*---------------------
イベント系
-------------------- */
 /*dl構造 並列　認証　*/
dl.para05 {
overflow: hidden;
}
.para05 dt {
font-weight: bold;
float: left ;
clear: left ;
width: 5em;
	padding: 20px 0px 20px 40px;
  background-position:left center;
  background-repeat: no-repeat;
	background-image: url("/image/ico_leaf.png");
}
.para05 dd {
float: left;
padding-top:20px; 
}

/*---------------------
シャロク
-------------------- */
.titleback01 {
	margin-left: 20px;
	background-color: #960001;
	text-align:center;
	width: 65%;
  }
  

/* 段落基本設定　幅狭 */
.honbun01 {
	margin: 0 30px;
  word-break: break-all;
}
.honbun01 p{
line-height: 1.8;
}

/* flex 横並び画像　キャプション */
.wrapbox01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;   
  background-color: #EDEDED;
padding: 10px;
}
.itembox01 {
  padding: 2px;
width: 32%;
  background-color: #fff;
text-align: center; 
}

/* flex 右寄せ　キャプション */
.wrapbox02 {
  display: flex;
  justify-content: space-between;
}



/* スマホ　640px以下 */
@media only screen and (max-width: 767px){
.honbun01 img {
float: none;
clear: both;
width:  100%;
height: auto;
}
    
.wrapbox02 {
display: flex;
  flex-direction: column;
  text-align: left;
}   
.twocolbox_l img,.twocolbox_r img {
  display: block;
}
}


@media not all and (min-width: 768px) {
  .itembox01 {
    width: 100%;
  }
  .itembox01:not(:last-child) {
    margin-bottom: 30px;
  }
}