.content{
	background-color: #2a4f5e;
	padding: 80px 0px;
}
.inr.head{
	color: #FFFFFF;	
}
.inr.head h2{
	width: 80%;
	margin: 0px auto;
	max-width: 400px;
	padding-bottom: 60px;
}
.inr.plan > div.slide-navi {
  padding: 0px;
}
.slide-navi-wrap {
  width: 100%;
  border-top: 1px solid #666;
  padding: 0px;
  border-bottom: 1px solid #666;
}
.mr-slide {
  max-width: 1000px;
  margin-top: 80px;
  margin-bottom: 40px;
}
.mr-slide .slick-slide {
	padding: 0px 5px;	
}
.mr-slide .slick-slide img,.slide-navi .slick-slide img{
	width: 100%;  
}
.slide-navi {
	max-width: 1000px;
}

.slide-navi .slick-track {
	transform: unset !important;
	width: 100% !important;
	display: flex;
	flex-flow: row wrap;
	cursor: pointer;
}
.slide-navi .slick-slide {
	display: block!important;
	float: none !important;
	width: calc(100% / 7)!important;
	padding: 5px;
}
.slide-navi .slick-track:before {
  display: none;
}
.slide-navi .slick-track:after {
  display: none;
}
.slide-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 10;
	width: 30px;
	right: 20px;
}
.prev-arrow {
  left: 20px;
}
/* ===============================================================================
media query
=============================================================================== */
@media screen and (max-width:768px) {
		.inr.head{
		padding-top: 0px;
	}
	.inr.head h2{
	padding-bottom: 40px;
}
  .mr-slide {

  margin-top: 0px;
  margin-bottom: 40px;
}
  .slide-arrow {
    width: 20px;
  }
  .slide-navi {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
	.slide-navi .slick-slide {
	width: calc(100% / 5)!important;
	padding: 2px;
}
  .slide-navi li, .slide-navi li:first-child {
    width: 50% !important;
    border-style: none;
  }
  
}