html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    margin: 0;
    padding: 0;
	height:100%:
}

#wrap {
    margin: 0;
    padding: 0;
	position:relative;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0px;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */ 

a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

div.left_img h3, div.right_img h3,
.works h3,
.works h4.sub,
.works b.catch{
	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#supersized a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#img_space,
#top_img_space,
#works_img_space{
	position:relative;
}

h2{
	margin:0;
	padding:0;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-9999px;
}

h2.patin{
	background-image:url(../images/patin/patin_logo.png);
}
h2.patinds{
	background-image:url(../images/patinds/patinds_logo.png);
}

h3{
	float:left;
	margin:0;
	padding:0;
}

h3.report{
	text-align:center;
	width:100%;
	margin:18px 0;
}

.signature{
	text-align:right;
	width:100%;
	margin-bottom:30px;
}

.size_14pt{
	font-size:10pt !important;
}

.img_w100 img{
	width:100%;
}

.img_w100{
	width:100%;
	margin-bottom:30px;
	font-size:10pt !important;
	text-align:right;
}
ul.ds{
	clear:left;
	display:block;
	margin:0px 0 0px 10px;
	padding:0;
	list-style-type: none;
}
ul.ds li{
	margin:0px 0px 15px;
	display:block;
	text-indent:-10px;
}



/* PC（最小1001px） */
@media print, screen and (min-width: 1001px) {
	#wrap {
		margin-bottom: 100px;
	}
	date{
		margin-top:18px;
	}
	br.sp,br.sp_s{
		display:none;
	}
	b.caption{
		width:100%;
		font-size: 13px;
		line-height: 13px;
		font-weight:normal;
		margin-top:-5px;
		display:block;
		margin-bottom:40px;
	}
	#top_images_2, #top_images_2 li, #top_images_2 li a, #top_images_2 li img,
	#top_images_3, #top_images_3 li, #top_images_3 li a, #top_images_3 li img{
		list-style-type:none;
		margin:0px;
		padding:0;
		display:block;
	}
	
	#top_images_2 li{
		width:50%;
		float:left;
	}	
	#top_images_3 li{
		width:33.3333333%;
		float:left;
	}	
	#footer{
		clear:both;
		float:left;
		width:100%;
		height:30px;
		display:block;
		margin:0;
		padding:0;
		position:fixed;
		bottom:0px;
		background-color:rgba(255,255,255,0.8);
		z-index:103;
	}
	div.footer_menu {
		font-size:11px;
		line-height:15px;
		float:left;
		text-align:left;
		padding:0;
		height:15px;
		margin-top:7.5px;
		margin-left:20px;
		color:#666;
		display:block;
	}
	div.footer_menu a {
		margin-right:20px;
		padding:0;
		height:15px;
		display:block;
		float:left;
		text-decoration:none;
	}
}
/* スマートフォン（最大1000px） */
@media only screen and (max-width: 1000px) {
	date{
		margin-top:-8px;
	}
	b.caption{
		width:100%;
		font-size: 13px;
		line-height: 13px;
		font-weight:normal;
		margin-top:-20px;
		display:block;
		margin-bottom:40px;
	}
	#top_images_2, #top_images_2 li, #top_images_2 li a, #top_images_2 li img,
	#top_images_3, #top_images_3 li, #top_images_3 li a, #top_images_3 li img{
		list-style-type:none;
		margin:0px;
		padding:0;
		display:block;
		width:100%;
		float:left;
	}
	#footer .copy{
		text-align:center;
		margin-right:0;
		padding-top:100px;
		width:100%;
	}
	div.footer_menu {
		display:none;
	}
}
@media only screen and (min-width: 400px) and (max-width: 1000px) {
	br.sp_s{
		display:none;
	}
}
date{
	float:right;
	margin-bottom:16px;
	padding:0;
	text-align:right;
	font-weight:normal;
	display:block;
    font-size: 12px;
    line-height: 18px;
}
.pressrelease p b{
    font-size: 14px;
    line-height: 26px;
}
.pressrelease div.title{
    border:3px #000 double;
	margin-bottom:50px;
}
.pressrelease div.title h4{
    text-align:center;
	padding:15px 10px 10px 10px;
    font-size: 18px;
    line-height: 26px;
	margin:0;
}
.pressrelease div.title h4.en{
	padding-bottom:20px;
}
.pressrelease div.title h5{
    text-align:center;
	padding:0px 10px 20px 10px;
    font-size: 14px;
    line-height: 18px;
	margin:0;
}
.pressrelease div.left img{
    width:100%;
}
.pressrelease div.right img{
    width:100%;
}
.pressrelease div.title h6{
    text-align:center;
	padding-top:15px;
	padding-bottom:15px;
    font-size: 14px;
    line-height: 24px;
	font-weight:normal;
	margin:0;
	width:100%;
}

a{
	color:#000;
}
p{
	margin:0;
	padding:0;
	display:block;
}

small{
	line-height:14px;
	font-size: 11px;
}
dl{
	line-height:22px;
	display:block;
}
dt{
	border-top: 1px #999 solid;
	float:left;
	padding:7px 0;
	margin:0px;
	clear: left;
}
dd{
	border-top: 1px #999 solid;
	float:left;
	padding:7px 0;
	margin:0px;
}

dl.contact dt,dl.contact_en dt,dl.contact_tel dt{
	border-top: 0px;
}
dl.contact dd,dl.contact_en dd,dl.contact_tel dd{
	border-top: 0px;
}
dl.contact dt{
	width:110px;
	clear:left;
}
dl.contact_tel dt{
	clear:left;
	width:50px;
}

dl.legal {
	font-size:12px;
}
dl.legal dt{
	clear:left;
	border-top: 0px;
	margin-bottom:20px;
}
dl.legal dd{
	border-top: 0px;
	margin-bottom:20px;
}

#system dl{
	font-size:12px;
	line-height:18px;
}
#system dt{
	width:35%;
}
#system dd{
	width:65%;
}

.cap{
	font-size:12px;
	color: #666;
	margin:0;
	padding:0px 50px 20px 50px;
	display:block;
}

h4 {
	padding:0;
	margin:0px;
	display:block;
	position:relative;
	font-size:14px;
}
h4.sub{
	float:left;
	margin-left:15px;
}
h5.recruit_title {
	margin-top:0px;
	margin-bottom:25px;
	display:block;
	position:relative;
	font-size:14px;
	line-height:20px;
	clear:left;
	border-left:#ccc solid 5px;
	padding-left:15px;
	font-weight:normal;
}
h6 {
	margin-top:0px;
	margin-bottom:5px;
	display:block;
	position:relative;
	font-size:14px;
	line-height:20px;
	clear:left;
}
.recruit b{
	font-size:14px;
}
hr {
	height: 1px;
	background: #bbb;
	background-image: -webkit-linear-gradient(left, #777, #fff);
	background-image: -moz-linear-gradient(left,  #777, #fff);
	background-image: -ms-linear-gradient(left,  #777, #fff);
	width:100%;
	border:0;
	margin-bottom:20px;
	clear:left;
}
a.link {
	font-size:14px;
	line-height:20px;
	color:#666;
	display:block;
	clear:left;
	margin-top:10px;
}

#axle, #ihi, #conected, #posy, #patin,
#platina ,#p-noir ,#palette ,#ut_palette ,#polaris ,#polly  {
	padding-top:50px !important;
	padding-bottom:-10px !important;
}
#robots a.posy{background-image: url(../images/robots/posy_s.jpg);}
#robots a.platina{background-image: url(../images/robots/platina_s.jpg);}
#robots a.p-noir{background-image: url(../images/robots/p-noir_s.jpg);}
#robots a.palette{background-image: url(../images/robots/palette_s.jpg);}
#robots a.ut_palette{background-image: url(../images/robots/ut_palette_s.jpg);}
#robots a.polaris{background-image: url(../images/robots/polaris_s.jpg);}
#robots a.polly{background-image: url(../images/robots/polly_s.jpg);}

#robots a img{
	width:100%;
	padding:0;
	margin:0;
}

#robots a {
	padding:0;
	margin:0;
	background-size:cover;
	background-position:center;
	text-indent:-9999px;
}
#robots a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#robots a.posy:hover{background-image: url(../images/robots/posy_on.jpg);}
#robots a.platina:hover{background-image: url(../images/robots/platina_on.jpg);}
#robots a.p-noir:hover{background-image: url(../images/robots/p-noir_on.jpg);}
#robots a.palette:hover{background-image: url(../images/robots/palette_on.jpg);}
#robots a.ut_palette:hover{background-image: url(../images/robots/ut_palette_on.jpg);}
#robots a.polaris:hover{background-image: url(../images/robots/polaris_on.jpg);}
#robots a.polly:hover{background-image: url(../images/robots/polly_on.jpg);}

dl.recruit{
	margin-bottom:60px;
}
dl.company{
	margin:26px 0px ;
}

/* PC（最小1001px） */
@media print, screen and (min-width: 1001px) {
	.smp{
	 display:none;
	}
	#tops ul li{
	 overflow: hidden;
	}
	#tops ul li img {
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		object-fit: cover;
	}
	#container {
		margin: auto;
		padding: 0;
		font-size:14px;
		line-height:26px;
		min-height:550px;
		position:relative;
	}
	#img_space,	#works_img_space{
		margin:0px;
		width:100%;
		line-height:0;
	}
	#img_space img{
		width:100%;
	}
	#works_img_space img{
		width:100%;
		display:block;
		margin-bottom:10px;
	}
	#top_img_space{
		margin:0px;
		width:100%;
		height:100vh;
	}
	#top_img_space img{
		object-fit: cover;
		width:100%;
		height:100vh;
	}
	#img_space_m{
		margin:0 auto;
		padding:0px;
		width:850px;
		display:block;
	}
	#img_space_m img{
		width:100%;
	}
	.text_space{
		margin:0 auto;
		padding:50px;
		width:750px;
		display:block;
	}
	div.left{
		float:left;
		width:350px;
		margin-bottom:20px;
		padding:0;
	}
	div.right{
		width:350px;
		padding:0;
		margin:0px 0 0px 50px;
		float:left;
	}
	div.left img{
		width:350px;
	}
	div.right img{
		width:350px;
	}
	div.right b{
		font-size:14px;
		line-height:25px;
		clear:both;
		margin-bottom:10px;
		padding:0;
	}
	#profile div.left{
		float:left;
		width:216px;
		margin-bottom:20px;
		padding:0;
	}
	#profile div.right{
		width:484px;
		padding:0;
		margin:0px 0 0px 50px;
		float:left;
	}
	#profile div.right p{
		font-size:14px;
		line-height:24px;
	}
	#profile div.left img{
		width:217px;
	}
	#profile div.right_img h3{
		font-size:20px;
		line-height:20px;
		height:20px;
		margin-top:0px;
		margin-bottom:25px;
		display:block;
		width:100%;
		font-weight:bold;
	}
	#profile h4.sub{
		font-size:14px;
		margin-top:0px;
		margin-left:0px;
		margin-bottom:39px;
		font-weight:normal;
	}
	dl{
		font-size:14px;
	}
	dl.contact{
		font-size:18px;
		font-weight:bold;
	}
	dt{
		width:200px;
	}
	dd{
		width:550px;
	}
	h2{
		height:25px;
		margin:25px 0 25px 1px !important;
	}
	h3{
		font-size:20px;
		line-height:20px;
		height:20px;
		margin-top:25px;
		margin-bottom:25px;
	}
	div.left_img h3, div.right_img h3{
		font-size:16px;
		line-height:20px;
		height:20px;
		margin-top:10px;
		margin-bottom:5px;
		display:block;
		width:100%;
		font-weight:bold;
	}
	.left_img p, .right_img p{
		font-size:12px;
		line-height:20px;
		min-height:60px;
		display:block;
	}
	h4.sub{
		float:left;
		margin-top:26px;
		margin-left:15px;
	}
	.works h3{
		font-size:24px;
		line-height:24px;
		height:24px;
		margin-top:25px;
		margin-bottom:15px;
	}
	.works h4.sub{
		float:none;
		clear:left;
		margin-top:0px;
		margin-left:0px;
		margin-bottom:40px;
	}
	.works b.catch{
		font-size:14px;
		line-height:20px;
		height:20px;
		margin-bottom:5px;
		display:block
	}
	.works .credit{
		margin:60px 0px;
		display:block;
	}
	.works .credit dl{
		border-bottom: 1px #999 solid;
	}
	.works dt{
		width:50px;
	}
	.works dd{
		width:700px;
	}
	.works dd.long{
		width:750px;
	}
	#sub_system{
		margin-top:-10px !important;
		margin-left:0px !important;
	}
	b{
		font-size:16px;
		line-height:25px;
		clear:both;
		margin-bottom:10px;
		padding:0;
	}
	div.copy {
		font-size:11px;
		line-height:30px;
		float:right;
		text-align:right;
		padding:0;
		height:30px;
		margin-right:20px;
		color:#666;
		display:block;
	}



	dl.member dt img{
		width:150px;
	}
	dl.member dt{
		width:150px;
		padding:15px 15px 15px 0;
		float:left;
		display:block;
	}
	dl.member dd{
		width:160px;
		height:165px;
		padding:15px  0;
		float:left;
		display:block;
	}
	dl.contact_en dt{
		width:260px;
		clear:left;
	}
	dl.contact_en dd{
		width:290px;
	}

	#robots a{
		float:left;
		padding:0;
		margin:0;
		width:14.285714%;
		height:14.285714%;
		display:block;
	}

	dl.company dt{
		width:25%;
	}
	dl.company dd{
		width:75%;
	}
	dl.company br{
		display:none;
	}	
	dl.patinds dt{
		width:25%;
	}
	dl.patinds dd{
		width:75%;
	}
	dl.patinds br{
		display:none;
	}	
	
}

/* 埋め込みgooglemap */
div.googlemap{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:26px;
}
 
div.googlemap iframe,
div.googlemap object,
div.googlemap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* スマートフォン（500px） */
@media only screen and (max-width: 500px) {

#robots a{
	float:left;
	padding:0;
	margin:0;
	width:33.333% !important;
	display:block;
}

}

/* スマートフォン（最大1000px） */
@media only screen and (max-width: 1000px) {
	.pc{
	 display:none;
	}
	body {
		background-color: #fff;
	}
	.img-responsive {
		width:100%;
	}
	#supersized li a {
		background-size:cover;
		background-position:center center;
		background-color:#fff;
	}
	#supersized li a img {
		visibility:hidden;
	}
	#supersized li.slide-0 a {
		background-image:url(../images/top/we_come_home_smp.jpg);
	}
	#supersized li.slide-1 a {
		background-image:url(../images/top/mak_smp.jpg);
	}
	#container{
		background-color: #fff;
		position:relative;
		font-size:14px;
		line-height:24px;
		margin:0;
		padding0;
	}
	#img_space,	#top_img_space{
		float:left;
		width:100%;
		margin-top:50px;
	}
	#img_space img,	#top_img_space img{
		width:100%;
	}
	.text_space{
		claer:both;
		float:left;
		padding:0px;
		margin:0;
		width:100%;
	}
	.inside{
		padding:20px;
	}
	div.left{
		width:100%;
		padding:0;
		margin:0;
		float:left;
	}
	div.right{
		width:100%;
		padding:0;
		margin:0;
		float:left;
	}
	div.system{
		margin-top:30px;
	}
	div.left_img, div.right_img{
		text-align:left;
	}
	div.left_img{
		margin-bottom:40px;
	}
	div.left_img h3, div.right_img h3{
		font-size:15px;
	}
	#profile div.right_img h3{
		font-size:18px;
		margin-bottom:10px;
	}
	#profile div.right_img p{
		font-size:13px;
		margin-bottom:10px;
		text-align:justify
	}
	#profile h4.sub{
		font-size:13px;
		font-weight:normal;
	}
	div.left_img img, div.right_img img{
		margin-bottom:5px;
	}
	h2{
		height:20px;
		margin:0 0 25px 1px !important;
	}
	h3 {
		font-size:18px;
		line-height:26px;
		display:block;
		width:100%;
	}
	h4.sub{
		clear:left;
		float:left;
		margin-top:5px !important;
		margin-left:0px !important;
		margin-bottom:26px !important;
	}
	b{
		font-size:14px;
		line-height:20px;
		clear:both;
		margin:5px 0 0 0;
		padding:0;
	}
	.works h3{
		font-size:18px;
		line-height:18px;
		height:20px;
		margin-top:25px;
		margin-bottom:5px;
	}
	.works h4.sub{
		float:none;
		clear:left;
		margin-top:0px !important;
		margin-left:0px !important;
	}
	.works b.catch{
		margin:5px 0px 5px;
		display:block
	}
	.works p{
		text-align:justify;
	}
	.works .credit{
		margin:0px 0px;
		display:block;
		font-size:13px;
	}
	.works .credit dl{
		border-bottom: 1px #999 solid;
	}
	.works dt{
		width:15%;
	}
	.works dd{
		width:85%;
	}
	.works dd.long{
		width:100%;
	}
	#works_img_space{
		float:left;
		width:calc(100% - 40px);
		margin-top:0px;
		padding:20px;
		line-height:0px;
	}
	#works_img_space img{
		width:100%;
		margin-bottom:10px;
		padding:0px;
		display:block;
	}
	dl{
		font-size:13px;
		width:100%;
	}
	dl.contact{
		font-size:16px;
		font-weight:bold;
	}
	dl.legal{
		margin:0px;
	}
	dl.tokutei dt{
		margin:0px;
		padding:0px;
	}
	dl.tokutei dd{
		margin-bottom:20px;
		padding:0px;
		clear:left;
	}
	dt.dt_blank{
		margin:0px;
		padding:0px;
		height:0px;
	}
	dl.company dt{
		width:33.33%;
	}
	dl.company dd{
		width:66.66%;
	}
	dl.patinds{
		font-size:12px;
		line-height:18px;
	}
	dl.patinds dd{
		width:50%;
	}
	dl.patinds dt{
		width:50%;
	}
	dl.member dt{
		width:100%;
		padding:15px 0 0px 0;
		text-align:center;
	}
	dl.member dt img{
		width:150px;
	}
	dl.member dd{
		padding:15px  0;
		width:100%;
		text-align:center;
		border:0px;
	}
	dl.contact_en dt{
		clear:left;
	}
	dl.contact dd{
		clear:left;
	}
	dl.contact_en dd{
		clear:left;
	}
	p a{
	word-break: break-all;
	}
	div.copy {
		font-size:9px;
		line-height:9px;
		float:right;
		text-align:right;
		padding:0;
		height:20px;
		margin-right:15px;
		margin-top:10px;
		color:#666;
		display:block;
	}
	img.access_image{
		margin-bottom:25px;
	}
	
	#visions_slide, #visions_slide li, #visions_slide li img {
		height:70%;
	}
	
	#axle p,#ihi p,#conected p,#patin p,#posy p,#platina p,#p-noir p,#palette p,#ut_palette p,#polaris p,#polly p {
		text-align:left;
	}

	#robots a{
		float:left;
		padding:0px;
		margin:0;
		width:20%;
		display:block;
	}

}