@charset "UTF-8";
/* common
---------------------------------------------------------------------------- */
/* p-mv
---------------------------------------------------------------------------- */
.p-mv{
	width: 100%;
	height: 920px;
	position: relative;
}
.p-mv-video{
	width: 100%;
	height: 100%;
	background: url("../images/top/mv.png") no-repeat center/cover;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
}
.p-mv-video video{
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(0);
}
.p-mv-txtarea{
	position: absolute;
	max-width: 1300px;
	left: calc(50% - 650px);
	top: 252px;
	opacity:0;
	animation: fadein 8s ease 2s forwards; 
}
@keyframes fadein {
	0% {
	  opacity: 0;
	}
	100% {
	 opacity: 1;
	}
}
.p-mv-mh{
	color:#2B8F32;
	font-size: 9.5rem;
	line-height: 1.0;
	margin-bottom: 40px;
	font-weight: 700;
}
.p-mv-txt{
	font-size: 1.4rem;
}
@media screen and (max-width: 1300px) {
	.p-mv-txtarea{
		left: 20px;
	}
}
@media screen and (max-width: 767px) {
	.p-mv{
		height: 81.3333vw;
		background: url("../images/top/mva_sp.png") no-repeat;
		background-size: cover;
	}
	.p-mv-txtarea{
		top: 5.8666666667vw;
		left: 5.3333vw;
	}
	.p-mv-mh{
		font-size: 9.06667vw;
		margin-bottom: 3.4666666667vw;
	}
	.p-mv-txt{
		font-size: 2.6666666667vw;
		font-weight: 400;
		color: #fff;
		padding-right: 12vw;
	}
}
/* p-topics
---------------------------------------------------------------------------- */
.p-topics {
	position: relative;
}

.p-topics-area {
	margin: -62px auto 133px auto;
	background: #fff;
	max-width: 1300px;
	padding: 20px 70px;
	border: 1px solid #DFDFDF;
}
.p-topics-mh {
	background: url("../images/top/icn_info.svg") no-repeat left center;
	background-size: 16.5px auto;
	padding: 0 0 0 30px;
	font-size: 2.5rem;
	font-weight: 900;
}
.p-topics-list {
  width: 100%;
  margin: 10px 0 0 0;
}

.p-topics-item {
	padding: 10px 0 10px 177px;
	border-bottom: 1px solid #E2E2E2;
	line-height: 2.333;
	font-size: 1.5rem;
	font-weight: 500;
}
.p-topics-item span {
	display: block;
	margin: 0 0 -32px -177px;
	padding: 0 0 0 30px;
	background: url("../images/common/icn_arrow01.svg") no-repeat left 10px;
	background-size: 15px auto;
}
.p-topics-item:last-of-type {
	border-bottom: none;
}
@media screen and (max-width: 1300px) {
	.p-topics-area {
		margin: -62px 20px 133px 20px;
	}
}
@media screen and (max-width: 767px) {
	.p-topics-area {
		margin: -2.6666666667vw 5.3333vw 20vw 5.3333vw;
		padding: 2.6666666667vw 3.6vw;
	}
	.p-topics-mh {
		background: url("../images/top/icn_info.svg") no-repeat left center;
		background-size: 4.4vw auto;
		padding: 0 0 0 8vw;
		font-size: 6.6666666667vw;
	}
	.p-topics-list {
	  width: 100%;
	  margin: 2.6666666667vw 0 0 0;
	}

	.p-topics-item {
		padding: 2.6666666667vw 0 2.6666666667vw 0;
		font-size: 4vw;
	}
	.p-topics-item span {
		display: block;
		margin: 0 0 0 0;
		padding: 0 0 0 5.8666666667vw;
		background: url("../images/common/icn_arrow01.svg") no-repeat left 2.6666666667vw;
		background-size: 4vw auto;
	}
}
/* p-remote
---------------------------------------------------------------------------- */
.p-remote{
	background: #DCDCDC;
	padding: 60px 0 100px 0;
	text-align: center;
}
.p-remote-mh{
	color:#4DA853;
	background: url("../images/top/icn_remote.svg") no-repeat left center;
	background-size: 51px auto;
	padding: 0 0 0 75px;
	font-size: 6.0rem;
	line-height: 1;
	font-weight: 900;	
	display: inline-block;
	margin: 0 auto 70px auto;
}
.p-remote-mh span{
	font-size: 2.5rem;
	display: inline-block;
	padding: 0 0 0 24px;
}
.p-remote-block{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1600px;
	margin: 0 auto 80px auto;
}
.p-remote-mv{
	width: 700px;
	margin-left: 0;
}
.p-remote-yt{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.p-remote-yt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.p-remote-txt{
	width: 820px;
	margin-right: 0;
	text-align: left;
	font-weight: 700;
}
@media screen and (max-width: 1600px) {
	.p-remote-mv{
		margin-right: 20px;
	}
}
.p-remote-sh{
	line-height: 1;
	font-size: 3.8rem;
	font-weight: 900;
	margin-bottom: 40px;
}
.p-safe{
	background: #fff;
	padding: 60px 75px;
}
.p-safe-sh{
	color: #2762BB;
	font-size: 3.5rem;
	font-weight: 900;
	display: inline-block;
	margin: 0 auto 56px auto;
	background: url("../images/top/icn_safe.svg") no-repeat left center;
	background-size: 27px auto;
	padding: 0 0 0 50px;
}
.p-safe-list{
	display: flex;
	justify-content: space-between;
}
.p-safe-item{
	width: 322px;
	height: 322px;
	border-radius: 50%;
	padding: 149px 0 0 0;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.76;
}
.p-safe-item01{
	background: url("../images/top/icn_disk.svg") no-repeat center 44px #D5DFEF;
	background-size: 79px auto;
	padding: 164px 0 0 0;
}
.p-safe-item02{
	background:url("../images/top/icn_cloud.svg") no-repeat center 44px #D5DFEF;
	background-size: 96px auto;
}
.p-safe-item03{
	background: url("../images/top/icn_data.svg") no-repeat center 44px #D5DFEF;
	background-size: 72px auto;
}
@media screen and (max-width: 1150px) {
	.p-safe{
		padding: 60px 20px;
	}
}
@media screen and (max-width: 767px) {
	.p-remote{
		padding: 8vw 5.3333vw 12vw 5.3333vw;
	}
	.p-remote-mh{
		background: url("../images/top/icn_remote.svg") no-repeat center top;
		background-size: 6.6666666667vw auto;
		padding: 6vw 0 0 2vw;
		font-size: 6.8vw;
		margin: 0 auto 4vw auto;
		text-align: left;
	}
	.p-remote-mh span{
		font-size: 4.8vw;
		padding: 0 0 0 2vw;
	}
	.p-remote-block{
		display: block;
		margin-bottom: 4vw;
	}
	.p-remote-mv{
		width: 100%;
		margin-left: 0;
		margin-bottom: 4vw;
	}

	.p-remote-txt{
		width: 100%;
		margin-right: 0;
	}
	.p-remote-sh{
		line-height: 1.4;
		font-size: 5.3333333333vw;
		margin-bottom: 2vw;
	}
	.p-safe{
		background: #fff;
		padding: 4vw 2vw;
		margin: 6vw 0;
	}
	.p-safe-sh{
		color: #2762BB;
		font-size: 6vw;
		font-weight: 900;
		display: inline-block;
		margin: 0 auto 56px auto;
		background: url("../images/top/icn_safe.svg") no-repeat left center;
		background-size: 6.6666666667vw auto;
		padding: 0 0 0 8vw;
	}
	.p-safe-list{
		display: block;
	}
	.p-safe-item{
		width: 70vw;
		height: 70vw;
		margin: 0 auto 4vw auto;
		padding: 30vw 0 0 0;
		font-size: 4.2666666667vw;
	}
	.p-safe-item01{
		background: url("../images/top/icn_disk.svg") no-repeat center 12vw #D5DFEF;
		background-size: 20vw auto;
		padding: 40vw 0 0 0;
	}
	.p-safe-item02{
		background:url("../images/top/icn_cloud.svg") no-repeat center 12vw #D5DFEF;
		background-size: 22vw auto;
	}
	.p-safe-item03{
		background: url("../images/top/icn_data.svg") no-repeat center 12vw #D5DFEF;
		background-size: 16vw auto;
	}
}
/* p-service
---------------------------------------------------------------------------- */
.p-service{
	padding: 100px 0 180px 0;
	text-align: center;
}
.p-service-mh{
	color:#4DA853;
	background: url("../images/top/icn_service.svg") no-repeat left center;
	background-size: 49px auto;
	padding: 0 0 0 75px;
	font-size: 6.0rem;
	line-height: 1;
	font-weight: 900;	
	display: inline-block;
	margin: 0 auto 90px auto;
}
.p-service-list{
	display: flex;
}
.p-service-block{
	width: calc(100 / 3 - 1px);
	border-right: 1px solid #E8E8E8;
	padding: 0 30px;
	text-align: left;
}
.p-service-block:first-of-type{
	padding: 0 30px 0 0;
}
.p-service-block:last-of-type{
	border-right: none;
	padding: 0 0 0 30px;
}
.p-service-sh{
	color:#4DA853;
	background: url("../images/common/icn_arrow02.svg") no-repeat left center;
	background-size: 10px auto;
	padding: 0 0 0 35px;
	font-size: 3.5rem;
	line-height: 1;
	font-weight: 700;
	margin: 30px 0;
}
.p-service-txt{
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.53;
}
@media screen and (max-width: 767px) {
	.p-service{
		padding: 8vw 5.3333vw 8vw 5.3333vw;
	}
	.p-service-mh{
		background: url("../images/top/icn_service.svg") no-repeat left center;
		background-size: 6.6666666667vw auto;
		padding: 0 0 0 8vw;
		font-size: 6.8vw;
		margin: 0 auto 0 auto;
	}
	.p-service-list{
		display: block
	}
	.p-service-block{
		width: 100%;
		border-right: none;
		border-bottom:  1px solid #E8E8E8;
		padding: 8vw 0;
	}
	.p-service-block:first-of-type{
			padding: 8vw 0;
	}
	.p-service-block:last-of-type{
		border-right: none;
			padding: 8vw 0;
			border-bottom: none;
	}
	.p-service-sh{
		background: url("../images/common/icn_arrow02.svg") no-repeat left center;
		background-size: 2.6666666667vw auto;
		padding: 0 0 0 4vw;
		font-size: 6vw;
		margin: 4vw 0;
	}
	.p-service-img img{
		width: 100%;
		height: auto;
	}
	.p-service-txt{
		font-size: 4vw;
		line-height: 2.0;
	}
}
/* p-map
---------------------------------------------------------------------------- */
.p-map{
	background: #DCDCDC;
	padding: 75px 0 110px 0;
	text-align: center;
}
.p-map-mh{
	color:#4DA853;
	background: url("../images/top/icn_map.svg") no-repeat left center;
	background-size: 48px auto;
	padding: 0 0 0 75px;
	font-size: 6.0rem;
	line-height: 1;
	font-weight: 900;	
	display: inline-block;
	margin: 0 auto 90px auto;	
}
@media screen and (max-width: 767px) {
	.p-map{
		padding: 8vw 5.3333vw 12vw 5.3333vw;;
	}
	.p-map-mh{
		background: url("../images/top/icn_map.svg") no-repeat left center;
		background-size: 6.6666666667vw auto;
		padding: 0 0 0 8vw;
		font-size: 6.8vw;;
		margin: 0 auto 4vw auto;	
	}
}
/* p-company
---------------------------------------------------------------------------- */
.p-company{
	padding: 120px 0 130px 0;
	text-align: center;	
}
.p-company-mh{
	color:#4DA853;
	background: url("../images/top/icn_company.svg") no-repeat left center;
	background-size: 35px auto;
	padding: 0 0 0 65px;
	font-size: 6.0rem;
	line-height: 1;
	font-weight: 900;	
	display: inline-block;
	margin: 0 auto 90px auto;		
}
.p-company-txt{
	text-align: left;
}
.p-company-table{
	width: 1090px;
	margin: 88px auto 164px auto;
	text-align: left;
	font-weight: 500;
	border-collapse: separate;
  	border-spacing: 6px;
}
.p-company-table th{
	width: 23.79%;
	border-top: 1px solid #4DA853;
	padding: 20px 16px;
}
.p-company-table tr:last-of-type th{
	border-bottom: 1px solid #4DA853;
}
.p-company-table td{
	border-top: 1px solid #E1E1E1;
	padding: 20px 26px;
}
.p-company-table tr:last-of-type td{
	border-bottom: 1px solid #E1E1E1;
}
.p-customer{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p-customer p{
	width: 50%;
}

@media screen and (max-width: 1300px) {
	.p-company{
		max-width: 96%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1100px) {
	.p-company-table{
		width: 96%;
	}
}
@media screen and (max-width: 767px) {
	.p-company{
		max-width: 100%;
		padding: 8vw 5.3333vw 12vw 5.3333vw;;
	}
	.p-company-mh{
		background: url("../images/top/icn_company.svg") no-repeat left center;
		background-size: 4.4vw auto;
		padding: 0 0 0 8vw;
		font-size: 6.8vw;;
		margin: 0 auto 4vw auto;	
	}
	.p-company-table{
		width: 100%;
		margin: 6vw auto 12vw auto;
	}
	.p-company-table th{
		width: 100%;
		display: block;
		border-top: 1px solid #4DA853;
		padding: 4vw 2vw;
	}
	.p-company-table td{
		width: 100%;
		display: block;
		border-top: 1px solid #E1E1E1;
		padding: 4vw 2vw;
	}
	.p-company-table tr:last-of-type th{
		border-top: 1px solid #4DA853;
  		border-bottom: none;
	}
	.p-company-table tr:last-of-type td{
		border-bottom: 1px solid #4DA853;
	}
	.p-customer{
		display: block;
	}
	.p-customer p{
		width: 100%;
	}
}
.p-access-sh{
	text-align: left;
	color:#4DA853;
	background: url("../images/top/icn_access.svg") no-repeat 30px center #F6F6F6;
	background-size: 23px auto;
	padding: 0 0 0 74px;
	font-size: 3.0rem;
	line-height: 76px;
	font-weight: 700;	
	margin: 0 auto 25px auto;		
}
.p-access-block{
	display: flex;
	text-align: left;
	padding: 60px 0;
}
.p-access-block:first-of-type{
	border-bottom: 1px solid #ECECEC
}
.p-access-img{
	display: flex;
}
.p-access-img img{
	margin-right: 23px;
	max-width: 95%;
}
.p-access-txt{
	margin-left: 23px;
	line-height: 2.18;
}
.p-access-ssh{
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
}
.p-access-map a{
	margin-top: 10px;
	background: url("../images/top/icn_maplink.svg") no-repeat left center;
	background-size: 12px auto;
	padding: 0 0 0 20px;
	display: block;
	color: #000000;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.p-access-sh{
		background: url("../images/top/icn_access.svg") no-repeat 4vw center #F6F6F6;
		background-size: 4.8vw auto;;
		padding: 0 0 0 12vw;
		font-size: 5.6vw;
		line-height: 2.5;
		margin: 0 auto 0 auto;		
	}
	.p-access-block{
		display: block;
		padding: 8vw 0;
	}
	.p-access-img{
		display: flex;
		justify-content: space-between;
		padding: 0 0 4vw 0;
	}
	.p-access-img img{
		width: 95%;
	}
	.p-access-txt{
		margin-left: 0;
	}
	.p-access-ssh{
		font-size: 5.6vw;
		margin-bottom: 2vw;
	}
	.p-access-map a{
		margin-top: 2vw;
		background: url("../images/top/icn_maplink.svg") no-repeat left center;
		background-size: 4vw auto;
		padding: 0 0 0 6vw;
	}
}
/* p-recruit
---------------------------------------------------------------------------- */
.p-recruit{
	background: #DCDCDC;
	padding: 75px 0 120px 0;
	text-align: center;	
}
.p-recruit-mh{
	color:#4DA853;
	background: url("../images/top/icn_recruit.svg") no-repeat left center;
	background-size: 41px auto;
	padding: 0 0 0 71px;
	font-size: 6.0rem;
	line-height: 1;
	font-weight: 900;	
	display: inline-block;
	margin: 0 auto 70px auto;		
}
.p-recruit-catch{
	font-size: 3.2rem;
	line-height: 1.4;
	font-weight: 500;		
	margin: 0 auto 51px auto;		
}
.p-recruit-list{
	background: #fff;
	text-align: left;
	max-width: 1300px;
	margin: 78px auto 0 auto;
	padding: 75px 80px;
}
.p-recruit-list dt{
	background: #4DA853;
	color: #fff;
	text-align: center;
	line-height: 52px;
	width: 222px;
}
.p-recruit-list dd{
	margin: 30px 0 60px 0;
}
.p-recruit-list dd:last-of-type{
	margin: 33px 0 0 0;
}
@media screen and (max-width: 767px) {
	.p-recruit{
		padding: 8vw 5.3333vw 12vw 5.3333vw;
	}
	.p-recruit-mh{
		background: url("../images/top/icn_recruit.svg") no-repeat left center;
		background-size: 5.2vw auto;;
		padding: 0 0 0 8vw;
		font-size: 6.8vw;
		margin: 0 auto 6vw auto;
	}
	.p-recruit-catch{
		font-size: 5.3333333333vw;;
		line-height: 1.4;
		margin: 0 auto 6vw auto;
		text-align: left;
	}
	.p-recruit-txt{
		text-align: left;		
	}
	.p-recruit-list{
		margin: 8vw auto 0 auto;
		padding: 4vw;
	}
	.p-recruit-list dt{
		line-height: 2.0;
		width: 100%;
	}
	.p-recruit-list dd{
		margin: 4vw 0 6vw 0;
	}
	.p-recruit-list dd:last-of-type{
		margin: 4vw 0 0 0;
	}
}
/* p-contact
---------------------------------------------------------------------------- */
.p-contact{
	background: #4DA853;
	color: #fff;
	text-align: center;
	padding: 60px 0 100px 0;
}
.p-contact-mh{
	font-weight: 900;
	font-size: 6.0rem;
	background: url("../images/top/icn_contact.svg") no-repeat left center;
	background-size: 52px auto;
	padding: 0 0 0 90px;
	display: inline-block;
	margin: 0 auto 15px auto;
}
.p-contact-txt{
	font-size: 2.3rem;
}
.p-contact-mail{
	display: inline-block;
	margin: 45px auto 0 auto;
	background: #fff;
	color: #4DA853;
	padding: 40px 113px;
	line-height: 1.0;
	font-size: 4.0rem;
	font-weight: 900;
}
.p-contact-mail span{
	font-size: 2.5rem;
}
@media screen and (max-width: 920px) {
	.p-contact-mail{
		display: block;
		padding: 40px 0;
		line-height: 1.4;
	}
}
@media screen and (max-width: 767px) {
	.p-contact{
		padding: 8vw 5.3333vw;
	}
	.p-contact-mh{
		font-size: 6.8vw;
		background: url("../images/top/icn_contact.svg") no-repeat left center;
		background-size: 6.6666666667vw auto;;
		padding: 0 0 0 8vw;
	}
	.p-contact-txt{
		font-size: 4.8vw;
		text-align: left;
	}
	.p-contact-mail{
		display: block;
		margin: 6vw auto 0 auto;
		padding: 4vw;
		line-height: 1.4;
		font-size: 6.8vw;
	}
	.p-contact-mail span{
		font-size: 4.8vw;
		display: block;
	}
}