@charset "utf-8";
/* Custom CSS Document */
.message-area{
  z-index: 99999999;
}
div.page-title{
  
  padding:20px 10px;
  text-align: center;
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
.path-node.page-node-type-job .field--name-field-job-welfare.field__items .field__item, .path-node.page-node-type-job .field--name-field-job-qualify-list .field__items .field__item{
  white-space: nowrap;
}
.node--type-job .publish-date{
  margin-left: auto;
}
/****一時的な対応*****/
.node--view-mode-carousel .field--name-field-job-occupation .field__item{
  display: none;
}
.node--view-mode-carousel .field--name-field-job-occupation .field__item:nth-child(1){
  display: block;
}
.node--view-mode-carousel .block-field-blocknodejobfield-job-prefecture{
  padding-left:25px;
  background: url(../img/icon/pin.svg) no-repeat;
  background-size:16px;
  margin-bottom:4px;
}
.node--view-mode-carousel .block-field-blocknodejobfield-job-occupation{
  padding-left:25px;
  background: url(../img/icon/bag.svg) no-repeat;
  background-size:16px;
  margin-bottom:4px;
}

/**** 以下テーマ固有 *****/

/**** トップページ *****/
.front_news {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  box-sizing: border-box;
  background:#EBF5FF;
}
.front_news .view-news{
  padding:15px 15px;  
}
.front_news .view-content{
  padding: 10px 20px;

}
.front_news h2{
  display: none;
}
.front_news .item-list ul{
  margin:0px;
}
.front_news .item-list li{
  display: flex;
  gap:10px;
  font-size:1.3rem;
  padding:5px 0px;
}
.front_news .item-list li a{
  color:#006FDF;
}
.front_news .view-footer{
  display: none;
}
.path-frontpage .region.region-hero{
  display: flex;
  gap:20px;
}
.view-top-slide{

}
.region.region-hero .node--type-top-slide .field--name-field-top-slide-pcimage img,
.region.region-hero .node--type-top-slide .field--name-field-top-slide-spimage img{
    width: 100%;
    height: auto;
    object-fit: cover;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
}
@media screen and (max-width: 991.9px) {
  .front_news {
    width:100%;
    margin-top: 0px;
    z-index: 2;
  }
  .front_news .item-list li{
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .region.region-hero{
    display: block;
  }
  .front_news .view-footer{
    padding:20px;
  }
  .front_news .view-content{
    width:100%;
    padding:10px;
  }
}

/***** carousel *****/
.slick__slide .node.node--type-job.node--view-mode-carousel{
  padding-left:15px;
  padding-right:15px;
}
.node.node--type-column.node--view-mode-grid{
  padding-left:15px;
  padding-right:15px;
}


/*****コラム*****/
.node--type-column .node__content .field--name-body img{
  max-width: 880px;
  height:auto;
  object-fit: cover; 
  width: 100%;
}
#column-header:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAAXNSR0IArs4c6QAAABdJREFUGFdjZGBg+M/AwMDIACNADAwOACNxAQTGOwk4AAAAAElFTkSuQmCC);
    opacity: 0.6;
}
#column-header .container .content-box{
  z-index:2;
}
/**** 企業情報　運営企業 *****/
.row.about .col-5 img{
  width:100%;
  height: auto;
  object-fit: cover;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  padding:10px;
  box-sizing: border-box;
}
.row.about .col-7 p{
  line-height: 180%;
  font-size:16px;
  margin-bottom:30px;
}
.standard-table td{
  padding:15px;
  line-height: 180%;
  border-bottom:1px solid #EFF2F6;
}
.standard-table td.td01 {
  min-width:150px;
}
@media screen and (max-width: 991.9px) {
  .standard-table td{
    display: block;
    width:100%;
    box-sizing: border-box;
  }
  .standard-table td.td01{
    background:#EBF5FB;
    font-weight: 600;
  }
  .row.about{
    display: flex;
    flex-direction:column-reverse;
  }
  .row.about .col-7,
  .row.about .col-5{
    width:100%;
  }
  
}
/**** 企業向けサービススタート紹介ブロック *****/
#block-service-start-company .container .service_box{
  padding:15px;
  border-radius: 5px;
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
  margin-bottom:20px;
}
#block-service-start-company .container .service_box h3{
  margin-top:0px;
}
/***** 利用規約 *******/

section#tabsection .tab {
    width: 100%;
    margin: 0 0 -2px;
    padding: 0;
    display: table;
    table-layout: fixed;
}
section#tabsection .tab li {
    width: 33%;
    margin: 0;
    padding: 5px 10px 0;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #3498DB;
    cursor: pointer;
    background-color: #D6EAF8;
    box-sizing: border-box;
    padding-bottom: 10px;
    border-top: 2px solid #D6EAF8;
    padding-top:10px;
}


section#tabsection .tab li.current {
    width: 34%;
    background-color: #fff;
    color: #3498DB;
    padding-top: 10px;
    border-top: 2px solid #3498DB;
    font-weight: 800;
}
.terms-content{
  max-width:880px;
  margin-left:auto;
  margin-right:auto;
}
.terms-content p,
.terms-content li{
  line-height:180%;
}
/**** 企業ページ ****/
.region-sidebar-second .block-simple-blockhiroarealogin{
  margin-top:20px; 
  margin-bottom:20px;
}
.path-profile .region-sidebar-second h2.block-title{
  font-size:1.5rem;
  margin-top:0px;
}
.path-profile .field--name-field-copex-service{
  margin-bottom:20px;
}
.path-profile .field--name-field-copex-service .field__items{
  display: flex;
  gap:10px;
}
.path-profile .field--name-field-copex-service .field__items .field__item{
  background: var(--blue-color);
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    padding: 0px 5px;
    border: none;
}
.path-profile .field--name-field-copex-service  .field__label{
  font-size:1.6rem;
  margin-bottom:10px;
}
.path-profile .region-sidebar-second #block-builjob-front-views-block-company-job-list-block-1{
  padding:10px;
  border-radius: 5px;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  margin-top:20px;
  background:#EBF5FB;
}
.path-profile .region-sidebar-second #block-builjob-front-views-block-company-job-list-block-1 .text-only{
  background:#fff;
}
.path-profile .region-sidebar-second #block-builjob-front-views-block-company-job-list-block-1 .text-only:last-child{
  margin-bottom:0px;
}
.slick--optionset--corp-slide{
  max-width: 858.75px;
  width:100%;
}
.slick--optionset--corp-slide .media--blazy img{
  width:100%;
  height:auto;
  object-fit: cover;
}
.profile  .circle-img{
    width: 100px;
    height: 100px;
}
.profile  .circle-img img{
    max-width: 60px;
}
.column-black .column-grid-block.carousel{
  max-width: 1155px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    color: var(--white-color);
}