@charset "UTF-8";
/*--------------------------------
ここからPCのCSS
----------------------------------*/
@media screen and (min-width:480px){
.sumaho{
	display: none;
}
body{
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
}

/* ========EVENT CUSTOMIZE========= */


/* ========EVENT ORIGINA CUSTOMIZE========= */

#recruit .recruit_main {
  min-height:720px;
}

#recruit .main_left_box{
  min-height:720px;
}

#recruit #recruit_content_main {
  float:left;
  width:100%;
  height:800px;
}

#recruit #right_menu {
  float:left;
  width:350px;
  height:720px;
}

#recruit #main_title{
  margin: 0px 0px -20px 0px;
  padding: 45px 0px 0px 20px;
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  color: #777777;
  background: url("../images/recruit/title_back.png");
/*  background-size:780px 112px;*/
  background-repeat: no-repeat;
  height:120px;
}

#recruit #absolute1 {
  position: absolute;
  top: 195px;
  left: 510px;
  height:84px;
  width:166px;
  z-index: 10;
}

#recruit #absolute2 {
  position: absolute;
  top: 150px;
  left: 590px;
  height:65px;
  width:124px;
  z-index: 11;
}

#recruit #absolute3 {
  position: absolute;
  top: 130px;
  left: 720px;
  height: 165px;
  width: 99px;
  z-index: 12;
}

#recruit #absolute4 {
  position: absolute;
  top: 550px;
  left: 1080px;
  height: 262px;
  width: 134px;
}

#recruit #absolute5 {
  position: absolute;
  top: 810px;
  left: 970px;
  height: 93px;
  width: 93px;
}

#recruit #absolute6 {
  position: absolute;
  top: 850px;
  left: 1080px;
  height: 110px;
  width: 203px;
}

#recruit #absolute7 {
  position: absolute;
  top: 2650px;
  left: 120px;
  height: 212px;
  width: 100px;
}

#recruit #absolute8 {
  position: absolute;
  top: 2750px;
  left: 290px;
  height: 100px;
  width: 121px;
}

#recruit #recruit_content {
  font-size: 13px;
  text-align: left;
  color: #777777;
  padding: 10px 10px 10px 10px;
  width:720px;
  height:200px;
}

.recruit_menu {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  background: url("../images/recruit/recruit_menu_bk.png");
  background-repeat: no-repeat;
  width:290px;
  height:55px;
  text-align: left;
}

.recruit_menu_title {
  width:200px;
  height:40px;
  text-align: left;
  padding: 18px 0px 0px 40px;
}

.name {
  font-size: 13px;
  color: #777777;
  font-weight: bold;
}

#recruit #recruit_pic_box {
  padding: 0px 0px 0px 0px;
  width:720px;
  height:300px;
}

.recruit_pic {
  max-width: 320px;
  height: auto;
}

#recruit hr {
  border-style: solid;
  border-color: #777777;
  height: 0px;
}

#recruit #recruit_content_box {
/*  margin: 40px 0px 0px 0px;
  width:720px;
  height:500px;
  */
}

.sub_title {
  max-width: 720px;
  height: auto;
}

#recruit #recruit_content_table {
  width: 720px;
/*  height:200px;*/
  border-collapse: collapse;
}

.recruit_content_titel_tr_top {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #777777;
  min-width: 100px;
  height: 50px;
  border-top: 1px #777777 solid;
  border-bottom: 1px #777777 solid;
}

.recruit_content_titel_td_top {
/*  min-width: 100px;*/
/*  height: 50px;*/
  background-color: #DDDDDD;
  border-top: 1px #777777 solid;
}

.recruit_content_titel_tr_under {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #777777;
  min-width: 100px;
  height: 50px;
  border-top: 1px #777777 solid;
  border-bottom: 1px #777777 solid;
}

.recruit_content_titel_td_under {
  min-width: 100px;
  height: 50px;
  background-color: #DDDDDD;
  border-top: 1px #777777 solid;
  border-bottom: 1px #777777 solid;
}

.recruit_content_td_top {
  text-align: left;
  border-top: 1px #777777 solid;
}

.recruit_content_td_under {
  text-align: left;
  border-top: 1px #777777 solid;
  border-bottom: 1px #777777 solid;
}

#recruit #recruit_map_box {
  margin: 0px 0px 0px 0px;
  width:720px;
  height:500px;
}

#recruit #recruit_add_box {
  width:720px;
  height:50px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #777777;
}

#recruit #recruit_map {
  width:720px;
  height:300px;
}

#recruit #recruit_map_box {
  margin: 0px 0px 0px 0px;
  width:720px;
  height:500px;
}

#recruit #recruit_staff_box {
  margin: 0px 0px 0px 0px;
  width:720px;
  height:900px;
  z-index: 1;
}

.recruit_staff {
  margin: 15px 0px 0px 0px;
  width:720px;
  height:320px;
}

.recruit_staff_pic_box {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  width:300px;
  height:300px;
}

.recruit_staff_pic {
  width:230px;
  height:258px;
  border:solid 1px #ccc;
  padding:4px;
}

.recruit_staff_comment {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  width:400px;
  height:300px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #777777;
}

/* 愛車紹介アイコン1 */
.mycar_icon_s1 {
  width:60px;
  height:60px;
  position: absolute;
  top: 1930px;
  left: 750px;
}

/* 愛車紹介アイコン2 */
.mycar_icon_s2 {
  width:60px;
  height:60px;
  position: absolute;
  top: 2280px;
  left: 750px;
}

/* 愛車紹介アイコン3 */
.mycar_icon_s3 {
  width:60px;
  height:60px;
  position: absolute;
  top: 2600px;
  left: 750px;
}

#recruit #mycar_icon_b1 {
  width: 269px;
  height: 269px;
  position: absolute;
  top: 1950px;
  left: 600px;
  visibility:hidden;
}
#recruit  #mycar1 {
  height: 174px;
  width: 528px;
  position: absolute;
  top: 2050px;
  left: 130px;
  visibility:hidden;
}

#recruit  #mycar_icon_b2 {
  width: 269px;
  height: 269px;
  position: absolute;
  top: 2300px;
  left: 600px;
  display: none;
}

#recruit  #mycar2 {
  width: 459px;
  height: 253px;
  position: absolute;
  top: 2300px;
  left: 200px;
  display: none;
}

#recruit  #mycar_icon_b3 {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 2610px;
  left: 600px;
  display: none;
}

#recruit  #mycar3 {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 2610px;
  left: 220px;
  display: none;
}

}

/*--------------------------------
ここからスマホCSS
----------------------------------*/

@media screen and (max-width:480px){/*andの後は半角スペース*/
body{
	position:relative;//ナビ用
	overflow:hidden;
	font-size:14px;
}
*{
	margin:0;
	padding:0;	
}

.pc{
	display:none;
}
/*サイドメニュー*/
#right_menu {
	display:none;
}
#absolute1,
#absolute2,
#absolute3,
#absolute4,
#absolute5,
#absolute6,
#absolute7,
#absolute8 {
	display:none;
}
#main_left {
	min-height:0 !important;
}
/*見出しh1*/
#recruit h1 {
	background-image: url("../images/recruit/title_back_sp.png");
	height: 50px;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 120%;
	line-height: 50px;
	padding-left: 10px;
	margin-bottom:10px;
}
/*外観内観写真*/
.recruit_pic {
	display:block;
	margin:0 auto 10px;
	width:95%;
}
＃recruit_content_main　{
	width:100%;
}

#recruit_content_box,
#recruit_map_box,
#recruit_staff_box {
	width:95%;
	margin:0 auto;
	box-sizing:border-box;
	padding:5px;
}
/*サブタイトル画像*/
img.sub_title {
	display:none;
}
/*サブタイトル テキストに置換*/
p.subtitle {
	display:block;
	width:100%;
	border-left:3px solid #b22;
	box-sizing:border-box;
	margin:30px 0 15px 0px;
	padding:10px;
	font-size:120%;
}

/*==会社概要==*/
/*table*/
.recruit_content_titel_td_top {
    width: 30%;
    height: 50px;
    background-color: #DDD;
    //border-top: 1px solid #777;
	text-align:center;
}
.recruit_content_titel_td_top:last {

    border-top: 1px solid #777;

}
.recruit_content_td_under {
    text-align: left;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
}
.recruit_content_td_top {
    text-align: left;
    border-top: 1px solid #777;
	
}



/*==アクセス==*/
/*GoogleMap*/
#recruit_map,
#map_canvas {
	width:100% !important;
	height:200px !important;
}

/*== staff紹介 ==*/
#recruit_staff_box {
	position:relative;
	z-index:1;
	margin-bottom:100px;
}
/*staff枠*/
.recruit_staff {
	width:95%;
	box-sizing:border-box;
	border:1px solid #888;
	padding:20px 5px 105px;
	margin:0 auto 20px;
	display:block;
	//position:relative;
}
/*愛車紹介アイコン*/
#mycar_icon1,
#mycar_icon2,
#mycar_icon3 {
	display:none;
}

/*====愛車紹介====*/
/*アイコン*/
#mycar_disp1,
#mycar_disp2,
#mycar_disp3 {
		width:30% !important;
}
/*愛車画像*/
#mycar_img1,
#mycar_img2{
	width:60% !important;
}
#mycar_img3 {
	width:53% !important;
}
/*社長愛車*/
#mycar_disp1 {
	position:absolute;
	z-index:10;
	left:60%;
	margin-top: -1535px;
}
#mycar_img1 {
	position:absolute;
	z-index:20;
	left:10%;
	margin-top: -1485px;
}
/*中村さん愛車*/
#mycar_disp3 {
	position:absolute;
	z-index:10;
	left:60%;
	margin-top: -870px;
}
#mycar_img3 {
	position:absolute;
	z-index:20;
	left:10%;
	margin-top: -850px;
}

#footer {
	width:100%;
	background:#000;
	font-size:60%;
	color:#fff;
	box-sizing:border-box;
	padding:5px;	
}
}