@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* チェックボックススマホ間隔*/

@media (max-width: 768px) {
	
.vkfs__level-0 {
font-size: 9.5px; /* フォントサイズを調整 */
	height:25px;
	font-weight: 650;
  }
  


}

/* チェックボックススマホ間隔ここまで*/
/* テストする時*/


.p-postList__cat {
  background-color: #3399FF;
	color: #ffffff;
	border-radius: 5px;
	padding: 0.5em;
	width:100px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

@media (max-width: 768px) {
.p-postList__cat {
  background-color: #3399FF;
	color: #ffffff;
	border-radius: 5px;
	padding: 0.5em;
	width:100px;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
}
}



.c-postTimes__posted {
display: none;
}

.p-postList__thumb {
display: none;
}



/*　テストする時ここまで*/




/* ◆◆◆◆◆◆TOPぺージ検索機能◆◆◆◆◆◆ */

.wp-block-vk-filter-search-pro-filter-search-pro{
 background:rgba(255,255,255,60%);
}

.wp-block-vk-filter-search-pro-filter-search-pro{
 padding:10px 30px;
}

.vkfs__label-name{
 color: #2175BF;
}

.vkfs__label-name{
 font-size: 1.5rem;
}

.vkfs__label-name{
 text-align:center;
}

.vkfs__label-name span{
 display:block;
}

.vkfs__label-name span{
 font-size:0.8rem;
}

.vkfs__label-name span{
 color:#045270;
}

.vkfs__label-name{
 margin-bottom:18px;
}

.vkfs .btn[type=submit]{
 background:#2175BF;
}

.vkfs .btn[type=submit]{
 color:#ffffff
}

.vkfs .btn[type=submit]{
 width:150px;
}

.vkfs .btn[type=submit]{
 border-color:#000000;
}

.vkfs .btn[type=submit]:hover{
 color:#000000;
}

.vkfs .btn[type=submit]:hover{
 background:white;
}

.vkfs .btn[type=submit]:hover{
 color:#2175BF;
}

.vkfs .btn[type=submit]{
 transition:0.5s;
}

.vkfs .btn[type=submit]:hover{
 transform: translateY(4px);	
 transition:0.5s;
}

@media (max-width: 768px) {
	

.vkfs__label-name{
 font-size: 1.0rem;
}


}


@media (max-width: 768px) {
	

.vkfs__label-name span{
 font-size:0.5rem;
}


}

/* ◆◆◆◆◆◆TOPぺージ検索機能ココマデ◆◆◆◆◆◆ */

/* ■■■■■■記事一覧リスト給与、勤務地、最寄り駅、求人番号テーブル表示■■■■■■ */

.kurotec-table {
    margin-top: 20px;
    border-collapse: collapse;
    width: 100%;
	font-size: clamp(10px, 1.8vw, 16px);
	
	
}

.kurotec-table th {
    background: #f8f8f8;
}

.kurotec-table th, td {
    padding: 0.5em 0.75em;
    border: solid 1px #ededed;
}


.kurotec-table td {
    text-align: left;
	border: solid 1px #ededed;
	font-size: 13px;
}

/* ■■■■■■記事一覧リスト給与、勤務地、最寄り駅、求人番号テーブル表示ココマデ■■■■■■ */

/* 画像タイトル横並び */


.kurotec-table4 {
        border: solid 0px;
	background-color: #D9EBFF;
	object-fit: cover;
	table-layout: fixed;
        width: 100%;
      }

.erase1 {
        border: solid 0px;
	width: 50%;
      }

.erase2 {
        border: solid 0px;
	width: 30%;
      }

.erase3 {
        border: solid 0px;
	width: 50%;
	color: #3399FF;
      }

.p-postList__title {
 color: #3399FF;
}

/* 画像タイトル横並びココマデ */


/* ■■■■■■記事一覧リストボタンテーブル1表示■■■■■■ */

.kurotec-table2 {
    margin-top: 20px;
    border-collapse: collapse;
    width: 100%;
	border: solid 0px;
	font-size: clamp(10px, 1.8vw, 16px);
	
}

.kurotec-table2 th, .kurotec-table2 td {
    text-align: center;
    vertical-align: middle;
}


.kurotec-table2 th, td {
    padding: 0.5em 0.75em;
    border: solid 0px #ededed;
	
}



/* ■■■■■■記事一覧リストボタンテーブル表示1ココマデ■■■■■■ */

.kurotec-table3 {
    margin-top: 20px;
    border-collapse: collapse;
    width: 100%;
	border: solid 0px;
	font-size: clamp(10px, 1.8vw, 16px);
	
}

.kurotec-table3 th, .kurotec-table2 td {
    text-align: center;
    vertical-align: middle;
}


.kurotec-table3 th, td {
    padding: 0.5em 0.75em;
    border: solid 0px #ededed;
}

/* ■■■■■■記事一覧リストボタン位置表示■■■■■■ */

 .denwadenetry {
              transform: translate(10px,20px);
      }

 .linedenetry {
              transform: translate(-10px,20px);
      }

 .denwadenetry2 {
              transform: translate(10px,-5px);
      }

 .kuwashikumirunew {
              transform: translate(-10px,-5px);
      }

/* ■■■■■■記事一覧リストボタン位置表示ココマデ■■■■■■ */

/* ▲▲▲▲▲▲記事一覧リストアイキャッチ画像関連▲▲▲▲▲▲ */

/*モバイル表示*/




/* ▲▲▲▲▲▲記事一覧リストアイキャッチ画像関連ココマデ▲▲▲▲▲▲ */

/* ■■■■■■電話でエントリーボタン■■■■■■ */







/* ■■■■■■電話でエントリーボタンココマデ■■■■■■ */

/* 出力された簡易ブロックのCSS*/



.midashitop {
 
 font-size: clamp(1px, 1.8vw, 1px);
 	
}


/* TOPLINEバナーホバー時*/

.linebanner:hover {   transform: scale(0.1);   transition: transform 0.1s; }

/* ヘッダーフォントサイズ*/

.c-gnav>.menu-item>a .ttl {
font-size: 15px;
font-weight: bold;

}
/* ■■■■■■検索フォームのモーダル■■■■■■ */

#kurotec-modal {
    display: none; 
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* モーダルの背景色 */
    overflow: auto; 
}

#kurotec-modal-title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

/* モーダルの中身 */
.kurotec-modal-content {
    width: 95%;
    max-width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
    overflow-y: auto; 
    max-height: 80vh; /* モーダルの高さが画面の80%まで可変 */
}

/* 閉じるボタン */
.kurotec-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #333; /* 閉じるボタンの色 */
}

/* ■■■■■■検索フォームのモーダルココマデ■■■■■■ */

/* ■■■■■■TOPページのモーダルボタン■■■■■■ */


.kurotec-modal-button{
	background:blue;
}

.kurotec-modal-button:hover{
	background:#fff;
}

.kurotec-modal-button {
    background-color: var(--color_main);
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease; /* 変化をゆっくりにする */
}

.kurotec-modal-button:hover {
    background: #fff;
    color: #000;
}

.kurotec-modal-button{
    width: 50%;
    min-width: 200px;
    max-width: 600px;
    padding: 10px;
	font-size: 1.5em;
	display: block;
	margin: auto;
	font-weight: bold;
}

.kurotec-modal-button {
position: relative; /* 今の位置を基準 */
bottom: 30px; /* 下から10px */
}

/* ■■■■■■TOPページのモーダルボタンココマデ■■■■■■ */



/* 以下、旧ホームぺージ分CSS*/

.main-navigation a {
font-weight:bold;
 
}

.img_wrap{
  border: 1px solid #ddd;
  width: 300px;
  height: 226px;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img{
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:12px;
 color:#444;
 padding-right:5px;
 width:50%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
	
 border:solid 1px #d7d7d7;	
}


/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}


/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#0088FF;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#0088FF;
	border: 2px solid;
}

/*テストテストテスト送信ボタンマウスホバー時*/
/*テストテストテスト送信ボタン装飾*/
#wpcf7-f17100-p17047-o2 > form > p:nth-child(4) > input {
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#0088FF;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*テストテストテスト送信ボタンマウスホバー時222*/
#wpcf7-f17100-p17047-o2 > form > p:nth-child(4) > input:not([disabled]):hover{
 background:#fff;
 color:#0088FF;
	border: 2px solid;
}



/*テストテストテスト送信ボタンマウスホバー時ここまでここまで*/

/*テストテストテストここまでここまで*/


}


/*テストここまでここまで*/


/*LINEお問い合わせ送信ボタンのデザイン変更*/
#wpcf7-f13980-p13917-o2 > form > p:nth-child(4) > input{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#06C755;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*LINEお問い合わせ*送信ボタンマウスホバー時*/
#wpcf7-f13980-p13917-o2 > form > p:nth-child(4) > input:hover{
 background:#fff;
 color:#06C755;
	border: 2px solid;
}

thead th{
    text-align: center;
}
tbody td{
    text-align: left;
    vertical-align: top;
}

span.author {
display: none;
}

.entry-meta {
display: none;
}

/*詳細求人ボタン*/
.odenwaoubo:hover {
  transform: scale(1.1);
	transition: .3s;
}

.weboubo:hover {
  transform: scale(1.1);
	transition: .3s;
}

.lineoubo:hover {
  transform: scale(1.1);
	transition: .3s;
}