@charset "utf-8";
/*
==================================
	layout
==================================
*/
/* #container-work
---------------------------------*/
#container-work {
	width: 980px;
	margin: 0 auto;
}
#container-work section {
	width: 100%;
	margin: 0 0 20px;
    clear: both;
}
.abstract{
    margin: 0px 0 22px 0;
}
#contWrap .contBox {
    width: 920px;
    padding: 25px 30px;
/*    float: left; */
    background-color: #fff;
position: relative;
}

#contWrap .contImg img.contPc {
    position: absolute;
    margin: -65px 0;
    top: 50%;
    left: 25px;
    right: 0;
    bottom: 0;
}
#contWrap .contImg img.contSp {
	display: none;
}
#contWrap .contBoxCap p {
/*
    width: 445px;
    margin: 20px 0 0 10px;
    font-size: 100%;
    line-height: 1.6;
    float: left;
*/
    width: 445px;
    font-size: 100%;
    line-height: 1.6;
    margin: auto 460px;
    min-height: 130px;
}
#contWrap .contBoxCap img {
	margin: 0 0 0 -4px;
	float: left;
}
#contWrap .contBoxCap .capTtl {
    width: 215px;
    margin: -15px 0 0 0;
    color: #0E69A3;
    font-size: 110%;
    font-weight: bold;
    position: absolute;
    left: 265px;
    top: 50%;
}
#contWrap .contBoxCap .capTtl h3 {
	font-size: 120%;
}

/*
==================================
	SP　- 980px
==================================
*/
@media screen and (max-width : 980px) {
/* #container-work
---------------------------------*/
#container-work {
	width: 95%;
	margin: 0 auto;
	position: relative;
}
#contWrap {
	width: 100%;
}
#contWrap .contBox {
	width: 100%;
	margin: 0 auto 20px;
	padding: 2% 0 3%;
    border: none;
}
#contWrap .contImg img.contPc {
	display: none;
}
#contWrap .contImg img.contSp {
	width: 95%;
	margin: 0 auto;
	display: block;
}
#contWrap .contBoxCap .capTtl {
    position: static;
	margin: 2%;
}
#contWrap .contBoxCap p {
	width: 95%;
	margin: 0 3%;
	line-height: 1.4;
    min-height: auto;
}

#contWrap .contBoxCap img {
	margin: 0 0 0 10px;
}