.experience-list .item{
	background-image: url("../img/experience/img_bg.jpg");
	background-size: cover;
	background-position: center;
	padding: 57px 10px;
	position: relative;
	text-align: center;
	margin-top: 100px;
}
.experience-list .item:first-of-type{
	margin-top: 0;
}
.experience-list .item::before{
	content: "";
	display: block;
	width: calc( 100% - 20px);
	height: 51px;
	background-image: url("../img/common/other/img_waku_upper.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position-y: top;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.experience-list .item::after{
	content: "";
	display: block;
	width: calc( 100% - 20px);
	height: 51px;
	background-image: url("../img/common/other/img_waku_bottom.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position-y: bottom;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.experience-list .item .wrapper{
	background-image: url("../img/experience/img_waku_side.png");
	background-size: contain;
	background-repeat: repeat-y;
	padding: 43px 100px 30px;
}
.experience-list .item .title h2{
	font-size: 3.5rem;
	font-weight: bold;
	letter-spacing: 0;
}
.experience-list .item .title div{
	margin-top: 50px;
}
.experience-list .item .title p{
	font-size: 2rem;
	font-weight: bold;
	line-height: 2;
}
.experience-list .item .content{
	margin-top: 50px;
	text-align: left;
}
.experience-list .item .content ul li{
	margin-top: 50px;
}
.experience-list .item .content h3{
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	color: #577ca2;
	border-bottom: solid 1px #577ca2;
}
.experience-list .item .content p{
	margin-top: 30px;
	line-height: 3;
	letter-spacing: 0;
}
.experience-list .note{
	display: inline-block;
	background-color: #577ca2;
	color: white;
	font-weight: bold;
	padding: 10px 20px;
	margin-top: 60px;
}



@media screen and (max-width:767px){

	.experience-list .inner{
		padding: 0 10px;
	}
	.experience-list .item{
		background-image: url("../img/experience/img_bg.jpg");
		background-size: 100% auto;
		background-position: center;
		padding: 40px 10px 35px;
		position: relative;
		text-align: center;
		margin-top: 50px;
	}
	.experience-list .item:first-of-type{
		margin-top: 0;
	}
	.experience-list .item::before{
		content: "";
		display: block;
		width: calc( 100% - 20px);
		height: 35px;
		background-image: url(../img/common/other/img_waku_upper_sp.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: top;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.experience-list .item::after{
		content: "";
		display: block;
		width: calc( 100% - 20px);
		height: 35px;
		background-image: url(../img/common/other/img_waku_bottom_sp.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: bottom;
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.experience-list .item .wrapper{
		background-image: none;
		background-size: contain;
		background-repeat: repeat-y;
		padding: 0 20px 10px;
		position: relative;
	}
	.experience-list .item .wrapper::before{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background-image: url(../img/common/other/img_waku_side_left_sp.png);
		background-size: 100% auto;
		background-repeat: repeat-y;
		position: absolute;
		top: -3px;
		left: 1px;
		transform: translateX(-50%);
	}
	.experience-list .item .wrapper::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background-image: url(../img/common/other/img_waku_side_right_sp.png);
		background-size: 100% auto;
		background-repeat: repeat-y;
		position: absolute;
		top: -3px;
		right: -1px;
		transform: translateX(-50%);
	}
	.experience-list .item .title h2{
		font-size: 2.5rem;
		font-weight: bold;
		letter-spacing: 0;
	}
	.experience-list .item .title div{
		margin-top: 20px;
	}
	.experience-list .item .title p{
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 2;
	}
	.experience-list .item .content{
		margin-top: 30px;
		text-align: left;
	}
	.experience-list .item .content ul li{
		margin-top: 30px;
	}
	.experience-list .item .content h3{
		display: inline-block;
		font-size: 1.4rem;
		font-weight: bold;
		color: #577ca2;
		border-bottom: solid 1px #577ca2;
	}
	.experience-list .item .content p{
		margin-top: 20px;
		line-height: 2;
		letter-spacing: 0;
	}
	.experience-list .note{
		font-size: 1.2rem;
		display: inline-block;
		background-color: #577ca2;
		color: white;
		font-weight: bold;
		padding: 7px 15px;
		margin-top: 30px;
		text-align: left;
	}

}

