@charset "utf-8";

.main_wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.sc_box {
	width: 100px;
}

.scroll_txt {
	position: absolute;
	top: -webkit-calc(100vh - 350px);
	top: calc(100vh - 350px);
	right: 39px;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	width: 20px;
	height: 80px;
	-webkit-animation: scroll-text 3.5s cubic-bezier(.455, .03, .515, .955) infinite;
	animation: scroll-text 3.5s cubic-bezier(.455, .03, .515, .955) infinite;
	color: #112250;
}

.scroll_bar_clip {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 255px;
	top: -webkit-calc(100vh - 255px);
	top: calc(100vh - 255px);
	right: 50px;
	background-color: #ccc;
}

.pindex_scroll_bar {
	position: absolute;
	width: 1px;
	height: 255px;
	top: -255px;
	right: 0;
	background-color: #112250;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-animation: scroll-bar 3.5s cubic-bezier(.455, .03, .515, .955) infinite;
	animation: scroll-bar 3.5s cubic-bezier(.455, .03, .515, .955) infinite;
}
.equipmentbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 60px;
}
.eqitem{
	width: 23%;
}
.itemtitle{
	margin: 10px 0;
	font-size: 1.8rem;
	color:#70879c;
	text-align: center;
	font-weight: bold;
	border-bottom: dotted 2px;
}
.petitem{
	width:45%;
}
.coomonspace{
	display: flex;
	justify-content:space-around;
	align-items:center;
}
.coomonspace img{
	width:30%;
	margin-right: 10px;
}
.coomonspace p{
	text-align:left;
}

@keyframes scroll-text {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40%, 50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes scroll-bar {
	0%, 5% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 510px, 0);
		transform: translate3d(0, 510px, 0)
	}
}

@keyframes scroll-bar {
	0%, 5% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 510px, 0);
		transform: translate3d(0, 510px, 0)
	}
}

.c01 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 60px;
}

.c01 .ani_img {
	width: 48%;
	margin-bottom: 20px;
}

.c02 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c02 .box01 {
	width: 370px;
}

.c02 .box02 {
	width: 50%;
}

@media screen and (max-width:768px) {
	.c02 .box02 {
		width: 100%;
		margin-top: 30px;
	}
.eqitem{
	width: 45%;
	margin-bottom: 30px;
}
.petitem{
	width:100%;
	margin-bottom: 30px;
}
.coomonspace img{
	width:20%;
	margin-right: 5px;
}
	.petitem:last-of-type{
		margin-bottom: 0;
	}
}

@media screen and (max-width:767px) {
	.sc_box {
		width: 50px;
	}

	.scroll_txt {
		top: -webkit-calc(100vh - 330px);
		top: calc(100vh - 330px);
		right: 15px;
	}

	.scroll_bar_clip {
		right: 25px;
	}

}