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

#subtitle_box {
    background-size: cover;
	height:80px;
	margin-top:0px;
}

#locator {display:none;}

#subtitle02 {
    height: 80px;
    margin-bottom: 30px;
    margin-top: -95px;
    padding-top: 25px;
    text-align: center;
    width: 100%;
}


#subtitle02_01 {
    height: 80px;
    margin-bottom: 30px;
    margin-top: -95px;
    padding-top: 25px;
    text-align: center;
    width: 100%;
}

#subtitle02 h2 {
	font-size:145%;
	padding-left:0;
}

#subtitle02_01 h2 {
	font-size:160%;
	padding-left:0;
}

.subtitle03 {
	font-size:140%;
}

.subtitle04 {
    font-size: 120%;
    padding-bottom: 5px;
    padding-left: 25px;
}

.subtitle04::before {
	top:11px;
}



/* subnav */
/* ------------------------------------------------------------------- */
#subnav li a {
	background: url(../image/common/arr_subnav@2x.png) no-repeat 20px center;
	background-size:15px;
}

/* what */
/* ------------------------------------------------------------------- */
.box2_what_left {
	width: 100%;
	float: none;
}
.box2_what_right {
	width: 100%;
	float: none;
}
.box2_what_left_b {
	width: 100%;
	float: none;
}
.box2_what_right_b {
	width: 100%;
	float: none;
}

.box3_what_left {
	width: 100%;
	float: none;
	margin-bottom:30px;
}
.box3_what_right {
	width: 100%;
	float: none;
}

.box3_what_left img,.box3_what_right img {
	width:60%;
	margin-left:20%;
}

.sub_bottom_btn li{
	margin-top: 30px;
	width:80%;
	margin-left:10%;
	float:none;
}
.sub_bottom_btn li a{
	background: url(../image/common/top_arr02@2x.png) no-repeat 8% 13px;
	background-size: 12px 18px;
}
.sub_bottom_btn li a:hover{
	background-image: url(../image/common/top_arr03@2x.png);
}

.sub_top_btn li{
	width:100%;
	margin: 2.5% auto;
}

.sub_top_btn_box:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin-bottom:20px;
}

.sub_top_btn li a{
	display: block;
	text-align: center;
	padding: 15px 10px 15px 12px;
	line-height: 1;
	font-size: 100%;
	border: 1px solid #09B3F1;
	text-decoration: none;
	color:#09B3F1;
		background: url(../image/common/top_arr02.png) no-repeat 8% 15px;
	background-size: 12px 18px;
}
.sub_top_btn li a:hover{
	color: #fff;
	background-color: #09B3F1;
	border: 1px solid #09B3F1;
	background-image: url(../image/common/top_arr03.png);
}


li.contact_txt {
	float:none;
	width:100%;
	margin-bottom:10px;
}
li.contact_btn {
	float:none;
	width:100%;
	padding-left:10px;
}



/* service */
/*------------------------------------------------------------------------------*/
.box2_service_left {
	width: 100%;
	float: none;
	margin-bottom:30px;
}
.box2_service_right {
	width: 100%;
	float: none;
}

/* repair */
/*------------------------------------------------------------------------------*/
.repair_item li {
	width:100%;
	float:none;
}

.sub_btn p a{
	padding: 15px 3% 15px 9%;
	background:#fff url(../image/common/top_arr02@2x.png) no-repeat 5% 14px;
	background-size:12px 18px;
	font-size: 115%;
}

.sub_btn p a:hover{
	background-image: url(../image/common/top_arr03@2x.png);
}

/* news */
/*------------------------------------------------------------------------------*/


#sub_rss_box .rss_date{
	clear:both;
	width:100%;
	float:none;
}
#sub_rss_box .rss_title{
	width:100%;
	float:none;
	margin:5px 0;
}
#sub_rss_box .rss_contents{ 
	width:100%;
	float:none;
	padding:0;
}

/* flow */
/*------------------------------------------------------------------------------*/

.flow-list li:before,.flow-list02 li:before {display:none;}
.flow-list li:after {
	position:static;
	content: url(../image/common/arr_flow_sp.png);
    display: block;
    float: none;
	margin: 10px auto;
	border-style: none;
	width: 100%;
}
.flow-list02 li:after {
	content: url(../image/common/arr_flow_sp.png);
	display: block;
	float: none;
	border: 0 none;
	margin: -25px auto;
	position: absolute;
	width: 100%;
}

.flow-list li,.flow-list02 li {
	width:100%; 
	float:none;
	margin-bottom:30px;
	}

.flow-list li:last-child,.flow-list02 li:last-child {
	margin-bottom:0;
	}

.flow-list02 li {height:auto; padding:0;}

.flow-list02 li span {display:inline;width:auto; height:0;}

.flow-list li:first-child::after,
.flow-list02 li:last-child::after {
	display:block;
}
.flow-list li:last-child::after,
.flow-list02 li:first-child::after {
	display:none;
}

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

.contact_privacy{margin:0 0 15px 15px; clear:both;}



/*case*/
/*------------------------------------------------------------------------------*/
.achievement_box{padding: 5%;}
.achievement_box_left{width: 100%; float: none; margin-bottom: 20px;}
.achievement_box_right{width: 100%; float: none;}

/*case*/
/*------------------------------------------------------------------------------*/
.box2_case_detail_left{width: 100%; float: none; margin-bottom: 20px;}
.box2_case_detail_right{width: 100%; float: none;}


/*search下層*/
/*------------------------------------------------------------------------------*/
.arr_case img {width:20%; height:auto; margin:0 auto;}

/* sitemap */
/* ------------------------------------------------------------------- */

.sitemap {
    padding-left: 10px;
}

/*table*/
/*------------------------------------------------------------------------------*/
table.tab th{
	display: inline-block;
	border-bottom:1px dotted #005BAC;
	padding:3px 0;
}
table.tab td{
	display: block;
	border-bottom:none;
	padding:10px 0 20px;
}


.table_txt {
	width:100%;
}
/*network.html*/
/*------------------------------------------------------------------------------*/

.network_btn{float: left; margin:0 2%; width: 46%}

.network_btn_area a {
	display: block;
	background-image: url(../image/common/top_arr02.png);
	background-repeat: no-repeat;
	background-position: 8% 50%;
	border: 1px solid #09b3f1;
	height: 60px;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	margin: 10px 0;
}


li.contact_number {

width: 100%;
padding-bottom:10px;
padding-top:10px;
}


li.contact_txt span {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    font-size: 94%;
    font-weight: bold;
    padding-top: 0px;
}

.contact_box {
	height:235px;
}













}