/* --------------- mainTop --------------- */
#top { 
	display: none;
}
.logoTop { 
	display: none;
}

.video_ara {
    width: 100%;
    padding-top: 52%;
    background: url(../video/top_bg.png);
    overflow: hidden;
    position: relative;
}
video#bgvid {
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

/*#top img { width: 450px; height: auto; }*/
#bs-demo > div { z-index: 0 !important; }
/* ---------------- special ------------------ */
#special { width: auto; height: auto; margin: 0; cursor: pointer; }
#special ul { display: flex; flex-flow: row; align-items: center; justify-content: center; margin: 0; padding: 0; background: #000; }
#special li { width: 25%; }
#special img { width: 100%; height: auto; border: 1px solid #e6e6e6; opacity: 1; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; }
#special img:hover { opacity: .7; }
/* ---------------- company ------------------ */
#company { width: 100%; height: auto; vertical-align: middle; text-align: center; padding: 64px 0 0 0; }
.company_list { display: flex; flex-flow: row; align-items: center; justify-content: center; padding: 14px 0 64px 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: .7; }
.comImg img { width: 352px; height: auto; padding: 0 8px; }
.text-com-28 { position: absolute; color: #fff; top: 76px; width: 100%; height: auto; padding: 0px 0; margin: 0 0 -20px 0; }
.text-com-18 { color: #fff; }
.aimitsu { width: 136px; height: 136px; margin-left: 0; padding-left: 80%; margin-bottom: -100px; }
.aimitsu img { width: 136px; height: 136px; }
/* ---------------- partner ------------------ */
#partner { 
	width: auto; 
	height: 268px; 
	padding: 88px 0 0 0; 
	margin-top: 64px; 
	background-image: url("../images/bangladesh-lab.jpg"); 
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	vertical-align: middle; 
	text-align: center; 
}
#partner h2 { color: #2054a0; letter-spacing: 0.02em; font-weight: 600; }
#partner hr { border-top: dashed 1px #fff; }
/* ---------------- service ------------------ */
#service { width: auto; height: auto; padding: 88px 0 64px 0; margin: 0; vertical-align: middle; text-align: center; }
#service ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0; padding: 0; margin-top: 34px; margin-bottom: 64px; background: #000; }
#service li { width: 25%; height: 368px; color: #fff; position: relative; cursor: pointer; background-position: center; background-size: cover; background-repeat: no-repeat; }
#service li:nth-child(8) { cursor: nomal; }
img.serIcon { width: 88x; height: 88px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#service .serCate { position: relative; display: inline-block; transition: .5s; padding-top: 240px; }
.circle { border-radius: 50%; width: 134px; height: 134px; background: #fff; display: table-cell; vertical-align: middle; position: absolute; top: 0; right: 0; bottom: 38px; left: 0; margin: auto; transition: 0.8s; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
li:hover .circle { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }
#service li { opacity: 1; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; }
#service li:hover { opacity: .6; }
#service li.ser_8:hover { opacity: 1; cursor: auto; }
#service a { color: #fff; }
.ser_1:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(7, 73, 138, 0.8); }
.ser_1 { background-image: url("../images/bacground-1.jpg"); }
.ser_2:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(28, 137, 189, 0.8); }
.ser_2 { background-image: url("../images/background-2.jpg"); }
.ser_3:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(12, 163, 170, 0.8); }
.ser_3 { background-image: url("../images/background-3.jpg"); }
.ser_4:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(7, 73, 138, 0.8); }
.ser_4 { background-image: url("../images/t_ser_4.jpg"); }
.ser_5:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(28, 137, 189, 0.8); }
.ser_5 { background-image: url("../images/t_ser_5.jpg"); }
.ser_6:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(12, 163, 170, 0.8); }
.ser_6 { background-image: url("../images/t_ser_6.jpg"); }
.ser_7:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(7, 73, 138, 0.8); }
.ser_7 { background-image: url("../images/t_ser_7.jpg"); }
.ser_8:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(28, 137, 189, 0.4); }
.ser_8 { background-image: url("../images/t_ser.png"); cursor: auto; }
/* ---------------- archive ------------------ */
#history { width: auto; height: auto; color: #fff; background: #1c7c8c; vertical-align: middle; text-align: center; padding: 28px 0 48px 0; }
.his { width: 928px; margin: 0 auto; }
#history .text-main { text-align: left; margin-left: 38px; color: #fff; }
#history img.fukidashi { width: 580px; height: auto; vertical-align: top; margin: 38px 0 -20px 0; }
#history img.telenyan { width: 373px; height: 434px; vertical-align: top; margin: 0 0 0 -41px; margin-bottom: -132px; padding: 0; }
/* ---------------- contact ------------------ */
#contact { width: auto; height: auto; background: url("../images/t_con_bg_2.png"), url("../images/sky.jpg"); background-size: 985px 640px, cover; background-position: 48% 40%, 50% 50%; background-repeat: no-repeat, no-repeat; background-attachment: scroll, fixed; padding: 108px 0; margin: 0; vertical-align: middle; text-align: center; }
#contact h2 { letter-spacing: 0.1em; }
.marker_1 { background: linear-gradient(transparent 36%, #cbebef 36%); }
.marker_2 { background: linear-gradient(transparent 32%, #f9f5d7 32%); }
.marker_2 a { color: #2054a0; }
#contact p.cate_eng { margin: 0; }
#contact hr { width: 60%; }
img.conImg { width: 307px; height: auto; padding-top: 8px; }
/*# sourceMappingURL=index-l.css.map */
/*# sourceMappingURL=index-l.css.map */