body{
	line-height:1.8;
}

@media(min-width:1024px){
	.childPageHeader:before{
		position:absolute;
		content:"";
		background:right / cover no-repeat url(../img/titlebg.png);
		width:100%;
		height:100%;
		right:0;
		top:0;
		bottom:0;
	}
}

.caseIndex{
	padding:48px 15px;
	width:96%;
	max-width:1050px;
	margin:0 auto;
}

.caseIndex .inner.col3{
	width:100%;
	max-width:none;
	padding:0;
	margin:0 auto;
	justify-content: flex-start;
}

.caseInfomation{
	position:relative;
}

.col2.beforeAfterBox{
	justify-content: space-between;
}

.col2.beforeAfterBox > div{
	width:48%;
	padding:26px;
}

.col2.beforeAfterBox > div > span{
	font-size:1.6rem;
	color:#fff;
	display:inline-block;
	padding:8px 18px;
}

.before{
	background:#F6F6F6;
	position:relative;
}

.after{
	background:#EDF3FF;
	position:relative;
}

.col2.beforeAfterBox > .before > span{
	background:#343434;	
}

.col2.beforeAfterBox > .after > span{
	background:linear-gradient(90deg,#28BBF8,#0E69E2);
	
}

.col2.beforeAfterBox > div ul{
	list-style: none;
}

.col2.beforeAfterBox > div ul li{
	position:relative;
	margin-bottom:16px;
}

.col2.beforeAfterBox > .before > ul > li:before{
	position:absolute;
	content:"";
	background:center / contain no-repeat url(../img/before_arrow.png);
	width:16px;
	height:16px;
	top:5px;
	left:-22px;
}

.col2.beforeAfterBox > .after > ul > li:before{
	position:absolute;
	content:"";
	background:center / contain no-repeat url(../img/child_arrow.png);
	width:16px;
	height:16px;
	top:5px;
	left:-22px;
}

.before:after{
	position:absolute;
	content:"";
	background:center / contain no-repeat url(../img/arrow.png);
	width:27px;
	height:23px;
	margin:auto;
	top:0;
	bottom:0;
	right: -34px;
}

.profileFlex{
	display:flex;
	justify-content: space-around;
	padding:32px;
	background:#EDF3FF;
}

.thumbnail{
	width:38%;
}

.profileInfo{
	width:62%;
	padding-left:32px;
}

.profileInfo > p{
	font-size:1.8rem;
	font-weight:600;
}

.profileInfo table{
	width:100%;
	border-collapse: collapse;
}

.profileInfo table th{
	width:28%;
	padding:8px;
	border-bottom:1px solid #61A5FF;
}
.profileInfo table td{
	width:72%;
	padding:8px;
	border-bottom:1px solid #61A5FF;
}

.thumbnail{
	display:flex;
	align-items: center;
	/* background:#fff; */
}

.dlBannerArea{
	max-width:680px;
	margin:48px auto 0;
	padding:0 1.6rem;
}
.caseBoxBottom > h2{
	color: #0E69E2;
    font-size: 1.8rem;
    margin: 12px 0;
}

@media(max-width:768px){
	.before:after{
		right:-28px;
	}
	.caseChild img{
		width:100%;
	}
}


@media(max-width:480px){
	.col2.beforeAfterBox{
		display:block;
	}
	.col2.beforeAfterBox > div{
		width:100%;
		margin-bottom:16px;
	}
	.before:after{
		display:none;
	}
	.profileFlex{
		flex-direction: column;
		padding:16px;
	}
	.profileFlex *{
		width:100%;
	}
	.profileInfo{
		padding:0;
	}
	.thumbnail{
		margin-bottom:16px;
	}
	
}

.dlBannerArea a img.pc{
	display:none;
}

@media(min-width:768px){
	.dlBannerArea a img.pc {
		display: block;
	}
	.dlBannerArea a img.sp {
		display: none;
	}
}

.thumbnail{
	background:#fff;
  }

@media(max-width:768px){
    main.sony br.pc{
		display: none;
	}
}

.commonButton{
	display:block;
	margin:0 auto;
}

ul.case-article-list,ol.case-article-list{
	background:#EDF3FF;
	padding:16px 16px 16px 32px;
	border-radius:6px;
	margin:15px 0;
}

.profileFlex a{
	word-break: break-all;
}

.nec-img{
	border:1px solid #EDF3FF;
}