/*
追記CSS
*/

/************************************
nav
************************************/
.nav-logo-img{
	width: 60px;
}

/************************************
top
************************************/
.top-img-field{
	margin: 60px 0px;
	width: 20%;
}

.top-img-field2{
	margin-top: 60px;
	margin-bottom: -4px;
	margin-right: auto;
	margin-left: auto;
	width: 30%;
	display: block;
}

.top-img-field3{
	margin-top: 60px;
	margin-bottom: -4px;
	margin-right: auto;
	margin-left: auto;
	width: 50%;
	display: block;
}

#top-bg{
  background-image: url("../images/top-sm.jpg");
}

@media (max-width: 1279px) {
  #mainVisual {
    background-image: url("../images/top-sm.jpg");
  }
}

@media (max-width: 639px) {
  #mainVisual {
    background-image: url("../images/top-xs.jpg");
  }
}

.mar-top70{
	margin-top: 70px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.top-pc{
	display: block !important;
	width: 100%;
}
.top-sp{
	display: none !important;
	width: 100%;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width:1000px) {
.top-pc{
	display: none !important;
	width: 100%;
}
.top-sp{
	display: block !important;
	width: 100%;
}
}

.fluid-bg-top{
	background-color: #fafafa;
}
/************************************
footer
************************************/
.footer-table{
	font-size: 10px;
}

.footer-table td{
	padding: 5px;
	border-bottom: 1px solid #fff;
}

.footer-table td.none{
	padding: 5px;
	border-bottom: none;
}

.footer-address{
	width: 160px;
	padding-bottom: 0px;
}

ul.footer-list li {
    text-align: left;
}

/************************************
service
************************************/
.service-icon{
	border-radius: 100px;
}

.service-skill-icon{
	border-radius: 100px;
	width: 90px;
}

/************************************
join us
************************************/
.txt-left{
	text-align: left;
}

table.joinus-table-field{
	color: #000;
	margin-bottom: 50px;
	width: 100%;
}

table.joinus-table-field td{
	text-align: left;
	padding: 5px 10px;
	border-bottom: 1px solid #f2f2f2;
}