.s5-listItem4__main{
  border-top: none;
}
.s5-listItem4__mainLink:hover{
  text-decoration: none;
}
.s5-listItem4 .s5-list {
  margin-top: 5px;
}
.c5-cs-detail {
	margin: 30px 0;
	font-size: 1.077em;
    line-height: 1.6;
}
.c5-cs-detail a {
	text-decoration: underline;
}
.c5-cs-detail a:hover {
	text-decoration: none;
}
.c5-cs-detail img {
	max-width: 100%;
	height: auto;
}
.c5-cs-detail p {
	margin: 0 0 1em 0;
}
.c5-cs-detail p:last-child {
	margin-bottom: 0;
}
.c5-cs-box {
	margin: 30px 0;
    padding: 35px;
    background: #f0f0f0;
}
.c5-cs-section {
	padding: 0 25px;
	margin-bottom: 40px;
	overflow: hidden;
}
.c5-cs-section h3 {
  margin: 0 -25px 30px -25px;
  padding: 10px 25px;
  background: url(/oda/casestudy/images/img_title_bg.png) no-repeat left center / cover;
  font-weight: bold;
  font-size: 1.23077em;
  line-height: 1.2;
  color: #fff;
}
* + .c5-cs-persons {
	margin-top: 40px;
}
.c5-cs-persons {
	display: flex;
	margin: 0 0 -20px 0;
	padding: 0;
	justify-content: center;
	flex-wrap: wrap;
	font-size: .8em;
}
.c5-cs-persons__float {
	float: right;
	margin: 0 -10px 20px 20px;
}
.c5-cs-persons__float .c5-cs-persons {
	justify-content: flex-start;
}
.c5-cs-persons li {
	list-style: none;
	margin: 0 10px 20px 10px;
	padding: 0;
}
.c5-cs-persons img {
	margin-bottom: 5px;
	vertical-align: bottom;
}
.c5-cs-published {
	margin-top: 40px;
  clear: both;
}
.c5-cs-column__one {
	text-align: center;
	font-size: .8em;
	clear: both;
}
.c5-cs-column__one + *:not(.c5-cs-column__img) {
	margin-top: 20px;
}
.c5-cs-column__img {
  font-size: .8em;
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
  max-width: 365px;
  clear: both;
}
.c5-cs-column__img.right {
	float: right;
	margin-left: 25px;
	margin-right: 0;
}
.c5-cs-column__img img {
	margin-bottom: 5px;
}
.c5-cs-inlineimgs {
	text-align: center;
  clear: both;
}
.c5-cs-inlineimgs > div {
	display: inline-block;
	vertical-align: top;
	max-width: 340px;
	text-align: left;
	margin: 0 10px 20px 10px;
	font-size: .8em;
}
.c5-cs-inlineimgs img {
	margin-bottom: 5px;
}
.c5-cs-bggreen {
	background-color: #e6faf6;
}
.c5-cs-companyname {
	font-weight: bold;
	font-size: 1.1em;
}

/* 190322 */
nobr {
  display: inline-block;
}

.c5-mv {
  display: flex;
  background: #259f9f;
}

.c5-mv img {
  vertical-align: bottom;
}

.c5-mv__texts {
  width: 45%;
  color: white;
  padding: 2em;
  box-sizing: border-box;
}
.c5-mv__texts h2 {
	margin-top: 0;
}
.c5-mv__texts .c5-iconBox {
	margin-bottom: 20px;
}
.c5-mv__texts .c5-iconBox li {
	background-color: #384359;
	color: #fff;
}
.c5-mv__image {
  width: 55%;
  overflow: hidden;
	margin: 0;
}

.c5-mv__image img {
  width: 100%;
}

.c5-mv__download {
  margin: 0;
  text-align: center;
}

.c5-mv__download a {
  display: inline-block;
}

.c5-mv__download span {
  display: inline-block;
  width: 0;
  overflow: hidden;
  text-indent: -10em;
}

@media (max-width: 1280px) {
  .c5-mv__image {
    position: relative;
  }

  .c5-mv__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
	  max-width: none;
  }
}

@media (max-width: 800px) {
  .c5-mv {
    display: block;
  }

  .c5-mv__texts,
  .c5-mv__image {
    width: 100%;
  }

  .c5-mv__image img {
    position: static;
    width: 100%;
    height: auto;

  }
	.c5-cs-box {
		padding: 15px;
		display: flex;
		flex-wrap: wrap;
	}
	.c5-cs-box > * {
		width: 100%;
	}
	.c5-cs-persons__float {
		float: none;
		margin: 0;
		order: 3;
		margin-top: 20px;
	}
	.c5-cs-persons__float .c5-cs-persons {
		justify-content: center;
	}
}

@media (max-width: 767px){
	.c5-cs-detail {
		margin: 15px 0;
		word-wrap: break-word;
	}
	.c5-cs-section {
		padding: 0 15px;
	}
	.c5-cs-section h3 {
		margin-left: -15px;
		margin-right: -15px;
		background-size: 100% 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.c5-cs-column__img {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 20px;
		text-align: center;
		max-width: none;
	}
	.c5-cs-persons {
		justify-content: center;
	}
	.c5-cs-inlineimgs > div {
		margin-left: 0;
		margin-right: 0;
	}
}

.c5-2cola{
    display: flex;
    margin-top: 20px;
}
.c5-2colb{
    display: flex;
    flex-direction: row-reverse;
    margin-top: 20px;
}
.c5-right-img{
    margin-left: 10px;
}
.c5-left-img{
    margin-right: 10px;
}
.c5-2cola span,.c5-2colb span{
    font-size: .8em;
}

@media (max-width: 767px){
    .c5-2cola,.c5-2colb{
        display: block;
    }
    .c5-right-img,.c5-left-img{
        text-align: center;
        margin: 0;
        width: 100%;
    }
    .c5-right-img img,.c5-left-img img{
        width: 100%;
}
}

.c5-img_center{
	margin: 30px auto 10px;
	font-size: 0.8em;
}
.c5-img_center img{
	width: 100%;
}
