@charset "utf-8";
/*------------------------------------------------------------
	建設業界で転職する方法 共通部分
------------------------------------------------------------*/

#conts {
	line-height: 1.8;
}

#conts img {
	max-width: 100%;
}

#conts .alignCenter {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#conts .w50 {
	width: 50%;
}

#conts .line {
	margin: 10px 0 15px 0;
	width: 100%;
	height: 1px;
	border: none;
	background-color: #006B30;
}

#conts .title01 {
	margin-bottom: 0;
	border-top: 1px solid #006B30;
	font-size: 22px;
	font-weight: normal;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .title01 span {
	padding: 2px 15px 0;
	background: #006B30;
	border-top: 2px solid #80B598;
	display: block;
	color: #FFF;
}

#conts .title02 {
	margin-bottom: 0;
	border-top: 1px solid #DDD;
	border-bottom: 2px solid #006B30;
	font-size: 18px;
	font-weight: bold;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .title02 span.inner {
	padding: 2px 15px 0;
	background: url(/assets/img/pc/knowhow/bg_title01.jpg) repeat-x left top;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DDD;
	display: block;
}

#conts section.index .title02 span.inner {
	padding: 2px 9px 0;
}

#conts .title02 span.inner span {
	color: #006B30;
}

#conts .title03 {
	margin-bottom: 0;
	border-bottom: 1px solid #CCC;
	color: #006B30;
	font-size: 28px;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .title03 span {
	margin-bottom: 1px;
	padding: 22px 0 20px 14px;
	border-bottom: 1px solid #333;
	display: block;
}

#conts .title04 {
	margin: 0 5px;
	padding: 1px 0 0 18px;
	background: url(/assets/img/pc/knowhow/bg_title02.jpg) no-repeat;
	color: #FFF;
	font-size: 17px;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	line-height: 35px;
}

#conts .title05 {
	margin-bottom: 10px;
	border-bottom: #333333 1px solid;
	font-size: 17px;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .title05 span{
	color: #006B30;
}

#conts .title06 {
	font-size: 26px;
	font-weight: normal;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .title06 span {
	margin-right: 10px;
	padding: 0 9px;
	background: #E48500;
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	line-height: 0;
}

#conts .title06 span.figure {
	padding: 0 2px;
}

#conts .title06 span.notes {
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;
	font-weight: normal;
	background: none;
	color: #111;
	font-size: 15px;
}

#conts .title07 {
	margin-bottom: 3px;
	border-bottom: 1px solid #006B30;
	color: #006B30;
	font-weight: normal;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size: 1.2em;
}

#conts .inner {
	padding: 20px;
}

#conts p {
	margin-bottom: 1.4em;
}

#conts p.note {
	font-size:0.85em;
}

#conts p.link {
	padding-left: 16px;
	background: url(/assets/img/common/icon/001.gif) no-repeat left 8px;
	display: block;
}

#conts .bold {
	font-weight: bold;
}

#conts .mt0 {
	margin-bottom: 20px !important;
}

#conts .mb20 {
	margin-bottom: 20px !important;
}

#conts img.floatR {
	padding: 0 0 10px 20px;
	display: block;
}

#conts img.floatL {
	padding: 0 0 10px;
	display: block;
}

#conts .borderBox {
	margin-bottom: 25px;
	padding: 14px 20px 13px;
	background: #F9F3E7;
	border: 2px solid #F9ECE1;
}

#conts .borderBox :last-child {
	margin-bottom: 0;
}

#conts .borderBox02 {
	padding: 14px 20px;
	background: #FFF;
}

#conts .inner li {
	padding-left: 12px;
	background: url(/assets/img/pc/knowhow/icon_list.png) no-repeat left 10px;
}

#conts .liTtl {
	margin-bottom: 0;
	color: #006B30;
	font-weight: bold;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size: 1.2em;
}

#conts .liTtl02 {
	margin-bottom: 3px;
	border-bottom: 1px solid #006B30;
	color: #006B30;
	font-weight: normal;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size: 1.2em;
}


#conts ul.indent {
	margin: 0 0 15px 8px;
}

#conts ol.indent {
	margin: 0 0 0 8px;
}

#conts .numList li {
	padding-left: 0;
	background: none;
}

#conts .numList li span {
	padding-right: 5px;
	color: #E48500;
	font-weight: bold;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .borderBox ul.markList li.circle {
	padding-left: 20px;
	background: url(/assets/img/pc/knowhow/icon_circle.png) no-repeat left 8px;
}

#conts .borderBox ul.markList li.cross {
	padding-left: 20px;
	background: url(/assets/img/pc/knowhow/icon_cross.png) no-repeat left 8px;
}

#conts .borderBox ul.markList li.triangle {
	padding-left: 20px;
	background: url(/assets/img/pc/knowhow/icon_triangle.png) no-repeat left 8px;
}

#conts .qaBox,
#conts .pageIndex {
	border: 5px solid #F0F0F0;
}

#conts .qaBox .inner,
#conts .pageIndex .inner {
	padding: 30px;
	border: 1px solid #CCC;
}

#conts .pageIndex {
	margin-bottom: 30px;
}

#conts .qaBox dl dt {
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(/assets/img/pc/knowhow/icon_q.png) no-repeat left 5px;
	font-size: 16px;
	font-weight: bold;
}

#conts .qaBox dl dd {
	margin-bottom: 25px;
	padding-bottom: 25px;
	background: url(/assets/img/pc/knowhow/icon_a.png) no-repeat left 5px;
	border-bottom: 1px dotted #999;
	text-indent: 1.4em;
}

#conts .qaBox dl dd.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

#conts .qaBox dl dd span {
	color: #C60;
	font-weight: bold;
}

#conts .pageNavi {
	margin: 40px 0 60px;
	padding-top: 10px;
	border-top: 1px solid #DCDCDC;
}

	* html #conts .pageNavi {
		text-align: center;
	}

#conts .pageNavi li {
	width: 263px;
	line-height: 1.8;
	display: inline-block;
	vertical-align: top;
}

	* html #conts .pageNavi li {
		display: inline;
		zoom: 1;
	}

	*+html #conts .pageNavi li {
		display: inline;
		zoom: 1;
	}

#conts .pageNavi li.prev {
	padding-left: 16px;
	background: url(/assets/img/common/icon/008.gif) no-repeat left center;
	text-align: left;
}

#conts .pageNavi li.prev a {
}

#conts .pageNavi li.back {
	margin: 0 10px;
	padding: 0 10px;
	width: 100px;
	text-align: center;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}

#conts .pageNavi li.next {
	padding-right: 16px;
	background: url(/assets/img/common/icon/001.gif) no-repeat right center;
	text-align: right;
}

#conts .pageNavi li.next a {
}

#conts .pageNavi li.les {
	letter-spacing: -0.5px;
}

#conts section.index {
	margin-bottom: 40px;
}

#conts section.index ul {
	padding: 0 10px;
}

#conts section.index ul li {
	padding: 10px 16px;
	background: url(/assets/img/common/icon/001.gif) no-repeat left 18px;
	border-bottom: 1px dotted #999;
}

#conts section.index ul li span.new {
	margin: 0 5px;
	padding: 0 2px;
	background: #C00;
	display: inline-block;
	color: #FFF;
	font-size: 12px;
	line-height: 1.4em;
}

	* html #conts section.index ul li span.new {
		display: inline;
		zoom: 1;
	}

#conts section.index ul li span.date {
	color: #666;
}

/*------------------------------------------------------------
	建設業界で転職する方法 ページ個別
------------------------------------------------------------*/
/* TOPページ */
#knowhow-index .mainImage {
	margin-bottom: 30px;
	height: 198px;
	background: url(/assets/img/pc/knowhow/mainimage.jpg) no-repeat right;
	border: 1px solid #DCDCDC;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	text-align: left;
}

#knowhow-index .mainImage h2 {
	margin-top: 30px;
	margin-bottom: -2px;
	padding-top: 4px;
	padding-left: 16px;
	border-left: 4px solid #006B30;
	color: #006B30;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.0;
}

#knowhow-index .mainImage p {
	margin: 20px 0 0 21px;
	font-size: 14px;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	line-height: 1.6;
}

#conts section.index ul li.ready {
	color: #666;
}

#conts section.index ul li.ready span {
	background: url(/assets/img/pc/knowhow/icon_ready.png) no-repeat 48px;
	display: block;
}

#conts .flowImg {
	margin-bottom: 40px;
}

#conts #cta {
	margin-bottom: 88px;
}

/* /guide/01/ */

#knowhow-guide-01 #conts .borderBox {
	margin: 0 20px 30px;
	position: relative;
}

#knowhow-guide-01 #conts .borderBox span.arrow {
	position: absolute;
	bottom: -29px;
	left: 318px;
}

#knowhow-guide-01 #conts .borderBox02 {
	border: #DDB182 2px solid;
}

#knowhow-guide-01 #conts .borderBox02 .title06 {
	color: #960;
	font-weight: bold;
}

/* /guide/02/ */

#knowhow-guide-02 #conts img.floatR_2col,
#knowhow-guide-02 #conts img.floatL_2col{
	padding: 0 0 15px 0;
}

/* /find/ */
#knowhow-find-01 #conts #cta,
#knowhow-find-02 #conts #cta {
	margin-top: 40px;
}

/* /find/03/ */
#knowhow-find-03 #conts .title03 {
	font-size: 25px;
}

/* /find/04/ */
#knowhow-find-04 #conts .title03 {
	font-size: 25px;
}

#knowhow-find-04 #conts .borderImgbox {
	margin-bottom: 30px;
	border: 1px solid  #ccc;
}

#knowhow-find-04 #conts .borderImgbox p{
	margin-bottom: 0;
	padding: 20px;
}

/* /flow/01/ */
#conts .title03 {
	font-size: 26px;
	letter-spacing: -0.03em;
}

#conts .borderBox {
	margin-bottom: 30px;
	position: relative;
	clear: both;
}

#conts .borderBox .borderBox {
	background-color: #FFF;
}

#conts .borderBox.last {
	margin-bottom: 40px;
}

#conts .borderBox .notes {
	margin-bottom: 0.5em;
}

#conts .borderBox span.arrow {
	position: absolute;
	bottom: -29px;
	left: 318px;
}

#conts .column {
	margin-top: 30px;
	border: 5px solid #F0F0F0;
}

#conts .column dl {
	padding: 20px;
	border: 1px solid #CCC;
}

#conts .column dl dt {
	margin-bottom: 10px;
	padding-bottom: 12px;
	padding-left: 55px;
	background: url(/assets/img/common/icon/010.png) no-repeat left 5px;
	border-bottom: 1px dotted #999;
	color: #C60;
	font-size: 16px;
	font-weight: bold;
}

#conts .column dl dd p {
	margin-bottom: 1em;
}

#conts .column dl dd .last {
	margin-bottom: 0;
}

#knowhow-flow-01 #conts #cta {
	margin-top: 20px;
}

/* /flow/02/ */
#knowhow-flow-02 #conts .borderBox .liTtl02 {
	margin-bottom: 10px;
}

#knowhow-flow-02 #conts .test {
	margin-top: 20px;
}

#knowhow-flow-02 #conts #cta {
	margin-top: 40px;
}

/* /flow/04/ */
#conts .borderBox p:first-child {
	margin-bottom: 0;
}

#conts .borderBox p.first {
	margin-bottom: 1.4em;
}

#conts .borderBox .edge {
	margin-bottom: 0;
	text-align: right;
}

#knowhow-flow-04 #conts #cta {
	margin-top: 20px;
}

/* service */
.service {
	border-top: 1px solid;
}

#knowhow-flow-03 .title03,
#knowhow-flow-04 .title03 {
	margin-bottom: 1.4em;
}

#knowhow-guide-04 #conts img,
#knowhow-guide-05 #conts img {
	margin: 0 auto;
	display: block;
}

#knowhow-guide-04 #conts .borderBox .title06,
#knowhow-guide-04 #conts .borderBox .title06 span,
#knowhow-guide-06 #conts .borderBox .title06,
#knowhow-guide-06 #conts .borderBox .title06 span {
	font-size: 17px;
}

#knowhow-guide-04 .borderBox .note {
	margin-top: 15px;
}