@charset "utf-8";
/* CSS Document */
#title_inner .title{
	width:930px;
	height:40px;
	vertical-align:middle;
	font-size:28px;
	font-weight: 800;
	top:10px;
	left:10px;
	padding:10px 10px 10px 10px;
	margin:20px auto 10px 10px;
	border-left:solid 8px #990014;
	border-bottom:solid 1px #CCCCCC;
	text-align:left;
	color:#666;
}

@media screen and (min-width: 641px){
div.list_title{
	width:100%;
	max-width:150px;
	font-weight:bold;
	border-left:solid 6px #999999;
	font-size:20px;
	padding-left:10px;
}

div.bottom_line{
	width:100%;
	max-width:700px;
	border-bottom:solid 1px #DDDDDD;
	margin-top:0px;
	margin-bottom:15px;
}

div#vector{
	margin-bottom:40px;
	font-size:calc(18px) ;
	line-height:1.3;
	margin-left:30px;
	margin-top:20px;
}
div#vector br { display:none;}

/*事業所・営業所*/
.kts_bace{
	position:relative;
	width:90%;
	max-width:660px;
	height:auto;
	margin-left:30px;
	margin-bottom:50px;
}
.map{
	position:relative;
}
.bace_address{
	font-size:calc(16px);
	margin-left:30px;
	width:90%;
	max-width:500px;
}
.bace_address img{
	position:absolute;
	top:5px;
	left:150px;
}
.postalcode{
	font-size:calc(14px);
	margin-left:30px;
	width:90%;
	max-width:500px;
}
.telenumber{
	line-height:1.3;
	margin-top:10px;
	margin-left:0px;
}
.photo{
	position:absolute;
	right:0px;	
}
}

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

div.list_title{
	width:96%;
	font-weight:bold;
	border-left:solid 6px #999999;
	font-size:18px;
	padding-left:10px;
}

div.bottom_line{
	width:100%;
	max-width:560px;
	border-bottom:solid 1px #DDDDDD;
	margin-top:0px;
	margin-bottom:12px;
}

div#vector{
	position::relative;
	width:96%;
	margin-bottom:30px;
	font-size:2.8vw;
	line-height:1.3;
	margin-left:10px;
	margin-top:20px;
}
div#vector br { display:none;}

/*事業所・営業所*/
.kts_bace{
	position:relative;
	width:94%;
	height:150px;
	margin-left:3%;
	margin-bottom:20px;
}
.map{
	position:absolute;
}
.bace_address{
	font-size:calc(14px);
	margin-left:10px;
	width:100%;
}
.bace_address img{
	position:absolute;
	top:5px;
	left:150px;
}
.postalcode{
	font-size:calc(12px);
	margin-left:10px;
	width:94%;
	max-width:500px;
}
.telenumber{
	font-size:calc(12px);
	line-height:1.3;
	margin-top:10px;
}
/*.photo{
	width:100%;
	position: relative;
	right:0;
}*/
.photo{
	position:absolute;
	right:0px;	
}
}
@media screen and (max-width: 480px){
div.list_title{
	width:100%;
	font-weight:bold;
	border-left:solid 6px #999999;
	font-size:16px;
	padding-left:10px;
}

div.bottom_line{
	width:100%;
	max-width:300px;
	border-bottom:solid 1px #DDDDDD;
	margin-top:0px;
	margin-bottom:12px;
}

div#vector{
	position::relative;
	width:94%;
	margin-bottom:30px;
	font-size:4vw;
	line-height:4.6vw;
	margin-left:4%;
	margin-top:20px;
}
div#vector br { display:block;}

/*事業所・営業所*/
.kts_bace{
	position:relative;
	width:90%;
	height:100%;
	margin-left:10px;
	margin-bottom:40px;
}
.map{
	position:absolute;
}
.bace_address{
	font-size:calc(12px);
	margin-left:15px;
	width:100%;
}
.bace_address img{
	position:absolute;
	top:5px;
	left:150px;
}
.postalcode{
	font-size:calc(12px);
	margin-left:15px;
	width:100%;
}
.telenumber{
	line-height:1.3;
	margin-top:10px;
}
/*.photo{
	width:100%;
	position: relative;
	margin-left:15px;
	right:0;	
}*/
.photo{
	position:relative;
	left:10px;	
}
}

@charset "utf-8";
/* CSS Document */

html,body{
        margin:0;
        padding:0;
        font-family:Arial; 
}

@media screen and (min-width: 801px){
	
#title_inner .title{
	width:930px;
	height:40px;
	vertical-align:middle;
	font-size:28px;
	font-weight: 800;
	top:10px;
	left:10px;
	padding:10px 10px 10px 10px;
	margin:20px auto 10px 10px;
	border-left:solid 8px #990014;
	border-bottom:solid 1px #CCCCCC;
	text-align:left;
	color:#666;
}

}

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


#title_inner .title{
	width:92%;
	height:40px;
	vertical-align:middle;
	font-size:28px;
	font-weight: 800;
	top:10px;
	left:10px;
	padding:10px 2% 10px 2%;
	margin:20px auto 10px auto;
	border-left:solid 8px #990014;
	border-bottom:solid 1px #CCCCCC;
	text-align:left;
	color:#666;
}
}

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

#title_inner .title{
	width:92%;
	height:40px;
	vertical-align:middle;
	font-size:28px;
	font-weight: 800;
	top:10px;
	left:10px;
	padding:10px 2% 10px 2%;
	margin:20px auto 10px auto;
	border-left:solid 8px #990014;
	border-bottom:solid 1px #CCCCCC;
	text-align:left;
	color:#666;
}
}
@media screen and (max-width: 480px){

#title_inner .title{
	width:92%;
	height:40px;
	vertical-align:middle;
	font-size:28px;
	font-weight: 800;
	top:10px;
	left:10px;
	padding:10px 2% 10px 2%;
	margin:20px auto 10px auto;
	border-left:solid 8px #990014;
	border-bottom:solid 1px #CCCCCC;
	text-align:left;
	color:#666;
}
}