@charset "UTF-8";

@import "./drive_porter.css";

/*/==========================================================
/ 
/ インフラツーリズム
/
==========================================================/*/

#dpr-ift .l-cont-body{
	margin-bottom:var(--mgn-ll)
}

/*#dpr-ift .l-cont-body p{
	margin:1em 0;
}*/


#back_number{
	margin-top:var(--mgn-l);
}

#back_number section{
	margin:var(--mgn-l) 0;
	display:block;
	overflow:hidden;
	clear:both;
}

h3 > span:has(strong){
	font-weight:normal;
	font-size:var(--txt-m);
	line-height: 175%;
}

h3 > span > strong{
	font-weight:700;
	font-size:2.0rem;
}

.m-indent-box + .content-box{
	margin-top:var(--mgn-l);
}


/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	/**/

}



#recruiting_now section > dl,
#back_number section > dl{
	display:block;
	overflow:hidden;
	padding-left:var(--mgn-l);
}

#recruiting_now section > dl > dt,
#recruiting_now section > dl > dd,
#back_number section > dl > dt,
#back_number section > dl > dd{
	display:block;
	overflow:hidden;
	float:left;
}

#recruiting_now section > dl > dt,
#back_number section > dl > dt{
	width:9em;
	clear:both;
}

#recruiting_now section > dl > dd,
#back_number section > dl > dd{
	width:calc(100% - 9em);
	padding:5px 0 5px 1em;
	border-left:1px solid #dddddd;
}

#recruiting_now section > dl > dd > p:first-child,
#back_number section > dl > dd > p:first-child{
	padding-top:0;
	margin-top:0;
}



/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	#recruiting_now section > dl,
	#back_number section > dl{
		padding-left:0;
	}

	#recruiting_now section > dl > dt,
	#recruiting_now section > dl > dd,
	#back_number section > dl > dt,
	#back_number section > dl > dd{
		float:none;
	}

	#recruiting_now section > dl > dt,
	#back_number section > dl > dt{
		width:100%;
		clear:both;
		padding-top: 5px;
	}

	#recruiting_now section > dl > dd,
	#back_number section > dl > dd{
		width:100%;
		padding:5px 0 5px 1em;
		border-left:unset;
		border-bottom:1px solid #dddddd;
	}

}



/*****************************
 フロート画像ボックス
 *****************************/
#back_number section > figure{
	display:inline-block;
	text-align:center;
	float:right;
}



/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	#back_number section > figure{
		display:block;
		text-align:center;
		float:none;
	}

	#back_number section > figure img{
		width: min(100%,270px);
		height:auto;
	}

}