@charset "utf-8";


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

 #main-contents {
	width: 100%;
 }

 .sidebar {
	display: none;
 }

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

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

 /*.head-text {
	font-size: 12px;
	position:relative;
	top: 5px;
 }*/

 .head-btn li.bt3 a {
	font-size: 18px;
 }

 .drawer-navbar .drawer-nav {
	height: 3.75rem;
 }

 .head.menu1 li.contact {
	display: none;
 }

}


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

 .head-btn li.bt3 a {
	font-size: 16px;
 }

}


/*===============================================
●sidebar
===============================================*/

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

 .side-menu {
	width: 100%;
	display: block;
	background: rgba(219,184,154,0.3);
	box-shadow: 0px 0px 5px #666;
	margin: 0;
	border: 0px;
 }

 .side-menu h1 {
	display: none;
 }

 .side-menu ul {
	width: 1200px;
	display: table;
	table-layout: fixed;
	list-style-type: none;
	margin: 0 auto;
 }

 .side-menu ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: none;
	box-shadow: 0.5px 0px 0px #666;
	background: none;
 }

 .side-menu ul li a {
	width: auto;
	font-size: 13px;
	padding: 15px;
	box-shadow: none;
 }

 .side-menu ul li a span {
	display: none;
 }

 .side-menu ul li a.active div {
	margin-top: 0px;
	margin-left: -10px;
	border: 0;
	position: relative;
	left: 50%;
 }

 .side-menu ul li a.active div:after {
	width: 0px;
	content: "";
	border: 10px solid transparent;
	border-bottom-color: #553401;
	border-top-width: 0px;
	display: block;
	position: absolute;
	top: 25px;
 }

 .side-menu li:first-child {
	box-shadow:  0.5px 0px 0px #666, -0.5px 0px 0px #666;
 }

}

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

 .side-menu ul {
	table-layout: auto;
 }

}

/*===============================================
●footer
===============================================*/
 .footrogo p {
	display: table-cell;
	vertical-align: middle;
	position: relative;
 }

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

 .foot1.menu1 {
	display: table;
	margin: 0 auto;
	padding: 0;
 }

}

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

 .foot2.rogo p .h {
	font-size: 11.5px;
 }

 .foot2.rogo p {
	font-size: 10.5px;
 }

 .none {
	display: none;
 }

}


/*===============================================
●トップページ
===============================================*/
/*===============================================
〇スライドショー
===============================================*/
@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;
 }*/