@charset "UTF-8";

.slide_blk {position:relative; width:100%; background-color:#2D3D47; padding-bottom:5px;}

/*スライドのサムネイルのポインターの色を変える*/
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border-color: #00B38C !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  color: #00B38C !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  border-bottom: 13px solid #00B38C !important;
}

.sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container {
  margin-left: 2px !important;
  margin-right: 3px !important;
}

.home_bt01 {background:#00B38C; }
.home_bt02 {background:#FFA000; }
.home_bt03 {background:#FF7961; }
.home_bt04 {background:#F3EEE5; }

[class^="home_bt"]   { padding:30px 10px 20px; font-weight:bold;}
[class^="home_bt"] a { display: block; color: #fff; }
[class^="home_bt"] a:hover { text-decoration: none; }


@media screen and (min-width:768px) {
	[class^="home_bt"]   { font-size:120%;}
}
	
@media screen and (max-width: 767px) {
}

/*スライドの停止・再生ボタン*/

.pause-btn {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
	border:0;
    color: white;
    cursor: pointer;}

.pause-btn:hover { background-color: rgba(0, 0, 0, 0);	border:0; }
.pause-btn:focus { outline: none; border: none; }
.pause-btn img { transition: filter 0.3s ease; }
.pause-btn:hover img { filter: invert(100%); }

.slide_cat { position: absolute; right: 0; bottom: 92px; }

@media screen and (min-width:768px) {
	.pause-btn { right: 135px; bottom: 95px;}
}
	
@media screen and (max-width: 767px) {
	.pause-btn { width:70px; right: 95px; bottom: 95px;}
	.slide_cat { width:100px;}
}


/*新着情報・お知らせ*/
.news_box_info { text-align:center; max-width:1100px; margin:0 auto;}

@media screen and (min-width:768px) {
	.news_box_info h2 { padding:80px 0 10px;}
	.Newstab_Btn_Content { margin:70px 0 0 0;}
}
	
@media screen and (max-width: 767px) {
	.news_box_info h2 { padding:50px 0 10px;}
	.Newstab_Btn_Content { margin:40px 0 0 0;}
}

.news_box    { background:#F3EEE5; min-height:500px; padding-bottom:50px;}
.news_box_in { max-width:1100px; margin:0 auto; }

.news { padding:30px 0;}
.news ul   { padding-inline-start: 0; list-style: none;}
.news li   { padding:15px 0; position:relative; border-bottom:2px solid #fff;}
.news li:last-child   { border-bottom:0;}

.news_day   { font-size:90%;}
.news_title { margin:6px 0 8px; width:93%; line-height:180%;}
.news_title a { text-decoration: underline; color: #333; font-weight:500; transition: all 0.3s ease-in-out; }
.news_title a:hover { text-decoration: none; color: #ff6600; }
.news_ar    { position:absolute; top:50%; transform:translateY(-50%); right:0px;}

.news_btn_more { position: relative; display: inline-block; max-width:450px; width:100%; background:#2D3D47; color:#fff; padding: 10px 30px; border-radius:25px; text-align: center; transition: ease .2s;}
.news_btn_more:hover {background:#fff; text-decoration: none; color:#3c3c3c;}
.news_btn_arrow::after       { content: ''; position: absolute; top:50%; transform: translateY(-50%); right: 13px; content: '\f061'; display: inline-block; font-family: FontAwesome; transition: all .3s;}
.news_btn_arrow:hover::after { right: 20px; }

.Newstab_Btn_Content {
	display: flex; 
	flex-wrap: wrap; 
	list-style: none;
	padding:0;}

.Newstab_Btn { 
	font-weight: bold; 
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: calc(100% / 4); 
	padding: 15px 10px; 
	cursor: pointer; 
	color: #fff; /* 文字色を白に */
	transition: background-color 0.3s ease; }

.Newstab_Btn:nth-child(1) { background-color: #F3EEE5; color: #3c3c3c; } /* すべて */
.Newstab_Btn:nth-child(2) { background-color: #00B38C; } /* 求職者の方 */
.Newstab_Btn:nth-child(3) { background-color: #FFA000; } /* 事業所の方 */
.Newstab_Btn:nth-child(4) { background-color: #FF7961; } /* 関心のある方 */

.Newstab_Btn:nth-child(1):hover { background-color: #DFD8CE; } /* すべて */
.Newstab_Btn:nth-child(2):hover { background-color: #009373; } /* 求職者の方 */
.Newstab_Btn:nth-child(3):hover { background-color: #DB8700; } /* 事業所の方 */
.Newstab_Btn:nth-child(4):hover { background-color: #E06658; } /* 関心のある方 */

.Newstab_Panel { display: none; /*必須*/ }
.Newstab_Panel.Newstab_Panel_show { display: block; /*必須*/ }

/* 共通スタイル */
a.news_cat {
    font-size: 80%;
	font-weight:bold;
    color: #fff;
    min-width: 120px;
    position: relative;
    display: inline-block;
    padding: 4px 10px 3px;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border-radius: 0.5rem;}

/* スラッグごとの背景色 */
a.news_cat.news   { background-color: #fff; color: #333; }
a.news_cat.cat_js { background-color: #00B38C; }
a.news_cat.cat_biz{ background-color: #FFA000; }
a.news_cat.cat_ip { background-color: #FF7961; }
a.news_cat.cat_evt{ background-color: #2D3D47; }

/* ホバー時の色を少し暗く */
a.news_cat.news:hover   { background-color: #E6E0D5;}
a.news_cat.cat_js:hover { background-color: #009374;}
a.news_cat.cat_biz:hover{ background-color: #E69500;}
a.news_cat.cat_ip:hover { background-color: #E56A58;}
a.news_cat.cat_evt:hover{ background-color: #57646C;}


/*イベント案内*/

.event_block { width:100%; overflow: hidden}

.event_title {
    display: flex;
	color:#fff; 
	align-items: flex-start;
    text-align: left;
}

@media screen and (min-width: 992px) {
.event_title {
	background:#FF7961 url( "../images/home/event_note_pc.svg" ) repeat-y right top;
    height: 100%;
    flex-direction: column;
	padding: 20px; }
	
.row-event     { margin-left:-30px; margin-right:-30px;}
.row-event>div { padding-right:30px; padding-left:30px;}
.row-link      { margin-left:-20px; margin-right:-20px;}
.row-link>div  { padding-right:20px; padding-left:20px;}
.link img { padding:10px 0 10px;}
}

@media screen and (max-width: 991px) {
.event_title {
	background:#FF7961 url( "../images/home/event_note_sp.svg" ) repeat-x left bottom;
    flex-direction: column;
	padding: 25px 20px 60px; }
	
.row-event     { margin-left:-15px; margin-right:-15px;}
.row-event>div { padding-right:15px; padding-left:15px;}
.row-link      { margin-left:-5px; margin-right:-5px;}
.row-link>div  { padding-right:5px; padding-left:5px;}
.link img { padding:5px 0 5px;}
}

.event_box   { padding:50px 5% 35px; line-height:160%; text-align: justify;}

.event-topic   { margin:25px 0 8px; margin-bottom:15px; line-height:200%;}
.event-topic a { text-decoration: underline; color: #FF7961; transition: all 0.3s ease-in-out; font-weight:bold; font-size:110%;}
.event-topic a:hover { text-decoration: none; color: #2D3D47; }
.event-cont    { }
.event_arrow   { position:absolute; right:20px; top:0; color:#FF7961;}

.event_thumb {
    max-width: 250px; /* 最大幅を250px */
    width: 100%;
    position: relative;}

.event_thumb img {
    max-width: 250px; /* 最大幅を250pxに */
    width: 100%; /* 親要素に合わせて調整 */
    aspect-ratio: 1 / 1.414; /* 1:1.414の比率を維持 */
    object-fit: cover; /* 画像が枠いっぱいに収まるように調整 */
	margin-bottom:15px;}


@media screen and  (min-width:992px) {
	.max1100_seido { max-width:1100px; margin:0 auto; padding:0 50px 0;}
	.seido_box     { margin:15px 0;}}

@media screen and (min-width:577px) and ( max-width:992px) {
	.max1100_seido { max-width:1100px; margin:0 auto; padding:0 30px 0;}
	.seido_box     { margin:12px 0;}}

@media only screen and (max-width: 576px) {
	.max1100_seido { max-width:1100px; margin:0 auto; padding:0 40px 0;}
	.seido_box     { margin:8px 0;}}

.seido         { background:#EBF7F3; padding:60px 0; font-weight:bold;}
.seido h2      { color:#00B38C; margin-bottom:7px;}
.seido_box     { border:3px solid #00B38C; border-radius:20px;}
.seido_box img { width:100%; border-radius: 17px 17px 0 0}
.seido_box a   { color:#fff; font-weight:bold;}
.seido_title   { background:#00B38C; width:100%; text-align:center; padding:10px; border-radius: 0 0 15px 15px;}
.link  { background:#00B38C;}



@media screen and (min-width: 961px) {
	.home_footer { padding:50px 50px 30px;}}

@media screen and (min-width: 541px) and (max-width: 960px) {
	.home_footer { padding:50px 30px 30px;}}

@media screen and (max-width: 540px) {
	.home_footer { padding:50px 15px 30px;}}

.home_footer    { background:#fff; line-height:160%; font-size:90%;}
.home_footer h2 { font-size: 160%; letter-spacing:0.1em; margin:15px 0 7px;}
.ft_h6          { font-size: 85%; letter-spacing:0.1em; margin-bottom:30px;}
.biz_time       { border-left:1px solid #000; padding:5px 10px; margin-bottom:10px;}
.copy_r         {font-size:80%; padding:10px 0 0;}

.foot_user {
    background: #F3EEE5;
	text-align:center;
    width: 100%;
    height: 100%;
	font-weight:bold;
	border-radius:15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    padding: 20px; 
    box-sizing: border-box;}

.foot_user h2 { line-height:160%; }

.foot_user_t {
	background:#00B38C;
	border-radius:10px 10px 0 0;
	color:#fff;
	width: 100%;
	text-align:center;
	padding:13px 10px 10px 10px;
	margin-top:15px;}

.foot_user_b {
	background:#fff;
	border:2px solid #00B38C;
	border-radius:0 0 10px 10px;
	width: 100%;
	text-align:center;
	padding:10px;}