@charset "UTF-8";

/*--------------------------------------------------------------------
index.html	(トップページ)
top.css
--------------------------------------------------------------------*/

/*------------Title------------------------------------*/

/*------------Title------------------------------------*/
div#Title { height: 300px; }

/*------------TopTxt------------------------------------*/
div#TopTxt {
	width: 96%;
	height: 53px;
	margin: 0 auto 60px;
	background: url(../../img/sp/top/top_txt.png) no-repeat center center;
	background-size: contain;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}

/*------------Strength------------------------------------*/
div#Strength {
	width: 100%;
	margin: 0 auto;
	padding: 55px 0;
	background: url(../../img/pc/top/strength_p.jpg) no-repeat center center;
	background-size: cover;
}
div#Strength h3 {
	height: 46px;
	background: url(../../img/pc/top/strength_t.png) no-repeat center center;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Strength ul {
	width: 100%;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#Strength ul li {
	width: 90%;
	margin: 20px auto 0;
	padding-bottom: 30px;
	background-color: #fff;
}
div#Strength ul li a { transition: opacity .3s; }
div#Strength ul li a:hover { text-decoration: none; }
div#Strength ul li h4 {
	height: 36px;
	background-color: #ff8b76;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Strength ul li#Str01 h4 { background-image: url(../../img/pc/top/strength_ict_t.png); }
div#Strength ul li#Str02 h4 { background-image: url(../../img/pc/top/strength_needs_t.png); }
div#Strength ul li#Str03 h4 { background-image: url(../../img/pc/top/strength_isms_t.png); }
div#Strength ul li p {
	width: 180px;
	margin: 40px auto 0;
	font-size: .8em;
	text-align: center;
}
div#Strength ul li p + p { text-align: left; }

/*------------Service------------------------------------*/
div#Service {
	width: 100%;
	margin: 0 auto;
	padding: 55px 0;
	background: url(../../img/pc/top/service_p.jpg) no-repeat center center;
	background-size: cover;
}
div#Service h3 {
	height: 46px;
	background: url(../../img/pc/top/service_t.png) no-repeat center center;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Service ul {
	width: 100%;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#Service ul li {
	width: 90%;
	margin: 20px auto 0;
	padding: 45px 0 30px;
	background-color: #fff;
}
div#Service ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	transition: opacity .3s;
}
div#Service ul li a:hover { text-decoration: none; }
div#Service ul li h4 {
	height: 34px;
	margin: 25px 0 15px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#Service ul li#Ser01 h4 { background-image: url(../../img/pc/top/service_soft_t.png); }
div#Service ul li#Ser02 h4 { background-image: url(../../img/pc/top/service_engineer_t.png); }
div#Service ul li#Ser03 h4 { background-image: url(../../img/pc/top/service_maintenance_t.png); }
div#Service ul li#Ser04 h4 { background-image: url(../../img/pc/top/service_product_t.png); }
div#Service ul li p {
	width: 180px;
	margin: 0 auto;
	font-size: .8em;
	text-align: center;
}
div#Service ul li h4 + p { text-align: left; }

/*------------News------------------------*/
div#News {
	width: 96%;
	margin: 60px auto;
}
div#News h2 {
	height: 40px;
	margin-bottom: 20px;
	background: url(../../img/pc/top/news_t.png) no-repeat center top;
	border-bottom: 4px solid #eaeaea;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#News div#InNews {
	height: 260px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
div#News div#InNews iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	background-color: transparent;
}

/*------------Recruit------------------------------------*/
div#Recruit {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 125px;
	background-image: url(../../img/pc/top/recruit_p.jpg) , url(../../img/pc/top/recruit_bg.png);
	background-repeat: no-repeat;
	background-position: center 90px , center top;
}
div#Recruit div#InRec {
	width: 100%;
	margin: 0 auto;
}
div#Recruit div#RecBtn {
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
}
div#Recruit div#RecBtn a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 118.1818181818182%;
	background: url(../../img/pc/top/recruit_b.png) no-repeat left top;
	background-size: contain;
	transition: opacity .3s;
}
div#Recruit div#RecBtn a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
div#Recruit div#RecBtn a * { display: none; }

/*------------CompCont------------------------------------*/
div#CompCont {
	width: 90%;
	margin: 55px auto 0;
}
div#CompCont ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#CompCont ul li {
	position: relative;
	width: 100%;
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
div#CompCont ul li#Comp { background-image: url(../../img/pc/top/company_p.jpg); }
div#CompCont ul li#Cont { background-image: url(../../img/pc/top/contact_p.jpg); }
div#CompCont ul li + li { margin-top: 20px; }
div#CompCont ul li a {
	position: absolute;
	width: 450px;
	height: 160px;
	background-color: rgba(43, 43, 43, 0.8);
	background-position: center center;
	background-repeat: no-repeat;
	left: calc(50% - 225px);
	bottom: 0;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	transition: opacity .3s;
}
div#CompCont ul li#Comp a { background-image: url(../../img/pc/top/company_t.png); }
div#CompCont ul li#Cont a { background-image: url(../../img/pc/top/contact_t.png); }

/*------------Office_2023------------------------------------*/
div#Office_2023 {
	width: 100%;
	max-width: 1400px;
	margin: 55px auto 0;
}
div#Office_2023 ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Office_2023 ul li {
	position: relative;
	width: 100%;
	height: 100px;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
div#Office_2023 ul li#Office { background-image: url(../../img/pc/top/service_p.jpg); }
div#Office_2023 ul li a {
	position: absolute;
	width: 100%;
	height: 60px;
	background-color: rgba(255, 255, 255, 0.2);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80%;
	top: 25px;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
	transition: opacity .3s;
}
div#Office_2023 ul li#Office a { background-image: url(../../img/pc/top/office_2023.png); }