@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/


/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
** 職歴検索
************************************/
.article p { margin-bottom: 0; }
.hired-job-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.occupation {
  width: calc((100% - 0px * 2) / 6);
  background-color: #fff;
}

.hs-text { font-size: 0.875rem; }

a {
    text-decoration:none; 
}

@media not all and (min-width: 768px) {
 
  }
}
.post-1293 .date-tags {
display: none;
}
h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dt, dd, table {
    margin: 0;
    padding: 0;
}
.layout_job_map .contents {
    width: 960px;
    margin: 0 auto;
}
.layout_job_map .jobmap_main {
    float: left;
    width: 780px;
}
.ttl_section_wrapper .ttl_text_helper {
    font-size: 16px;
}
.job_map_pref {
    float: right;
    width: 384px;
}
.table_pref {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.job_map_area {
    float: left;
    width: 360px;
}
.job_map_list {
    position: relative;
    width: 272px;
    height: 242px;
    margin: 15px auto 0;
    background: url(https://hired.co.jp/jobs/wp-content/uploads/japanmap.jpg) no-repeat center center;
}
.job_map_list li {
    list-style-type: none;
    position: absolute;
}
.p_01 {
    left: 140px;
    top: 150px;
}
.p_02 {
    left: 40px;
    top: 130px;
}
.p_03 {
    left: 0px;
    top: 215px;
}
.p_04 {
    left: 140px;
    top: 40px;
}
.p_05 {
    left: 100px;
    top: 90px;
}
.p_06 {
    left: 30px;
    top: 170px;
}
.p_07 {
    left: 200px;
    top: 220px;
}
.btn_basic {
    color: #333;
    border: solid 1px #133B6A;
    background-color: #fff;
}

.btn {
    display: inline-block;
    margin: 0;
    outline: 0;
    border: 1px solid
    border-color: #133B6A;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}
.table_pref th {
    width: 92px;
    text-align: left;
    background: #f6f6f6;
    padding: 8px 0 8px 6px;
    line-height: 1.6;
    border-bottom: dotted 1px #ccc;
    vertical-align: top;
}
.job_map_pref th {
    font-size: 13px;
    vertical-align: middle;
}
.table_pref td {
    font-size: 16px;
    padding: 8px 8px;
    line-height: 2.0;
    color: #ccc;
    border-bottom: dotted 1px #ccc;
}
.job_map_pref td a {
    font-size: 16px;
	text-decoration: none;
}
.article h2 {
    font-size: 24px;
    padding: 25px;
    border-radius: 2px;
    background-color: #fff;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.searchandfilter {
	text-align: center;
	padding-bottom: 20px;
}
.ol, ul {
  padding-left: 10px;
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
 .occupation {
    width: calc((100% - 30px * 2) / 3);
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/************************************
** 勤務地マップ
************************************/
.clear{
	clear: both;
}
.job_map_area {
    width: 350px;
    clear: both;
}
.job_map_pref {
    width: 350px;
    clear: both;
}
.layout_job_map .jobmap_main {
    width: 350px;
}
/************************************
** セレクト検索
************************************/
body{
    display:block;
}
.searchandfilter p{
    display:block;
}
.searchandfilter ul{
    display:block;
}
.searchandfilter li{
    list-style: none;
    display:block;
    margin-bottom: 1em;
}
.widget-area .searchandfilter li, .widget-area .searchandfilter p{
    display:block;
}
.searchandfilter{
    text-align: center;
}
.div {
  display: flow-root;
}
.top_map_area {
     clear: both;
}
.top_map_unit {
    display: block;
    width: 360px;
}
.top_map_pref {
    display: block;
    width: 340px;
}
.top_map_list {
    justify-content: center;
    align-items: center;
}
}

/* =========================================================
 tenshoku-antenna concierge
========================================================= */
/* LP
---------------------------------------------------------- */