@charset "UTF-8";
#step3 .step-box, #step3 .step-box .inner, .pr_area, .pr_area .swiper-pagination {
	position: relative
}
.pr_area {
	overflow: hidden;
}
.pr_area .swiper-pr-container {
	max-width: 1280px;
	width: 90%;
	width: 800px;
	margin: auto
}
.pr_area .swiper-pr-container img {
	width: 800px;
	height: 170px;
	margin-bottom: .1rem
}
.pr_area .swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px
}
.pr_area .swiper-scrollbar {
	display: none
}
.pr_area .swiper-button-prev {
	left: 0;
	right: auto
}
.pr_area .swiper-button-next {
	right: 0;
	left: auto
}
.pr_area .swiper-button-next, .pr_area .swiper-button-prev {
	height: 170px;
	top: 0;
	margin-top: 0;
width:calc((100% - 800px) * .5);
	background-color: rgba(255,255,255,.8)
}
.pr_area .js-swiper-slide {
	display: none
}
@media screen and (max-width:992px) {
.pr_area {
	margin-bottom: 1rem
}
.pr_area .swiper-pr-container {
	width: 100%
}
.pr_area .swiper-pr-container img {
	height: auto;
	width: 100%
}
.pr_area .swiper-button-next, .pr_area .swiper-button-prev {
	display: none
}
	#services_outline .story .swiper-slide, #services_outline .story .swiper__wrapper {
	position: relative
}
#services_outline .story .swiper-slide .opening-inner {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,.7);
	padding-top: 120px
}
#services_outline .story .swiper-slide .opening-inner .slide-titles {
	text-align: center;
	color: #fff
}
#services_outline .story .swiper-slide .opening-inner .slide-titles h2 {
	font-weight: 400;
	font-size: 1.8rem
}
#services_outline .story .swiper-slide .opening-inner .slide-titles .summary {
	font-size: 1.3rem
}
#services_outline .story .swiper-slide .opening-inner .slide-titles .user-face img {
	width: 100px;
	height: 100px
}
#services_outline .story .swiper-slide .slide-inner {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 2.5rem;
	background-color: rgba(255,255,255,.9);
	font-size: 1rem
}
#services_outline .story .swiper-slide .slide-inner p {
	padding: 1rem 2rem;
	margin: 0
}
#services_outline .story .swiper-slide .opening-inner {
	padding-top: 12%
}
#services_outline .story .swiper-slide .opening-inner .slide-titles .user-face img {
	width: 15%;
	height: 15%;
	min-width: 40px;
	min-height: 40px;
	margin-bottom: 1rem
}
#services_outline .story .swiper-slide .opening-inner .slide-titles h2 {
	font-size: 100%
}
#services_outline .story .swiper-slide .opening-inner .slide-titles .summary {
	font-size: 70%;
	padding: .4rem 1rem 0
}
#services_outline .story .swiper-slide img {
	width: 100%;
	height: auto
}
#services_outline .story .swiper-slide .slide-inner {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	background-color: rgba(255,255,255,.9);
	font-size: 70%
}
#services_outline .story .swiper-slide .slide-inner p {
	padding: .4rem 1rem;
	margin: 0
}
}
.big-box:hover,.usp a:hover {
	opacity: .7
}