@charset "UTF-8";

.pc_none{
	display: none;
}

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

.ui-widget-header li,.ui-widget-header li:last-child { width: 25% !important; }
.ui-widget-header li a {
	width: 96% !important;
}

.bx-wrapper .bx-prev {
	left: 10px !important;
}
.bx-wrapper .bx-next {
	right: 10px !important;
}

.excerpt-list a {
	display: block;
	background-position: left 3px;
	line-height: 1.6;
}

body {
	font-size: 12px;
}

/* global-nav */
#global-nav nav {
	width: 100%;
	height: 39px;
	margin: 0;
	padding: 0;
	clear: both;
	background-color: #43ae80;
}
#global-nav nav ul {
	width: 100%;
	border: none;
}
#global-nav nav ul li {
	width: 16% !important;
	font-size: 11px;
}
#global-nav nav ul li:first-child,
#global-nav nav ul li:last-child {
	width: 18% !important;
}
#global-nav nav#main-nav ul li a {
	padding: 0 0 0 20px;
	background-position: 8px center !important;
}

/* contents-top */
#contents-top .area-map {
	width: 40%;
	background: #c7e5f3 url(../images/map-tb.png) center 60px no-repeat;
}
#contents-top .area-map .area-search {
	font-size: 13px;
	padding: 7px 7px 7px 35px;
}
#contents-top .area-map .total dd {
	font-size: 24px;
}
#contents-top .area-map .total dd a {
	font-size: 70px;
	letter-spacing: 3px;
	padding-right: 10px;
}
#contents-top .area-map .areabox {
	font-size: 11px;
	width: 75px;
}
#contents-top .area-map .areabox dd a {
	font-size: 21px;
}
#contents-top .area-map .area_01 {
	top: 155px;
	right: 5%;
}
#contents-top .area-map .area_02 {
	top: 220px;
	right: 5%;
}
#contents-top .area-map .area_03 {
	top: 280px;
	right: 19%;
}
#contents-top .area-map .area_04 {
	top: 175px;
	left: 36%;
}
#contents-top .area-map .area_05 {
	top: 305px;
	left: auto;
	right: 50%;
}
#contents-top .area-map .area_06 {
	top: 205px;
	left: 5%;
}
#contents-top .menu-popular {
	width: 58%;
}
#contents-top .menu-popular ul li {
	width: 33%;
	height: auto;
	margin-bottom: 5px;
	text-align: center;
}
#contents-top .menu-popular ul li img {
	width: 99%;
	max-width: 182px;
	height: auto;
}
#contents-top .set .menu-col {
	width: 33% !important;
}
#contents-top .set .menu-col h2 {
	font-size: 1.1667em;
}
#contents-top .set .menu-col .more {
	font-size: .8334em;
}
#contents-top .top-company-name ul {
	padding: 5px 4px 0 4px;
}
#contents-top .top-company-name ul li {
	width: 25%;
	height: auto;
	margin-bottom: 5px;
}
#contents-top .top-company-name ul li a {
	margin: 0 2px;
	width: auto;
	height: auto;
}
#contents-top .top-company-name ul li img {
	width: 100%;
	height: auto;
}

/* contents */
#contents {
	width: 100%;
}

/* sidebar */
#sidebar {
	width: 25%;
}
#sidebar .side-about-banner h2 {
	font-size: 1em;
}
#sidebar .search-box .result p {
	font-size: 12px;
}
#sidebar .search-box .result p strong {
	font-size: 1.5em;
}
#sidebar .side-about-banner ul.banner-set li {
	line-height: 2;
}
#sidebar .side-about-banner ul.banner-set li a {
	background: url(../images/arrow_02.png) left center no-repeat !important;
	padding: 2px 0 2px 22px;
	width: auto;
	height: auto;
	margin-bottom: 0;
	text-indent: 0;
}

/* contents-side */
#contents-side {
	width: 72%;
}
#contents-side #contents-job ul.excerpt-list li {
	position: relative;
	padding-left: 5em !important;
	margin-bottom: 10px !important;
}
#contents-side #contents-job ul.excerpt-list .sticky {
	width: 4em;
	text-align: center;
	margin: 0;
	padding: 0 2px;
	position: absolute;
	top: 0;
	left: 0;
}
#contents-side .set .tag li {
	width: 33% !important;
}
#contents-side .set .tag li span {
	width: 90%;
}
#contents-side .set .tag li a {
	font-size: 1.0834em;
}
#contents-side .set .banner-set li {
	width: 33% !important;
	text-align: center;
}
#contents-side .set .banner-set li a {
	width: 96%;
	margin: 0 auto;
}
#contents-side .seminar-box dl {
	width: 49%;
	min-height: 260px;
}
#contents-advantage ul li {
	width: 25% !important;
	height: 200px;
	float: left;
	text-align: center;
}
#contents-advantage ul li img {
	width: 90%;
	height: auto;
}
#contents-advantage ul li .arrow_01 {
	text-align: left;
	margin: 0 5px;
}
#contents-entry .entry-box .left-col {
	width: 50%;
}
#contents-entry .entry-box .right-col {
	width: 49%;
}
#contents-entry .entry-box dt,
#contents-entry .entry-box dd {
	margin: 0 10px;
}
.entry-btn {
	margin: 20px 15%;
}

/* footer */
#bottom-link {
	padding: 25px 0;
}
#footer-block {
	width: 100%;
}
#footer-block .sec01 {
	width: 36%;
}
#footer-block .sec01 h2,
#footer-block .sec01 ul {
	margin-left: 25px;
}
#footer-block .sec02 {
	width: 36%;
}
#footer-block .sec03 {
	width: 25%;
}
#footer-block ul a {
	display: block;
}
#footer-block h2 {
	font-size: 1.0833em;
}
#btn_scroll {
    width: 60px;
    bottom: 63px;
    right: 10px;
}
.btn_sc_reg {
	display: none;
}
}

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

.pc_none{
		display: none;
}
.banner_cont01{
	display: none !important;
}

#contents-top .area-map {
	height: 345px;
	background: #c7e5f3 url(../images/map-sp.png) center 65px no-repeat;
}
#contents-top .area-map .total dd {
	font-size: 18px;
}
#contents-top .area-map .total dd a {
	font-size: 60px;
	letter-spacing: 3px;
	padding-right: 10px;
}
#contents-top .area-map .area_01 {
	top: 140px;
}
#contents-top .area-map .area_02 {
	top: 205px;
}
#contents-top .area-map .area_03 {
	top: 265px;
}
#contents-top .area-map .area_04 {
	top: 160px;
}
#contents-top .area-map .area_05 {
	top: 280px;
}
#contents-top .area-map .area_06 {
	top: 190px;
}
#contents-side .set .tag li a {
	background: none;
}
}

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

.pc_none{
	display: block !important;
}
.banner_cont01{
	display: none !important;
}

.h-job { background: url(../images/h-job-sp.png) 2px 2px no-repeat; }
.h-seminar { background: url(../images/h-seminar-sp.png) 2px 0 no-repeat; }
.h-about { background: url(../images/h-about-sp.png) 2px 0 no-repeat; }
.h-advantage { background: url(../images/h-advantage-sp.png) 2px 0 no-repeat; }
.h-entry { background: url(../images/h-entry-sp.png) 2px 2px no-repeat; }
.h-branch { background: url(../images/h-branch-sp.png) 2px 2px no-repeat; }

.ui-widget-header li {
	overflow: hidden;
}
.ui-widget-header li a {
	width: 100% !important;
	border-right: none !important;
}
.ui-widget-header li:first-child a {
	/*border-left: none !important;*/
}
#header_block {
	position: fixed;
	z-index: 1000;
	background: #fff;
}
#global-nav {
	display: none;
	position: fixed;
	top: 53px;
	left: 0;
	z-index: 9999;
	width: 100%;
	background: url(../images/arrow-sp.png) right 2px no-repeat;
	padding-top: 10px;
}
#global-nav nav {
    height: auto;
}
#global-nav nav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}
#global-nav nav ul li {
    width: 50% !important;
	height: 45px;
    font-size: 15px;
    text-align: left;
}
#global-nav nav ul li:first-child,
#global-nav nav ul li:last-child {
	width: 50% !important;
}
#global-nav nav ul li a {
	border: none;
	height: 45px;
	line-height: 45px !important;
}
#global-nav nav#main-nav ul li {
    border-bottom: 1px solid #93cde3;
}
#global-nav nav#main-nav ul li a {
	padding: 0 0 0 45px;
	background-position: 15px center !important;
}
#global-nav nav#main-nav ul li:nth-child(2n-1) a {
    border-right: 1px solid #93cde3;
}
#global-nav nav#area-nav ul li {
	border-bottom: solid 1px #ccc;
}
#global-nav nav#area-nav ul li a {
	padding: 0 0 0 17px;
	border: none !important;
}
#global-nav nav#area-nav ul li:nth-child(2n-1) a {
	border-right: solid 1px #ccc !important;
}
#global-nav nav#area-nav ul li a span {
	padding: 2px 2px 2px 28px;
}
/* sb-nav */
#global-nav nav#sb-nav {
	display: block;
}
#global-nav nav#sb-nav ul li {
    border-bottom: 1px solid #a1da7a;
}
#global-nav nav#sb-nav ul li a {
	padding: 0 0 0 45px;
	line-height: 39px;
}
#global-nav nav#sb-nav ul li:nth-child(2n-1) a {
    border-right: 1px solid #a1da7a;
}
#global-nav nav#sb-nav ul li a {
	color: #fff;
	background: #73c83a url(../images/arrow_05.png) 18px center no-repeat;
}
#wrapper {
	background: none;
}
#contents {
	width: auto;
	margin: 0;
	padding: 60px 0 0 0;
}
#contents-top {
	padding: 0 0 25px 0;
}
#contents-top .set {
	border-bottom: none;
}

/* エリアで検索 */
#contents-top .area-map {
	display: none;
}

/* スマホエリア */
#contents-top .sp-area {
	display: block;
	width: 100%;
	background: #43aeda;
	color: #fff;
	padding: 15px 0 10px 0;
	line-height: 1;
}
#contents-top .sp-area dt {
	width: 59%;
	float: left;
	font-size: 18px;
	text-align: right;
	line-height: 45px;
}
#contents-top .sp-area dd {
	width: 39%;
	float: right;
	font-size: 18px;
	text-align: left;
}
#contents-top .sp-area dd a {
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	color: #ff0;
}
#contents-top .sp-area .more {
	text-align: right;
	padding-right: 10px;
}
#contents-top .sp-area .more a {
	color: #fff;
	text-align: right;
}

/* 人気お仕事特集 */
#contents-top .menu-popular {
	width: auto;
	margin: 10px;
	float: none;
	position: relative;
}
#contents-top .menu-popular h2 {
	font-size: 16px;
	background-position: 2px 2px;
}
#contents-top .menu-popular ul li {
	width: 25%;
	height: auto;
	float: left;
}
#contents-top .menu-popular .more a {
	font-size: 14px;
}
#contents-top .menu-popular ul li:nth-child(9) {
	display: none;
}
.slide-banner {
	margin: 10px 10px 0 10px;
	border: none;
}

/* メニュー */
#contents-top .set .menu-col,
#contents-top .set .menu-about,
#contents-top .set .menu-branch {
	width: 50% !important;
	margin: 0;
}
#contents-top .set .menu-advantage {
	clear:  none;
}
#contents-top .set .menu-col h2 {
	width: auto !important;
	border-bottom: solid 1px #ccc;
	margin-right: 0;
	padding-left: 0;
	font-size: 11px;
	height: auto;
	background-position: 4px center;
}
#contents-top .set .menu-col h2 a {
	display: block;
	padding: 10px 2px 10px 45px;
	height: 28px;
}
#contents-top .set .menu-col h2 a:hover {
	background: rgba(128, 128, 128, .1);
	opacity: 1 !important;
}
#contents-top .set .menu-col h2.h-job,
#contents-top .set .menu-col h2.h-seminar {
	border-top: solid 1px #ccc;
}
#contents-top .set .menu-job h2 {
	line-height: 28px;
}
#contents-top .set .menu-col h2:nth-child(2n-1) {
	border-right: solid 1px #ccc;
}
#contents-top .set .menu-col ul,
#contents-top .set .menu-col .more {
	display: none;
}

/* 社名がわかるお仕事 */
#contents-top .top-company-name {
	display: none;
}

/* contents-set */
#contents-set {
	margin: 0 !important;
	position: relative;
}

/* sidebar
-------------------------------------------------- */
#sidebar {
	width: 100%;
	float: none;
	margin: 60px 0 0 0 !important;
}
/* search-box */
#sidebar .search-box {
	border: none;
}
#sidebar .search-box h2 {
	background: #43aeda;
	color: #fff;
	border-left: solid 5px #3986a7;
	margin: 0 0 15px 0;
	padding: 7px 7px 7px 45px;
	font-size: 14px;
	font-weight: normal;
	background: #43aeda url(../images/h-search-w.png) 10px center no-repeat !important;
}
#sidebar .search-box form {
	font-size: 13px;
	margin: 10px;
	padding: 10px;
	border: solid 1px #43aeda;
}
#sidebar .search-box form select,
#sidebar .search-box form input {
	font-size: 16px;
}
#sidebar .search-box form input.submit-btn {
	font-size: 16px;
}
#sidebar .search-box .result p {
	font-size: 12px;
	line-height: 1.3;
	margin: 0;
	padding: 10px;
	text-align: center;
}
#sidebar .search-box .result p strong {
	font-size: 20px;
}
#sidebar .search-box form .keyword-box, x:-moz-any-link  { width: 98%; }

#sidebar .side-about-banner {
	display: none;
}

/* contents-side
-------------------------------------------------- */
#contents-side {
	width: 100%;
	float: none;
}
#contents-side  h2 {
	font-size: 14px;
	border-left: none;
	border-right: none;
}
#contents-side .set h3 {
	margin: 0 0 10px 0;
}
#contents-side #contents-job h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#contents-side #contents-job ul.excerpt-list {
	margin: 10px !important;
}
#contents-side #contents-job .set:nth-of-type(3) h3 {
	margin: 0 !important;
}
#contents-side .set .tag {
	margin-bottom: 20px;
}
#contents-side .set .tag li {
	width: 100% !important;
	margin-bottom: 1px;
	float: none;
}
#contents-side .set .tag li a {
	background: url(../images/arrow_02.png) right center no-repeat;
}
#contents-side .set .tag li span {
	width: auto;
	display: block;
	border-left: solid 5px #43aeda;
	border-right: solid 10px #c7e5f3;
	background-color: #c7e5f3;
	margin-right: 0;
}
#contents-side .set h3.h-company-w {
	margin-bottom: 0 !important;
}
#contents-side .company-name .more,
#contents-side .schedule-box .more,
#contents-side #contents-advantage .more,
#contents-side #contents-branch .more,
#contents-side #contents-job .more {
	margin: 10px;
	text-align: right;
}
#contents-side .company-name .more span,
#contents-side .schedule-box .more span,
#contents-side #contents-advantage .more span,
#contents-side #contents-branch .more a,
#contents-side #contents-job .more span{
	position: static;
	font-size: 12px;
	color: #000;
	background: url(../images/arrow_07.png) right center no-repeat;
	padding: 5px 16px 5px 0;
	cursor: pointer;
}
#contents-side .set .banner-set {
	margin: 0;
	padding: 5px;
	/* background: #c7e5f3; */
}
#contents-side .set .banner-set ul {
	margin: 0 !important;
	padding: 0 !important;
}
#contents-side .set .banner-set li {
	width: 50% !important;
	margin: 0;
	padding: 1px 0;
}
#contents-side .set .banner-set li a {
	padding: 0;
	background: #fff;
}
#contents-side .seminar-box dl {
	width: 47%;
}
#contents-side .seminar-box dl.left-col {
	margin: 0 0 0 2%;
}
#contents-side .seminar-box dl.right-col {
	margin: 0 2% 0 0;
}
#contents-side #contents-seminar .set:nth-of-type(1) {
	margin-bottom: 0;
}
#contents-side #contents-seminar .set:nth-of-type(2) h3 {
	display: none;
}
#contents-side #contents-seminar dl.excerpt-list dt {
	display: block;
	float: none;
	padding: 10px 10px 3px 10px;
}
#contents-side #contents-seminar dl.excerpt-list dd {
	padding: 0 10px 10px 10px;
	line-height: 1.3;
}
#contents-side .advantage-box {
	display: none;
}
#contents-side #contents-about {
	display: block;
}
#contents-side #contents-about ul {
	text-align: center;
}
#contents-side #contents-about ul li {
	margin: 0 auto 10px auto;
}
#contents-advantage p {
	margin: 10px;
}
#contents-advantage ul {
	margin: 10px;
}
#contents-advantage ul li {
	width: 25%;
	height: 180px;
}
#contents-advantage ul li img {
	max-width: 162px;
	height: auto;
}
#contents-entry p {
	margin: 10px;
}
.entry-btn {
	margin: 20px 50px;
}
#contents-bottom {
	margin: 0 10px !important;
}
.bottom-menu {
	margin-bottom: 25px;
}
.page-top {
	display: none;
}
#bottom-link {
	display: none;
}
.footer_copy {
	width: 80%;
	float: right;
	text-align: right;
}
#contents-branch {
	display: block;
}
#contents-branch ul {
	width: 50%;
	float: left;
	margin-bottom: 25px;
}
#contents-branch ul li {
	margin: 0 25px 5px 25px;
}
#contents-branch ul li a {
	background: url(../images/icon-note.gif) left top no-repeat;
	padding: 0 0 10px 25px;
}


.tab-display .prev,
.tab-display .next {
	display:none;
}
.tab-display .prev-sp,
.tab-display .next-sp {
	display:block;
}
.tab-display ul { width:79.5% !important; }
.tab-display .prev-sp { width:10% !important; }
.tab-display .next-sp { width:10% !important; text-align:right; margin-left:90%; }
.tab-display .prev-sp img,
.tab-display .next-sp img { height:100% !important; }
.ui-widget-header li:last-child { border-right:solid 1px #43aeda !important; }
.ui-widget-header li:nth-child(4) { border-right:solid 1px #43aeda !important; width:24.6% !important; }
.ui-widget-header li:nth-child(8) { border-right:solid 1px #43aeda !important; width:24.6% !important; }
}

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

.pc_none{
	display: block !important;
}

.banner_cont01{
	display: none !important;
}

#contents-top .menu-popular ul li {
	width: 33%;
}
#contents-top .menu-popular ul li:nth-child(7),
#contents-top .menu-popular ul li:nth-child(8) {
	display: none;
}
#contents-side .seminar-box dl {
	width: 100%;
	margin: 0 !important;
	border: none;
	min-height: inherit;
	float: none !important;
}
#contents-side .seminar-box dl dt {
	display: none;
}
#contents-side .seminar-box dl dd {
	border-bottom: dotted 1px #666;
	padding: 10px;
}
#contents-entry .entry-box {
	margin: 0;
}
#contents-entry .entry-box .left-col,
#contents-entry .entry-box .right-col {
	width: 100%;
	float: none;
}
#contents-entry .entry-box .left-col {
	margin-top: 10px;
	border-right: none;
}
#contents-entry .entry-box .left-col dd {
	border-bottom: dotted 1px #666;
	margin-bottom: 15px;
}
#contents-entry .entry-box dt,
#contents-entry .entry-box dd {
	margin: 0 10px;
}
#btn_scroll {
    bottom: 83px;
}
footer {
    height: auto;
    overflow: hidden;
}
.footer_box {
	width: 100% !important;
    height: auto;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

.footer_logo {
    width: 100%;
	float: none;
    padding: 0px 0px 10px;
}
.footer_logo img {
	width: 100px;
}
.footer_copy {
    width: 100%;
	float: none;
    font-size: 9px;
    text-align: center;
    padding: 0 0 5px 0;
    line-height: 1.2em;
}
}

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

.pc_none{
	display: block !important;
}
.banner_cont01{
	display: none !important;
}

#contents-top .menu-popular h2 {
	font-size: 13px;
	line-height: 26px;
	background-position: 2px top;
}
#contents-top .menu-popular ul li {
	width: 50%;
}
#contents-top .menu-popular .more a {
	font-size: 11px;
}
#contents-top .menu-popular ul li:nth-child(5),
#contents-top .menu-popular ul li:nth-child(6) {
	display: none;
}
#contents-advantage ul li {
	width: 50% !important;
	height: 190px;
}
#contents-advantage ul li .arrow_01 {
	background-position: 2px 2px;
	margin-top: 5px;
}
.entry-btn {
	margin: 20px 0;
}
#btn_scroll {
    bottom: 30px;
}

.workcommonList li a em{
    display: none;
}

}