@charset "UTF-8";

/***************************************
追加css　250707　scssなし
****************************************/

/**********************************
LazyBlocksへの移管時追加*****/
  .other_2box-list ul li {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42;
  margin-left: 20px;
  position: relative;
}

.other_2box-list ul li:before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -20px;
  top: 4px;
  background: #4275A3;
}
/****************************************/


/**********************************
LazyBlocksへの移管時追加*****/
.other_wants .block1 .shinri .list li {
  font-size: 18px;
  margin-left: 25px;
  position: relative;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: 500;
}

.other_wants .block1 .shinri .list li:last-child {
  margin-bottom: 0;
}

.other_wants .block1 .shinri .list li:before {
  content: "";
  width: 16px;
  height: 16px;
  background: #4275A3;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: -25px;
}

.other_wants .block2 .list li {
  font-size: 18px;
  margin-left: 25px;
  position: relative;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: 600;
}

.other_wants .block2 .list li:last-child {
  margin-bottom: 0;
}

.other_wants .block2 .list li:before {
  content: "";
  width: 16px;
  height: 16px;
  background: #F9BD2C;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: -25px;
}

/****************************************/

/***************
LazyBlocksへの移管時追加************************/
.template-pages#p_trouble_parttime .about_sec .about_row .about_col .border-box .mind-ul li {
          font-size: 14px;
          line-height: 1.45;
          font-weight: 500;
          text-align: left;
          padding: 0 0 0 19px;
          position: relative;
          margin: 0 0 4px;
        }
        .template-pages#p_trouble_parttime .about_sec .about_row .about_col .border-box .mind-ul li::before {
          content: "";
          font-size: 14px;
          line-height: 1.45;
          position: absolute;
          top: 5px;
          left: 0;
          background-color: #4275a3;
          width: 12px;
          height: 12px;
          display: inline-block;
          border-radius: 50%;
        }

/****************************************/

/*****************
NEWS投稿での「ウェビナーに申し込む」ボタンの装飾：エディターにインラインで記載あったコードを引用**********************/
a.news-entry__button--orange {
  display: block;
  max-width: 350px;
  width: 100%;
  height: 60px;
  margin: auto;
  line-height: 55px;
  background-color: #f8b527;
  color: #fff !important;
  text-decoration: none;
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
a.news-entry__button--orange:hover {
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 0.8;
}


/***************************************
内定辞退リード文 Lazy Blocks
****************************************/
.template-pages#p_trouble_timing .checklist ul li {
      font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    padding: 5px 0 5px 32px;
    position: relative;
}
.template-pages#p_trouble_timing .checklist ul li::before {
    content: url(../img/p_trouble_parttime/checkpoint.svg);
    position: absolute;
    top: 5px;
    left: 0;
    width: 24px;
    height: auto;
}

@media screen and (max-width: 767px) {
.template-pages#p_trouble_timing .checklist ul li {
        font-size: 18px;
        line-height: 1.2;
    }
}
/***************************************
お問い合わせ　プレシキ！トップ
****************************************/
#p_contact .select_box_list .checkbox,
#p_confirm .select_box_list .checkbox,
#p_complete .select_box_list .checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

/***************************************
チェックボックス
****************************************/
.checkbox span.wpcf7-list-item,
.privacy_list_dl span.wpcf7-list-item {
    margin: 0; /* 項目右側の余白設定と、デフォルトの左側の余白を打ち消す */
    position: relative;
    width: 100%;
    min-height: 1px;
    box-sizing: border-box;
    margin-left: 0;
    max-width: 33.3333%;
    display: block;
    margin-bottom: 10px;
    position: relative;
    min-height: 20px;
    padding-left: 0;
}
.privacy_list_dl span.wpcf7-list-item {
    margin-inline: auto;
}
@media screen and (max-width: 767px) {
.checkbox span.wpcf7-list-item,
.privacy_list_dl span.wpcf7-list-item {
        flex: inherit;
        max-width: inherit;
        padding-left: 0;
        height: auto;
        margin-bottom: 13px;
    }
}

.checkbox .wpcf7-list-item-label,
.privacy_list_dl .wpcf7-list-item-label {
    cursor: pointer; /* labelにhoverした時にカーソルを表示させる */
    position: relative;
    padding-left: 30px;
    display: block;
}
.privacy_list_dl .wpcf7-list-item-label {
    font-size: 14px;
    font-weight: 500;
}

.checkbox input[type="checkbox"],
.privacy_list_dl input[type="checkbox"] {
    opacity: 0; /* デフォルトのチェックボックスを見えなくする */
    position: absolute;
}
.checkbox .wpcf7-list-item-label::before,
.privacy_list_dl .wpcf7-list-item-label::before {
      position: absolute;
    top: -1px;
    left: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #222;
    background-color: #fff;
    border-radius: 4px;
    content: "";
    display: inline-block;
}
.error_in .checkbox .wpcf7-list-item-label::before,
.privacy_list_dl .error_in.wpcf7-list-item-label::before {
    border: #ff0000 1px solid;
    background-color: #fceaf4;
}
.checkbox input[type="checkbox"]:checked + span.wpcf7-list-item-label::after,
.privacy_list_dl input[type="checkbox"]:checked + span.wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 0px;
    width: 8px;
    height: 14px;
    display: block;
    border: solid #4275a3;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#p_contact .input-text.zip_num, #p_confirm .input-text.zip_num, #p_complete .input-text.zip_num {
    max-width: 100px;
    margin-left: 12px;
}
/*
#p_contact .wpcf7-not-valid-tip {
  display: none;
}*/

.contact__btn-container {
    text-align: center;
    padding-top: 40px;
    position: relative;
    border-top: 1px dotted #222;
}

/***************************************
確認画面
****************************************/
.confirm-wrapper {
        display: none;
    }
    #p_contact .confirm_area .form_wrap > dl > dd {
    font-size: 1.4rem;
    line-height: 1.6;
}

#p_contact .confirm_area .form_wrap > dl > dt {
  padding-top: 0;
}

#p_contact .confirm_area .form_wrap > .check_list_dl .b_box_wrap {
  background-color: transparent;
  padding: 0;
  padding-left: 57px;
}

@media screen and (max-width: 767px) {
    #p_contact .confirm_area .form_wrap + p .back_btn_wrap input {
        padding-left: 15px;
    }
}

@media screen and (max-width: 767px) {
    #p_contact .confirm_area .form_wrap + p .back_btn_wrap > input, #p_contact .confirm_area .form_wrap + p .submit_btn_wrap > input {
        width: 100%;
        max-width: 100%;
    }
}

#p_contact .confirm_area .back_btn_wrap input, #p_contact .confirm_area .back_btn_wrap input {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    height: 50px;
    width: 280px;
    border-radius: 4px;
    background-color: #999999;
    transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

#p_contact .confirm_area .submit_btn_wrap input {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    height: 50px;
    width: 280px;
    border-radius: 4px;
    background-color: #f39800;
    transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    padding-right: 15px;
}

#p_contact .confirm_area .privacy_list_dl .agree_require > p:not([class]) + p:not([class]) {
    text-align: left;
    padding-left: 32px;
    position: relative;
    font-size: 1.4rem;
    line-height: 1.5;
}

#p_contact .confirm_area .policy-check {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-image: url(../img/common/check_mark.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 20px;
    height: 16px;
}
#p_contact .confirm_area .policy-check.--ng {
    display: none;
}

#p_contact .confirm-wrapper .text_col > {
    text-align: center;
}

#p_contact .confirm-wrapper .text_col > p {
    margin-bottom: 36px;
}
#p_contact .confirm-wrapper .text_col .flow_list {
    margin-left: auto;
    margin-right: auto;
}
#p_contact .confirm-wrapper .mw880 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 73px;
}
@media screen and (max-width: 767px) {
    #p_contact .confirm-wrapper .mw880 {
        margin-bottom: 40px;
    }
}

#policy-check-result {
  text-align: left;
    padding-left: 32px;
    position: relative;
    font-size: 1.4rem;
    line-height: 1.5;
}

#p_contact .confirm-wrapper .confirm-qa {
    flex: inherit;
    max-width: inherit;
}
#p_contact .confirm-wrapper .confirm-qa--dd {
    padding-left: 57px;
}

#p_contact .confirm-wrapper .back_btn_wrap,
#p_contact .confirm-wrapper .submit_btn_wrap {
  display: inline-block !important;
}

#p_contact .form_wrap + p {
  display: flex;
  justify-content: center;
}

  /* disabled状態 */
.confirm_button:disabled {
    opacity: 0.5;      /* 半透明に */
    cursor: not-allowed; /* クリック不可感を出す */
}


.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
    color: #fff;
}
a.wp-block-button__link:link {
    color: #fff;
}

/***************************************
サイトマップ下の余白調整
****************************************/
.u_page div.l_main.--sitemap {
  padding-bottom: 0;
}

/***************************************
NEWS詳細の下の余白調整
****************************************/
#p_news_single .l_news_page .content.--news {
    padding-bottom: 0;
}