@charset "utf-8";


/* ************************************************ 
*	基本設定
* ************************************************ */	

body {
font-family: 'M PLUS 1p','Roboto','Sawarabi Gothic','Noto Sans JP',sans-serif;
font-size: 15px;
background:#fff;
color: #333;
line-height: 180%;
overflow-x: hidden;
}

/* リンク */
a{
	color: #1462be;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

a:hover{
color:#ccc;
}

a:active, a:focus {
outline: 0;
}

/* 画像 */
img{
border:0;
padding:0px;
margin:0px;
vertical-align: bottom;
}

img a{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}


/* フロート */
.right{ float: right; }
.left{ float: left; }
.clear{ clear:both; }


/* リスト */
ol{
margin: 0 0 0 5px;
padding: 0 0 0 0;
list-style: decimal;
}

ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
}

li{
margin: 0 0 10px 15px;
padding: 0 0 0 0;
}

li a{
color:#444;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

li a:hover{
color:#03335d;
}

#topcontrol{
z-index:99999;
}

ruby {
color: #fff;
}


/* ************************************************ 
*	背景色・フォントサイズ切り替え
* ************************************************ */	
.font_medium_active {
    font-size: 15px;
}

.font_large_active {
    font-size: 20px;
}

.bg_blue {
    background-color: #00f !important;
    color: #F7F700 !important;
}
.bg_blue .wrapper-top,
.bg_blue table#calendar th,
.bg_blue table#calendar tbody td:before,
.bg_blue table#jobsearch th,
.bg_blue table#jobsearch tbody td:before {
    background-color: #00f !important;
}
.bg_blue table#topnewsbox td a,
.bg_blue .arrow-box a{
    color: #F7F700 !important;
}


.bg_black {
    background-color: #000 !important;
    color: #fff !important;
}
.bg_black .wrapper-top,
.bg_black table#calendar th,
.bg_black table#calendar tbody td:before,
.bg_black table#jobsearch th,
.bg_black table#jobsearch tbody td:before {
    background-color: #000 !important;
}
.bg_black table#topnewsbox td a,
.bg_black .arrow-box a{
    color: #fff !important;
}


.bg_white {
    background-color: #fff !important;
    color: #333 !important;
}
.btn_fontsize, .btn_bgcolor {
	display: inline-block;
}


/* ************************************************ 
*	全体Wrapper
* ************************************************ */	

.wrapper {
margin: 0px auto 0px auto; 
max-width: 960px;
_width: 960px;
padding: 80px 0px 80px 0px;
}
.wrapper-gray { 
width: 100%;
margin: 0;
padding: 0;
background-color: #efefef;
height: 300px;
z-index:0;
position: relative;
}
.wrapper-top {
margin: -220px auto 0px auto; 
width: 960px;
padding: 80px 80px 130px 80px;
background-color: #fff;
border-radius: 20px 20px 0px 0px; /* CSS3 */
 -webkit-border-radius: 20px 20px 0px 0px; /* Firefox */
 -moz-border-radius: 20px 20px 0px 0px; /* Safari,Chrome */
position: relative;
z-index:1;
}
.wrapper-top2 {
margin: -220px auto 0px auto; 
width: 80%;
padding: 80px 50px 50px 50px;
background-color: #fff;
border-radius: 20px 20px 0px 0px; /* CSS3 */
 -webkit-border-radius: 20px 20px 0px 0px; /* Firefox */
 -moz-border-radius: 20px 20px 0px 0px; /* Safari,Chrome */
position: relative;
z-index:1;
}
.wrapper-youtube {
margin: 0px auto 0px auto; 
width: 960px;
_width: 960px;
padding: 0px 0px 0px 0px;
}

.wrapper-line {
margin: 0px auto 0px auto; 
max-width: 960px;
_width: 960px;
padding: 0px 0px 80px 0px;
}

/* ************************************************ 
*	トップ福祉のしごと就職フェア
* ************************************************ */
.wrapper-jobfair { 
width: 100%;
margin: 0;
padding: 30px 0;
background-color: #fff100;
}
.jobfair {
width: 95%;
padding: 0;
margin: 0 auto 0 auto;
text-align: center;
}
.jobfair img{
width: 30%;
margin: 0 0.5%;
vertical-align: bottom;
}


/* ************************************************ 
*	ヘッダー
* ************************************************ */
#header {
	background: #fff;
	width: 100%;
	height: 225px;
	margin: 0;
}

.header-inner {
overflow: hidden;
margin: 0 auto;
padding: 30px 0 20px 0;
max-width: 1240px;
_width: 1240px;
width: 1240px;
}

#header h1 {
margin: 0 0 0 0;	
}

.logo {
	float: left;
	margin: 0;
	padding: 0;
}
.logo img{
	width:100%;
}

.head-jobsearch {
margin: 10px auto 0 auto;
padding: 0;
text-align:center;
width: 110%;
}
.head-jobsearch a{
color: #fff;
padding: 20px 0px;
font-size:15px;
line-height: 150%;
background-color:#ff9326;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px; /* CSS3 */
 -webkit-border-radius: 10px; /* Firefox */
 -moz-border-radius: 10px; /* Safari,Chrome */
}
.head-jobsearch a:hover{
color: #fff;
background-color:#333;
}
.head-jobsearch a::before{
position:relative;
top: 2px;
left: -5px;
content:"";
display:inline-block;
width:22px;
height:22px;
background:url("../images/jobsearch-icon.svg") no-repeat;
background-size:contain;
}

.header-right-box {
float: right;
margin: 0;
padding: 0;
}
.tel {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.tel img{ width:250px; }
.mail {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.mail img{ width:248px; }

.header-telbox {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width:100%;
}
.header-inputbox {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width:100%;
}
.header_txtsize, .header_txtclr {
	float:left;
	text-align:left;
}
.header_txtsize-inputtext, .header_txtclr-inputtext {
	margin:0 5px 0 0;
	float:left;
	text-align:left;
	line-height:120%;
	font-size: 13px;
}
.header_txtsize input {
	width: 55px;
	margin-left:5px;
}

.header_txtsize input:hover, .header_txtclr input:hover {
	opacity: 0.5;
}

.header_txtclr input {
	width: 30px;
	margin-left:5px;
	margin-top:2px;
}
.header-searchbox {
	margin: 0;
	padding: 0;
	float: left;
	width:100%;
}
.header-searchbox input {
    margin: 5px 0 0 0;
    padding: 5px;
    float: left;
}
.header-searchbox input[type="image"] {
    margin: 5px 0 0 0;
    padding: 0;
    height: 29px;
    float: left;
}


/* ************************************************ 
*	トップナビゲーション
* ************************************************ */	
#navDmy{
display:none !important;
}
#nav_bg {
	background-color: #00b2ff;
	border-bottom: 7px solid #fff;
	width: 100%;
	height:70px;
	padding: 0px 0px 0px 0px;
	margin: 0;
position: relative;
z-index:9999;
display:block;
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

/* 上部固定用 */
#nav_bg.active{
position:fixed;
top:0;
left:0;
z-index:99999;
background:#00b2ff;
}
/* 上部固定用ここまで */

.nav {
width:1100px;
margin: 0 auto 0px auto;
}

.nav ul {
list-style: none;
margin: auto;
letter-spacing: -0.5em; /* 隙間を埋める追加 */
}

.main-navigation {
clear: both;
margin: 0 auto;
position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0;
}

.nav-menu li {
color: #333;
display: inline-block;
line-height: 100%;
font-size: 15px;
position: relative;
margin: 0;
padding: 0;
float: left; 
text-align:center;
letter-spacing: normal; /* 隙間を埋める追加 */
cursor: pointer;
cursor: hand;
border-left: 1px solid #fff;
}
.nav-menu li:last-child {
border-right: 1px solid #fff;
}
.nav-menu li img{
vertical-align: bottom;
}

.nav-menu li a span{
color: #ffe300;
line-height: 100%;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
position: absolute;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.nav-menu li  a:hover span{
color: #ff0033;
}

.nav-menu li a {
color: #fff;
display: block;
font-size: 15px;
text-decoration: none;
margin: 0;
padding: 27.5px 10.8px;
border-bottom: 7px solid #fff;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
color: #333;
border-bottom: 7px solid #ffe300;
background:#fff;
}

.nav-menu .sub-menu,
.nav-menu .children {
background-color: rgba(255,255,255,0);
display:none;
position: absolute;
z-index: 99999;
padding: 0 0 0 0;
}

.nav-menu .sub-menu li {
background-color: rgba(0,178,255,0.9);
width: 300px;
padding: 0;
margin: 0;
border-left: none;
}

.nav-menu .sub-menu li a {
color: #fff;
display: block;
font-size: 15px;
text-decoration: none;
padding: 20px 0 20px 15px;
text-align: left;
width: 285px;
border-bottom: 1px solid #fff;
}

.nav-menu .sub-menu ul {
}

ul.nav-menu ul a,
.nav-menu ul ul a {
color: #fff;
margin: 0;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
background-color: rgba(255,255,255,0.8);
color: #333;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
}


/* ************************************************ 
*	メイン
* ************************************************ */	
.top-mainimg-box {
width:100%;
padding: 0;
margin: 0 auto;
position:relative;
z-index: 0;
}
.top-mainimg-box img {
vertical-align: bottom;
}
.top-mainimg-box-inner {
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.mainimg-box-btn,
.mainimg-box-btnfiar{
padding: 0;
margin: 0 auto 15px auto;
text-align: center;
}
.mainimg-box-btn img,
.mainimg-box-btnfiar img{
width: 315px;
}

.top-mainimg-box-inner2 {
position:relative;
}
.mainimg-box-btn1{
padding: 0;
margin: 0 auto 15px auto;
text-align: center;
}
.mainimg-box-btn2{
padding: 0;
margin: 0 auto;
text-align: center;
}

.mainimg-box-btn a{
display: block;
width: calc(25vw - 30px);
padding: 15px;
background-color:#a0eaec;
border-radius: 10px; /* CSS3 */
 -webkit-border-radius: 10px; /* Firefox */
 -moz-border-radius: 10px; /* Safari,Chrome */
}
.mainimg-box-btnfiar a{
display: block;
width: calc(25vw - 30px);
padding: 15px;
background-color:#d4ff4f;
border-radius: 10px; /* CSS3 */
 -webkit-border-radius: 10px; /* Firefox */
 -moz-border-radius: 10px; /* Safari,Chrome */
}
.mainimg-box-btn1 a,
.mainimg-box-btn2 a{
font-size:36px;
width: 25vw;
height: 80px;
line-height: 150%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px; /* CSS3 */
 -webkit-border-radius: 10px; /* Firefox */
 -moz-border-radius: 10px; /* Safari,Chrome */
}
.mainimg-box-btn1 a{ background-color:#003B82; color: #fff;}
.mainimg-box-btn2 a{ background-color:#FFE300; color: #333;}

.mainimg-box-btn1 a::before{
position:relative;
top: 0;
left: -5px;
content:"";
display:inline-block;
width:43px;
height:38px;
background:url("../images/icon_news.svg") no-repeat;
background-size:contain;
}
.mainimg-box-btn2 a::before{
position:relative;
top: 1px;
left: -5px;
content:"";
display:inline-block;
width:43px;
height:38px;
background:url("../images/icon_jobsearch.svg") no-repeat;
background-size:contain;
}
.mainimg-box-btn a:hover,
.mainimg-box-btnfiar a:hover{
background-color:#ccc;
}
.mainimg-box-btn1 a:hover{
color: #fff;
background-color:#ccc;
}
.mainimg-box-btn2 a:hover{
color: #333;
background-color:#ccc;
}


/* ************************************************ 
*	スライドチラ見せ
* ************************************************ */	
.slide-box {
width:100%;
padding: 0;
margin: 0;
position:relative;
z-index: 0;
}
.slick-slide {
margin-right: 5px!important;
margin-left: 5px!important;
margin-bottom: -6px!important;
height: auto!important;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.slick-slide img {
width: calc(70vw - 20px);
vertical-align: bottom;
}


/* ************************************************ 
*	スライド
* ************************************************ */	
#top-slide{
width:100%;
padding: 0px;
margin: 0px auto 0px auto;
}

.cycle-slideshow{
overflow: hidden;
width: 100%;
margin: auto;
text-align: center;
height: auto;
}

.cycle-slideshow img{
width: 100%;
height: auto;
}


/* スライドショーpager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 0px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 40px; width: 16px; height: 16px; margin: 0 3px;
    display: inline-block; color: #efefef; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #00b2ff;}
.cycle-pager > * { cursor: pointer;}



/* ************************************************ 
*	各ページタイトル・ボーダー
* ************************************************ */	
.pagetitle-box {
width: 100%;
padding: 70px 0px;
margin: 0 auto 0 auto;
text-align:center;
background: linear-gradient(
    -45deg,
    #ececec 25%, #fff 25%,
    #fff 50%, #ececec 50%,
    #ececec 75%, #fff 75%,
    #fff
  );
background-size: 14px 14px;
position:relative;
z-index: 0;
}
.pagetitle {
margin: 0 auto 0 auto;
padding: 0 0 0 0;
font-size: 30px;
text-align:center;
font-weight:bold;
}
.page-subtitlebox {
margin: 0 auto 50px auto;
padding: 0 0 0 0;
text-align: center;
}
.page-subtitlebox2 {
margin: 50px auto 20px auto;
padding: 0 0 0 0;
text-align: center;
}
.page-subtitle {
margin: 0 auto 0 auto;
padding: 0 0 5px 0;
font-size: 24px;
font-weight: bold;
display: inline-block;
text-align: center;
border-bottom: 5px solid #FFE300;
}
.page-subtitle2 {
margin: 0 0 20px 0;
padding: 5px 10px;
font-size: 18px;
font-weight: bold;
display: block;
text-align: left;
background-color: #efefef;
}
.page-subtitle3 {
margin: 0 0 10px 0;
padding: 0 0 5px 0;
font-size: 15px;
font-weight: normal;
display: inline-block;
text-align: left;
border-bottom: 2px solid #FFE300;
}
.page-subtitle4 {
margin: 0 0 10px 0;
padding: 5px 10px;
font-size: 15px;
font-weight: bold;
display: block;
text-align: left;
background-color: #efefef;
}
.page-subtitle5 {
margin: 30px 0 10px 0;
padding: 5px 10px;
font-size: 15px;
font-weight: bold;
display: block;
text-align: left;
background-color: #efefef;
}
.page-subtitle6 {
margin: 0 0 0 0;
padding: 5px 0;
font-size: 18px;
font-weight: bold;
display: block;
text-align: center;
background-color: #FFE300;
}
.contents-box{
margin: 0 0 80px 0;
padding: 0 0 60px 0;
border-bottom: 1px solid #333;;
}
.contents-box2{
margin: 0 0 80px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #333;;
}
.contents-box-end{
margin: 0 0 80px 0;
padding: 0 0 0 0;
}
.contents-box-end2{
margin: 0 0 30px 0;
padding: 0 0 0 0;
}



/* ************************************************ 
*	パンくずリスト
* ************************************************ */	
.breadcrumbs-bg {
margin: 0; 
padding: 0;
background-color:#fff;
position:relative;
z-index: 5;
}
.breadcrumbs {
margin: auto; 
max-width: 960px;
padding: 20px 0 10px 0;
_width: 960px;
text-align:left;
font-size: 80%;
overflow: hidden;
color: #333;
}
.breadcrumbs a{
color: #333;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.breadcrumbs a:hover{
color: #03335d;
}


/* ************************************************ 
*	メイン（本文）コンテンツ
* ************************************************ */	
#main {
margin:0 0 0 0;
padding: 0 0 0 0;
word-break:break-all;
}

.clear	{ clear: both; } 
.mT10	{ margin-top:10px; }
.mT20	{ margin-top:20px; }
.mT30	{ margin-top:30px; }
.mT40	{ margin-top:40px; }
.mB10	{ margin-bottom:10px; }
.mB20	{ margin-bottom:20px; }

.imgcenter{
text-align:center;
margin: 0 auto;
padding: 0;
}
.imgcenter img {
  vertical-align: bottom;
}
.htext{
text-align:center;
}

/* 記事部分 */	
p {
padding: 10px 0px 10px 0px;
}

p a {
color:#1462be;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

p a:hover {
color:#ccc;
}

p a:active, a:focus {
outline: 0;
}


/* フォント */	
.mincho {
font-family:'century','Times New Roman','Baskerville','Optima','Palatino','Georgia','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic; 
}
.dllink {
margin: 10px auto 5px auto;
padding: 0;
background-color:#1462be;
text-align:center;
width: 40%;
}
.dllink a{
color: #fff;
display: block;
padding: 10px 0px;
font-size:18px;
line-height: 210%;
}
.dllink a:hover{
color: #fff;
background-color:#03335d;
}


/* ************************************************ 
*	トップイラストボックス
* ************************************************ */	
.illustbox {
width: 100%;
padding: 0;
margin: 0 0 40px 0;
text-align:left;
}
.illustbox img{
width: 100%;
}
.illustbox2 {
width: 100%;
padding: 0;
margin: 0 0 40px 0;
text-align:left;
}
.illustbox2 img{
width: 100%;
}
.illustbox-left {
width: 100%;
padding: 0;
margin: 0;
text-align:left;
}
.illustbox-left img{
width: 453px;
}
.illustbox-right1 {
width: 100%;
padding: 0;
margin: 90px 0 0 0;
text-align:right;
}
.illustbox-right1 img{
width: 454px;
}
.illustbox-right2 {
width: 100%;
padding: 0;
margin: 40px 0 20px 0;
text-align:right;
}
.illustbox-right2 img{
width: 454px;
}
.illustbox-right3 {
width: 100%;
padding: 0;
margin: 25px 0 0 0;
text-align:right;
}
.illustbox-right3 img{
width: 454px;
}

.line-box {
text-align: center;
width:calc(100% - 60px);
padding: 30px;
margin: 40px 0 0 0;
background: linear-gradient(
    -45deg,
    #ececec 25%, #fff 25%,
    #fff 50%, #ececec 50%,
    #ececec 75%, #fff 75%,
    #fff
  );
background-size: 14px 14px;
position:relative;
z-index: 0;
}
.line-box img{
width: 100%;
vertical-align: bottom;
}


/* ************************************************ 
*	トップ福祉の仕事を探すボックス
* ************************************************ */	
.jobsearch-titlebox {
width: 100%;
padding: 0;
margin: 0 auto 50px auto;
text-align: center;
}
.jobsearch-titlebox img{
width: 540px;
}
.title-jobsearch {
font-family: 'Roboto';
margin: 0;
padding: 0;
font-size: 33px;
display: block;
text-align: center;
letter-spacing: 0.05em;
}
.title-jobsearch:after {
font-family: 'M PLUS 1p';
content: "新着求人";
font-size: 18px;
margin: -7px 0 0 0;
padding: 0;
align-items:center;
display: flex;
justify-content: center;
letter-spacing: 0;
}

table#jobsearch {
width: 100%;
margin: 30px 0 45px 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
border-top: 1px #999 solid;
}
table#jobsearch th {
font-weight: normal;
text-align: center;
padding: 20px 0 20px 0;
vertical-align: middle;
white-space: nowrap; 
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
background-color: #efefef;
width: 20%;
}
table#jobsearch td {
text-align: center;
padding: 20px 0 20px 0;
white-space: normal;
vertical-align: middle;
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
}
table#jobsearch tbody td:before {
  background: #efefef;
  margin-right: 10px;
  padding: 20px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
table#jobsearch th:last-child {
border-right: none;
}
table#jobsearch td:last-child {
border-right: none;
}

.jobsearchlink1 {
margin: 0;
padding: 0;
background-color:#FF9326;
text-align:center;
width: 100%;
}
.jobsearchlink1 a{
color: #fff;
display: block;
padding: 20px 0px;
font-size:18px;
line-height:150%;
}
.jobsearchlink1 a:hover{
color: #fff;
background-color:#ccc;
}
.jobsearchlink2 {
margin: 0;
padding: 0;
background-color:#333;
text-align:center;
width: 100%;
}
.jobsearchlink2 a{
color: #fff;
display: block;
padding: 20px 0px;
font-size:18px;
line-height:150%;
}
.jobsearchlink2 a:hover{
color: #fff;
background-color:#ccc;
}
.jobsearch-subtitle {
margin: 0 auto 5px auto;
padding: 0 0 0 0;
font-size: 21px;
text-align:center;
font-weight:normal;
}
.job-list {
  margin: 30px 0 45px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;                 /* 20px→16px */
  margin-left: -70px;        /* 左右のpadding(80px)を一部相殺 */
  margin-right: -70px;
}
.job-card {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px;              /* 25px→20px 幅が狭くなるため */
  margin-bottom: 0;           /* gapで制御するので0に */
  background: #fff;
  transition: box-shadow .2s;
  display: flex;
  flex-direction: column;
}
.job-card-btn {
  text-align: right;
  margin-top: auto;           /* ボタンを常にカード下端へ */
}
.job-card:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.08); }

.job-card-head {
  flex-shrink: 0; /* エリアタグの数に応じて自然に伸びる */
  min-height: 90px; /* 2行分のエリアタグが収まる高さに調整 */
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 8px;
}
.job-area {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #00b2ff;              /* 緑 → 水色に変更 */
  border: 1px solid #00b2ff;   /* 枠線も同色に */
  border-radius: 4px;
  padding: 3px 12px;
  line-height: 1.8; /* ← 追加：複数行になった際の行間を広げる */
}
.job-date-sep {
  width: 1px;
  height: 16px;
  background: #ccc;
  margin: 0 12px;
}
.job-date {
  font-size: 14px;
  color: #999;
  letter-spacing: 1px;
}

/* 黒帯だった箇所 → 名前を変えて配色を変更 */
.jobcard-title {
  margin: 0 0 15px 0;
  padding: 12px 15px;
  background-color: #FFF3E6;      /* 薄いオレンジ */
  border-left: 4px solid #FF9326; /* ブランドカラーのアクセント */
  color: #333;
  font-size: 18px;
  font-weight: bold;
}
.jobcard-title a { color: #333; text-decoration: none; }
.jobcard-title a:hover { color: #FF9326; }






.job-info-grid {
  display: grid;
  grid-template-columns: 1fr;   /* 3列→1列 */
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 15px;
  overflow: hidden;
}
.job-info-item {
  justify-content: flex-start;
  gap: 12px;
  padding: 8px 12px;
  border-right: none;
  border-bottom: 1px solid #ddd;
}
.job-info-item:last-child { border-bottom: none; }

.job-info-label {
  font-size: 14px;
  font-weight: bold;      /* 丸背景をやめて太字だけに */
  color: #333;
  background: none;       /* 背景色を削除 */
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.job-info-value {
  font-size: 14px;
  color: #333;
}



.job-detail-btn {
  display: inline-block;
  background: #FF9326;
  color: #fff;
  padding: 5px 20px;      /* 8px 25px → 5px 20px */
  border-radius: 16px;    /* 20px → 16px（高さに合わせて微調整） */
  text-decoration: none;
  font-size: 13px;        /* 14px → 13px */
}
.job-detail-btn:hover { background: #333; }

/* ************************************************ 
*	お知らせ
* ************************************************ */
.title-topnews {
font-family: 'Roboto';
margin: 0;
padding: 0;
font-size: 33px;
display: block;
text-align: center;
letter-spacing: 0.05em;
}
.title-topnews:after {
font-family: 'M PLUS 1p';
content: "新着情報";
font-size: 18px;
margin: -7px 0 0 0;
padding: 0;
align-items:center;
display: flex;
justify-content: center;
letter-spacing: 0;
}
table#topnewsbox {
width: 100%;
margin: 30px 0 45px 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
border-top: 1px #999 solid;
}
table#topnewsbox th {
font-family: 'Roboto';
font-weight: normal;
text-align: left;
padding: 20px 10px;
white-space: nowrap; 
border-bottom: 1px #999 solid;
width:10%;
}
table#topnewsbox td {
text-align: left;
padding: 20px 10px;
white-space: normal;
vertical-align: middle;
border-bottom: 1px #999 solid;
}
table#topnewsbox td a{ color: #333; }
table#topnewsbox td a:hover{
color: #333;
text-decoration: underline;
}

.ivent-icon {
margin: 0 10px 0 0;
padding: 5px 10px 4px 10px;
font-size: 12px;
display: inline-block;
text-align: center;
background-color: #FF9326;
color: #fff;
line-height: 100%;
}
.new-icon {
margin: 0 10px 0 0;
padding: 5px 15px 4px 15px;
font-size: 12px;
display: inline-block;
text-align: center;
background-color: #E3004F;
color: #fff;
line-height: 100%;
}
.shisetsu-icon {
margin: 0 10px 0 0;
padding: 5px 10px 4px 10px;
font-size: 12px;
display: inline-block;
text-align: center;
background-color: #333;
color: #fff;
line-height: 100%;
}
.human-icon {
margin: 0 10px 0 0;
padding: 5px 10px 4px 10px;
font-size: 12px;
display: inline-block;
text-align: center;
background-color: #ED86B5;
color: #fff;
line-height: 100%;
}
.news-icon {
margin: 0 10px 0 0;
padding: 5px 10px 4px 10px;
font-size: 12px;
display: inline-block;
text-align: center;
background-color: #00B2FF;
color: #fff;
line-height: 100%;
}

.newslink {
margin: 10px auto 5px auto;
padding: 0;
background-color:#333;
text-align:center;
width: 25%;
}
.newslink a{
color: #fff;
display: block;
padding: 10px 0px;
font-size:18px;
line-height: 210%;
}
.newslink a:hover{
color: #fff;
background-color:#ccc;
}


.joblink {
margin: 10px auto 5px auto;
background-color:#00b2ff;
text-align:center;
width: 45%;
border-radius: 20px;    /* 20px → 16px（高さに合わせて微調整） */
overflow: hidden;
margin-bottom: 50px;
}
.joblink a{
color: #fff;
display: block;
padding: 10px 0px;
font-size:18px;
line-height: 210%;
}
.joblink a:hover{
color: #fff;
background-color:#ccc;
}


.tabs-box {
  margin: 40px 0 0 0;
}
/*タブ切り替え全体のスタイル*/
.tabs {
  background-color: #fff;
  width: 100%;
  margin: 0 0 10px 0;
}

/*タブのスタイル*/
.tab_item,
.tab_item2,
.tab_item3 {
  width: calc(100%/4);
  height: auto;
  background-color: #fff;
  padding: 7px 0;
  line-height: 150%;
  font-size: 15px;
  color: #999;
  display: block;
  float: left;
  text-align: center;
  font-weight: normal;
  transition: all 0.5s ease;
cursor: pointer;
cursor: hand;
border-left: 1px solid #999;
position: relative;
}
.tab_item3 {
border-right: 1px solid #999;
}
.tab_item:hover {
  background-color: #00B2FF;
  color: #fff;
}
.tab_item2:hover {
  background-color: #333;
  color: #fff;
}
.tab_item3:hover {
  background-color: #ED86B5;
  color: #fff;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 0 0 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#shisetsu:checked ~ #shisetsu_content,
#human:checked ~ #human_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #00B2FF;
  color: #fff;
}
.tabs input:checked + .tab_item2 {
  background-color: #333;
  color: #fff;
}
.tabs input:checked + .tab_item3 {
  background-color: #ED86B5;
  color: #fff;
}


.tab_item span,
.tab_item2 span,
.tab_item3 span {
  font-size: 15px;
  color: #ff0000;
  display: block;
  font-weight: bold;
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}


/* ************************************************ 
*	トップスケジュール
* ************************************************ */
.title-topschedule {
font-family: 'Roboto';
margin: 0;
padding: 0;
font-size: 33px;
display: block;
text-align: center;
letter-spacing: 0.05em;
}
.title-topschedule:after {
font-family: 'M PLUS 1p';
content: "月間予定";
font-size: 18px;
margin: -7px 0 0 0;
padding: 0;
align-items:center;
display: flex;
justify-content: center;
letter-spacing: 0;
}

table#calendar {
width: 100%;
margin: 10px 0 0 0;
padding: 0 0 0 0;
border-top: 1px #999 solid;
border-left: 1px #999 solid;
border-collapse: collapse;
border-spacing: 0;
}
table#calendar th {
font-weight: normal;
text-align: center;
padding: 2px 0;
white-space: nowrap; 
vertical-align: middle;
border-right: 1px #999 solid;
border-bottom: 1px #999 solid;
background-color:#efefef;
width:14.2857%;
}
table#calendar td {
text-align: right;
padding: 0px 3px;
white-space: normal;
vertical-align: top;
border-right: 1px #999 solid;
border-bottom: 1px #999 solid;
height:80px;
}

table#calendar tbody td:before {
  background: #efefef;
  margin-right: 10px;
  padding: 10px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
table#calendar .day {
font-size:12px;
display:block;
float:left;
width:100%;
text-align: right;
}
table#calendar .day-g {
font-size:12px;
display:block;
color:#999;
float:left;
width:100%;
text-align: right;
}

table#calendar a{
color:#fff;
/* background-color:#e3004f; */
padding:3px 3px 2px 3px;
font-size:10px;
line-height:120%;
height:10px;
/* overflow-x: hidden; */
float:left;
text-align:left;
border-radius: 2px; /* CSS3 */
 -webkit-border-radius: 2px; /* Firefox */
 -moz-border-radius: 2px; /* Safari,Chrome */
}
table#calendar a:hover {
background-color:#666;
}
.calendar-title-box {
margin: 20px 0 0 0;
padding: 0;
float:left;
width:60%;
}
.calendar-title {
margin: 0;
padding: 0;
font-size:24px;
font-weight:normal;
}

.arrow-area-box {
margin: 20px 0 0 0;
padding: 0;
float:right;
width:35%;
text-align:right;
}
.arrow-box{
height:25px;
width:25px;
border: 1px solid #999;
text-align:center;
line-height:190%;
float:right;
margin: 0 0 0 5px;
}
.arrow-box a{
color:#333;
}
.arrow-box a:hover{
color:#999;
}

.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	bottom: 120%;
	left: 20px;
	visibility: hidden;
	width: 250px;
	padding: 10px;
	transition: opacity 0.8s;
	text-align: left;
	font-size: 12px;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #333;
}
.cp_tooltip .cp_tooltiptext img{
	margin: 0 0 5px 0;
}
.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 0.8;
}



/* ************************************************ 
*	福祉人材センターとは
* ************************************************ */	
.about-imgbox1{
padding: 0;
margin: 0;
text-align:right;
}
.about-imgbox1 img{
width: 93%;
}
.about-imgbox2{
padding: 0;
margin: 10px auto 0 auto;
text-align:center;
}
.about-imgbox2 img{
height: 500px;
}

.aboutlink {
margin: 0 auto;
padding: 0;
text-align:center;
}
.aboutlink a{
background-color:#333;
color: #fff;
display: inline-block;
margin: 50px auto 0 auto;
padding: 10px 20px;
font-size:18px;
line-height: 210%;
}
.aboutlink a:hover{
color: #fff;
background-color:#ccc;
}

.access-box {
margin: 30px 0 30px 0;
padding: 20px;
width:cal(100% - 20px);
background-color: #efefef;
}
.access-box-inner {
margin: 0;
padding: 20px;
width:cal(100% - 20px);
background-color: #fff;
height:260px;
}
.access-title{
margin: 0 0 10px 0;
padding: 0 0 5px 0;
font-size:18px;
border-bottom: 2px solid #333;
font-weight: bold;
}
.accessmap-box {
margin: 0 0 0 0;
padding: 0 0 0 0;
width:100%;
height:300px;
overflow: hidden;
}

table#hellowork {
width: 100%;
margin: 30px 0 45px 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
border-top: 1px #999 solid;
}
table#hellowork th {
font-weight: normal;
text-align: center;
padding: 20px 0 20px 0;
vertical-align: middle;
white-space: nowrap; 
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
background-color: #efefef;
width: 20%;
}
table#hellowork td {
text-align: center;
padding: 20px 0 20px 0;
white-space: normal;
vertical-align: middle;
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
}
table#hellowork tbody td:before {
  background: #efefef;
  margin-right: 10px;
  padding: 20px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
table#hellowork th:last-child {
border-right: none;
}
table#hellowork td:last-child {
border-right: none;
}
.youtube-title {
margin: 50px auto 10px auto;
padding: 0 0 0 0;
text-align: center;
font-size: 21px;
}
.youtube-box {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
height: 350px;
}
.youtube-box2 {
margin: 50px 0 0 0;
padding: 0 0 0 0;
width: 100%;
height: 350px;
}
.kaigo-title {
  background: #efefef;
  margin: 10px auto 10px auto;
  padding: 10px 0;
  text-align: center;
  font-size: 21px;
 }
 .kaigo-title2 {
  margin: 10px auto 10px auto;
  padding: 0 0 0 0;
  text-align: center;
  font-size: 18px;
 }
.kaigo-title3 {
  background: #efefef;
  margin: 50px auto 10px auto;
  padding: 10px 0;
  text-align: center;
  font-size: 21px;
 }
.kaigo-textbox {
  margin: 30px auto 0 auto;
  padding: 0 0 0 0;
 }
.youtube-text-box {
margin: 10px 0 0 0;
padding: 0 0 0 0;
}
.shisetsu-title {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 180%;
 }


/* ************************************************ 
*	職場体験事業
* ************************************************ */
.triallink {
margin: 0 auto;
padding: 0;
text-align:center;
}
.triallink a{
background-color:#333;
color: #fff;
display: inline-block;
margin: 50px auto 50px auto;
padding: 10px 20px;
font-size:18px;
line-height: 210%;
}
.triallink a:hover{
color: #fff;
background-color:#ccc;
}
.jobtrial-top-textbox {
margin: 0 0 30px 0;
padding: 20px;
border: 1px solid #333;
}
.jobtrial-xlsbox{
margin: 30px auto 70px auto;
padding: 0;
text-align:center;
border: 3px solid #003B82;
background-color: #fff;
border-radius: 5px; /* CSS3 */
 -webkit-border-radius: 5px; /* Firefox */
 -moz-border-radius: 5px; /* Safari,Chrome */
}
.jobtrial-xlsbox a{
display: block;
padding: 30px;
height: 90px;
overflow: hidden;
}
.jobtrial-xlsbox a:hover{
background-color: #efefef;
}
.jobtrial-xlsbox img{
width: 50px;
margin: 0 0 10px 0;
}
.jobtrial-pdfbox{
margin: 30px auto 70px auto;
padding: 0;
text-align:center;
border: 3px solid #003B82;
background-color: #fff;
border-radius: 5px; /* CSS3 */
 -webkit-border-radius: 5px; /* Firefox */
 -moz-border-radius: 5px; /* Safari,Chrome */
}
.jobtrial-pdfbox a{
display: block;
padding: 30px;
height: 90px;
overflow: hidden;
}
.jobtrial-pdfbox a:hover{
background-color: #efefef;
}
.jobtrial-pdfbox img{
width: 50px;
margin: 0 0 10px 0;
}
.jobtriallink-text {
margin: 0 auto;
padding: 0;
text-align:center;
font-size: 21px;
color:#003B82;
line-height: 100%;
}


.jobtrial-box {
margin: 30px auto 0 auto;
padding: 0 0 0 0;
width:90%;
}
.jobtrial-red {
color: #c20018;
}
.jobtrial-text {
margin: 3px 0 0 0;
padding: 0;
}
.select-box {
margin: 0 0 15px 0;
padding: 0;
}
.select-box2 {
margin: 5px 0 5px 0;
padding: 0;
}
.radio-box {
margin: 0;
padding: 0;
vertical-align: middle;
line-height: 180%;
}
table#jobtrial {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-top: 1px #999 solid;
border-left: 1px #999 solid;
border-right: 1px #999 solid;
border-collapse: collapse;
border-spacing: 0;
}

table#jobtrial th {
font-weight: normal;
text-align: left;
padding: 10px;
vertical-align: middle;
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
width:28%;
background-color:#efefef;
}

table#jobtrial td {
text-align: left;
padding: 10px;
white-space: normal;
vertical-align: middle;
border-bottom: 1px #999 solid;
}
.width70{
width: 70%!important;
}
.width60{
width: 60%!important;
}
.width50{
width: 50%!important;
}
.width38{
width: 38%!important;
}
.width35{
width: 35%!important;
}
.width30{
width: 30%!important;
}
.width25{
width: 25%!important;
}
.width20{
width: 20%!important;
}
.width10{
width: 10%!important;
}
.width5{
width: 5%!important;
}

.trial-btn {
margin: 0 auto;
padding: 0;
text-align:center;
}
.trial-btn a{
background-color:#333;
color: #fff;
display: block;
margin: 50px auto 50px auto;
padding: 10px;
font-size:18px;
line-height: 210%;
}
.trial-btn a:hover{
color: #fff;
background-color:#ccc;
}
.trial-btn-back {
margin: 0 auto;
padding: 0;
text-align:center;
}
.trial-btn-back a{
background-color:#999;
color: #fff;
display: block;
margin: 50px auto 50px auto;
padding: 10px;
font-size:18px;
line-height: 210%;
}
.trial-btn-back a:hover{
color: #fff;
background-color:#ccc;
}


/* ************************************************ 
*	福祉の仕事について
* ************************************************ */	
.welfarejob-textbox {
margin: 0 0 30px 0;
padding: 0 0 0 0;
}
.welfarejob-textbox2 {
margin: 0 0 65px 0;
padding: 0 0 0 0;
}
.welfarejob-textbox-end {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.hoiku-box {
margin: -10px 0 30px 0;
padding: 20px;
border: 1px solid #333;
}
.welfarejob-imgbox1 {
margin: 0 0 30px 0;
padding: 55px 0 0 0;
}
.welfarejob-imgbox2 {
margin: 0 0 30px 0;
padding: 0 0 0 0;
}
.welfarejob-imgbox3 {
margin: 0 0 0 0;
padding: 0 0 0 0;
}


/* ************************************************ 
*	法人の方へ
* ************************************************ */	
.forcompany-textbox {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.forcompany-pdfbox{
margin: 30px auto 0 auto;
padding: 0;
text-align:center;
border: 3px solid #003B82;
background-color: #fff;
border-radius: 5px; /* CSS3 */
 -webkit-border-radius: 5px; /* Firefox */
 -moz-border-radius: 5px; /* Safari,Chrome */
}
.forcompany-pdfbox a{
display: block;
padding: 30px;
height: 90px;
overflow: hidden;
}
.forcompany-pdfbox a:hover{
background-color: #efefef;
}
.forcompany-pdfbox img{
width: 50px;
margin: 0 0 10px 0;
}
.forcompanylink-text {
margin: 0 auto;
padding: 0;
text-align:center;
font-size: 21px;
color:#003B82;
line-height: 100%;
}
.forcompanylink-subtext {
margin: 0 auto;
padding: 0;
text-align:center;
font-size: 16px;
color:#003B82;
line-height: 100%;
}
.forcompanylink {
margin: 0 auto;
padding: 0;
text-align:center;
}
.forcompanylink a{
background-color:#333;
color: #fff;
display: inline-block;
margin: 50px auto 0 auto;
padding: 10px 20px;
font-size:18px;
line-height: 210%;
}
.forcompanylink a:hover{
color: #fff;
background-color:#ccc;
}


/* ************************************************ 
*	職員紹介
* ************************************************ */	
.staff-mainimg-box {
margin: 0 0 80px 0;
padding: 0 0 0 0;
}
.staff-box{
margin: 0 0 30px 0;
padding: 0 0 0 0;
}
.staff-firstbox{
margin: 0 auto 30px auto;
padding: 0 0 0 0;
}
.staff-name-box{
margin: 0 0 50px 0;
padding: 0 0 0 0;
}

.staff-name{
margin: 10px 0 0 0;
padding: 0 0 0 0;
display: block;
font-size: 15px;
text-align: center;
}
.staff-position{
margin: 0;
padding: 0 0 0 0;
font-size: 13px;
text-align: center;
}

.staff-profile-box{
margin: 0 0 80px 0;
padding: 20px;
background-color: #FFE300;
}
.staff-profile-box img{
vertical-align: bottom;
}
.staff-profile-inner{
margin: 0 0 0 0;
padding: 20px;
background-color: #fff;
}
.staff-comment-title{
margin: 20px auto 0 auto;
padding: 10px 0;
background-color: #333;
color: #fff;
font-size: 18px;
text-align: center;
display: block;
}
.staff-comment-inner{
margin: 0 0 0 0;
padding: 20px;
background-color: #fff;
}


/* ************************************************ 
*	法人紹介
* ************************************************ */	
.movie-listbox-bg {
margin: 0 auto;
padding: 30px 0 25px 0;
text-align: center;
background-color: #FFE300;
width: 100%;
}
.movie-listbox {
margin: 0 auto;
padding: 0;
text-align: center;
width: 1120px;
}
.movie-listbox li {
margin: 0;
padding: 0;
}
.movie-listbox li a{
width:10.6%;
margin: 0 5px 5px 0;
padding: 5px 0px;
font-size: 16px;
color: #fff;
font-weight: normal;
display: inline-block;
background-color: #333;
text-decoration: none;
float:left;
}
.movie-listbox li a:hover{
color: #333;
background-color: #fff;
text-decoration: none;
}

.movie-box {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.movie-box img{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
}
.movie-title{
margin: 0 auto 0 auto;
padding: 10px 20px;
background-color: #333;
color: #fff;
font-size: 16px;
text-align: left;
display: block;
}
table.movie {
width: 100%;
margin: 20px 0 50px 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
border: 1px #999 solid;
font-size: 14px;
}
table.movie th {
font-weight: normal;
text-align: center;
padding: 15px 0 15px 0;
vertical-align: middle;
white-space: nowrap; 
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
background-color: #efefef;
}
table.movie td:first-child {
text-align: left;
width: 20%;
}
table.movie td:nth-child(2) {
width: 11%;
}
table.movie td:nth-child(3),
table.movie td:nth-child(4),
table.movie td:nth-child(6) {
width: 8%;
}
table.movie td:nth-child(3) img,
table.movie td:nth-child(4) img,
table.movie td:nth-child(6) img {
width: 40%;
}
table.movie td:nth-child(5) {
width: 20%;
}
table.movie td:last-child {
width: 25%;
text-align: left;
}

table.movie td {
text-align: center;
padding: 10px 3px;
white-space: normal;
vertical-align: middle;
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
}
table.movie td a{
color: #333;
text-decoration: none;
}
table.movie td a:hover{
color: #333;
text-decoration: underline;
}
table.movie tbody td:before {
  background: #efefef;
  margin-right: 10px;
  padding: 20px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
table.movie th:last-child {
border-right: none;
}
table.movie td:last-child {
border-right: none;
}


.search-box {
margin: 0 0 30px 0;
padding: 0 0 0 0;
}
input {
margin: 0;
padding: 10px;
/* float: left; */
}
input[type="image"]{
	margin: 0;
	padding: 0;
	height: 39px;
	float: left;
}
.width90{
width: 88%!important;
}


/* ************************************************ 
*	就職活動
* ************************************************ */	
.jobhunting-textbox {
margin: 0 0 50px 0;
padding: 0 0 0 0;
}
.jobhunting-box {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.jobhunting-box img{
margin: 0 0 50px 0;
padding: 0 0 0 0;
width: 100%;
}


/* ************************************************ 
*	就職活動　個別ページ
* ************************************************ */	
.job-imgtitle{
margin: 0 auto 10px auto;
padding: 0;
text-align: center;
display: block;
}
.job-imgtitle img{
height:130px;
}
.job-box{
margin: 0 0 80px 0;
padding: 20px;
background-color: #FFE300;
}
.job-title{
margin: 0 auto 0 auto;
padding: 10px 0;
background-color: #333;
color: #fff;
font-size: 18px;
text-align: center;
display: block;
}
.job-inner{
margin: 0 0 0 0;
padding: 20px;
background-color: #fff;
}
.job-textbox{
margin: 0 0 40px 0;
padding: 0;
}
.job-textbox a{
color: #333;
text-decoration: underline;
}
.job-textbox a:hover{
color: #333;
text-decoration: none;
}
.job-textbox-end{
margin: 0;
padding: 0;
}
.job-textbox-end a{
color: #333;
text-decoration: underline;
}
.job-textbox-end a:hover{
color: #333;
text-decoration: none;
}

.job-soudan-flowbox{
margin: 0 0 0 0;
padding: 20px;
background-color: #efefef;
}
.job-soudan-flowbox img{
vertical-align:bottom;
}


/* ************************************************ 
*	就職活動　自己分析・応募先の検討・施設見学ページ
* ************************************************ */	
.jobinfo-toptextbox{
margin: 0 0 40px 0;
padding: 0;
}
.jobinfo-title{
margin: 0 auto 20px auto;
padding: 10px 0;
background-color: #333;
color: #fff;
font-size: 18px;
text-align: center;
display: block;
}
.jobinfo-title2{
margin: 0;
padding: 10px 30px;
background-color: #333;
color: #fff;
font-size: 18px;
text-align: center;
display: inline-block;
}
.jobinfo-textbox{
margin: 0 0 20px 0;
padding: 0;
}
.jobinfo-textbox2{
margin: 20px 0 0 0;
padding: 0;
}
.jobinfo-textbox3{
margin: 0 0 50px 0;
padding: 0;
}
.jobinfo-box{
margin: 0 0 30px 0;
padding: 20px;
background-color: #FFE300;
}
.jobinfo-box2{
margin: 0 0 80px 0;
padding: 20px;
background-color: #FFE300;
}
.jobinfo-box3{
margin: 30px 0 80px 0;
padding: 20px;
background-color: #FFE300;
}
.jobinfo-box4{
margin: 20px 0 80px 0;
padding: 20px;
background-color: #efefef;
}
.jobinfo-box5{
margin: 0 0 50px 0;
padding: 20px;
background-color: #FFE300;
}
.jobinfo-box6{
margin: 0 0 80px 0;
padding: 20px;
background-color: #efefef;
}
.jobinfo-inner{
margin: 0 0 0 0;
padding: 20px;
background-color: #fff;
}
.jobinfo-seat{
margin: 0 auto;
padding: 0;
text-align: center;
background-color: #efefef;
width: 200px;
height: 180px;
overflow: hidden;
position: relative;
}
.jobinfo-seat img{
height: 120px;
vertical-align: bottom;
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.jobinfo-seat-title{
font-size: 18px;
font-weight: bold;
line-height: 38px;
white-space: nowrap; 
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.jobinfo-att{
border: 1px solid #333;
padding: 15px 20px;
}
.jobinfo-imgbox{
margin: 30px 0 50px 0;
padding: 0;
}
.jobinfo-imgbox img{
width: 100%;
}
.jobinfo-imgbox2{
margin: 0 auto 50px auto;
padding: 0;
text-align: center;
}
.jobinfo-imgbox2 img{
width: 240px;
}


/* ************************************************ 
*	就職活動　面接ページ
* ************************************************ */	
.jobentry-box{
margin: 30px 0 20px 0;
padding: 20px;
background-color: #efefef;
}
.jobentry-box-end{
margin: 30px 0 80px 0;
padding: 20px;
background-color: #efefef;
}
.jobentry-inner{
margin: 0 0 0 0;
padding: 20px 20px 0px 20px;
background-color: #fff;
}
.jobentry-inner2{
margin: 0 0 0 0;
padding: 20px;
background-color: #fff;
}
.jobentry-leftbox {
margin: 0;
padding: 0;
position: relative;
}
.jobentry-leftbox a{
background-color: #FFE300;
color: #333;
display: block;
padding: 40px 0;
}
.jobentry-leftbox-end {
margin: 0;
padding: 40px 0;
position: relative;
background-color: #FFE300;
}

.jobentry-leftbox a:hover{
background-color: #fff;
}
.jobentry-leftbox-title{
font-size: 18px;
font-weight: bold;
white-space: nowrap; 
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.jobentry-rightbox {
margin: 0;
padding: 10px 15px;
background-color: #fff;
width: 510px;
height: 60px;
position: relative;
}

table#jobentry {
width: 100%;
margin: 10px 0 0 0;
padding: 0 0 0 0;
border: none;
border-collapse: collapse;
border-spacing: 0;
}

table#jobentry th {
font-weight: bold;
line-height: 120%;
text-align: left;
padding: 0px 0px;
white-space: nowrap; 
width: 38%;
}

table#jobentry td {
text-align: left;
padding: 0px 0 20px 10px;
white-space: normal;
vertical-align: middle;
}

.jobentry-imgbox{
margin: 30px 0 50px 0;
padding: 0;
}
.jobentry-imgbox img{
width: 100%;
}

.jobentry-title{
margin: 0 auto 20px auto;
padding: 10px 0;
background-color: #FFE300;
color: #333;
font-size: 18px;
text-align: center;
display: block;
}
.jobentry-subtitle{
margin: 0 auto 20px auto;
padding: 0;
color: #003B82;
font-size: 24px;
text-align: center;
display: block;
font-weight: bold;
}
.jobentry-title2{
margin: 0 auto 20px auto;
padding: 10px 0;
background-color: #FF9326;
color: #fff;
font-size: 18px;
text-align: center;
display: block;
}
.jobentry-subtitle2{
margin: 0 auto 20px auto;
padding: 0;
color: #FF9326;
font-size: 24px;
text-align: center;
display: block;
font-weight: bold;
}
.jobentry-title3{
margin: 0 auto 20px auto;
padding: 10px 0;
background-color: #9CC813;
color: #fff;
font-size: 18px;
text-align: center;
display: block;
}
.jobentry-subtitle3{
margin: 0 auto 20px auto;
padding: 0;
color: #9CC813;
font-size: 24px;
text-align: center;
display: block;
font-weight: bold;
}
.jobentry-subtitle4{
margin: 0 auto 40px auto;
padding: 10px 0;
color: #fff;
background-color: #003B82;
font-size: 24px;
text-align: center;
display: block;
font-weight: bold;
}

.jobentry-imgbox2{
margin: 50px auto 80px auto;
padding: 0;
text-align: center;
}
.jobentry-imgbox2 img{
width: 75%;
}
.jobentry-imgbox4{
margin: 80px auto 50px auto;
padding: 0;
text-align: center;
}
.jobentry-imgbox4 img{
width: 90%;
}
.jobentry-imgbox5{
margin: 80px auto 50px auto;
padding: 0;
text-align: center;
}
.jobentry-imgbox5 img{
width: 93%;
}
.jobentry-imgbox8{
margin: 30px auto 50px auto;
padding: 0;
text-align: center;
}
.jobentry-imgbox8 img{
width: 90%;
}


/* ************************************************ 
*	お知らせ
* ************************************************ */	
ul.news{
margin: 0 0 80px 0;
padding: 0 0 0 0;
list-style: none;
border-top:1px solid #666;
}
ul.news li{
margin: 0 0 0 0;
padding: 20px 0 20px 10px;
border-bottom:1px solid #666;
}
ul.news li a{
margin: 0 0 0 15px;
color:#333;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
ul.news li a:hover{
color:#000;
text-decoration: underline;
}
.pager{
margin: 0 auto 0 auto;
text-align:center;
}
.news-page-navi{
margin: 0 3px;
padding: 6px 0px;
text-align:center;
border:1px solid #666;
}
.news-page-navi a{
color: #333;
padding: 6px 10px;
}
.news-page-navi a:hover{
color: #000;
text-decoration:underline;
}
.news-title{
margin: 0 0 25px 0; 
padding: 0px 0px 0px 0px;
font-size:24px;
font-weight:normal;
color:#333;
line-height:180%;
border-bottom: 2px solid #333;
}
.news-contents-box{
margin: 0 0 30px 0;
padding: 0 0 0 0;
}
.news-contents-box img{
margin: 0 0 0 0;
padding: 30px 0px;
}


/* ************************************************ 
*	ブログ
* ************************************************ */
.blog-box {
margin: 0 0 50px 0;
padding: 15px;
background-color: #FFE300;
}
.blog-imgbox {
margin: 0 auto;
padding: 0;
text-align: center;
height: 140px;
overflow: hidden;
}
.blog-imgbox img{
margin: 0;
padding: 0;
vertical-align: bottom;
}
.blog-textbox {
background-color: #fff;
margin: 0;
padding: 10px;
font-size: 15px;
height: 150px;
overflow: hidden;
line-height: 180%;
}

.blog-textbox a{
color: #333;
text-decoration:none;
}
.blog-textbox a:hover{
color: #999;
text-decoration:underline;
}
.blog-date {
background-color: #333;
color: #fff;
margin: 0 0 10px 0;
padding: 0 10px;
display: inline-block;
font-size: 13px;
}

.blog-sidelist-title {
font-size: 16px;
background-color: #333;
color: #fff;
padding: 5px 10px;
}
.blog-sidelist-box {
margin: 0 0 40px 0;
}
ul.blog-sidelist li{
margin: 0;
padding: 5px 0;
}
ul.blog-sidelist li a{
color: #333;
padding: 0 0 3px 0;
text-decoration:none;
border-bottom: 1px dotted #999;
display: block;
}
ul.blog-sidelist li a:hover{
color: #999;
text-decoration:underline;
}
.blog-alllink-box {
margin: 0;
}





/* ************************************************ 
*	魅力発信
* ************************************************ */
.fascinating-box {
margin: 0 0 0 0;
padding: 10px;
}
.fascinating-imgbox {
margin: 0 auto;
padding: 0 10px;
text-align: left;
overflow: hidden;
height: 360px;
width: 100%;
}
.fascinating-imgbox img{
margin: 0;
padding: 0;
vertical-align: bottom;
}
.fascinating-textbox {
background-color: #fff;
margin: 0;
padding: 10px;
font-size: 18px;
height: 50px;
overflow: hidden;
line-height: 180%;
}
.fascinating-category{
background-color: #b0c4de;
color: #000000;
margin: 0 0 10px 0;
padding: 0 10px;
display: inline-block;
font-size: 13px;
}

.fascinating-flex {
  display: flex; /*横並び*/
}
.fascinating-flex .image {
  width: 420px; /*画像サイズ指定*/
  margin: 0;
  padding: 0 10px;
  overflow: hidden;
  position: relative;
}
.fascinating-flex .right {
  margin: 0 0 0 20px;
  padding: 0;
}
.fascinating-flex .title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
}
.fascinating-flex .text {
  margin: 0;
  padding: 0;
  font-size: 14px;
  width: 100%;
}




/* ************************************************ 
*	リンク集
* ************************************************ */	
.link-title {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.link-title li a{
margin: 0 0 20px 0;
padding: 10px 15px;
font-size: 16px;
color: #333;
font-weight: normal;
display: block;
background-color: #FFE300;
text-decoration: underline;
}
.link-title li a:hover{
margin: 0 0 20px 0;
padding: 10px 15px;
color: #333;
text-decoration: none;
}


/* ************************************************ 
*	県内福祉系学校一覧
* ************************************************ */	
.school-listbox-bg {
margin: 0 auto;
padding: 30px 0;
text-align: center;
background-color: #FFE300;
width: 100%;
}
.school-listbox {
margin: 0 auto;
padding: 0;
text-align: center;
width: 1120px;
}
.school-listbox li {
margin: 0;
padding: 0;
}
.school-listbox li a{
margin: 0 5px 0 0;
padding: 5px 17px;
font-size: 16px;
color: #fff;
font-weight: normal;
display: inline-block;
background-color: #333;
text-decoration: none;
float:left;
}
.school-listbox li a:hover{
color: #333;
background-color: #fff;
text-decoration: none;
}

.school-title1{
margin: 0 auto 0 auto;
padding: 10px 0;
background-color: #333;
color: #fff;
font-size: 16px;
text-align: center;
display: block;
}
.school-title2{
margin: 0 auto 0 auto;
padding: 10px 0;
background-color: #FF9326;
color: #fff;
font-size: 16px;
text-align: center;
display: block;
}
.school-title3{
margin: 0 auto 0 auto;
padding: 10px 0;
background-color: #FFA5B9;
color: #fff;
font-size: 16px;
text-align: center;
display: block;
}
.school-title4{
margin: 0 auto 0 auto;
padding: 10px 0;
background-color: #9CC813;
color: #fff;
font-size: 16px;
text-align: center;
display: block;
}
.school-title5{
margin: 0 auto 0 auto;
padding: 10px 0;
background-color: #9766A0;
color: #fff;
font-size: 16px;
text-align: center;
display: block;
}
.school-title6{
margin: 0 auto 0 auto;
padding: 10px 0;
background-color: #1FB9F1;
color: #fff;
font-size: 16px;
text-align: center;
display: block;
}
.school-title7{
margin: 0 auto 0 auto;
padding: 10px 0;
background-color: #DA9323;
color: #fff;
font-size: 16px;
text-align: center;
display: block;
}

.school-textbox{
margin: 10px 0 0 0;
padding: 0;
}
.school-textbox2{
margin: 0 0 10px 0;
padding: 0;
}

table.school {
width: 100%;
margin: 20px 0 60px 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
border: 1px #999 solid;
font-size: 14px;
}
table.schoolend {
width: 100%;
margin: 20px 0 0 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
border: 1px #999 solid;
font-size: 14px;
}
table.school th,
table.schoolend th {
font-weight: normal;
text-align: center;
padding: 15px 0 15px 0;
vertical-align: middle;
white-space: nowrap; 
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
background-color: #efefef;
}
table.school td:first-child,
table.schoolend td:first-child{
width:6.5%;
}
table.school td:nth-child(3),
table.school td:nth-child(4),
table.schoolend td:nth-child(3),
table.schoolend td:nth-child(4) {
width:5%;
}
table.school td:nth-child(2),
table.schoolend td:nth-child(2) {
width:27.5%;
text-align: left;
}
table.school td:nth-child(5),
table.schoolend td:nth-child(5) {
width:12%;
white-space: nowrap; 
}
table.school td:nth-child(6),
table.schoolend td:nth-child(6) {
width:22%;
text-align: left;
}
table.school td:last-child,
table.schoolend td:last-child {
width:20%;
text-align: left;
word-break: break-all;
}

table.school td,
table.schoolend td {
text-align: center;
padding: 10px 3px;
white-space: normal;
vertical-align: middle;
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
}
table.school td a,
table.schoolend td a{
color: #333;
text-decoration: none;
}
table.school td a:hover,
table.schoolend td a:hover{
color: #333;
text-decoration: underline;
}
table.school tbody td:before,
table.schoolend tbody td:before {
  background: #efefef;
  margin-right: 10px;
  padding: 20px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
table.school th:last-child,
table.schoolend th:last-child {
border-right: none;
}
table.school td:last-child,
table.schoolend td:last-child {
border-right: none;
}


/* ************************************************ 
*	福祉のしごと就職WEBフェア
* ************************************************ */	
.job-fair-pagetitle {
margin: 0 auto 0 auto;
padding: 0 0 0 0;
font-size: 36px;
text-align:center;
font-weight:bold;
}
.job-fair-titlebox {
margin: 0 auto 20px auto;
padding: 0 0 0 0;
text-align: center;
}
.job-fair-titlebox img{
margin: 0 auto 0 auto;
width: 75%;
vertical-align: bottom;
}
.job-fair-title {
margin: 0 auto 0 auto;
padding: 10px 15px;
font-size: 24px;
font-weight: bold;
display: inline-block;
text-align: center;
border: 10px solid #FFE300;
background-color: #FFE300;
}
.job-fair-leadtext {
margin: 0 auto 20px auto;
padding: 0;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.job-fair-flowbox {
margin: 50px auto 20px auto;
padding: 20px 12px;
text-align: center;
background-color: #efefef;
position: relative;
}
.job-fair-flowbox h3{
margin: 0 auto 10px auto;
text-align: center;
font-size: 27px;
font-weight: bold;
}

.flow-box {
display:flex;
}

.job-fair-flowtextbox {
width: 31%;
margin: 0 1% 0 1%;
padding: 15px;
background-color: #fff;
text-align: center;
position:relative;
}
.job-fair-flowtextbox a{
text-decoration: underline;
color: #333;
}
.job-fair-flowtextbox a:hover{
text-decoration: none;
color: #999;
}
.job-fair-flowtextbox .no{
font-size: 30px;
color: #1fb9f1;
border-bottom: 5px solid #1fb9f1;
margin: 0 auto 5px auto;
}
.job-fair-flowtextbox .flow-arrow{
position: absolute;
top: 45%;
right: -35px;
z-index: 99;
}
.job-fair-flowtextbox .flow-arrow img{
width:50px;
}

.zoomlink {
text-align: center;
margin: 0 auto;
padding: 0px;
}
.zoomlink a{
background-color:#333;
color: #fff;
display: block;
margin: 0;
padding: 6px 0px 10px 0px;
font-size:18px;
text-decoration: none;
}
.zoomlink a::after{
position:relative;
top: 4px;
left: 10px;
content:"";
display:inline-block;
width:25px;
height:25px;
background:url("../images/pdf_icon.png") no-repeat;
background-size:contain;
}
.zoomlink a:hover{
color: #fff;
background-color:#ccc;
}

.job-fair-title2 {
margin: 0 auto 15px auto;
padding: 0 0 5px 0;
font-size: 30px;
font-weight: bold;
display: inline-block;
text-align: center;
border-bottom: 5px solid #FFE300;
}
.job-fair-subtitle {
margin: 0 auto 5px auto;
padding: 0 0 0 0;
font-size: 18px;
font-weight: bold;
display: block;
text-align: center;
}

.job-fairlink {
width: 1200px;
margin: 0 auto;
padding: 0;
text-align:center;
position: fixed;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
z-index:99999;
}
.job-fairlink a{
background-color:#FFE300;
color: #333;
display: block;
margin: 0;
padding: 10px 0px;
font-size:24px;
line-height: 210%;
}
.job-fairlink a:hover{
color: #fff;
background-color:#333;
}

table.job-fair {
width: 100%;
margin: 0 0 50px 0;
padding: 0 0 0 0;
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table.job-fair th {
font-size:21px;
font-weight: bold;
line-height: 120%;
text-align: center;
padding: 10px;
white-space: nowrap;
border-top: 10px solid #fff;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}
table.job-fair td {
text-align: center;
padding: 0px 10px 10px 10px;
width: 22.5%;
white-space: normal;
vertical-align: middle;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}
table.job-fair td:first-child {
width: 10%;
white-space: nowrap;
}

table.job-fair td a{
background-color: #fff;
color: #333;
display:table-cell;
padding: 5px;
vertical-align: middle;
width: 300px;
height: 45px;
}
table.job-fair td .houjin-name{
height: 45px;
overflow: hidden;
}
table.job-fair td a:hover{
background-color: #333;
color: #fff;
}
table.job-fair td a.active-time{
background-color: #FFE300;
color: #333;
}
table.job-fair td.time {
font-size: 18px;
font-family: 'Roboto','Noto Sans JP',sans-serif;
font-weight: bold;
}
table.job-fair th.day1 {
background-color: #b9ebff;
border-radius: 30px 30px 0px 0px; /* CSS3 */
 -webkit-border-radius: 30px 30px 0px 0px; /* Firefox */
 -moz-border-radius: 30px 30px 0px 0px; /* Safari,Chrome */
}
table.job-fair td.day1 {
background-color: #b9ebff;
}
table.job-fair th.day2 {
background-color: #ffcbd7;
border-radius: 30px 30px 0px 0px; /* CSS3 */
 -webkit-border-radius: 30px 30px 0px 0px; /* Firefox */
 -moz-border-radius: 30px 30px 0px 0px; /* Safari,Chrome */
}
table.job-fair td.day2 {
background-color: #ffcbd7;
}
table.job-fair th.day3 {
background-color: #ccf1cc;
border-radius: 30px 30px 0px 0px; /* CSS3 */
 -webkit-border-radius: 30px 30px 0px 0px; /* Firefox */
 -moz-border-radius: 30px 30px 0px 0px; /* Safari,Chrome */
}
table.job-fair td.day3 {
background-color: #ccf1cc;
}
table.job-fair th.day4 {
background-color: #d8cadf;
border-radius: 30px 30px 0px 0px; /* CSS3 */
 -webkit-border-radius: 30px 30px 0px 0px; /* Firefox */
 -moz-border-radius: 30px 30px 0px 0px; /* Safari,Chrome */
}
table.job-fair td.day4 {
background-color: #d8cadf;
}


.job-fair-companybox1,
.job-fair-companybox2,
.job-fair-companybox3,
.job-fair-companybox4 {
margin: 0 auto 50px auto;
padding: 30px 30px 5px 30px;
text-align: center;
border-radius: 15px; /* CSS3 */
 -webkit-border-radius: 15px; /* Firefox */
 -moz-border-radius: 15px; /* Safari,Chrome */
}
.job-fair-companybox1 { background-color: #b9ebff; }
.job-fair-companybox2 { background-color: #ffcbd7; }
.job-fair-companybox3 { background-color: #ccf1cc; }
.job-fair-companybox4 { background-color: #d8cadf; }

.job-fair-companybox1 li a,
.job-fair-companybox2 li a,
.job-fair-companybox3 li a,
.job-fair-companybox4 li a{
background-color: #fff;
color: #333;
padding: 10px;
display: block;
height: auto;
}
.job-fair-companybox1 li a:hover,
.job-fair-companybox2 li a:hover,
.job-fair-companybox3 li a:hover,
.job-fair-companybox4 li a:hover{
background-color: #333;
color: #fff;
}

.job-fair-companybox1 li:nth-child(3n+4),
.job-fair-companybox2 li:nth-child(3n+4),
.job-fair-companybox3 li:nth-child(3n+4),
.job-fair-companybox4 li:nth-child(3n+4){
clear: both;
}

.job-fair-companybox1 span,
.job-fair-companybox2 span,
.job-fair-companybox3 span,
.job-fair-companybox4 span {
font-size: 18px;
font-weight: bold;
font-family: 'Roboto','Noto Sans JP',sans-serif;
background-color:#FFE300;
display: block;
}
.job-fair-companybox1 li a:hover span,
.job-fair-companybox2 li a:hover span,
.job-fair-companybox3 li a:hover span,
.job-fair-companybox4 li a:hover span {
background-color:#FFE300;
color: #333;
}
.job-fair-companybox1 h4,
.job-fair-companybox2 h4,
.job-fair-companybox3 h4,
.job-fair-companybox4 h4 {
font-weight: bold;
font-size: 18px;
margin: 5px 0 5px 0;
height: 47px;
overflow: hidden;
}
.job-fair-companybox1 p,
.job-fair-companybox2 p,
.job-fair-companybox3 p,
.job-fair-companybox4 p {
margin: 5px 0 5px 0;
padding: 0;
height: 20px;
overflow: hidden;
}
.job-fair-companybox1 .list-comment,
.job-fair-companybox2 .list-comment,
.job-fair-companybox3 .list-comment,
.job-fair-companybox4 .list-comment {
margin: 0 0 0 0;
position: relative;
padding: 10px;
background-color: #efefef;
color: #333;
border-radius: 10px;
height: 45px;
overflow: hidden;
}

.job-fair-contactbox {
width: 31%;
margin: 0 1% 0 1%;
padding: 15px;
background-color: #333;
color: #fff;
text-align: center;
position:relative;
}
.job-fair-contactbox h3{
font-size: 21px;
font-family: 'Roboto','Noto Sans JP',sans-serif;
font-weight: bold;
}
.job-fair-contactbox h4{
font-size: 18px;
}


/* ************************************************ 
*	福祉のしごと就職WEBフェア　詳細
* ************************************************ */	
.job-fair-singletitle-date {
margin: 0 auto 10px auto;
padding: 5px 10px;
font-size: 21px;
font-weight: bold;
text-align: center;
background-color:#efefef;
display: inline-block;
}
.job-fair-singletitle {
margin: 0 auto 50px auto;
padding: 0;
font-size: 36px;
font-weight: bold;
text-align: center;
}
.job-fair-list,
.job-fair-list2,
.job-fair-list3 {
font-size: 18px;
}
.job-fair-list a,
.job-fair-list2 a,
.job-fair-list3 a {
text-decoration: underline;
}
.job-fair-list a:hover,
.job-fair-list2 a:hover,
.job-fair-list3 a:hover {
text-decoration: none;
color: #999;
}
.job-fair-list:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #ccc;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 7px;          /* 余白指定 */
}
.job-fair-list2:before {
    content:  "HP";     /* 空の要素作成 */
    width:  40px;               /* 幅指定 */
    height:  22px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #FFE300;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 0px;                  /* 位置調整 */
    margin-right: 7px;          /* 余白指定 */
text-align: center;
padding: 3px 0px;
font-size:16px;
}
.job-fair-list3:before {
    content:  "求人";     /* 空の要素作成 */
    width:  40px;               /* 幅指定 */
    height:  22px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #FFE300;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 0px;                  /* 位置調整 */
    margin-right: 7px;          /* 余白指定 */
text-align: center;
padding: 3px 0px;
font-size:15px;
}


/* 吹き出し本体 */
.comment{
margin: 0 0 0 0;
  position: relative;
  padding: 20px;
  background-color: #d9f4ff;
  color: #333;
  border-radius: 10px;
font-size: 21px;
}
/* 色付きの半円 */
.comment::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  right: 70px;
  bottom: -20px;
  border-left: 30px solid transparent;
  border-top: 30px solid transparent;
  border-right: 30px solid #d9f4ff;
  border-bottom: 30px solid #d9f4ff;
}
/* 白い半円 */
.comment::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  right: 90px;
  bottom: -30px;
  border-left: 30px solid transparent;
  border-top: 30px solid transparent;
  border-right: 30px solid #fff;
  border-bottom: 30px solid #fff;
}

.job-fair-photobox {
margin: 40px 0 30px 0;
padding: 0;
}
.job-fair-photobox2 {
margin: 0 auto 30px auto;
padding: 0;
width: 70%;
text-align: center;
}

.comment2{
margin: 0 0 30px 0;
  position: relative;
  padding: 10px;
  background-color: #003b82;
  color: #fff;
  border-radius: 10px;
font-size: 21px;
text-align: center;
}
/* 色付きの半円 */
.comment2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  right: 70px;
  bottom: -20px;
  border-left: 30px solid transparent;
  border-top: 30px solid transparent;
  border-right: 30px solid #003b82;
  border-bottom: 30px solid #003b82;
}
/* 白い半円 */
.comment2::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  right: 90px;
  bottom: -30px;
  border-left: 30px solid transparent;
  border-top: 30px solid transparent;
  border-right: 30px solid #fff;
  border-bottom: 30px solid #fff;
}

.job-fair-jobbox {
margin: 0 auto 50px auto;
padding: 25px 25px 0px 25px;
text-align: center;
background-color: #efefef;
border-radius: 15px; /* CSS3 */
 -webkit-border-radius: 15px; /* Firefox */
 -moz-border-radius: 15px; /* Safari,Chrome */
}
.job-fair-jobbox li a{
background-color: #fff;
color: #333;
padding: 15px 10px;
margin: 0 0 5px 0;
display: block;
font-size: 18px;
}
.job-fair-jobbox li a:hover{
background-color: #333;
color: #fff;
}
.job-fair-jobbox li a span{
font-size: 16px;
}

.job-fair-company-contactbox {
width: 1060px;
margin: 0 auto;
padding: 10px 80px 20px 80px;
text-align:center;
background-color: #FFE300;
position: fixed;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
z-index:99999;
}
.job-fair-company-contactbox h3{
font-size: 21px;
margin: 0 0 20px 0;
}
.job-fair-company-contactbox h4{
font-size: 18px;
}

.job-fair-company-contactbox .form-box{
margin: 0 0 10px 0;
text-align: left;
}

.job-fair-company-contactbox .nini-box{
margin: 10px 0 0 0;
text-align: left;
}
.job-fair-company-contactbox .att-box{
margin: 10px 0 0 0;
text-align: left;
}
.job-fair-company-contactbox .att-box h4{
font-size: 16px;
margin: 0;
}

.job-fair-company-contactbox .submitlink {
text-align: center;
margin: 0 auto;
padding: 0px;
}
.job-fair-company-contactbox .submitlink a{
background-color:#333;
color: #fff;
display: block;
margin: 0;
padding: 10px 0px 12px 0px;
font-size:21px;
text-decoration: none;
}
.job-fair-company-contactbox .submitlink a:hover{
color: #fff;
background-color:#ccc;
}



.job-fair-company-contactbox .hidden_box {
margin: 0;
padding: 0;
}

/*フォームを開く・閉じる*/
.job-fair-company-contactbox .hidden_box label {
    padding: 10px 40px;
    font-weight: bold;
    border: solid 1px #333;
    cursor :pointer;
    background: #333;
    color: #fff;
}

.job-fair-company-contactbox .hidden_box input:checked ~ label{
position: absolute;
top: 10px;
right: 10px;
}

.job-fair-company-contactbox .hidden_box input:checked ~ label::before{
  display: none;
}
.job-fair-company-contactbox .hidden_box input ~ label::after{
  display: none;
}
.job-fair-company-contactbox .hidden_box input:checked ~ label::after{
  display: inline-block;
}

.job-fair-company-contactbox .hidden_box label::before{
  content: 'フォームを開く';
}
.job-fair-company-contactbox .hidden_box label::after{
  content: '閉じる';
}
/*フォームを開く・閉じるここまで*/

/*ボタンホバー時*/
.job-fair-company-contactbox .hidden_box label:hover {
    background: #fff;
    color: #333;
    transition: 0.8s;
}

.job-fair-company-contactbox .hidden_box input {
    display: none;
}
.job-fair-company-contactbox .hidden_box .hidden_show input {
    display: inline-block;
}

/*中身を非表示にしておく*/
.job-fair-company-contactbox .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.job-fair-company-contactbox .hidden_box input:checked ~ .hidden_show {
    padding: 0 0 10px 0;
    height: auto;
    opacity: 1;
}
.job-fair-company-contactbox label {
font-size: 18px;
}
.job-fair-company-contactbox .label-box {
margin: 0 0 10px 0;
font-size: 18px;
}

/*中身を非表示にしておく入れ子*/
.job-fair-company-contactbox .hidden_box2 .hidden_show2 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示入れ子*/
.job-fair-company-contactbox .hidden_box2 input:checked ~ .hidden_show2 {
    padding: 0 0 10px 0;
    height: auto;
    opacity: 1;
}
.job-fair-company-contactbox2 label {
font-size: 18px;
}
.job-fair-company-contactbox2 .label-box {
margin: 0 0 10px 0;
font-size: 18px;
}



/* ************************************************ 
*	お問い合わせ
* ************************************************ */	
.contact-top-textbox {
margin: 0 0 50px 0;
padding: 20px;
border: 1px solid #333;
}
.contact-imgbox {
margin: 50px auto 80px auto;
padding: 0;
text-align: center;
}
.contact-imgbox img{
width: 80%;
}
.contact-formbox {
margin: 50px 0 0 0;
padding: 0;
}
table#contact {
width: 100%;
margin: 10px 0 0 0;
padding: 0 0 0 0;
border: none;
border-collapse: collapse;
border-spacing: 0;
}

table#contact th {
font-weight: bold;
line-height: 120%;
text-align: left;
padding: 10px;
white-space: nowrap; 
}

table#contact td {
text-align: left;
padding: 10px;
white-space: normal;
vertical-align: middle;
}

.contact-red{
color: red;
}
.width50{
width: 50%!important;
}


/* ************************************************ 
*	フッターエリア
* ************************************************ */	
#footer {
clear:both;
width:100%;
font-size: 100%;
margin: 0px auto 0px auto;
padding: 3px 0px 0px 0px;
background-color:#00B2FF !important;
}
.footer-inner {
margin: 0px auto 0px auto;
padding: 50px 0px 50px 0px;
max-width: 1120px;
_width: 1120px;
}

#footer ul li {
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
}
#footer ul li a{
color:#fff;
font-size: 14px;
}
#footer ul li a:hover{
text-decoration: underline;
}

.footer-right {
color:#fff;
font-size: 14px;
margin: 0;
padding: 0;
float: right;
text-align: right;
}
.footer-right img{
width: 285px;
margin: 0 0 30px 0;
}

.copyright {
color:#fff;
margin: 0px auto 0px auto;
padding: 20px 0 20px 0;
text-align:center;
font-size: 80%;
border-top: 2px solid #fff;
width: 1120px;
}



/* ************************************************ 
*	ライン
* ************************************************ */
.line-dotted {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom:1px dotted #CCC;
}

.line-solid {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom:1px solid #CCC;
}


/* ************************************************ 
*	画像装飾
* ************************************************ */
.pict_right {
margin:0 0 10px 20px; 
padding: 2px 2px 2px 2px; 
float: right;
border: 1px solid #DCDCDC;
}

.pict_left {
margin:0 10px 10px 0; 
padding: 2px 2px 2px 2px; 
float: left;
border: 1px solid #DCDCDC;
}

.pict1px{
margin: 0 0 5px 0; 
padding: 2px 2px 2px 2px; 
border: 1px solid #CCC;
}

.pict_shadow{
background: #fff;
margin: 0px auto;
border: 1px solid #ccc;
padding: 5px 5px 5px 5px;
border-radius: 1px; /* CSS3 */
 -webkit-border-radius: 1px; /* Firefox */
 -moz-border-radius: 1px; /* Safari,Chrome */
box-shadow: 2px 2px 3px #C0C0C0;
}



/* ************************************************ 
*	角丸
* ************************************************ */
.border-radius{
border-radius: 5px; /* CSS3 */
 -webkit-border-radius: 5px; /* Firefox */
 -moz-border-radius: 5px; /* Safari,Chrome */
}



/* ************************************************ 
*	ボックスシャドウ・テキストシャドウ
* ************************************************ */
.box-shadow{
box-shadow: 2px 2px 3px #ccc; /* CSS3 */
 -webkit-box-shadow: 2px 2px 3px #ccc; /* Safari,Chrome */
 -moz-box-shadow: 2px 2px 3px #ccc; /* Firefox */
}
.text-shadow{
text-shadow: 1px 1px 3px #DEDEDE; /* CSS3 */
 -webkit-text-shadow: 1px 1px 3px #DEDEDE; /* Safari,Chrome */
 -moz-text-shadow: 1px 1px 3px #DEDEDE; /* Firefox */
}



/* ************************************************ 
*	CSS3ボタン
* ************************************************ */
.bt-more a {
font-size: 9px;
font-weight: normal;
color: #333;
text-align: center;
text-decoration: none;
text-shadow: 0px -1px 0px #fff;
width: 50px;
float: left;
display: block;
padding: 0 0 0 0;
margin: 10px 0 0 0;
border: 1px solid #ccc;
border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
background-color: #eee;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(.75, #eee),color-stop(1, #ddd));
background: -moz-linear-gradient(#ddd, #eee 75%, #ddd);
}

.bt-more a:hover {
background-color: #fff;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(.75, #fff),color-stop(1, #eee));
background: -moz-linear-gradient(#eee, #fff 75%, #eee);
}

.bt-more a:active {
background-color: #999;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999),color-stop(.75, #ccc),color-stop(1, #999));
background: -moz-linear-gradient(#999, #ccc 75%, #999);
}

.bt-order a{
font-size: 14px;
color:#fff;
display: block;
text-align:center;
background-color: #999;
margin: 20px 0 20px 0 ;
padding: 10px 15px;
border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

.bt-order a:hover{
color:#867888;
background: #ddd;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}




/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
 iframe {
    width: 100%;
    height:100%;
}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
.show_sp { display: none; }
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper { width: 728px;}
.wrapper-top { width:calc(728px - 40px); padding: 50px 20px;}
.wrapper-top2 { width:calc(728px - 40px); padding: 50px 20px 20px 20px;}
.wrapper-youtube { width:728px; padding: 0px 0px;}
.wrapper-line { width:728px; padding: 0px 0px 50px 0px;}
#header { height: 180px; }
.header-inner {
width: 728px;
margin: 0px auto 0px auto;
padding: 30px 0 10px 0;
}
.head-jobsearch { margin: 0 auto 0 auto; }
.head-jobsearch a {
    padding: 15px 0;
    font-size:12px;
}
.head-jobsearch a::before{
display: none;
}
.header_txtsize input { width: 40px; height: auto;}
.header_txtclr input { width: 25px; height: auto;}
.header_txtsize-inputtext,
.header_txtclr-inputtext {
display: none;
}
.header-searchbox input {
    margin: 0 0 0 0;
    padding: 3px;
width: 80%;
}
.header-searchbox input[type="image"] {
    margin: 0 0 0 0;
    padding: 0;
    height: 25px;
width: 20%;
}

#nav_bg {
	height:55px;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	border-bottom: 5px solid #fff;
}
.nav {
width:728px;
margin: 0 auto 0px auto;
}
.nav-menu li a {
font-size: 10px;
margin: 0;
padding: 20px 3px;
border-bottom: 5px solid #fff;
}
.nav-menu li:hover > a,
.nav-menu li a:hover {
border-bottom: 5px solid #ffe300;
}
.nav-menu li a span{
font-size: 7px;
bottom: 15px;
}

#top-slide{ margin: 0px auto 0px auto; }

.illustbox-right1 {
margin: 50px 0 0 0;
text-align:right;
}

.jobsearchlink1 a{ font-size:16px; }
.jobsearchlink2 a{ font-size:16px; }
.jobsearch-subtitle { font-size: 18px; }

.mainimg-box-btn,
.mainimg-box-btnfiar,
.mainimg-box-btn1{
margin: 0 auto 9px auto;
}

.mainimg-box-btn a,
.mainimg-box-btnfiar a{
width: calc(25vw - 20px);
padding: 10px;
}

.mainimg-box-btn1 a,
.mainimg-box-btn2 a{
font-size:20px;
height: 45px;
}

.mainimg-box-btn1 a::before,
.mainimg-box-btn2 a::before{
width:32px;
height:28px;
}

.newslink a{ font-size:16px; }
.joblink a{ font-size:16px; }

.pagetitle-box {
padding: 50px 0px;
margin: 0 auto 0 auto;
}
.pagetitle { font-size: 21px; }
.page-subtitle { font-size: 18px; }
.page-subtitle2 { font-size: 16px; }
.page-subtitle6 { font-size: 16px; }

.aboutlink a,
.forcompanylink a{
font-size:16px; margin: 30px auto 0 auto;
}
.access-box-inner { height:auto; }
.accessmap-box { height:350px; }

.welfarejob-imgbox1 { padding: 80px 0 0 0; }

.staff-comment-title{ font-size: 16px; }
.job-title{ font-size: 16px; }

.job-list { grid-template-columns: repeat(2, 1fr); margin-left: 0; margin-right: 0; }
.jobinfo-seat{
width: 150px;
height: 150px;
}
.jobinfo-seat img{ height: 100px; }
.jobinfo-seat-title{
font-size: 16px;
line-height: 30px;
}
.jobinfo-title{ font-size: 16px; }
.jobinfo-title2{ font-size: 16px; }
.jobentry-title{ font-size: 16px; }
.jobentry-title2{ font-size: 16px; }
.jobentry-title3{ font-size: 16px; }

.blog-box { padding: 10px; }
.blog-imgbox { height: 115px; }
.blog-textbox { height: 170px; }

.jobentry-leftbox a{
padding: 50px 0;
}
.jobentry-leftbox-title{
font-size: 16px;
line-height: 38px;
}
.jobentry-rightbox {
width: 375px;
height: 80px;
}

table#jobentry th {
width: 51%;
}

.jobentry-subtitle{ font-size: 21px; }
.jobentry-subtitle2{ font-size: 21px; }
.jobentry-subtitle3{ font-size: 21px; }
.jobentry-subtitle4{ font-size: 21px; }

.youtube-title {
margin: 50px auto 10px auto;
font-size: 18px;
}
.youtube-box { height: 300px; }
.youtube-box2 { height: 300px; }

.school-listbox-bg { padding: 30px 0 25px 0; }
.school-listbox { width: 728px; }
.school-listbox li a{
margin: 0 5px 5px 0;
}
.movie-listbox { width: 728px; }
.movie-listbox li a{ width: 15.5%; }


.job-fair-pagetitle { font-size: 21px; }
.job-fairlink { width: 100%; }
.job-fair-company-contactbox { width: 728px; }

.footer-inner { width: 728px;}
.copyright { width: 728px;}
iframe { width: 100%; height:100%; max-width: 728px; }
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
.show_sp { display: none; }
}


/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.wrapper { width: 90%; padding: 50px 0px;}
.wrapper-top { width:calc(90% - 40px); padding: 50px 20px 80px 20px;}
.wrapper-top2 { width:calc(90% - 40px); padding: 50px 20px 0px 20px;}
.wrapper-youtube { width:90%; padding: 0px 0px 0px 0px;}
.wrapper-line { width:90%; padding: 50px 0px 80px 0px;}
#header { position: relative; }
.header-inner { width: 90%; margin:auto; padding: 90px 0 10px 0;}
.header-telbox {
    margin: 0 auto 0 auto;
    padding: 0;
    float: none;
    width: 100%;
    text-align: center;
}
.tel {
    margin: 0px auto 5px auto;
    float: none;
}
.mail {
line-height: 20px;
float: none;
}
.header-inputbox {
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
}
.header-searchbox {
    margin: 15px 0 0 0;
    padding: 0;
    float: left;
    width: 100%;
}
.header-searchbox input {
    width: 85%;
}
.header-searchbox input[type="image"] {
    width: 15%;
}
.head-jobsearch {
    margin: 0 auto 0 auto;
    width: 100%;
}
.head-jobsearch a {
    padding: 8px 0px;
    font-size: 4.5vw;
}
.head-jobsearch a::before{
top: 1px;
left: -5px;
width:25px;
height:25px;
}
.logo {
display: none;
}

.header_txtsize input {
width: 45px;
margin-left: 0;
margin-right: 5px;
}
input[type="image"]{
	height: 29px;
}

.header_txtsize,
.header_txtclr{
line-height: 25px;
}

.header_txtsize-inputtext,
.header_txtclr-inputtext {
    margin: 0;
    float: left;
    text-align: left;
    font-size: 3.5vw;
}
p.header_txtsize-inputtext,
p.header_txtclr-inputtext{
padding: 0 0 0 0;
text-align: center;
line-height: 20px;
}

.slide-box{ margin: 90px 0 0 0; }
.slick-slide img { width: 100vw; }

.top-mainimg-box{ margin: 110px auto 30px auto; }
.top-mainimg-box-inner {
position: absolute;
top: 0;
transform: translateY(-65%);
-webkit-transform: translateY(-65%);
-ms-transform: translateY(-65%);
}

.mainimg-box-btn,
.mainimg-box-btnfiar {
margin: 0 auto 10px auto;
}

.mainimg-box-btn1{
position: absolute;
top: 80%;
right: 43%;
}
.mainimg-box-btn2{
position: absolute;
top: 80%;
right: 5%;
}

.mainimg-box-btn a {
width: calc(47.5vw - 20px);
padding: 5px 10px;
}
.mainimg-box-btnfiar a {
width: calc(47.5vw - 20px);
padding: 5px 10px;
}
.mainimg-box-btn1 a,
.mainimg-box-btn2 a{
font-size:4.5vw;
width: 35vw;
height: 40px;
}
.mainimg-box-btn1 a::before,
.mainimg-box-btn2 a::before{
width:28px;
height:24px;
}

#top-slide{ margin: 290px auto 0px auto; }
.cycle-pager { display: none; }

#nav_bg {
	padding: 0px 0px 0px 0px;
	margin:0 0 0 0;
position: absolute;
top:0;
left:0;
border-bottom: none;
}
/* 上部固定用 */
#nav_bg.active{
position: absolute;
top:0;
left:0;
}
/* 上部固定用ここまで */

.nav { float: none; text-align:center; width: 100%; padding: 0; }
.nav-menu li {
display: inline-block;
position: relative;
margin: 0 0;
padding: 0;
  width: 100%;
  z-index:99999;
  text-align: left;
}
.nav-menu li a {
color: #fff;
display: block;
font-size: 16px;
text-decoration: none;
border-bottom: none;
}
.nav-menu li:hover > a,
.nav-menu li a:hover {
color: #fff;
background-color: #999!important;
border-bottom: none;
}
.nav-menu li a span{
font-size: 16px;
margin: 0;
padding: 0 0 0 10px;
position: relative;
top: 0;
left: 0;
}
.nav-menu li a:hover span{
color: #ffe300;
}

.nav-menu .sub-menu {
display: block;
padding: 0;
position: relative;
z-index: 99999;
}
.nav-menu .sub-menu li {
width: 100%;
}
.nav-menu .sub-menu li a {
color: #333;
background-color: #fff;
}
.nav-menu .sub-menu li a:hover {
color: #fff;
}

.illustbox-right1 {
margin: 50px auto 50px auto;
text-align:none;
}
.illustbox-right2 {
margin: 50px auto 50px auto;
text-align:none;
}
.illustbox-right3 {
margin: 50px auto 50px auto;
text-align:none;
}
.line-box {
width:calc(100% - 60px);
padding: 15px 30px 15px 30px;
margin: 0 0 0 0;
}
.line-box img{
margin: 15px 0 15px 0;
}

.contents-box{
margin: 0 0 70px 0;
padding: 0 0 50px 0;
}
.contents-box2{
margin: 0 0 70px 0;
padding: 0 0 0 0;
}
.contents-box-end{
margin: 0 0 70px 0;
padding: 0 0 0 0;
}
.contents-box-end2{
margin: 0 0 20px 0;
padding: 0 0 0 0;
}
.breadcrumbs { width: 90%; }
iframe { width: 100%; height:100%; }
.copyright {
width:100%;
}

.jobsearchlink1 a{ font-size:16px; }
.jobsearchlink2 a{ font-size:16px; }
.jobsearch-subtitle { font-size: 18px; }

table#topnewsbox th {
display:block;
width: 100%;
padding: 30px 0 5px 0;
border-bottom: none;
}
table#topnewsbox td {
display:block;
width: 100%;
padding: 0px 0 15px 0;
}
.ivent-icon { margin: 0 0 5px 0; }
.new-icon { margin: 0 0 5px 0; }
.shisetsu-icon { margin: 0 0 5px 0; }
.human-icon { margin: 0 0 5px 0; }
.news-icon { margin: 0 0 5px 0; }

.newslink { width: 100%;}
.newslink a{ font-size:16px;}

.joblink { width: 100%;}
.joblink a{ font-size:16px;}

.pagetitle-box {
padding: 50px 0px;
margin: 180px auto 0 auto;
}
.pagetitle { font-size: 21px; }
.page-subtitle { font-size: 18px; }
.page-subtitlebox { margin: 0 auto 30px auto; }
.page-subtitle2 { font-size: 16px; }
.page-subtitle6 { font-size: 16px; }

.about-imgbox1 {
    margin: 30px auto 30px auto;
    text-align: center;
}
.about-imgbox1 img { width: 100%; }
.aboutlink a,
.forcompanylink a{
font-size:16px; margin: 20px auto 0 auto;
}

.jobinfo-inner{ padding: 20px 20px 0px 20px; }
.jobinfo-seat{
width: 100%;
height: 150px;
margin: 0 0 20px 0;
}
.jobinfo-seat img{ height: 120px; }
.jobinfo-seat-title{
font-size: 16px;
line-height: 30px;
}
.jobinfo-textbox2{
margin: 0 0 0 0;
padding: 0 0 20px 0;
}

.dllink { width: 100%; }
.dllink a{
font-size:16px;
line-height: 210%;
}

table#contact th {
display:block;
border:none;
margin: 10px 0 0 0;
padding: 0 0 0 0;
}
table#contact td {
	width:100%;
display:block;
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
}

table#jobsearch {
border-top: 3px solid #999;
}
table#jobsearch tr {
border-top: 2px solid #999;
}

table#jobsearch th {
text-align: center;
border-right: none;
}

table#jobsearch td {
text-align: left;
border-right: none;
padding: 0 0 0 0;
vertical-align: middle;
}
table#jobsearch td .bt-content{
padding: 20px 0 0 0;
}
.jobsearchlink1 { margin: 0 0 45px 0; }


table#calendar .day {
text-align: left;
font-size:14px;
}
table#calendar .day-g {
text-align: left;
font-size:14px;
}
table#calendar td {
text-align: center;
padding: 0;
height:auto;
}
table#calendar a{
padding:3px 3px 2px 3px;
margin:0 0 5px 0;
font-size:14px;
line-height:120%;
height:auto;
}

.cp_tooltip .cp_tooltiptext {
	bottom: 120%;
	left: 0px;
	width: 90%;
	font-size: 14px;
}

.footer-right {
margin: 50px 0 0 0;
float: left;
text-align: left;
}

.access-box-inner { height:auto; }
.accessmap-box { height:350px; }

table#hellowork {
border-top: 3px solid #999;
}
table#hellowork tr {
border-top: 2px solid #999;
}

table#hellowork th {
text-align: center;
border-right: none;
}

table#hellowork td {
text-align: left;
border-right: none;
padding: 0 0 0 0;
vertical-align: middle;
}
table#hellowork td .bt-content{
padding: 20px 0 0 0;
}

.welfarejob-imgbox1 { padding: 0 0 0 0; }
.welfarejob-imgbox3 { padding: 30px 0 0 0; }

.staff-comment-title{ font-size: 16px; }
.job-title{ font-size: 16px; }

.blog-imgbox { height: auto; }
.blog-textbox { height: auto; }

.job-list { grid-template-columns: 1fr; margin-left: 0; margin-right: 0; }

.jobinfo-title{ font-size: 16px; }
.jobinfo-title2{ font-size: 16px; }
.jobentry-title{ font-size: 16px; }
.jobentry-title2{ font-size: 16px; }
.jobentry-title3{ font-size: 16px; }

.jobentry-leftbox a{
padding: 30px 0;
}
.jobentry-leftbox-title{
font-size: 16px;
}
.jobentry-rightbox {
width:calc(100% - 30px);
height: auto;
}

table#jobentry th {
width: 100%;
display: block;
}
table#jobentry td {
padding: 5px 0 25px 0;
width: 100%;
display: block;
}
.jobentry-imgbox2{ margin: 30px auto 80px auto; }
.jobentry-imgbox2 img{ width: 100%; }
.jobentry-imgbox4{ margin: 30px auto 50px auto; }
.jobentry-imgbox4 img{ width: 100%; }
.jobentry-subtitle{ font-size: 21px; }
.jobentry-subtitle2{ font-size: 21px; }
.jobentry-subtitle3{ font-size: 21px; }
.jobentry-subtitle4{ font-size: 21px; }


.school-listbox-bg {
    margin: 0 auto;
    padding: 30px 0 20px 0;
    text-align: center;
    background-color: #FFE300;
    width: 100%;
}
.school-listbox {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
.school-listbox li a{
margin: 0 auto 10px auto;
padding: 15px 0px;
font-size: 16px;
color: #fff;
display: block;
background-color: #333;
width:90%;
float:none;
}

table.school,
table.schoolend {
border-top: 2px solid #999;
}
table.school tr,
table.schoolend tr {
border-top: 2px solid #999;
}
table.school th,
table.schoolend th {
text-align: center;
border-right: none;
}
table.school td,
table.schoolend td {
text-align: left;
border-right: none;
border-bottom: 1px #999 solid !important;
padding: 0 0 0 0;
vertical-align: middle;
}
table.school td .bt-content,
table.schoolend td .bt-content{
padding: 20px 0 20px 0;
}

table.school td:first-child,
table.school td:nth-child(2),
table.school td:nth-child(3),
table.school td:nth-child(4),
table.school td:nth-child(5),
table.school td:nth-child(6),
table.school td:last-child,
table.schoolend td:first-child,
table.schoolend td:nth-child(2),
table.schoolend td:nth-child(3),
table.schoolend td:nth-child(4),
table.schoolend td:nth-child(5),
table.schoolend td:nth-child(6),
table.schoolend td:last-child {
width:100%;
}

.youtube-title {
margin: 50px auto 10px auto;
font-size: 18px;
}
.youtube-box { height: 350px; }
.youtube-box2 { height: 350px; }

.movie-listbox {
	margin: 0 auto;
    width: 90%;
}
.movie-listbox li a{ width: 32.2%; }
.movie-box {
text-align: center;
margin: 0 auto;
}
.movie-box img{
margin: 0 auto 50px auto;
padding: 0 0 0 0;
width: 80%;
}
table.movie {
border-top: 2px solid #999;
}
table.movie tr {
border-top: 2px solid #999;
}
table.movie th {
text-align: center;
border-right: none;
}
table.movie td {
text-align: left;
border-right: none;
border-bottom: 1px #999 solid !important;
padding: 0 0 0 0;
vertical-align: middle;
}
table.movie td .bt-content{
padding: 20px 0 20px 0;
}

table.movie td:first-child,
table.movie td:nth-child(2),
table.movie td:nth-child(3),
table.movie td:nth-child(4),
table.movie td:nth-child(5),
table.movie td:nth-child(6),
table.movie td:last-child {
width:100%;
}
table.movie td:nth-child(3) img,
table.movie td:nth-child(4) img,
table.movie td:nth-child(6) img {
width: 22px;
}

.jobtrial-xlsbox{
margin: 30px auto 30px auto;
}
.jobtrial-pdfbox{
margin: 0px auto 50px auto;
}

.blog-alllink-box {
margin: 0 0 50px 0;
}

.jobtrial-box {
width:100%;
}
table#jobtrial th {
display:block;
width: 96%;
padding: 10px 2%;
border-bottom: none;
text-align:left;
font-weight:bold;
}
table#jobtrial td {
display:block;
width: 96%;
padding: 10px 2%;
}
.width35{
width: 60%!important;
}
.br-box input{
margin: 0 0 10px 0;
}
.br-box2 input{
margin: 15px 0 0 0;
}

.job-fair-title {
padding: 10px;
font-size: 18px;
border: 10px solid #FFE300;
}
.job-fair-title2 {
margin: 0 auto 10px auto;
padding: 0 0 5px 0;
font-size: 21px;
}

.job-fair-titlebox img { width: 100%; }
.job-fair-leadtext {
margin: 0 auto 30px auto;
font-size: 15px;
}
.job-fair-flowbox { padding: 20px 12px 1px 12px; }
.job-fair-flowbox h3{ font-size: 18px; }
.flow-box { display:block; }
.job-fair-flowtextbox {
width: calc(100% - 30px);
margin: 0 0 20px 0;
}
.job-fair-flowtextbox .no{ font-size: 30px; }
.job-fair-flowtextbox .flow-arrow{ display: none; }

.zoomlink a{ font-size:16px; }
.job-fairlink a{ font-size:21px; }

.job-fairlink { width: 100%; }

.jobfair img{ width: 90%; margin: 10px 0;}
.footer-inner { width: 90%;}


.job-fair-pagetitle { font-size: 21px; }

table.job-fair {
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
table.job-fair tbody {
  width: 960px;
  display:table;
}
.job-fair-companybox1,
.job-fair-companybox2,
.job-fair-companybox3,
.job-fair-companybox4 {
margin: 0 auto 30px auto;
padding: 15px 15px 0px 15px;
}
.job-fair-companybox1 li a,
.job-fair-companybox2 li a,
.job-fair-companybox3 li a,
.job-fair-companybox4 li a{
margin: 0 0 15px 0;
height: auto;
}

.job-fair-companybox1 h4,
.job-fair-companybox2 h4,
.job-fair-companybox3 h4,
.job-fair-companybox4 h4 {
height: auto;
}
.job-fair-companybox1 p,
.job-fair-companybox2 p,
.job-fair-companybox3 p,
.job-fair-companybox4 p {
height: auto;
}
.job-fair-companybox1 .list-comment,
.job-fair-companybox2 .list-comment,
.job-fair-companybox3 .list-comment,
.job-fair-companybox4 .list-comment {
height: auto;
}


.job-fair-singletitle {
margin: 0 auto 30px auto;
font-size: 21px;
}
.comment2{
margin: 0 0 30px 0;
font-size: 18px;
}
.job-fair-contactbox {
width: calc(100% - 30px);
margin: 0 0 20px 0;
}

.job-fair-list,
.job-fair-list2,
.job-fair-list3 {
font-size: 15px;
}

.job-fair-jobbox {
margin: 0 auto 0 auto;
padding: 15px 15px 0 15px;
border-radius: 10px; /* CSS3 */
 -webkit-border-radius: 10px; /* Firefox */
 -moz-border-radius: 10px; /* Safari,Chrome */
}
.job-fair-jobbox li a{
margin: 0 0 15px 0;
padding: 30px 10px;
font-size: 16px;
}

.job-fair-company-contactbox {
width: calc(100% - 30px);
margin: 0 auto;
padding: 20px 15px;
position: relative;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
.job-fair-company-contactbox h3{
font-size: 18px;
}
.job-fair-company-contactbox h4{
font-size: 16px;
}
.job-fair-company-contactbox .hidden_box input:checked ~ label { display: none; }

.tab_item,
.tab_item2,
.tab_item3 {
width: 100%;
border: none;
padding: 10px 0;
}
.tab_item span,
.tab_item2 span,
.tab_item3 span {
display: inline-block;
position: relative;
top: 0;
left: 0;
padding: 0 0 0 0;
}

#newsblock,
#jobblock {
display: block;
height: 0;
position: relative;
top: 80px;
}


.show_tb { display: none; }
.show_pc { display: none; }


.job-card {
    padding: 15px;
  }

  /* 勤務地バッジ・区切り線・公開日：折り返し対応 */
  .job-card-head {
    flex-wrap: wrap;
    row-gap: 6px;
  }
  .job-area {
    font-size: 13px;
    padding: 2px 10px;
  }
  .job-date {
    font-size: 12px;
  }

  /* タイトル帯：文字サイズ・余白を縮小 */
  .jobcard-title {
    padding: 10px 12px;
    font-size: 16px;
  }

  /* 職種・年収・雇用形態：3列 → 縦積みに変更 */
  .job-info-grid {
    grid-template-columns: 1fr;
  }
  .job-info-item {
    border-right: none;
    border-bottom: 1px solid #ddd;
  }
  .job-info-item:last-child {
    border-bottom: none;
  }

  /* 詳細を見るボタン：タップしやすいよう幅を広げる */
  .job-card-btn {
    text-align: center;
  }
  .job-detail-btn {
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
  }

}


/* Mobile (Landscape) 画面の横幅が480px〜767pxまで */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper { width: 90%; }
.header-inner { width: 90%; margin:auto;}
.nav { float: none; width: 90%; background: padding: 0; }
.footer-inner { width: 90%;}
.copyright { width: 90%;}
iframe { width:100%; height:100%; }
}