@charset "UTF-8";

/**
* コムズリニューアル カスタム投稿用
*/

/*インタビューページ*/
h1.inter_tit {
    font-size: 32px;
    margin-bottom: 0;
}
p.inter_p {
    font-family: 'Barlow';
    font-weight: 700;
    color: #8d2526;
    font-size: 16px;
}
h2.interview_tit {
    background: #8d2526;
    padding: 15px 25px!important;
    color: #fff;
    background-image: linear-gradient(
121deg
 , #8d2526 0%, #cb4e2f 100%);
    border-radius: 20px;
    line-height: 1.8;
}
.inter_boxs {
    display: flex;
    justify-content: center;
    margin-top: 58px;
}
.inter_prof {
    flex: 0 0 38%;
}
.inter_img_cols img {
    display: block;
    margin: 0 auto;
}
.inter_cont_p {
    padding: 16px;
    background: #fcfcfc;
    border-radius: 20px;
}

p.inter_y {
    font-size: 16px;
}

.inter_repe_p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 44px;
}
h4.inter_repe_h {
    margin-bottom: 20px;
}
p.inter_name {
    font-weight: 600;
}
dt.inter_jo_b {
    margin-top: 5px;
}
dt.inter_comp_b {
    margin-top: 5px;
}
dl.inter_comp_dl {
    font-size: 13px;
}
.inter_conts {
    margin-left: 40px;
}
@media (max-width: 767px){
    .inter_boxs{
        display: block!important;
    }
    .inter_cont_p{
        text-align: center;
    }
    .condition {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .condition label {
        display: block;
        margin-right: 0px!important;
        line-height: 2.5!important;
        display: inline-block;
    }
    input[type="checkbox"] {
        margin-right: 13px!important;
    }
    .key-sp label {
        display: inline-block;
        margin-right: 3px!important;

    }


}
/*インタビューアーカイブページ*/


li.inter_archiv_cols {
    list-style: none;
    width: 35%;
    margin: 21px 7%;
    /* height: 500px; */
}
.inter_archiv_cols a {
    display: block;
}
.inter_archiv_cols h3 {
    font-size: 16px;
    margin: 20px;
}
ul.inter_category_cols {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-bottom: 80px;
    margin-top: 50px;
}
.category_btn a {
    background-color: #8d2526;
    background-image: linear-gradient(
121deg
 , #8d2526 0%, #cb4e2f 100%);
}

@media (min-width: 64em){
    .inter_archiv_cols a:hover {
        opacity: 0.6;
    }
    .thumb_column a:hover {
        filter: brightness(80%);
    }

}
@media (max-width:767px ){
    ul.inter_category_cols {
        display: block;
        padding-left: 0;
    }
    li.inter_archiv_cols {
        width: 100%;
        margin: 38px auto;
    }
    .inter_conts{
        margin-left: 0;
    }
}
/*お仕事情報ページ*/

.job_img_col {
    margin: 37px 0;
}
.job_img_col img {
    display: block;
    margin: 0 auto;
}
.job_sub_cols {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 20px;
    /* width: 80%; */
    margin-left: 20px;
}
p.referr_company {
    font-weight: bold;
    font-size: 18px;
}
ul.job_key_ul {
    display: flex;
    flex-wrap: wrap;
}
.job_key_cols {
    display: flex;
    flex-wrap: wrap;
}
.job_key_cols a {
    display: flex;
    text-decoration: none;
    color: #000;
    border: 1px solid #e1e1e1;
    padding: 10px;
    margin: 5px 12px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);
    line-height: 2em;
    flex-wrap: nowrap;
    width: 14%;
    justify-content: center;
    align-items: center;
}

.job_key_ul li {
    /* text-decoration: none!important; */
    list-style-type: none;
    background: #2A6A6A;
    background-image: linear-gradient(
121deg
 , #2A6A6A 0%, #4B8484 100%);
    width: 156px;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
    border-radius: 20px;
    display: block;
    line-height: 1;
    margin: 10px 9px;
    font-size: 14px;
    font-weight: bold;
}
p.referr_p {
    margin-top: 12px;
    font-size: 16px;
    line-height: 2;
}
table.job_table {
    margin-top: 63px;
    font-size: 16px;
    line-height: 2;
}

.job_table th {
    background: #fff!important;
}
.propose_contact {
    margin-top: -89px;
    padding-top: 181px;
}
p.propose_cont_p {
    margin-top: 44px;
    margin-left: 20px;
    line-height: 2;
    font-size: 16px;
}
p.propose_cont_p02 {
    margin-left: 20px;
    font-size: 16px;
}
p.propose_cont_tel_box {
    background-image: linear-gradient(
121deg
 , #8d2526 0%, #cb4e2f 100%);
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    width: 396px;
    text-align: center;
    margin-top: 29px;
    font-size: 20px;
    display: block;
}
p.propose_cont_tel_box {
    background-image: linear-gradient(
121deg
 , #8d2526 0%, #cb4e2f 100%);
    color: #fff;
    padding: 12px;
    border-radius: 20px;
    width: 396px;
    text-align: center;
    margin-top: 29px;
    font-size: 16px;
    display: block;
    /* margin: 0 auto; */
    /* margin-left: 20px; */
    /* margin-right: auto; */
    font-weight: bold;
}
.wp-jobinfo-blog-card {
    display: flex;
	display : -webkit-flex ;
    margin: 98px 0;
    box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22), 0 25px 51px 0 rgba(0,0,0,0.21);
}
.wp-jobinfo-blog-card__body a {
    display: block;
    text-decoration: none;
    color: #000;
}
.wp-jobinfo-blog-card__body {
    padding: 20px;
}
.wp-jobinfo-blog-card__description {
    margin-top: 20px;
    font-size: 13px;
}
.jobinfo-blog-card_button {
    font-size: 14px;
    color: #fff;
    width: 200px;
    padding: 10px 20px;
    text-align: center;
    border-radius: 20px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    background-image: linear-gradient(
121deg
 ,rgb(141,37,38) 0%,rgb(203,78,47) 100%);
}

p.propose_cont_tel_box a {
    text-decoration: none;
    color: #fff;
}

@media (max-width:767px ){
    .job_sub_cols{
        width: 100%;
        margin-left: 0;
        padding: 10px;
    }
    .job_key_cols a{
        width: 26%;
        padding: 8px;

    }
    .job_key_ul li{
        width: 132px;
        padding: 10px;

    }
    .job_table td {
        display: block;
        width: 100%;
    }
    .job_table th {
        display: block;
        width: 100%;
    }
    .c-responsive-table>table td, .c-responsive-table>table th, .p-entry-content>table td, .p-entry-content>table th, .textwidget>table td, .textwidget>table th, .wp-block-column>table td, .wp-block-column>table th, .wp-block-cover__inner-container>table td, .wp-block-cover__inner-container>table th, .wp-block-group__inner-container>table td, .wp-block-group__inner-container>table th, .wp-block-media-text__content>table td, .wp-block-media-text__content>table th, .wp-block-table td, .wp-block-table th{
        border:none;
    }
    .job_table tr {
        border-bottom: 1px solid #f5f5f5;
    }
    p.propose_cont_tel_box{
        width: 255px;
        font-size: 14px;
    }
    p.propose_cont_tel_box a{
        text-decoration: none;
        color: #fff;
    }
    p.propose_cont_p{
        margin-left: 0;

    }
    p.propose_cont_p02{
        margin-left: 0;
    }
    span.new-posts{
        font-size: 12px!important;
    }
    span.new-txt {
        top: 0!important;
        left: 28px!important;
        font-size: 12px!important;
    }

}

/*Advanced Posts Blocks　インタビューページ*/
.job_info_posts {
    display: flex;
	display : -webkit-flex ;
}
.job_info_column a {
    text-decoration: none;
    color: #000;
    display: flex;
	display : -webkit-flex ;
    padding: 20px 30px;
    flex-direction: column;

}
.job_info_column {
    flex: 0 1 33.33333%;
	-webkit-flex: 0 1 33.33333%;
    max-width: 33.33333%;
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.10);
    transition: box-shadow .2s ease-out;
    border: 1px solid #f5f5f5;
    margin-left: calc(var(--_space, 1.76923rem)*0.5*var(--_margin-scale, 1));
    margin-right: calc(var(--_space, 1.76923rem)*0.5*var(--_margin-scale, 1));


}
h4.posts-job_title.typesquare_option {
    font-size: 13px;
    color: #8D2526;
    font-family: YakuHanRP, "Noto Sans JP", sans-serif!important;
    margin-bottom: auto;
    height: auto;
}
.posts-job_catchcopy {
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: bold;
    position: relative;
    font-size: 17px;
}
.posts-job_catchcopy:after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #942A27), color-stop(80%, #C54A2F));
    background: linear-gradient(
90deg
, #942A27 20%, #C54A2F 80%);
    bottom: -4px;
    height: 1px;
    left: 1px;
    position: absolute;
    width: 20px;
}
.posts-job_info {
    font-size: 13px;
    margin-bottom: 19px;
}
.posts-job_button {
    font-size: 14px;
    color: #fff;
    width: 200px;
    padding: 10px 20px;
    text-align: center;
    border-radius: 20px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    background-image: linear-gradient(
121deg
 ,rgb(141,37,38) 0%,rgb(203,78,47) 100%);
}

/*お仕事情報アーカイブページ*/

.job_archive_cols {
    margin-top: 60px;
}
h4.job_archive_h {
    font-size: 15px;
    color: #8D2526;
    font-family: YakuHanRP, "Noto Sans JP", sans-serif!important;
    margin-bottom: auto;
    height: 2em;
    text-align: center;
}
p.job_archive_catch {
    margin-bottom: 15px;
    font-weight: bold;
    position: relative;
    font-size: 25px;
    text-align: center;
}
.job_archive_cotents {
    padding: 20px;
    background: #f5f5f5;
    width: 900px;
    /* margin-bottom: 20px; */
    margin-top: 20px;
}
h2.job_archive_h2 {
    font-size: 40px;
    margin-top: 50px;
}
.archive-job_info {
    padding: 20px;
}
.job_archive_cols {
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22), 0 25px 51px 0 rgba(0,0,0,0.21);
    padding: 30px;
}
.archive-job_blocks {
    display: flex;
}
.job_archive_cols a {
    display: block;
    /* margin: 0 auto; */
}
.job_archive_cols img {
    margin: 20px 0;
   }

.archive-job_btn a.smb-btn {
    width: 500px;
    margin-top: 29px;
    margin-bottom: 30px;
	text-align:center;
}
.archive-job_img {
    width: 45%;
    margin-right: 5%;
}
.archive-job_info {
    width: 50%;
}
@media (max-width: 767px){
    .wp-jobinfo-blog-card {
        width: 99%;
        display: block;
        margin: 22px auto;
        border: 1px solid #e1e1e1;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    }
    .wp-jobinfo-blog-card__body {
        padding: 14px;
    }
    .wp-oembed-blog-card__domain {
        margin-bottom: 30px;
    }
    h2.job_archive_h2{
        font-size: 27px;
    }
    h2.job_archive_h2 {
        font-size: 27px;
        /* margin-top: 23px; */
        text-align: center;
    }
    .job_archive_cols {
        margin-top: 40px;
        border: 1px solid #e1e1e1;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
        padding: 14px;
    }
    .archive-job_blocks{
        display: block;
    }
    .archive-job_img{
        width: 100%;
        margin-right: 0;

        margin-top: 20px;
        height: auto;
    }
    h4.job_archive_h{
        text-align: left;
        height: calc( 1.3em * 2 );
        line-height: 1.3;
        font-size: 13px;
    }
    p.job_archive_catch{
        font-size: 17px;
        text-align: left;
        margin-bottom: 0;
    }
    .archive-job_info{
        width: 100%;
    }
    .archive-job_info {
        font-size: 13px;
    }
    span.smb-btn__label {
        font-size: 14px;
    }
    .wp-oembed-blog-card__title {
        font-size: 17px;
    }





}
@media (min-width: 64em){
.job_info_column:hover {
    opacity: 0.4;
}
.job_key_cols a:hover {
    color: #8D2526;
}
.wp-jobinfo-blog-card a:hover {
    opacity: 0.6;
    display: block;
}
}
/*Advanced Posts Blocks　サムネイル*/
.thumb_block {
    display: flex;
    justify-content: space-between;
}
.thumb_column {
    flex: 0 1 33.33333%;
    max-width: 33.33333%;
    margin-bottom: 1.76923rem;
    margin-bottom: calc(var(--_space, 1.76923rem)*1*var(--_margin-scale, 1));
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.10);
    margin: 0 10px;
}
.thumb_column a {
    display:block;
    flex-direction: column;
    text-decoration: none;
    color: #000;

}



h4.thumb_title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    height: 2em;
}
.thumb_info {
    font-size: 13px;
    line-height: 2;
    margin-bottom: 20px;
    margin-top: 26px;
}
.thumb_col {
    padding: 0 20px;
}
.thumb_column_button {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: 200px;
    padding: 10px 20px;
    text-align: center;
    border-radius: 20px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    background-image: linear-gradient(
121deg
 ,rgb(141,37,38) 0%,rgb(203,78,47) 100%);
 box-shadow: 0 3px 5px  rgb(68,7,14,.5);
  /* background-color: #8b0f1d; */
  border-bottom: 2px solid rgb(68,7,14,.5);
}


@media (max-width:767px ){
    .thumb_block{
       display: block;
    }
    .thumb_column{
        display: block;
        max-width: 100%;
        box-shadow: 0 0 35px 0 rgba(0,0,0,0.10);
        margin: 0;
    }
    .thumb_col{
        padding: 0;
    }
    .thumb_column a{
        padding: 10px;
    }
    .job_info_posts{
        display: block;
    }
    .job_info_column{
        display: block;
        max-width: 100%;
        margin: 0 0 30px 0;
    }
}

@media (min-width:768px ) and (max-width:1023px ){
    .job_info_posts{
        display: block;
    }
    .job_info_column{
        max-width: 100%;
		margin-top: 23px;
    }
    .thumb_block{
        display: block;
    }
    .thumb_column {
        max-width: 80%;
        margin: 0 auto 25px auto;
    }
    .thumb_column img {
        height: auto;
    }
    .thumb_col {
        padding: 10px 20px;
    }
    .job_archive_cols {
        margin-top: 63px;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22), 0 25px 51px 0 rgba(0,0,0,0.21);
        padding: 30px;
    }
    .job_archive_blocks {
        margin-bottom: 35px;
      }
      .wp-jobinfo-blog-card {
        display: block;
        width: 75%;
        margin: 44px auto 59px auto;
    }
}

.search form {
    border: 3px solid #8D2526;
    padding: 18px 26px;
    margin-top: 50px;
}
.condition-title {
    ont-size: 16px;
    font-weight: bold;
    /* margin-top: 10px; */
    margin-bottom: 0px;
    width: 128px;
    background: #2A6A6A;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-family: YakuHanRP, "フォーク M", sans-serif;
}
input[type="checkbox"] {
    transform: scale(1.5);
    margin-right: 5px;
}

.condition label {
    margin-right: 13px;
    font-size: 16px!important;
    line-height: 2;
    display: inline-block;
}
.condition {
    margin-top: 10px;
    margin-bottom: 20px;
}
input.submit-button {
    width: 173px;
    background: #8D2526;
    border: 0;
    padding: 10px;
    /* background-image: linear-gradient(
121deg
 ,rgb(141,37,38) 0%,rgb(203,78,47) 100%); */
    color: #fff;
    font-size: 17px;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.search-results .p-breadcrumbs-wrapper {
    display: none;
}
.search-original {
    margin-top: -41px;
    margin-bottom: 80px;
}
 /*　ニューボタン */
.job_info_column {
    position: relative;
    display: flex;
	display : -webkit-flex ;
}
span.new-posts {
    position: absolute;
    background: linear-gradient(
90deg
 , rgba(247,121,89,1) 0%, rgba(231,87,72,1) 48%, rgba(199,42,45,1) 100%);
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
  　left: -2px;
    font-family: 'Fjalla One', sans-serif!important;
    font-weight: 800;
	top: -20px;
}

span.new-txt {
    position: absolute;
    background: linear-gradient(
90deg
 , rgba(247,121,89,1) 0%, rgba(231,87,72,1) 48%, rgba(199,42,45,1) 100%);
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
    /* border-radius: 10px; */
    top: 8px;
    /* left: -2px; */
    font-family: 'Fjalla One', sans-serif!important;
    font-weight: 800;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    margin: auto;
}
.job_archive_cols {
    position: relative;
}
.thumb_column__figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%,-50%); */
    width: 100%;
    height: 100%;
    height: 100%;
    left: 0;
    min-height: auto;
    min-width: auto;
    object-fit: cover;
    object-position: 50% 50%;
    top: 0;
    transform: none;
    width: 100%;
}
.thumb_column__figure:before {
    content: "";
    padding-top: 75%;
    display: block;
}
.thumb_column__figure {
    position: relative;
    overflow: hidden;
    /* padding-top: 75%; */
    /* margin: 10px 5px; */
}