/*===============================================
●tablet.css  画面の横幅が768pxまで
===============================================*/

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

body {margin:0;background:#000;}
img {max-width:100%;width: 100%;height: auto;
	width /***/:auto;}
	
#wrapper{
	width:100%;
	margin: auto;
	box-sizing:border-box;
	border-top:none;
}

#sp_nav{
	display: block;
}

.br_non{
	display:block;
}

#hh{
	height: auto;
}

/*----------index----------*/

#index_header{
	display:none;
}

#index_bg{
	width:100%;
	background-image:none;
}

#index_outbox{
	position:relative;
	width:100%;
	background:#FFF;
	padding:0 20px 20px 20px;
	box-sizing:border-box;
}

#index_box{
	padding:0;
}

#index_120{
	width:100%;
	text-align:center;
	padding:20px 0;
}

#index_rinenbox{
	width:100%;
	text-align:center;
	padding:0;
}

#index_rinen{
	padding-bottom:20px;
}

#index_message{
	width:100%;
	padding:0;
	font-size:14px;
	box-sizing:border-box;
}

#index_name{
	width:100%;
	text-align:right;
	padding:20px 0;
	font-size:14px;
}

#index_nav{
	display:none;
}

#index_icon{
	display:block;
	width:100%;
}

#index_icon ul{
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	border-top:1px solid #CCC;
}

#index_icon li{
	padding:10px;
	border-bottom:1px solid #CCC;
}

#index_icon li:hover{
	padding:10px;
	border-bottom:1px solid #CCC;
	background:#ffdfe2;
}

#index_icon li a{
	width:100%;
	display:block;
	vertical-align:middle;
	font-size:20px;
}

#index_icon li img{
	vertical-align:middle;
}

.arrow{
position: relative;
display: inline-block;
padding: 0 20px 0 0;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
box-sizing:border-box;
}

.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto 0 auto auto;
content: "";
vertical-align: middle;
}

#index_icon li a::after{
right: 0;
width: 10px;
height: 10px;
border-top: 1px solid #999;
border-right: 1px solid #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*----------spage----------*/

header{
	display:none
}

#titlebox{
	width:100%;
	background:#cc0000;
}

#title{
	width:100%;
	background:#cc0000;
	padding:20px 0 20px 0;
	text-align:center;
	border-left:none;
	border-right:none;
}

#title h2{
	font-size:24px;
	color:#FFF;
	letter-spacing:2px;
}

#sub{
	font-size:12px;
	color:#FFF;
	letter-spacing:2px;
}

#contents{
	width:100%;
	padding:0;
}

.outbox{
	padding:10%;
	box-sizing:border-box;
	margin-bottom:0;
}

.box{
	width:100%;
}

.bar h3{
	width:100%;
	font-size:24px;
	color:#d6000f;
	margin-bottom:30px;
}

.rbox{
	width:100%;
	margin:0;
}

/*----------footer----------*/

footer{
	width:100%;
	background:#333333;
	padding:20px 20px 50px 20px;
	color:#FFF;
	box-sizing:border-box;
	overflow:hidden;
}

#footer_adress{
	width:100%;
	float:none;
	color:#FFF;
	text-align:center;
}

#copy{
	width:100%;
	float:none;
	color:#FFF;
	font-size:10px;
	padding-top:20px;
	text-align:center;
}

/*----------PROFILE----------*/


.profile_table td{
	width: auto;
}

.profile_rinen{
	background:none;
	padding-left:0;
}

.profile_120{
	display: block;
	padding-bottom:20px;
	text-align:center;
}

.profile_rekishi dl{
	border-bottom:1px dashed #CCC;
}

.profile_rekishi dt{
	float:none;
	width:100%;
	padding-bottom:none;
	font-weight:bold;
}

.profile_rekishi dd{
	margin-left:0;
	padding-bottom:5px;
}

/*----------PERSON----------*/

.person_box{
	width:100%;
}

.person_maru{
	float:none;
	width:100%;
	padding-bottom:10px;
}

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

.person_img{
	width:100%;
	text-align:center;
}

.person_text{
	font-size:24px;
	border-bottom:#d6000f 1px solid;
	padding:20px 0 10px 0;
	margin-bottom:20px;
	color:#d6000f;
	text-align:center;
	font-weight:bold;
}

.person_list{
	padding:0;
	margin:0;
	list-style-type:none;
}

.person_list li{
	font-size:16px;
	padding-bottom:20px;
	padding-left:1em;
	text-indent:-1em;
}

/*----------RECRUIT----------*/

.recruit_table th{
	width: auto;
	background:#d6000f;
	padding:5px;
	color:#FFF;
	font-size:14px;
	border:1px solid #999;
	vertical-align:top;
}

.recruit_table td{
	width:42%;
	padding:5px;
	font-size:14px;
	border:1px solid #999;
	vertical-align:top;
}

.recruit_table_in{
	float:none;
	border:none;
}

.recruit_table_in th{
	float:left;
	width:100%;
	background:none;
	font-size:14px;
	color:#000;
	font-weight:normal;
	padding:0;
	border:none;
	text-align:left;
	font-weight:bold;
}

.recruit_table_in td{
	float:left;
	width:100%;
	font-size:14px;
	border:none;
	vertical-align:top;
	padding:0 0 20px 0;
}

.recurit_ol{
	padding:0;
	padding-left:2em;
	box-sizing:border-box;
}

/*----------SERVICE----------*/

.service_ul li{
	float:none;
}

.service_no{
	width:60px;
	font-size:60px;
	color:#f7cccf;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
}

.service_item{
	width:145px;
	font-size:24px;
	font-weight:bold;
	padding-top:15px;
	line-height:1.2em;
	padding-bottom:20px;
}

.service_arrow{
	display:none;
}

.service_text{
	width:100%;
	font-size:14px;
	line-height:1.8em;
}

.service_shikumi{
	float:none;
	width:100%;
	padding:0 0 40px 0;
}

.service_shikumi:last-child{
	float:none;
	width:100%;
	padding:0;
}

.service_t{
	font-size:16px;
	font-weight:bold;
	padding:30px 0 0 0;
}

.service_text{
	width:100%;
	font-size:14px;
	line-height:1.8em;
}

.service_text table th{
	float:left;
	font-size:14px;
	padding:0 10px 0 0;
	vertical-align:text-top;
}

.service_text table td{
	float:left;
	font-size:14px;
	padding:0 10px 0 0;
}

/*----------STAFF----------*/

.staff_office1{
	float:none;
	width:100%;
	text-align:center;
	padding-bottom:10px;
}

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

.staff_box{
	float:none;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
	align-items: stretch;
}

.staff_box:nth-child(even){
	float:none;
	width:100%;
}

.staff_icon{
	width:25%;
	float:left;
}

.staff_text{
	width:70%;
	float:right;
	font-size:14px;
}

.staff_text2{
	width:70%;
	float:right;
	font-size:14px;
}

.staff_m{
	font-size:18px;
	font-weight:bold;
}

.staff_mbox{
	border-bottom:1px solid #CCC;
	padding-bottom:40px;
	margin-bottom:40px;
	overflow:hidden;
}

.staff_mbox:last-child{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
	overflow:hidden;
}

.staff_face{
	float:none;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	padding-bottom:10px;
}

.staff_r{
	font-size:18px;
	font-weight:bold;
	padding:5px 0;
}

.staff_message{
	float:none;
	width:100%;
	font-size:14px;
	line-height:1.8em;
}

.staff_name{
	width:100%;
	padding-bottom:25px;
	text-align:center
}


}