@charset "utf-8";

@media screen and (max-width: 750px) {
/* ==========================================================================
                        基礎設定
   ========================================================================== */
/* ===== reset ===== */
/*
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
body {
	min-width: 0;
}
img {
	max-width: 100%;
	height: auto;
}
a.tel {color:#0a7be0;}

.pc_block {
	display: none;
}
.sp_notes {
	display: block;
}
h1 {
    font-size: 1.5rem;
    padding-left: 20px;
    padding-bottom: 5px;
    line-height: 1.5em;
    margin-bottom: 15px;
}
h4 {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	margin: 20px 0;
	line-height: 1.5em;
}
input,textarea{
	font-size:16px;
}
/* ==========================================================================
                        レイアウト
   ========================================================================== */
/* ===== header&footer ===== */
header {
	border-top: #063793 5px solid;
	padding-top: 0px;
}
/* ===== wrap ===== */
.wrap {
	width: 90%;
}
/* ===== sidemenu ===== */
#sidemenu {
	display: none;
}
/* ===== article ===== */
article {
	width: 100%;
	font-size: 1.2rem;
	line-height: 2rem;
	float: none;
}
/* section */
section + section {
	margin-top: 40px;
}

#j_pagetop {
	position: fixed;
	bottom: 33%;
	right: 10px;
}

/* ==========================================================================
                        header
   ========================================================================== */
/* ===== float ===== */
header li {
	float: none;
}
/* ===== ページトップへ ===== */
#pagetop {
	position: absolute;
	top: 0;
}
/* ===== ロゴマーク ===== */
header .logo {
    width: 270px;
	margin: 10px 0;
}

/* ===== 住所・電話番号 ===== */
header address {
	display: none;
	float: none;
}
header address li {
	float: none;
}
header address li + li {
	margin-left: 0;
}
/* ===== メインメニュー ===== */
header nav {
	display: none;
	border-bottom: #CCC 1px solid;
	margin-top: 0;
}
header nav ul {
	border-top: none;
	padding-top: 0;
	top: 0;
}


/* ===== トップページスライドショー ===== */
#mainphoto {
	margin: 5px auto 15px;
}

/* ==========================================================================
                        メニューナビ
   ========================================================================== */
#spmenu {
	display: block;
	position: absolute;
	width: 100%;
	z-index: 10001;
}
#spmenu p{
    margin: 0px ;
}
#spmenuback {
	background-color: #333;
	display: block;
	height: 100%;
	opacity: 0.7;
	position: fixed;
	width: 100%;
	z-index: 10000;
}
#spmenubar {
	background-color: #130000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 15px 10px 15px;
	position: absolute;
	right: 0;
	top:0;
	text-align: center;
	width: 55px;
}
#spmenubar em {
	font-size: 10px;
	font-weight: normal;
}
#toplevelmenu .first {
	background-color: #130000;
	border-bottom: 1px solid #fff;
	color: #333;
	color: #fff;
	display: block;
	font-size: 13px;
	padding: 15px;
	text-decoration: none;
	width: 100%;
}
#toplevelmenu .single a{
	background-color: #130000;
	border-bottom: 1px solid #fff;
	color: #333;
	color: #fff;
	display: block;
	font-size: 13px;
	padding: 15px;
	text-decoration: none;
	width: 100%;
}
#toplevelmenu .second {
	background-color: #333;
	border-bottom: 1px solid #fff;
	color: #333;
	color: #fff;
	display: block;
	font-size: 13px;
	padding: 15px;
	text-decoration: none;
	width: 100%;
}
#toplevelmenu, #spmenuback, #close, .up {
	display: none;
}

   
/* ==========================================================================
                        index
   ========================================================================== */
/* ===== トップページスライドショー ===== */
#mainImg {
    height: 300px;
}
#mainphoto .wrap .entry-area{
	top: 150px;
	left: 0px;
	width: 100%;
	height: 170px;
	padding: 10px;
}
#mainphoto .entry-area h3{
	font-size: 1.5em;
	margin: 5px 0;
	font-weight: bold;
}
#mainphoto .entry-area p{
	font-size: 0.8em;
	text-align: left;
}
#mainphoto .entry-area img{
	font-size: 0.8em;
	width: 73%;
}
#mainphoto .wrap{
	width: 100%;
}

/*セミナーバナー
------------------------------------- */
.container-fluid.seminar-bnr .wrap {
    width: 100%;
}
.container-fluid.seminar-bnr{
	padding-right: 0px;
	padding-left: 0px;
}
/*２つ選択
------------------------------------- */
#select2 .col-sm-6 {
	padding-right: 25px;
	padding-left: 25px;
}

#select2 .col-sm-6 a {
	height: auto;
	padding: 10px 30px 10px 20px;
	position: relative;
}
#select2 .col-sm-6 a:after {
	content: " \f054";
	font-family: FontAwesome;
	position: absolute;
	right:10px;
	top: 50%;
	color: #FFF;
}


#select2 .col-sm-6 p{
	text-align: left;
	font-size: 0.85em;
	line-height: 1.3;
}
#select2 .col-sm-6 div {
    font-size: 1.3em;
	float:right;
	width: 84%;
	text-align: left;
}
#select2 .col-sm-6 img {
	float:left;
	width: 13%;
	margin-right: 3%;
}
#select2 .col-sm-6:last-child a {
    margin-top: 10px;
}

/*新着お仕事情報
------------------------------------- */
#newjob .container-fluid .col-sm-4{
	padding-right: 5px;
	padding-left: 5px;
}

/*グループ企業
------------------------------------- */

.group-logo.lo3{
	margin: 0 auto;
}
.group-logo.lo2{
	margin: 0 auto;
}
.group-logo.lo3 .col-sm-3,.group-logo.lo2 .col-sm-3{
	width: 50% !important;
}

/*お仕事情報
------------------------------------- */
#joblist .col-sm-12{
	padding-right: 0px;
	padding-left: 0px;
}
#joblist .col-sm-12 .joblist-box .joblist-top small{
	margin-top: 10px;
}
#joblist .col-sm-12 .joblist-box .table th, #joblist .col-sm-12 .joblist-box .table td {
    width: 100%;
	display: block;
}
#joblist .col-sm-12 .joblist-box .table th {
	padding: 5px 5px 5px 15px;
	background-color: #F3F3EA;
	font-size: 0.9em;
}
#joblist .col-sm-12 .joblist-box .table td {
	padding: 10px 10px 10px 15px;
    color: #040353;
}
nav.page {
    padding-right: 0px;
}
.page-right ul li {
    padding: 5px 10px;
	height: 30px;
}



/*    お仕事をお探しの方
------------------------------------- */
.forstaff-nav .btn {
padding: 6px;
width: 49%;
margin-bottom: 10px;
font-size: 11px;
}
.forstaff-nav {
padding-right: 0px;
padding-left: 0px;
}
.forstaff-nav {
    margin-bottom: 40px;
}

/*    会社概要
------------------------------------- */
.company table {
    width: 100%;
}
.company table th {
    width: 30%;
    padding-left: 0px !important;
}
.map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*    お問い合わせフォーム
------------------------------------- */
.otoi .col-sm-6 .otoi-b {
    height: auto;
}
#wpcf7-f271-p9-o1 table,#wpcf7-f455-p451-o1 table {
    width: 100%;
}
#wpcf7-f271-p9-o1 th,#wpcf7-f271-p9-o1 td,#wpcf7-f455-p451-o1 th,#wpcf7-f455-p451-o1 td {
    width: 100%;
	display: block;
}
#wpcf7-f271-p9-o1 th ,#wpcf7-f455-p451-o1 th{
	padding: 5px;
    background-position: 97% 10px;
}

#wpcf7-f271-p9-o1 td,#wpcf7-f455-p451-o1 td{
	padding: 20px 10px;
}
#wpcf7-f271-p9-o1 tr td:last-child,#wpcf7-f455-p451-o1 tr td:last-child{
	display: none
}
#wpcf7-f271-p9-o1 table input,#wpcf7-f271-p9-o1 table textarea,.text-630 input,.your-name input,.tel-259 input,.your-email input{
    width: 300px;
	display: block;
}
.map-budou{
	margin-bottom: 20px;
}

/*  ご登録
------------------------------------- */
.form-box .container-fluid{
	padding-right: 5px;
	padding-left: 5px;
}
.form-box .container-fluid .row{
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.form-box .col-sm-4 {
    padding: 10px 25px 10px;
}
#member_name_sei,#member_kana_sei{
 margin-bottom: 10px;
}


/*サイトマップ
------------------------------------- */
.panel-primary.sitemap {
   height: auto;
	line-height: 2.7;
}


/* ==========================================================================
                        footer
   ========================================================================== */
/* ===== トップページへ ===== */
#j_pagetop {
	clear: both;
}
#j_pagetop a {
	width: 51px;
	height: 51px;
	background-image: url(../img/common/gotop_on.png);
	display: block;
	line-height: 0;
	float: right;
	margin-top: 50px;
}
#j_pagetop a:hover img {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#j_pagetop a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* ===== フッターメニュー ===== */
.flexslider {
	display: none;
}
footer nav {
	display: none;
}
footer{
	padding: 10px 0 10px;
	margin-top: 40px;
}
/* ===== コピーライト ===== */
.copyright {
	margin-top: 0px;
	text-align: center;
	font-size: 0.8em;
}
}