@charset "UTF-8";
/* CSS Document */


#mainImg{
 margin-bottom:40px;}
article{
	margin-bottom:30px;	
}


article .tit-list{
	width: 710px;
	height: 58px;
	background: url(../images/tit-careerup_story.gif) no-repeat;
	text-indent:-9999px;
	outline: 0;
	margin-bottom:40px;
}


#skillUpDetail{
 /*background: url(../../../images/common/bg-w710_bottom02.gif) no-repeat bottom;*/
 }
#skillUpDetail #bgImg{
/* background: url(../images/tit-career_up-01-bg.gif) no-repeat;*/
 }
#skillUpDetail h2{
 padding:30px;
 padding-bottom:50px;}
#skillUpDetail ul{
  display: flex;
  gap:30px;
  flex-wrap:wrap;
  padding: 30px;
 }
#skillUpDetail li{
 width:310px;
 /*margin:0 0 0 30px;
 float:left;*/
}
#skillUpDetail h3{
 margin-bottom:10px;}
#skillUpDetail p{
 font-size:1.2em;
 line-height:180%;}
 
 
section{
 float:none;
 clear:both;}
 .details{
  padding:30px;}
  .details h2{
   }
  .details h3{
   margin-bottom:20px;
   padding-top:50px;}
  .details ul{
   padding-bottom:15px;}
  .details li{
   width:310px;
   font-size:1.2em;
   line-height:180%;
   float:left;}
  .details li h4{
   margin-bottom:10px;}
  .details li p{
   margin-top:20px;}
   .details p.assistArea{
    font-size:1.2em;
    background-color: #F9F9F9;
    line-height:180%;
    padding:20px;}

    
  .details .assistArea ul{
   background-color: #F9F9F9;
   padding-top:20px;
   padding-bottom:15px;}
   .details .assistArea li{
    width:190px;
    float:left;
    margin-left:20px;
    _margin-left:10px;
    background-color:#FFF;
    margin-bottom:5px;}
  .details .assistArea dl{
   border:#EEE 1px solid;
   padding:10px;
   line-height:200%;
   }
  .details .assistArea dt{
   padding-bottom:10px;}
  .details .assistArea dd{}
  
  
.detailLeft{
 margin-right:30px;}    
.sp50{
 margin-bottom:50px;}