@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */

 .jap, .viet {
	display: none;
 }

 #slide.jap {
	display: none;
 }

@media screen and (min-width: 1201px){ 

 .title1 h1.eng {
	display: table-cell;
 }

}


/*===============================================
●header
===============================================*/



/*===============================================
●sidebar
===============================================*/
 /*.side-menu, .sidebar {
	width: 260px;
 }

 .visual3 .button {
	width:260px;
	height:75px;
 }

 .space1 {
	width: 230px;
 }

 .space1 .blank-line {
	margin-bottom: -0.5em;
 }*/


/*===============================================
●footer
===============================================*/



/*===============================================
●トップページ
===============================================*/
/*===============================================
〇スライドショー
===============================================*/
@media screen and (min-width: 781px){ 

 .bx-wrapper .bx-caption {	
	bottom: 75px;
 }
 
}

@media screen and (max-width: 780px){

 .bx-wrapper .bx-caption span {	
	text-align: left;
 }
 
}


/*===============================================
〇トップページ
===============================================*/
.loading span.text {
	top: 20px;
}

@media screen and (min-width: 781px) and (max-width: 900px){ 

 .in h1 {	
	font-size: 20px;
 }
 
}

/*===============================================
●会社案内
===============================================*/

/*===============================================
〇会社概要
===============================================*/
@media screen and (min-width: 781px){ 

 .profile{
	font-size: 14px;
 }
 
 .profile dt{
	width: 25%;
 }

 .profile dd{
	/*width: 71.8%;*/
	margin-left : 25%;
 }

}

@media screen and (min-width: 481px) and (max-width: 780px){

 .profile{
	font-size: 13px;
	margin: 0 10px;
 }

 .profile dt{
	width: 30%;
 } 

 .profile dd{
	margin-left : 30%;
 }

}


/*===============================================
〇事業概要
===============================================*/
 .business .img {
	padding: 33% 0;
 }


/*===============================================
〇沿革
===============================================*/
@media screen and (min-width: 1201px){ 

 .history div div {
	width: 75%;
 }

}

@media screen and (min-width: 1001px) and (max-width: 1200px){ 

 .history div div {
	width: 80%;
 }

}

@media screen and (min-width: 481px) and (max-width: 1000px){ 

 .history div div {
	width: 70%;
 }

}

@media screen and (min-width: 781px){ 

 .history div dl dt {
	font-weight: bold;
	width: 80px;
 }


 .history div dl dd {
	margin-left: 80px;
 }

 .history dl {
	margin: 0 0 27px -100px;
 }

 .history div dl dd:after {
	left: 17px;
 }

 .history div h3 {
  	font-size: 21px;
 }
  
}

@media screen and (min-width: 481px) and (max-width: 780px){

 .history div dl{
	margin: 0 0 25px -74px;
 }
 
 .history div dl dt{
	width: 65px;
 }

 .history div dl dd{
	margin-left: 45px;
 }

}

@media screen and (max-width: 480px){ 

 .history div dl dt{
	width: 70px;
 }

 .history div dl dd{
	margin-left: 55px;
 }

}


/*===============================================
〇所在地
===============================================*/
 .maps a {
	/*padding: 10px;*/
	padding: 10px 15px;
 }

@media screen and (min-width: 781px){ 

 .address {
	position:relative;
	top: 0px;
 }

 .address:after {
	top: 115px;
 }

 .address div:before {
	top: 110px;
 }

}

@media screen and (min-width: 481px) and (max-width: 780px){

 #address {
	padding-top: 0px;
 }

}

@media screen and (max-width: 480px){ 

 #address p {
	width: 65%;
	margin: 0 auto;
	text-align: left;
 }

}


/*===============================================
●当社の強み
===============================================*/
@media screen and (min-width: 781px){ 

 .strength h1 {
	font-size: 24px;
 }

}



/*===============================================
●製品・サービス紹介
===============================================*/
@media screen and (min-width: 781px){ 

 .protxt {
	width: 42%;
 }

 .protxt h1 {
	font-size: 26px;
 }

}

@media screen and (min-width: 481px){ 

 .protxt {
	margin-left: 3%;
 }

 .protxt ul.txt {
	right: 20px;
 }

}

/*===============================================
○型
===============================================*/
 .type {
	margin-top: 15px;
 }


/*===============================================
◎機械別
===============================================*/

/*===============================================
○スクリュー
===============================================*/
 .screw-fig .img {
	padding: 15% 0;
 }


/*===============================================
●当社導入事例
===============================================*/

/*===============================================
○美土里館
===============================================*/

 .midori-list ul li {
	/*font-family: "MS PGothic";*/
	font-weight: normal;
 }

 .midori-list ul li.decorat {
	font-weight: bold;
 }

@media screen and (min-width: 1201px){ 

 .midori-bg {
	width: 80%;
	margin: 0 auto;
 }

 .midori-list {
	width: 405px;
 }

 .list table, .list table th, .list table tr td {
	width: 411px;
 }

}

@media screen and (min-width: 1030px) and (max-width: 1055px){ 
 .midori-list {
	width: 360px;
 }
}

@media screen and (min-width: 985px) and (max-width: 1030px){ 
 .midori-list {
	width: 360px;
 }
}

@media screen and (min-width: 810px) and (max-width: 850px){ 
 .midori-list {
	width: 360px;
 }
}

@media screen and (min-width: 780px) and (max-width: 810px){ 
 .midori-list {
	width: 360px;
 }
}

@media screen and (min-width: 781px){ 

 .midori-list ul {
	padding-left: 10px;
 }

 .midori-list ul li {
	/*padding: 7px;
	font-size: 16px;*/
	padding: 3.8px 0;
	font-size: 15px;
 }

}

@media screen and (max-width: 480px){ 

 .midori .fixed .prec-text {
	margin: -7% auto 0;
 }

 .fixed + .list {
	margin-top: 90%;
 }

}


/*===============================================
●カタログダウンロード
===============================================*/
 /*.download {
	margin: 0 auto;
 }*/