/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {




.subtitle02{
	margin-bottom: 20px;
	padding: 25px 0;
}
.subtitle02 h2{
	width: 94%;
	font-size: 170%;
}

#locator {
	width:94%;
	margin: 0 3% 5px;
}

#contents {
    margin: 0 auto;
    width: 100%;
}

#contents_left {
    float: none;
    width: 100%;
}
#contents_right{
	position:inherit;
	margin-top: 30px !important;
	float: none;
    width: 96%;
	margin:0 auto;
}

.contents_left_in{
	width:94%;
	margin-left:3%;
	margin-right:3%;
}

/*subnav*/
/*------------------------------------------------------------------------------*/
#subnav{
	width:100%;
	margin-top: 50px;
}

#subnav li a{
	background:#fff url(../image/common/arr02@2x.png) no-repeat 15px center;
	background-size: 18px 18px;
	border-bottom:dotted 1px #CCC;
	padding:20px 10px 20px 42px;
	font-size:90%;
	line-height:1;
	color:#333;
	display:block;
	text-decoration:none;
}

#subnav li.current ul li a{
	background:#fff url(../image/common/arr03@2x.png) no-repeat 40px center;
	background-position: 40px center;
	background-size: 11px 11px;
	border-bottom:dotted 1px #CCC;
	padding:15px 10px 15px 58px;
	text-decoration:none;
	color: #333;

}
#subnav li.current ul li a:hover,#subnav li.current ul li.current a{
	background:#fff url(../image/common/arr03@2x_on.png) no-repeat 40px center;
	background-size: 11px 11px;
	text-decoration:underline;
	color:#d2232a;
}



.btn_box3_left{width: 100%; float: none; margin-bottom: 20px;}
.btn_box3_right{width: 100%; float: none;}



span.sub_sub {
    background: #CCCCCC;
    color: #fff;
    padding: 5px 10px;
    width:100%;
    text-align:center;
}

/*common*/
/*------------------------------------------------------------------------------*/
.common_dl dt{
	width:30%;
	padding:5px;
}
.common_dl dd{
	width:70%;
	padding:5px 0 0 10px;
}

/*product*/
/*------------------------------------------------------------------------------*/

.product_green_left,
.product_purple_left,
.product_orange_left,
.product_blue_left,
.product_gray_left {width: 100%; float: none;}

.product_green_right,
.product_purple_right,
.product_orange_right,
.product_blue_right,
.product_gray_right
{width: 100%;  float: none; margin-bottom: 20px; height:auto;}

.img_box3_left{width: 100%; float: none; margin-bottom: 20px;}
.img_box3_right{width: 100%; float: none;}


/*contact*/
/*------------------------------------------------------------------------------*/

.contact_info_left {
	float:none;
	width:100%;
	margin-bottom:25px;
}
.contact_info_right {
	float:none;
	width:100%;
}
.contact_tel{
	font-size:160%;
	padding-left:35px;
	background-size:25px 25px;
}
.contact_tel_txt_sub span{display:block;}

.contact_fax{
	font-size:160%;
	padding-left:35px;
	background-size:25px 25px;
}


/*contact*/
/*------------------------------------------------------------------------------*/

.performance_table_left{
	float:none;
	width:100%;
}
.performance_table_right{
	float:none;
	width:100%;
	margin-bottom:25px;
}
.performance dt{font-weight:bold; letter-spacing:}
.performance dt:before{
	content:"【";
}
.performance dt:after{
	display:inline;
	position:static;
	content:"】";
}
.performance dt{
	float:none;
	width:100%;
	padding-right:0;
}
.performance dd{
	float:none;
	width:100%;
	padding-left:5px;
}


/*steel_sheet*/
/*------------------------------------------------------------------------------*/

.product_img_l{
	float:none;
	width:100%;
	margin-bottom:20px;
}
.product_img_r{
	float:none;
	width:100%;
}

.color_box li{
	float:left;
	width:46%;
	margin-right:8%;
	margin-left:0;
}
.color_box li:nth-child(5n){
	margin-right:8%;
}
.color_box li:nth-child(2n){
	margin-right:0;
}
	

.box2 {
  width: 100%;
  clear: both;
  overflow: hidden;
}
.product2_img_l {
  float: none;
  width: 100%;
}

.product2_img_r {
  float: none;
  width: 100%;
  }

.product_img_r_in {
  display: block;
  vertical-align: middle;
}



/*maintenance*/
.maintenance_box01 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 30px;
}
.maintenance_left {
  width: 100%;
  float: none; 
  box-sizing: border-box;
  padding-right: 10px;
}
.maintenance_right {
  width: 100%;
  float: none; 
}


/*company*/
.company_box03 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 30px;
}
.company_box03_left {
  width: 100%;
  float: none; 
  box-sizing: border-box;
  padding-right: 10px;
  padding-bottom: 20px;
}
.company_box03_right {
  width: 100%;
  float: none; 
}

.company_box04 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 5px;
}
.company_box04_left {
  width: 100%;
  float: none; 
  box-sizing: border-box;
  padding-right: 10px;
  padding-bottom: 5px;
}
.company_box04_right {
  width: 100%;
  float: none; 
}


/*faq*/
.subtitle03 {
  color: #000;
  font-size: 150%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 5px 0 0 20px;
  border-top: 2px solid #D2232A;
  border-bottom: 1px dotted #EBE8DC;
}


.question {
  width:90%;
  margin: 0 20px;
  height: 40px;
  padding: 4px 20px;
  line-height: 15px; 
  border: 1px solid #D2232A;
  cursor: pointer;
  box-sizing: border-box;
}
.answer {
  display: none;
  width: 90%;
  margin: 0 20px;
  padding: 10px 20px;
  border-left: 1px solid #D2232A;
  border-right: 1px solid #D2232A;
  border-bottom: 1px solid #D2232A;
  box-sizing: border-box;
}

/* catalog */
/*------------------------------------------------------------------------------*/

.catalog_box3_in{
	width: 48%;
	float: left;
	margin: 0 0 25px 0;
}
.catalog_box3_in:nth-child(odd){
	width: 48%;
	float: right;
	margin: 0 0 25px 0;
}

}
/* /screens smaller than 690 */