/* --------------- mainTop --------------- */
#top { 
	display: block; 
	/*background-image: url("../images/main_v.jpg"); */
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat; 
}
.logoTop { margin-top: 46px; display: block;height: 9px;}
#top img {height: auto; display: block;}
.main-visual__bg__video__mask { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	opacity: 0.5; 
	background: rgba(25, 25, 25, 0.1) 
	url(../images/bg-mask.png) 
	center center repeat; 
	display: block;
}
.p-hero__video{display: none;}
/* ---------------- special ------------------ */
#special ul { display: flex; flex-flow: wrap; align-items: center; justify-content: center; list-style-type: none; margin: 0; padding: 0; }
#special li { width: 50%; display: block; }
#special img:hover { opacity: 1; }
/* ---------------- company ------------------ */
#company { width: 100%; height: auto; vertical-align: middle; text-align: center; padding: 64px 0 0 0; }
#company h3 { padding: 0 5%; }
.company_list { display: flex; flex-flow: wrap; align-items: center; justify-content: center; padding: 14px 0 34px 0; }
.com { margin: 0; padding: 0; }
.comImg { position: relative; margin: 0; padding: 0; cursor: pointer; overflow: hidden; opacity: 1; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; text-shadow: 0px 0px 8px rgba(150, 150, 150, 0.2); }
.comImg:hover { opacity: 1; }
.comImg img { width: 100%; height: auto; padding: 4px 0; }
.text-com-28 { position: absolute; top: 35%; left: 20%; width: 100%; height: auto; padding: 0; margin: 0; }
.aimitsu { width: 64px; height: 64px; margin-left: 0; padding-left: 76%; margin-bottom: -64px; }
.aimitsu img { width: 64px; height: 64px; }
/* ---------------- partner ------------------ */
#partner { width: auto; height: 218px; padding: 54px 0 0 0; margin-top: 38px; }
/* ---------------- service ------------------ */
#service { padding: 48px 0 64px 0; }
#service h3 { padding: 0 5%; }
#service ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; margin-top: 28px; margin-bottom: 64px; }
#service li { width: 50%; height: 188px; }
#service li:hover { opacity: 1; }
img.serIcon { width: 64px; height: 64px; }
#service .serCate { padding-top: 112px; }
.circle { width: 92px; height: 92px; bottom: 54px; transition: none; }
.ser_08 { background-image: url(""); background-repeat: no-repeat; }
/* ---------------- archive ------------------ */
#history { padding: 0 5%; padding-top: 28px; padding-bottom: 38px; }
.his { width: 100%; margin: 0 auto; }
#history .text-main { margin: 0 auto; text-align: center; padding: 10px 0 28px 0; }
#history img.fukidashi { width: 80%; height: auto; vertical-align: top; margin: 0; }
#history img.telenyan { width: 60%; height: auto; vertical-align: top; margin: 0; padding: 0; }
/* ---------------- recruit ------------------ */
#recruit { width: auto; height: auto; background-image: url("../images/t_rec_bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: scroll; padding: 52px 0 48px 0; margin: 0; }
.recContents { padding: 0 5%; }
img.recImg-1 { width: 100%; height: auto; margin: 0 auto; margin-top: -18px; margin-bottom: 14px; }
/* ---------------- contact ------------------ */
#contact { width: auto; height: auto; background: url("../images/t_con_bg_2.png"), url("../images/t_con_bg_1.jpg"); background-size: 834px 518px, cover; background-position: 48% 40%, 50% 50%; background-repeat: no-repeat, no-repeat; background-attachment: scroll, scroll; padding: 88px 0; margin: 0; vertical-align: middle; text-align: center; }
#contact h3 { padding: 0 5%; }
#contact hr { width: 76%; }
img.conImg { width: 56%; height: auto; padding-top: 8px; }
/* ---------------- footer ------------------ */
/*# sourceMappingURL=index-s.css.map */
/*# sourceMappingURL=index-s.css.map */