@charset "UTF-8";
/*
 * sp.css
 *
 */

@media screen and (max-width:1000px){
/*==================================
             top page
==================================*/
#wrapper {
	overflow:hidden;
}
#header,
#navi1 ul,
#headerIn .top_ttl,
.recruit_list ul {
    width: 100%;
}
#contents {
    width: 100%;
	padding:0 20px 20px;
	box-sizing:border-box;
}
.contact_tel img {
	width:95%;
	height:auto;
}
#footer_left {
	display:block;
}
#footer_box {
    width: 100%;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;	
}
.unyo {
    margin: 20px auto;
}
.recruit_copy img {
	width:37%;
	height:auto;
	margin:0 2% 0 0;
}
.recruit_sentence {
	width:60%;
	float:left;
}
.recruit_copy h3,
.recruit_copy p {
	width:auto;
	clear:both;
	margin:0;
	padding:0;
	text-align:left;
}
.recruit_copy h3 {
	margin:0 0 15px;
}
/*==================================
             contact
==================================*/
.recruit_contact img {
	width:95%;
	height:auto;
}
.chuui-jikou {
    width: 100%;
	padding:0 0 0 20px;
	box-sizing:border-box;	
}
#contact_list table {
	width:95%;
}
}

@media screen and (max-width:767px){
#navi1,
#head-h1 nav,
#footer_right,
#contents .only_pc {
	display:none;
}
#contents .only_sp {
	display:block;
}
#wrapper,
#header,
#headerIn,
#contents,
#product_list,
#contact_tel ,
#footer {
	width:100%;
}
#wrapper {
	overflow:hidden;
}
#main {
	padding:10px;
}
#header {
	background-image:url(/img/recruit/top_page/recruit_ttl_sp.jpg);	
}
#headerLogo {
    margin: 10px auto;
}
#headerLogo ul {
    display: inline-block;
}
#head-h1 {
    width: auto;
	text-align:center;
}
#head-h1 h1 {
    margin: 2px 0px 2px 10px;
}
#headerLogo_left img {
	width:100%;
	height:auto;
}
#headerLogo_left {
	float:none;
	width:auto;
    margin: 0 auto;
}
#headerLogo_left h1 {
	width:260px;
    display:inline-block;
}
#headerLogo_left h1 img {
	vertical-align:middle;
}
#headerLogo_right {
    float: none;
	margin:0 auto;
	padding:10px 0;
}
#headerLogo_right img {
	display:block;
    margin: 0 auto;
	text-align:center;
}
#contents {
	padding:0 10px 10px;
}
.contact_tel {
    margin: 30px auto;
}
.contact_tel img {
	width:90%;
	height:auto;
	margin:0 auto;
    border: #002E96 solid 1px;
}
#main #mukau_link {
	display:block;
	clear:both;
	float:none;
	width:90%;
	margin:0 auto 20px;
	padding:0;
	font-size:16px;
	text-align:left;
}
#main #mukau_link a {
	display:block;
	padding:10px;
}
.recruit_copy img {
    float:none;
	width:95%;
	height:auto;
    margin: 0 auto;
}
.shokuin_list dl dt,
.shokuin_list dl dd {
	font-size:16px;
}
.recruit_info #header {
	width:auto;
	height:300px;
}
.recruit_info #headerIn {
	padding:60px 0;
}
#headerIn .top_ttl {
    width:auto;
}
.recruit_copy h3, .shinsotsu_info h3 {
    float: none;
	width:auto;
	margin:20px auto
}
.recruit_copy p, .shinsotsu_info p {
    float: none;
    width: 90%;
	margin:0 auto 20px;
}
.recruit h2 {
	margin:0 auto 30px;
	padding:20px 0 10px;
	background-color:#B1C8FA;
	line-height:1em;
}
#main .kuwashiku {
	display:block;
	float:none;
	margin:30px auto;
    text-align:center;
}
.recruit_list ul {
    display:block;
    width:auto;
}
.recruit_list li {
    margin: 10px auto 20px;
}
.top_logo {
    margin: 0 auto;
}
.word {
	display:block;
}
/*=================================
             top page
==================================*/
.recruit_list img {
	display:block;
	width:auto;
	height:40px;
	margin:5px auto;
}
.recruit_list li img {
	margin:0 auto 10px;
}
.recruit_menu li {
    float: none;
    width: 90%;
	margin:0 auto 20px;
}
.recruit_menu li img {
    width: 100%;
	height:auto;
}
.shokuin_list {
	display:block;
	float:none;
	width:90%;
	margin:50px auto;
}
.shokuin_list img {
	width:100%;
	height:auto;
}
.recruit_menu ul {
    display:block;
    width:auto;
}
.recruit_sentence {
    width: 100%;
    float: none;
}
#main .crear_list {
	margin:30px auto 40px;
}
#main .crear_list li {
    margin: 20px auto;
}
/*==================================
            shinsotsu
==================================*/
.shinsotsu table {
	width:95%;
    margin: 30px auto;
}
.shinsotsu th ,
.shinsotsu td {
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;	
}
/*==================================
            boshu_shoku
==================================*/
.boshu_shoku table {
	width:95%;
	margin:0 auto;
}
#crear_kuro th,
#crear_kuro td,
#crear th,
#crear td,
#morino_ie th,
#morino_ie td,
#morino_ie_bekkan th,
#morino_ie_bekkan td {
	display:block;
	width:100%;
	margin:0;
	padding:10px;
	box-sizing:border-box;
}
/*==================================
              shokuin
==================================*/
.shokuin_list li {
    float: none;
    margin: 10px;
}
.shokai img {
	width:90%;
	height:auto;
}
/*==================================
               kyuyo
==================================*/
.kyuyo h4 {
	display:block;
    float: none;
    margin: 10px auto 0;
}
.kyuyo li {
    width: 100%;
    margin: 0 auto;
	padding: 0 0 40px 0;
}
.kyuyo li p {
    float: none;
    width:auto;
}
/*==================================
               contact
==================================*/
.recruit_contact img {
	width:90%;
	height:auto;
	margin:0 auto;
}
.chuui-jikou {
    width:auto;
	padding:10px;
	box-sizing:border-box;
}
#contact_list table {
    width: 100%;
	margin:0 auto 20px;
}
#contact_list table th, #contact_list table td {
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
#e_question {
	width:90%;
}
#entry {
	margin:0 auto 30px;
}
#b_furigana,
#d_email,
#e_question {
	width:95%;
}
/*==================================
          privacypolicy
==================================*/
.kojinjyouhou {
    padding: 0;
}
/*==================================
           sp-menu
==================================*/
#sp-menu {
    display:inline-block;
    float: right;
	margin:0 0 10px;
}
#sp-menu li {
    width: auto;
    margin:0 auto;
	padding:0;
	text-align:center;
	background-image:none;
}
#sp-menu img {
	display:block;
    width: auto;
    margin: 5px auto 0;
	text-align:center;
}
#sp-menu p {
    margin:0 auto;
	padding:0;
	color:#003194 ;
	text-align:center;
	border:none;
	background:none;
}
/*==================================
            dialog_menu
==================================*/
#dialog_menu {
    margin: 20px;
    background: #fff;
}
#dialog_menu ul {
	border:#003194 solid 1px;
width: auto;
}
#dialog_menu .dialogMenuTitle {
	background-color:#003194;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
}
#dialog_menu li {
	border-bottom:#666666 solid 1px;
}
#dialog_menu li:last-of-type {
	border-bottom:none;
}
#dialog_menu li a {
    padding:15px 0 15px 33px;
    color: #000;
    display: block;
    text-decoration: none;	
}
#dialog_menu li a:hover {
	background-color:#6087D4;
    color: #fff;
}
#dialog_menu .product_list h4 {
    border-bottom:none;
	margin:0;
	padding:0;	
}
#dialog_menu .product_list h4 a {
	margin:0;
	padding:10px 0 0 0;
}
#dialog_menu .product_list {
    margin: 0 10px;
	display:block;
}
#dialog_menu .product_list a {
	border:none;
}
#dialog_menu .product_list li:last-of-type {
	border:none;
}
#dialog_menu .close {
	padding:10px 0;
	text-align:center;
	font-weight:bold;
	color:#003194;
	background-image:url(/img/recruit/common/close.png);
	background-position:63% 51%;
	background-repeat:no-repeat;
	background-size:15px 15px;		
}
#top {
	background-image:url(/img/common/sp_top.jpg);
	background-position:top;
	background-repeat:repeat;
}
#dialog_menu  ul li {
	width:100%;
    margin:0 auto;
    background-image:url(/img/recruit/common/arrow_01.jpg);
    background-position: 3% 50%;
    background-repeat: no-repeat;
	background-size:15px 15px;	
    font-size: 16px;
    text-align: left;
    line-height: 2em;
}
#dialog_menu  ul li:first-of-type {
	background-image:none;	
}
#dialog_menu  ul li:last-of-type {
	padding:0;
	background-image:none;
}
#dialog_menu .menu_list li {
    margin:0 auto;
	padding:0;	
    background-image:url(/img/recruit/common/arrow_02.jpg);
    background-position: 8% 50%;
    background-repeat: no-repeat;
    font-size: 16px;
    text-align: left;
    line-height: 2em;
}
#dialog_menu  .menu_list li {
	border-bottom:#666666 dotted 1px;
}
#dialog_menu  .menu_list li:last-of-type {
	border-bottom:none;
}
#dialog_menu  .menu_list li a {
    padding:15px 0 15px 53px;
}

}

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

#main #mukau_link {
    width: 100%;
	background-size: 30px 12px;
	font-size:14px;
}
.recruit_info #headerIn h2 {
	width:300px;
}

}