@charset "utf-8";
/*index*/

/*
MV
*/
#indMv{
	width:100%;
	position:relative;
}
#indMvCopy{
	position:absolute;
	z-index:1;
	width:60%;
	left:6%;
	top:14vw;
}
#indMvCopy img{
	width:100%;
}
#indMvSlider{
	width:100%;
	z-index:-1;
}
#indMvSlider figure img{
	width:100%;
}
.slide-animation{
    animation: fadezoom 10s 0s forwards;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@media print, screen and (min-width:768px) {
	#indMvCopy{
		width:46.875%;
		left:10.5%;
	}
}
#indBnr{
	max-width: 1000px;
	width: 90%;
	margin:30px auto;
}
#indBnr ul{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -1%;
}
#indBnr li{
	border: 1px solid #eee;
	width: 48%;
	margin: 0 1% 10px;
}
@media print, screen and (min-width:768px) {
	#indBnr ul{
		margin: 0 -1.5%;
	}
	#indBnr li{
		width: 30%;
		margin: 0 1.5% 10px;
	}
}
@media print, screen and (min-width:900px) {
	#indBnr ul{
		margin: 0 -1%;
	}
	#indBnr li{
		width: 18%;
		margin: 0 1% 10px;
	}
}
/*
新着情報
*/
#indNews{
	width:90%;
	max-width:1000px;
	margin:0 auto 20px;
/*	margin:-20px auto 20px;*/
	background-color:rgba(0,167,229,0.8);
	z-index:3;
	color:#fff;
	padding:10px 5% 15px;
}
#indNewsTtl{
	font-weight: normal;
	line-height:1.5;
	text-align:left;
	display:flex;
	align-items:flex-end;
	margin:0 0 10px 0;
}
#indNewsTtl .en{
	font-size:2rem;
}
#indNewsTtl .jp{
	font-size:1.3rem;
	margin:0 0 2px 1em;
}
#indNewsList{
	text-align:left;
	font-size:1.2rem;
	line-height:1.5;
	border-top:1px dotted rgba(255,255,255,0.5);
	display:flex;
	flex-wrap:wrap;
}
#indNewsList dt{
	padding:5px 0;
	width:7em;
	border-bottom:1px dotted rgba(255,255,255,0.5);
	text-align:right;
}
#indNewsList dt.new::before{
	padding:2px 3px;
	margin:0 5px 0 0;
	content:"NEW";
	background-color:#e71f19;
	color:#fff;
	font-size:1rem;
}
#indNewsList dd{
	width:calc(100% - 7em);
	padding:5px 0 5px 1em;
	border-bottom:1px dotted rgba(255,255,255,0.5);
}
#indNewsFrame{
	width: 100%
}
/**/
@media print, screen and (min-width:768px) {
	#indNews{
		margin: 0 auto 50px;
/*		margin:-80px auto 50px;*/
		padding:25px;
		display:flex;
	}
	#indNewsTtl{
		width:150px;
		flex-direction: column;
		align-items:flex-start;
	}
	#indNewsTtl .jp{
		margin:0;
	}
	#indNewsList{
		width:calc(100% - 150px);
		font-size:1.6rem;
	}
	#indNewsList dt{
		padding:10px 0;
	}
	#indNewsList dt.new::before{
		padding:3px 5px;
		margin:0 10px 0 0;
		font-size:1.2rem;
	}
	#indNewsList dd{
		padding:10px 0 10px 1em;
	}
	#indNewsFrame{
		width:calc(100% - 150px);
	}
}
/**/

/*
About us 企業情報
*/
#indAbout{
	width:100%;
	margin-bottom:60px;
}
#indAbout #indAboutImg{
	width:100%;
}
#indAbout #indAboutTxt .ttl01{
	width:100%;
	padding:25px 5% 20px;
}
#indAbout #indAboutTxt01{
	width:100%;
	padding:30px 5%;
	background-color:#f6f6f9;
	text-align:left;
}
#indAbout #indAboutTxt01 p{
	margin-bottom:20px;
}
@media print, screen and (min-width:768px) {
	#indAbout{
		width:100%;
		background-color:#f6f6f9;
		background: linear-gradient(0deg, rgba(246,246,249,1) 0%, rgba(246,246,249,1) 100px, rgba(255,255,255,1) 100px);
		display:flex;
		padding-bottom:50px;
		margin-bottom:80px;
	}
	#indAbout #indAboutImg{
		width:54%;
	}
	#indAbout #indAboutTxt{
		width:46%;
		text-align:left;
		display:flex;
		flex-direction: column;
	}
	#indAbout #indAboutTxt .ttl01{
		padding:45px 5% 20px;
	}
	#indAbout #indAboutTxt01{
		height:100%;
		padding:50px 5%;
	}
	#indAbout #indAboutTxt01 p{
		margin-bottom:30px;
	}
}
/**/

/*
Service サービス
*/
#indService{
	margin-bottom:60px;
}
#indService .ttl01{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:0 0 20px;
}
#indServiceBnrBg{
	background-color:#00a6e5;
}
#indServiceBnr{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:20px 0;
}
.indServiceUnit{
	display:block;
	background-size:cover;
	background-position:center;
	text-decoration: none !important;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom:20px;
	height:60vw;
	max-height:200px;
	outline:1px solid #fff;
	outline-offset:-10px;
}
.indServiceUnit.noLink{
	pointer-events: none;
}
.indServiceUnit:last-of-type{
	margin-bottom:0;
}
.indServiceUnit.sales{background-image: url(../images/img_service01_2x.jpg);}
.indServiceUnit.distri{background-image: url(../images/img_service02_2x.jpg);}
.indServiceUnit.ueroku{background-image: url(../images/img_service03_2x.jpg);}
.indServiceUnit.kansoku{background-image: url(../images/img_service04_2x.jpg);}
.indServiceUnit img{
	max-height:60px;
	margin:25px 0;
}
@media print, screen and (min-width:768px) {
	#indService{
		margin-bottom:120px;
	}
	#indService .ttl01{
		padding:0 0 20px;
	}
	#indServiceBnrBg{
		background-color:#00a6e5;
			background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60px, rgba(0,167,229,1) 60px);
	}
	#indServiceBnr{
		display:flex;
		flex-direction: row-reverse;
		flex-wrap:wrap;
		padding:50px 0 0;
	}
	.indServiceUnit{
		width:47.5%;
		height:38vw;
		max-height:420px;
		margin-bottom:50px;
		outline:2px solid #fff;
		outline-offset:-25px;
	}
	.indServiceUnit:nth-of-type(2n+1){
		margin-top:-120px;
	}
	.indServiceUnit:nth-of-type(2n){
		margin-right:5%;
	}
	.indServiceUnit img{
		max-height:100px;
		margin:50px 0;
	}
}
/**/

/*
And more その他
*/
#indAnd{
	width:90%;
	max-width:1000px;
	margin:0 auto 40px;
}
.indAndBtn{
	display:block;
	margin:0 auto 20px;
	height:80px;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border:2px solid #00a6e5;
	border-radius:10px;
	color:#00a6e5 !important;
	text-decoration: none !important;
	background-size:40px 40px;
	background-position:left 15px center;
	background-repeat:no-repeat;
	position:relative;
	padding-left:25px;
}
.indAndBtn.recruit{
	background-image:url(../images/ico_recruit_2x.png);
}
.indAndBtn.anniv{
	background-image:url(../images/ico_60th_2x.png);
}
.indAndBtn::before{
	position:absolute;
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:2px solid #00a6e5;
	border-right:2px solid #00a6e5;
	transform:rotate(45deg);
	right:10px;
	top:calc(50% - 5px);
}
.indAndBtn img{
	margin:8px 0 4px;
	height:15px;
}
.indAndBtn p{
	font-size:1.2rem;
}
.indAndBtn.noLink{
	opacity:0.4;
	pointer-events: none;
}
@media print, screen and (min-width:768px) {
	#indAndWrap{
		display:flex;
	}
	.indAndBtn{
		width:48%;
		margin:0;
	}
	.indAndBtn:nth-of-type(1){
		margin-right:4%;
	}
}
@media print, screen and (min-width:1000px) {
	.indAndBtn{
		height:110px;
		background-size:60px 60px;
		padding-left:30px;
		border:3px solid #00a6e5;
	}
	.indAndBtn img{
		margin:10px 0 5px;
		height:25px;
	}
	.indAndBtn p{
		font-size:1.6rem;
	}
}
/**/

/*
Access その他
*/
#indAccess{
	background-color:#f5f6f9;
	padding:60px 0;
}
#indAccMap{
	max-width:1000px;
	margin:0 auto 20px;
	height: 0;
	overflow: hidden;
	padding-bottom:100%;
	position: relative;
}
#indAccMap iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
@media print, screen and (min-width:768px) {
	#indAccMap{
		padding-bottom:50%;
	}
}