#content::before{ background-image: url(../../images/salesengineer/main.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover; content:""; display: block; width:100%; height:370px; }
#content .list li{ flex-basis: 100%; border-bottom:1px #000 solid; }
#content .list li h2 .jp{ font-size:2rem;}
#content .list li .info{ text-align: left; background-color: rgba(238, 238, 238, .9); -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
#content .list li .info dl{ margin-bottom:0; }
#content .list li .info dt { font-weight:bold; position: relative; }
#content .list li .title{ font-weight:bold; }
@media screen and (min-width: 960px){/* ＰＣ */
    #content .list li{ padding:30px 0; }
    #content .list li h2 .en::before{ content:""; margin-left:20px;}
    #content .list li .image{ position: absolute; z-index:-1;}
    #content .list li:nth-child(odd) .image{ right:0; }
    #content .list li .info{ margin: 20px 0 40px 0; padding:5px 20px 20px 20px; width:60%; min-height:350px; }
    #content .list li:nth-child(even) .info{  margin-left: auto; }
    #content .list li .info dl, .list li .info>div{ margin-left:10px; }
    #content .list li .info dt { float: left ;  clear: both ;  width: 10rem ;}
    #content .list li .info dt::after { content:"："; display: inline-block; position: absolute; right:0; } 
    #content .list li .info dd { margin-left: 10rem ; }
    #content .list li .title+p{ padding-left:10px; margin-top:0px; margin-bottom:5px;}
}
@media screen and (max-width: 959px){/* タブレット（ディスプレイ幅959px以下）より小さい画面 */
    #content .list li{ padding:20px 0; text-align:left; }
    #content .list li h2 .en{ display:block; margin-bottom:1em; }
    #content .list li .info{ padding:8px 2% 10px 2%;}
    #content .list li .info+div{ padding:1em 2% 10px 2%;}
    #content .list li .title+p{ padding-left:2%; margin-top:0px;}
    #content .list li .info dd { margin:0 0 1em 0 ; padding-left:2%; }
    #content .list li img{ width:100%;}
}