@charset "UTF-8";

@media screen and (min-width: 540px) {}

@media screen and (min-width: 640px) {}

@media screen and (min-width: 782px) {}

@media screen and (min-width: 980px) {}


/******************************************************
ヘッダー
******************************************************/
.page-id-93 #page_header,
.page-id-93 #bread_crumb,
.parent-pageid-93 #page_header,
.parent-pageid-93 #bread_crumb {
  display: none;
}
.page-id-93 #page_contents #bread_crumb,
.parent-pageid-93 #page_contents #bread_crumb {
  display: block;
  margin-top: 0px;
  overflow: hidden;
}
body.page-id-93 #header,
body.parent-pageid-93 #header {
  margin-bottom: 0px;
}
body.page-id-93 #page_contents .post_content,
body.parent-pageid-93 #page_contents .post_content {
    width: 100%;
    margin: 0 !important;
}
.page-id-93 #page_contents {
  padding-bottom: 0px !important;
}

/******************************************************
募集職種
******************************************************/
.recruitment-type-bg {
  //background-color: #f5f5f5;
  //padding: 30px 0;
}
.page-section-recruitment-type-title {
  text-align: center;
}
.page-section-recruitment-type-inner-bg {
  background-color: transparent;
    border-bottom: solid 1px #eee;
    padding-bottom: 32px;
}
.page-section-recruitment-type-title h2 {
  text-align: center;
  margin-bottom: 8px;
  line-height: 2;
  font-size: calc(var(--single_title_font_size) - 2px);
}
/*.page-section-recruitment-type-title h2 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin-bottom: 24px;
}

.page-section-recruitment-type-title h2:before, .page-section-recruitment-type-title h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
.page-section-recruitment-type-title h2:before {
  left:0;
}
.page-section-recruitment-type-title h2:after {
  right: 0;
}*/

.page-section-recruitment-type .flexbox
{
  -webkit-justify-content: left;
  justify-content: left;
}
.page-section-recruitment-type .flex-recruitment-type a
{
  padding: 20px 20px;
  margin: 3px;
  background-color: var(--main_color);
  border: solid 1px var(--main_color);
  color: #fff;
  text-align: right;
  display: block;
  font-weight: bold;
}
.page-section-recruitment-type .flex-recruitment-type i
{
  padding-left: 8px;
  color: #fff;
}
.page-section-recruitment-type .flex-recruitment-type a:hover
{
  text-decoration: none;
  opacity: .6;
  transition: all 0.7s;
}
.page-id-93 .section-nara-link {
    margin-bottom: 10px;
}
.post_content .section-hyogo {
  margin-bottom: 40px;
  margin-top: 16px;
}
.post_content .section-hyogo p {
  text-align: center;
  font-weight: bold;
  font-size: 19px;
}
@media screen and (max-width: 640px) {
.page-section-recruitment-type .flex-recruitment-type a
{
  padding: 16px 20px;
  margin: 3px;
  background-color: var(--main_color);
  border: solid 1px var(--main_color);
  color: #fff;
  text-align: right;
  display: block;
  font-weight: bold;
}
}
/******************************************************
サムネイル
******************************************************/
.recruitment-type_new-thumb {
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 280px;
}
.recruitment-type_new-thumb {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/07/general-office-work005_.jpg)
}
.recruitment-type_new-thumb-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: .3s;
  background: rgba(0, 0, 0, 0.4);
}
.recruitment-type_new-thumb-bginner {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0;
  width: 100%;
}
.recruitment-type_new-thumb-bginner p {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  line-height: 1.6;
}
@media screen and (min-width: 650px) {
.recruitment-type_new-thumb-bginner p {
  font-size: 30px;
}
}
.recruitment-type_new-thumb-bginner p span {
  display: block;
  font-size: 22px;
}
@media screen and (max-width: 640px) {
.recruitment-type_new-thumb {
  height: 180px;
}
.post_content .recruitment-type_new-thumb-bginner p {
  line-height: 1.4;
}
.recruitment-type_new-thumb-bginner p span {
  display: block;
  font-size: 17px;
}
}
/*職種一覧*/
.recruitment-type_new-thumb_list-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/djbfyebsgak.jpg);
  background-position: 50% 47%;
}
.recruitment-type_new-thumb_sales-customhome-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/01_sales-customhome.jpg);
  background-position: 50% 15%;
}
.recruitment-type_new-thumb_architect-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/02_architect.jpg);
  background-position: 50% 20%;
}
@media screen and (min-width: 768px) {
.recruitment-type_new-thumb_architect-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/02_architect.jpg);
  background-position: 50% 79%;
}
}
.recruitment-type_new-thumb_structure-architect-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/03_structure-architect.jpg);
  background-position: 50% 50%;
}
.recruitment-type_new-thumb_interiorcoordinator-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/04_interiorcoordinator.jpg);
  background-position: 50% 100%;
}
@media screen and (min-width: 768px) {
.recruitment-type_new-thumb_interiorcoordinator-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/04_interiorcoordinator.jpg);
  background-position: 50% 90%;
}
}
.recruitment-type_new-thumb_cad-operator-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/05_cad-operator-1.jpg);
  background-position: 50% 60%;
}
.recruitment-type_new-thumb_fieldoverseer-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/06_fieldoverseer.jpg);
  background-position: 50% 98%;
}
.recruitment-type_new-thumb_sales-realestate-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/07_sales-realestate.jpg);
  background-position: 50% 38%;
}
.recruitment-type_new-thumb_exterior-planner-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/08_exterior-planner.jpg);
  background-position: 50% 80%;
}
.recruitment-type_new-thumb_fieldoverseer_exterior-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/09_fieldoverseer_exterior.jpg);
  background-position: 50% 38%;
}
.recruitment-type_new-thumb_exterior-cad-operator-employee-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/10_exterior-cad-operator-employee.jpg);
  background-position: 50% 50%;
}
.recruitment-type_new-thumb_exterior-cad-operator-part-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/11_exterior-cad-operator-part.jpg);
  background-position: 50% 50%;
}
.recruitment-type_new-thumb_business-to-business-sales-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/12_business-to-business-sales.jpg);
  background-position: 50% 25%;
}
.recruitment-type_new-thumb_sales-reform-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/13_sales-reform-1.jpg);
  background-position: 50% 21%;
}
.recruitment-type_new-thumb_architect-reform-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/14_architect-reform.jpg);
  background-position: 50% 34%;
}
.recruitment-type_new-thumb_interiorcoordinator-reform-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/15_interiorcoordinator-reform.jpg);
  background-position: 50% 50%;
}
.recruitment-type_new-thumb_cad-operator-reform-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/05_cad-operator.jpg);
  background-position: 50% 40%;
}
.recruitment-type_new-thumb_fieldoverseer-reform-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/17_fieldoverseer-reform.jpg);
  background-position: 50% 40%;
}
.recruitment-type_new-thumb_product-planning-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/18_product-planning.jpg);
  background-position: 50% 27%;
}
.recruitment-type_new-thumb_marketing-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/19_marketing.jpg);
  background-position: 50% 50%;
}
.recruitment-type_new-thumb_inhouse-se-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/20_inhouse-se.jpg);
  background-position: 50% 77%;
}
.recruitment-type_new-thumb_accounting_department-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/21_accounting_department.jpg);
  background-position: 50% 88%;
}
.recruitment-type_new-thumb_accounting_department-parttime-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/22_accounting_department-parttime.jpg);
  background-position: 50% 88%;
}
.recruitment-type_new-thumb_officeworker-employee-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/23_officeworker-employee.jpg);
  background-position: 50% 20%;
}
.recruitment-type_new-thumb_general-office-work-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/24_general-office-work.jpg);
  background-position: 50% 35%;
}
.recruitment-type_new-thumb_general-office-work-parttime-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/25_general-office-work-parttime.jpg);
  background-position: 50% 35%;
}
/******************************************************
キャリア登録
******************************************************/
.page-section-recruitment-type-carrer-registry {
  padding: 100px 0 120px;
  background: #f6f6f6;
}
.page-section-recruitment-type-carrer-registry .section-container {
  max-width: 850px;
  margin: 0 auto;
}
.post_content .carrer-registry-title h2 {
  text-align: center;
  margin-bottom: 24px !important;
  font-size: calc(var(--single_title_font_size) + 4px);
}
.post_content .page-section-recruitment-type-carrer-registry h3 {
  text-align: center;
  margin-top: 32px !important;
  margin-bottom: 5px;
  font-size: calc(var(--single_title_font_size) - 6px);
}
.post_content p.carrer-registry-subtitle {
  text-align: center;
  border-bottom: solid 1px #c2c2c2;
  color: #333;
  border-radius: 0px;
  padding: 4px 32px 4px;
  width: max-content;
  font-weight: bold;
  margin: 4px auto 16px;
}
@media screen and (max-width: 640px) {
  .post_content .carrer-registry-title h2 {
  text-align: center;
  margin-bottom: 24px !important;
  font-size: calc(var(--single_title_font_size) + 0px);
}
.post_content p.carrer-registry-subtitle {
  text-align: center;
  border-bottom: solid 1px #c2c2c2;
  color: #333;
  border-radius: 0px;
  padding: 4px 32px 4px;
  width: 100%;
  font-weight: bold;
  margin: 4px auto 16px;
}
}
.post_content p.carrer-registry-text {
  line-height: 1.9;
}
.post_content p.carrer-registry-notice {
  font-size: 14px;
  line-height: 1.8;
}
.post_content .carrer-registry-flow img {
  margin: 0;
}
.carrer-registry-btn {
  margin-top: 40px;
}
.carrer-registry-btn a {
  display: block;
  padding: 24px 48px;
  width: 80%;
  margin: 0 auto;
  border-radius: 50px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: var(--main_color);
  border: solid 1px var(--main_color);
  transition: .3s;
  font-size: 18px;
}
.carrer-registry-btn a:hover {
  color: var(--main_color);
  text-decoration: none;
  background: transparent;
  border: solid 1px var(--main_color);
}
@media screen and (max-width: 640px) {
.carrer-registry-btn a {
  display: block;
  padding: 16px 48px;
  width: 90%;
  margin: 0 auto;
  border-radius: 50px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: var(--main_color);
  border: solid 1px var(--main_color);
  transition: .3s;
  font-size: 17px;
}
.post_content p.carrer-registry-notice {
  font-size: 13px;
  line-height: 1.8;
}
}
/******************************************************
キャリア登録 (フォーム)
******************************************************/
.page-id-1550 #page_header,
.page-id-1550 #bread_crumb {
  display: none;
}
.page-id-1550 #page_contents #bread_crumb {
  display: block;
  margin-top: 0px;
}
body.page-id-1550 #header {
  margin-bottom: 0px;
}
body.page-id-1550 #page_contents .post_content {
    width: 100%;
    margin: 0 !important;
}
.recruitment-type_new-thumb_form-career-bg {
  background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/11/djbfyebsgak.jpg);
  background-position: 50% 47%;
}
/*.form-career-box01,
.form-career-box02,
.form-career-box03,
.form-career-box04 {
  padding: 32px;
  margin: 32px 0;
  background-color: #f6f6f6;
}*/

.post_content .section-form-career-notice {
  max-width: 950px;
  margin: 0 auto 64px;
  padding: 32px 40px 40px;
  background-color: #fafafa;
  border: solid 2px #f0f0f0;
}
.post_content .section-form-career-notice h2 {
    font-size: calc(var(--single_title_font_size) - 0px);
    margin: 1em 0 .4em 0;
    color: #b78e40;
    text-align: center;
}
.post_content .section-form-career-notice h3 {
    font-size: calc(var(--single_title_font_size) - 8px);
    margin: 1.8em 0 .7em 0;
    font-family: "Noto Sans JP", sans-serif;
    padding-bottom: 8px;
    border-bottom: solid 1px #333;
    font-weight: 400;
}
.post_content .section-form-career-notice ul {
    margin-left: 0 !important;
}
.post_content .section-form-career-notice ul li {
    list-style: none;
    line-height: 1.8;
    margin: 0 !important;
    font-size: 15.5px;
    font-family: "Noto Sans JP", sans-serif;
}
.post_content .section-form-career-notice p {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.8;
    margin-bottom: 0;
    font-size: 15.5px;
}
@media screen and (max-width: 768px) {
.post_content .section-form-career-notice {
  max-width: 850px;
  margin: 0 auto 64px;
  padding: 32px 24px 24px;
  background-color: #f8f8f8;
  border: solid 2px #f0f0f0;
}
.post_content .section-form-career-notice h2 {
    font-size: calc(var(--single_title_font_size) - 3px);
    margin: 1em 0 .4em 0;
    color: #b78e40;
    text-align: center;
}
.post_content .section-form-career-notice h3 {
    font-size: calc(var(--single_title_font_size) - 9px);
    margin: 1.8em 0 .7em 0;
    font-family: "Noto Sans JP", sans-serif;
    padding-bottom: 8px;
    border-bottom: solid 1px #333;
    font-weight: 400;
}
.post_content .section-form-career-notice ul {
    margin-left: 0 !important;
}
.post_content .section-form-career-notice ul li {
    list-style: none;
    line-height: 1.8;
    margin: 0 !important;
    font-size: 14px;
    font-family: "Noto Sans JP", sans-serif;
}
.post_content .section-form-career-notice p {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.8;
    margin-bottom: 0;
    font-size: 14px;
}
}
.form-career-box02,
.form-career-box03 {
  margin-top: 70px;
}
.post_content .form-career h2 {
  text-align: left;
  margin: 24px 0px !important;
  padding-bottom: 12px;
  border-bottom: solid 1px #888;
}
/* ===== キャリア応募フォーム専用 ===== */
.section-form-career .form-row {
  display: flex;
  gap: 2%;
  justify-content: space-between;
}

.section-form-career .form-row .form-p {
  width: 49%;
}

/* スマホで縦並びに戻す 
@media screen and (max-width: 768px) {
  .section-form-career .form-row {
    flex-direction: fle;
    gap: 0;
  }
  .section-form-career .form-row .form-p {
    width: 100%;
  }
}*/
.section-form-career .wpcf7 textarea {
    height: 120px;
}
/* 生年月日（年・月・日）横並び：フォーム専用スコープ */
.section-form-career .form-birth-row{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.section-form-career .form-birth-item{
  display:flex;
  align-items:center;
}
.section-form-career .form-birth-input{
  width:110px;
  padding:8px;
  border:1px solid #ccc;
  font-size:16px;
  text-align:center;
}
.section-form-career .form-birth-unit{
  margin-left:6px;
  font-size:14px;
}

/* スマホ調整 */
@media (max-width: 599px){
  .section-form-career .form-birth-row{ gap:8px; }
  .section-form-career .form-birth-input{ width:90px; }
}

/* 生年月日：横並び用（最終調整） */
.form-birth-row {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start; /* 左寄せ */
  flex-wrap: wrap;
}

.form-birth-item {
  display: flex;
  align-items: center;
}

/* デフォルトは短め（80px） */
.form-birth-input {
  width: 80px !important;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 15px;
  text-align: center;
}

/* 「年」だけ長めにする */
#birth-year.form-birth-input {
  width: 100px !important;
}

.form-birth-label {
  margin-left: 8px;
  font-size: 14px;
}

/* スマホ対応 */
@media (max-width: 599px) {
  .form-birth-row {
    gap: 6px;
    justify-content: flex-start;
  }
  .form-birth-input {
    width: 70px;
    font-size: 14px;
  }
  #birth-year.form-birth-input {
    width: 90px !important;
  }
}
/* 開始年月・終了年月：横並び */
.form-period-row {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start; /* 左寄せ */
  flex-wrap: wrap;
}

.form-period-item {
  display: flex;
  align-items: center;
}

/* デフォルトの幅設定 */
.form-period-input {
  width: 80px !important;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 15px;
  text-align: center;
}

/* 「年」だけ長め */
#period-start-year.form-period-input,
#period-end-year.form-period-input {
  width: 100px !important;
}

.form-period-label {
  margin-left: 8px;
  font-size: 14px;
}

/* スマホ対応 */
@media (max-width: 599px) {
  .form-period-row {
    gap: 6px;
    justify-content: flex-start;
  }
  .form-period-input {
    width: 70px !important;
    font-size: 14px;
  }
  #period-start-year.form-period-input,
  #period-end-year.form-period-input {
    width: 90px !important;
  }
}

/******************************************************
エントリーフォーム
******************************************************/
.entryform-text {
  text-align: center;
  margin-bottom: 40px;
}
.parent-pageid-93 .post_content .entryform-text p,
.page-id-97 .post_content .entryform-text p {
  line-height: 1.8;
  margin-bottom: 3px;
}
.submit-caution {
  margin-bottom: 2.4rem;
  padding: 5px;
  background-color: transparent !important;
}
@media screen and (max-width: 640px) {
.parent-pageid-93 .post_content .entryform-text p,
.page-id-97 .post_content .entryform-text p {
  line-height: 1.8;
  text-align: left;
  margin-bottom: 3px;
  font-size: 14px !important;
}
.parent-pageid-93 .post_content .submit-caution h3 {
  font-size: 17px;
  margin-bottom: 5px;
}
.parent-pageid-93 .post_content .submit-caution ul {
  margin-left: 0px !important;
}
.parent-pageid-93 .post_content .submit-caution ul li {
  list-style: none;
}
}

/******************************************************
仕事内容について、Gハウスで働く魅力
******************************************************/
/*仕事内容について*/
.recruitment-type_new-detail-content {
  margin-top: 40px;
}
.post_content .recruitment-type_new-detail-content h2 {
  font-size: calc(var(--single_title_font_size) + 2px);
  margin-bottom: 16px;
}
.post_content .recruitment-type_new-detail-content h3 {
  font-size: calc(var(--single_title_font_size) - 6px);
  margin: 1em 0 .4em 0;
  font-family: "Noto Sans JP", sans-serif;
  color: #b78e40;
  text-align: center;
}
.post_content .recruitment-type_new-detail-content h4 {
  font-size: calc(var(--single_title_font_size) - 8px);
  margin: 1.8em 0 .7em 0;
  font-family: "Noto Sans JP", sans-serif;
  padding-bottom: 8px;
  border-bottom: dotted 1px #333;
}
.post_content .recruitment-type_new-detail-content p {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  margin-bottom: 0;
  text-align: center;
}
.post_content .recruitment-type_new-detail-content p.recruitment-type_new-detail-content-notice {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  margin-bottom: 0;
  text-align: left;
  font-size: 16px;
  color: #555;
}
.post_content .recruitment-type_new-detail-content hr {
  margin: 10px;
}
.post_content .recruitment-type_new-detail-content ul {
  margin-bottom: 0px;
}
.post_content .recruitment-type_new-detail-content ul li {
  font-family: "Noto Sans JP", sans-serif;
  list-style: disc;
    line-height: 1.8;
    margin: 0 !important;
    font-size: 16px;
}
.post_content .recruitment-type_new-detail-content ul.recruitment-type_new-detail-content-ul03 li {
  font-family: "Noto Sans JP", sans-serif;
  list-style: disc;
    line-height: 1.8;
    margin: 0 !important;
    font-size: 16px;
    margin-bottom: 16px !important;
}
.post_content .recruitment-type_new-detail-content ul li span {
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .recruitment-type_new-detail-content {
  margin-top: 40px;
  padding-bottom: 30px;
}
.post_content .recruitment-type_new-detail-content h2 {
  font-size: calc(var(--single_title_font_size) - 2px);
}
.post_content .recruitment-type_new-detail-content h3 {
  font-size: calc(var(--single_title_font_size) - 8px);
  margin: 1em 0 .4em 0;
  font-family: "Noto Sans JP", sans-serif;
  color: #b78e40;
  text-align: left;
}
.post_content .recruitment-type_new-detail-content h4 {
  font-size: calc(var(--single_title_font_size) - 9px);
  margin: 1.8em 0 .7em 0;
  font-family: "Noto Sans JP", sans-serif;
  padding-bottom: 8px;
  border-bottom: dotted 1px #333;
}
.post_content .recruitment-type_new-detail-content p {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  margin-bottom: 0;
  text-align: left;
}
.post_content .recruitment-type_new-detail-content ul li {
  font-family: "Noto Sans JP", sans-serif;
  list-style: disc;
    line-height: 1.8;
    margin: 0 !important;
    font-size: 15px;
}
}
/*Gハウスで働く魅力*/
/* ================================
   Gハウスで働く魅力：新デザイン
   ・大きな番号を見出しの背後に薄く配置
   ・本文下に水平ライン
   ・HTMLは変更不要（h3[data-number] を利用）
   ================================ */

.recruitment-type_new-detail-point {
  background-color: #f8f8f8;
  padding: 80px 0;
  margin: 60px 0;
}
@media screen and (max-width: 640px) {
.recruitment-type_new-detail-point {
  background-color: #f8f8f8;
  padding: 80px 0 30px;
  margin: 60px 0;
}
}
/* 既存ベースは維持 */
.post_content .recruitment-type_new-detail-point h2 {
  font-size: calc(var(--single_title_font_size,22px) + 2px);
  margin-bottom: 16px;
}
@media screen and (max-width: 640px) {
.post_content .recruitment-type_new-detail-point h2 {
  font-size: calc(var(--single_title_font_size,22px) - 2px);
  margin-bottom: -10px;
}
}
.recruitment-type_new-detail-point .flex-recruitment-type_new-detail-point{
  display:flex; flex-wrap:wrap; justify-content:space-around;
}
.recruitment-type_new-detail-point .flex-recruitment-type_new-detail-point .flex-box-inner{
  flex-basis:100%; margin: 8px 0;
}

/* 以前の「ずらしボックス」「帯・縦線」表現は無効化 */
.recruitment-type_new-detail-point .cstm-box-offset{
  position: relative;
  background: transparent;
  border: none;
  padding: 8px 0 24px;    /* 上：見出し余白／下：区切り線の前余白 */
  box-shadow: none;
}
.recruitment-type_new-detail-point .cstm-box-offset::before,
.recruitment-type_new-detail-point .cstm-box-offset::after{
  content: none;          /* 以前の擬似要素をクリア */
}

/* 見出し本体 */
.post_content .recruitment-type_new-detail-point h3{
  position: relative;
  z-index: 2;
  margin: 0 0 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #b78e40;
  line-height: 1.5;
  font-size: clamp(20px, calc(var(--single_title_font_size,22px) - 6px), 28px);
  /* 左に余白を少しだけ確保（番号との視覚的な干渉を避ける） */
  padding-left: 80px;
  padding-top: 20px;
}

/* 背後の大きな番号（見出しの疑似要素で重ねる） */
.post_content .recruitment-type_new-detail-point h3.heading-000::before{
  content: attr(data-number);
  position: absolute;
  left: -56px;            /* 見出し左からのオフセット（PC） */
  top: -14px;             /* 見出し上からのオフセット（PC） */
  z-index: 1;             /* 見出し文字より下に来るように */
  font-family: var(--content_font_type);
  font-weight: 300;
  font-size: 88px;        /* PC番号サイズ */
  line-height: 1;
  color: #e4e4e4;         /* 薄いグレー */
  pointer-events: none;
}

/* 本文 */
.post_content .recruitment-type_new-detail-point p{
  margin: 0 0 16px;
  font-family: "Noto Sans JP", sans-serif;
  color:#333;
  line-height: 1.9;
  letter-spacing: .01em;
  padding-left: 80px;      /* 見出しと揃える */
}

/* 本文下の水平ライン */
.recruitment-type_new-detail-point .cstm-box-offset .hr-like{
  display:none; /* HTML追加なしで使わない */
}
.recruitment-type_new-detail-point .cstm-box-offset > :last-child::after{
  content:"";
  display:block;
  height:1px;
  background:#d6d6d6;
  margin: 10px 0 0;
}

/* ========== レスポンシブ（SP見本合わせ） ========== */
@media (max-width: 560px){
  .recruitment-type_new-detail-point{ margin: 36px 0; }

  .post_content .recruitment-type_new-detail-point h3{
    font-size: 21px;
    line-height: 1.45;
    margin-bottom: 10px;
    padding-left: 6px;
    padding-top: 20px;
  }
  .post_content .recruitment-type_new-detail-point h3.heading-000::before{
    left: -40px;          /* 番号の位置をSP用に詰める */
    top: -6px;
    font-size: 64px;      /* SP番号サイズ */
    color: #e8e8e8;
  }
  .post_content .recruitment-type_new-detail-point p{
    line-height: 1.8;
    padding-left: 6px;
    margin-bottom: 14px;
  }
  .recruitment-type_new-detail-point .cstm-box-offset > :last-child::after{
    margin-top: 12px;
    background:#e0e0e0;   /* SPは少し薄め */
  }
}

/* さらに狭い端末の微調整 */
@media (max-width: 360px){
  .post_content .recruitment-type_new-detail-point h3.heading-000::before{
    left: -34px;
    font-size: 58px;
  }
}
/* 見出し背後の番号：位置とサイズを再調整（PC） */
.post_content .recruitment-type_new-detail-point h3.heading-000::before{
  left: 8px;          /* -56px → 8px：左に出すぎていたのを修正 */
  top: -10px;         /* -14px → -10px：縦位置を微調整 */
  font-size: 90px;    /* 88px → 90px：視覚バランスを合わせる */
  color: #e4e4e4;     /* ほんの少し明るく */
  z-index: -999;
}

/* 本文下の水平ラインは .cstm-box-offset の ::after で一括生成に変更 */
.recruitment-type_new-detail-point .cstm-box-offset{
  padding: 8px 0 26px;  /* 下にライン分の余白を確保（24→26） */
  position: relative;
}
.recruitment-type_new-detail-point .cstm-box-offset > :last-child::after{ content: none; }
.recruitment-type_new-detail-point .cstm-box-offset::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: #d6d6d6;
}

/* スマホ時（見本寄せ） */
@media (max-width: 560px){
  .post_content .recruitment-type_new-detail-point h3{
    font-size: 20px;
    line-height: 1.45;
    margin-bottom: 16px;
    padding-left: 0;   /* 余白は番号位置で吸収するため0に */
    padding-top: 30px;
  }
  .post_content .recruitment-type_new-detail-point h3.heading-000::before{
    left: 4px;        /* -40px → 4px：はみ出し防止 */
    top: -6px;        /* 見本の縦位置に寄せる */
    font-size: 64px;  /* 見本SPのサイズ */
    color: #eaeaea;
  }
  .post_content .recruitment-type_new-detail-point p{
    line-height: 1.8;
    margin-bottom: 14px;
    padding-left: 0;
  }
  .recruitment-type_new-detail-point .cstm-box-offset{
    padding-bottom: 22px;  /* ライン直前の余白を少し軽く */
  }
}

/* さらに狭い端末 */
@media (max-width: 360px){
  .post_content .recruitment-type_new-detail-point h3.heading-000::before{
    left: 2px;
    font-size: 58px;
  }
}

/*.recruitment-type_new-detail-point {
  margin: 60px 0;
}
.post_content .recruitment-type_new-detail-point h2 {
  font-size: calc(var(--single_title_font_size) + 2px);
  margin-bottom: 16px;
}
.post_content .recruitment-type_new-detail-point h3 {
  font-size: calc(var(--single_title_font_size) - 6px);
  margin: .6em 0 .4em 0;
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
}
.post_content .recruitment-type_new-detail-point p {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.9;
}
.recruitment-type_new-detail-point .flex-recruitment-type_new-detail-point {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.recruitment-type_new-detail-point .flex-recruitment-type_new-detail-point .flex-box-inner {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 12px 0;
    }
/* 少しずらしたボックス */
/*.cstm-box-offset {
   margin: 0em auto; 
   padding: 1.8em 2em; 
   background: none; 
   border: 1px solid #ccc; 
   position: relative; 
}

.cstm-box-offset:after {
   background-color: #f8f8f8; 
   border: none; 
   content: ''; 
   position: absolute; 
   top: 7px; 
   left: 7px; 
   width: 100%; 
   height: 100%; 
   z-index: -1; 
}*/
/******************************************************
職種詳細 (募集要項)
******************************************************/
.parent-pageid-93 .post_content table,
.parent-pageid-93 .post_content table tr,
.parent-pageid-93 .post_content table th,
.parent-pageid-93 .post_content table td {
  border: none;
  background-color: transparent;
}

.recruitment-type_new-detail-guidelines {
  padding: 100px 0 60px;
  background: #fff;
}
@media screen and (max-width: 640px) {
.recruitment-type_new-detail-guidelines {
  padding: 50px 0 10px;
  background: #fff;
}
}
/* =========================
   Recruit: 募集要項（Navy Table ver. / 安定版）
   スコープ：.parent-pageid-93 .post_content
========================= */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines{
  --navy:#565656;  /* 左カラム濃紺 */
  --line:#e7edf3;  /* 罫線 */
  --text:#222;
  --muted:#6b6f72;
  --bg:#fff;
}

/* 見出し */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-title h2{
  font-size:clamp(24px,2.2vw,30px);
  font-weight:700;
  margin:0 0 24px;
  color:var(--text);
}

/* テーブル本体：テーブルレイアウトに戻す（←ここが重要） */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table table{
  width:100%;
  border-collapse:separate;   /* collapseにすると線ズレが起きやすい */
  border-spacing:0;
  table-layout:auto;
  background:var(--bg);
  border-left:1px solid var(--line);
  border-right:1px solid var(--line);
}

/* 行（既定の table-row のまま） */

/* セル共通：上罫線をセル側に持たせて連続させる */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table th,
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table td{
  vertical-align:top;
  border-top:1px solid var(--line);
  font-family: "Noto Sans JP", sans-serif;
}

/* 最初の行だけ上罫線を消す */
/*.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table tr:first-child th,
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table tr:first-child td{
  border-top:none;
}*/

/* 左セル（濃紺＆右に縦罫線） */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table th{
  width:240px;          /* 必要に応じて 220〜260px 等に調整 */
  min-width:220px;
  padding:26px 22px;
  background:var(--navy);
  color:#fff;
  font-weight:700;
  font-size:clamp(15px,1.6vw,18px);
  line-height:1.6;
  text-align:left;
  white-space:normal;    /* 2行見出しも許容（ズレ防止） */
  border-right:1px solid var(--line); /* 右縦線を確実に */
}

/* 右セル（本文） */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table td{
  padding:26px 32px;
  color:var(--text);
  font-size:16px;
  line-height:2;
  background:#fff;
}

/* テーブル下端のボーダー */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table tr:last-child td{
  border-bottom:1px solid var(--line);
}
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table tr:last-child th{
  border-bottom:1px solid var(--line);
}

/* 段落・注記 */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table td p{
  color:#222;
}
.parent-pageid-93 .post_content .new-detail-guidelines-table-notice {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.7;
  margin-top: 8px;
}
.parent-pageid-93 .post_content .new-detail-guidelines-table-notice2 {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.7;
  margin-top: 3px;
}

/* 箇条書き */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table td ul,
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table td ol{
  margin:0.4em 0 0;
  padding-left:1.2em;
}
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table td li{
  margin:0.25em 0;
}

/* 採用フロー */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines .recruit-flow{
  list-style:none;
  padding-left:0;
  margin:0.2em 0 0;
}
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines .recruit-flow li{
  margin:0.2em 0;
}

/* ボタン */
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines .recruitment-type-inner-btn-box{margin-top:18px;}
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines .recruitment-type-inner-btn{
  display:inline-block;
  padding:12px 18px;
  border:1px solid var(--navy);
  color:var(--navy);
  text-decoration:none;
  border-radius:6px;
  font-weight:600;
  transition:background-color .2s,color .2s,border-color .2s,opacity .2s;
}
.parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines .recruitment-type-inner-btn:hover{
  background:var(--navy);color:#fff;
}

/* ============ SP ============ */
@media (max-width:767px){
  /* 各行をカード化：上が濃紺、下が本文 */
  .parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
    .recruitment-type_new-detail-guidelines-table table{
    border-left:none;border-right:none;
  }
  .parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
    .recruitment-type_new-detail-guidelines-table th,
  .parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
    .recruitment-type_new-detail-guidelines-table td{
    display:block;width:auto;min-width:0;border-right:none;
  }
  .parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
    .recruitment-type_new-detail-guidelines-table th{
    padding:14px 16px;border-top:1px solid var(--line);
    font-size:16px;line-height:1.5;margin-top: 24px;
  }
  .parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
    .recruitment-type_new-detail-guidelines-table tr:first-child th{
    border-top:1px solid var(--line); /* 上端の線を確実に */
  }
  .parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
    .recruitment-type_new-detail-guidelines-table td{
    padding:10px 5px;font-size:15px;line-height:1.9;background:#fff;
  }
  .parent-pageid-93 .post_content .recruitment-type_new-detail-guidelines
  .recruitment-type_new-detail-guidelines-table tr:last-child td{
  border-bottom:none;
}
}

.parent-pageid-93 .post_content ul.new-detail-guidelines-table-inner-table-check li {
  list-style: disc;
  line-height: 1.8;
  margin: 0 !important;
  font-size: 16px;
}
.parent-pageid-93 .post_content ol li {
  line-height: 1.8;
  margin: 0 !important;
}
.parent-pageid-93 .post_content ul.new-detail-guidelines-table-inner-table-kome {
  padding-left: 0 !important;
}
.parent-pageid-93 .post_content ul.new-detail-guidelines-table-inner-table-kome li {
  list-style: none;
  line-height: 1.8;
  margin: 0 !important;
  font-size: 15px;
}
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi,
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_kangei,
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_careershien {
  border-bottom: solid 1px #565656;
  font-weight: 400;
  font-size: 17px;
}
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_payment-year,
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_payment-month {
  margin-bottom: 0 !important;
}
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_kangei,
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_careershien {
  margin-top: 16px;
}
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_payment-year span,
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_payment-month span {
  padding: 2px 12px;
  border: solid 1px #565656;
  margin-right: 8px;
  font-size: 15px;
}
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_payment-year span.highclass {
  padding: 2px 24px;
  border: solid 1px #D3AF37;
  background-color: #D3AF37;
  margin-left: 8px;
  font-size: 14px;
  border-radius: 50px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi,
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_kangei,
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_careershien {
  border-bottom: solid 1px #565656;
  font-weight: 400;
  font-size: 16px;
}
.parent-pageid-93 .post_content ul.new-detail-guidelines-table-inner-table-check li {
  list-style: disc;
  line-height: 1.8;
  margin: 0 !important;
  font-size: 14px;
}
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_payment-year,
  .parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_payment-month {
    margin-top: 12px;
  }
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_payment-year span,
.parent-pageid-93 .post_content p.new-detail-guidelines-table-inner-midashi_payment-month span {
  padding: 1px 16px;
  border: solid 1px #565656;
  margin-right: 8px;
  font-size: 14px;
}
.parent-pageid-93 .post_content ul.new-detail-guidelines-table-inner-table-kome li {
  font-size: 13px;
}
.parent-pageid-93 .post_content p.new-detail-guidelines-table-notice {
  font-size: 13px;
  margin-top: 16px;
}
}
/*採用フロー*/
.parent-pageid-93 .post_content .stepbar {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  justify-content: space-between;
}

.parent-pageid-93 .post_content .stepbar li {
  position: relative;
  list-style: none;
  text-align: center;
  color: #333;
  font-weight: 400;
  width: 25%;
  text-align: left;
}

.parent-pageid-93 .post_content .stepbar li p {
  font-weight: normal;
  margin: 10px 40px;
}
.parent-pageid-93 .post_content .stepbar li span {
    display: block;
    font-size: 13px;
    line-height: 1;
    text-indent: -10px;
}
.parent-pageid-93 .post_content .stepbar li:before {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0.5em 0;
  content: "";
  text-align: center;
  border-radius: 50%;
  background-color: #333;
  border: 1px solid #333 !important;
}

.parent-pageid-93 .post_content .stepbar li:after {
  position: absolute;
  z-index: 0;
  top: 1em;
  left: -100%;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #333 !important;
}

.parent-pageid-93 .post_content .stepbar li:first-child:after {
  content: none;
}

@media screen and (max-width: 960px) {
  .parent-pageid-93 .post_content .stepbar li p {
    margin: 10px 15px;
    font-size: 12px;
  }
}
@media screen and (max-width: 640px) {
.parent-pageid-93 .post_content .stepbar li.first {
  text-align: left;
}
.parent-pageid-93 .post_content .stepbar li.two,
.parent-pageid-93 .post_content .stepbar li.three {
  text-align: center;
}
.parent-pageid-93 .post_content .stepbar li.four {
  text-align: right;
}
.parent-pageid-93 .post_content .stepbar li.first:before {
  margin: 0.5em 0;
}
.parent-pageid-93 .post_content .stepbar li.two:before {
  margin: 0.5em 5px 0.5em 20px;
}
.parent-pageid-93 .post_content .stepbar li.three:before {
  margin: 0.5em 5px 0.5em 29px;
}
.parent-pageid-93 .post_content .stepbar li.four:before {
  margin: 0.5em 0 0.5em auto;
}
.parent-pageid-93 .post_content .stepbar li:after {
  position: absolute;
  z-index: 0;
  top: 1em;
  left: -80%;
  width: 160%;
  height: 1px;
  content: "";
  background-color: #333 !important;
}
.parent-pageid-93 .post_content .stepbar li span {
    display: block;
    font-size: 12px;
    line-height: 1;
    text-indent: 0px;
}
}




/******ここから削除*********/
body.parent-pageid-1334 #header,
body.parent-pageid-1334 #footer,
body.parent-pageid-1334 #page_header,
body.parent-pageid-1334 #bread_crumb {
  display: none;
}
body.parent-pageid-1334 #bread_crumb,
body.parent-pageid-1334 #header {
  margin-bottom: 0;
}
body.parent-pageid-1334 #page_contents .post_content {
    width: 100%;
    margin: 0 !important;
}
body.parent-pageid-1334 .post_content img.size-full {
  width: 100%;
}
body.parent-pageid-1334 #floating-menu,
body.parent-pageid-1334 #js-footer-bar {
  display: none;
}
body.parent-pageid-1334 {
  padding-bottom: 0px !important;
}
body.parent-pageid-1334 .lp-format-sp-block {
  display: block;
}
body.parent-pageid-1334 .lp-format-pc-block {
  display: none;
}
@media screen and (min-width: 980px) {
  body.parent-pageid-1334 .lp-format-sp-block {
  display: none;
}
body.parent-pageid-1334 .lp-format-pc-block {
  display: block;
}
}
/* メインビジュアル */
body.parent-pageid-1334 .swiper {
  padding-bottom: 145px;
  margin-top: 0px;
}
.slider-lp-format_mv {
  height: 480px;
  position: relative;
}
.slider-lp-format_mv .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.slider-lp-format_mv .overlay {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
}
.slider-lp-format_mv .swiper-slide {
  background-size: cover;
  background-position: 20% 50%;
  background-repeat: no-repeat;
}
.slider-lp-format_mv .swiper-logo {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 5%;
  left: 5%;
  width: auto;
  height: auto;
  text-align: left;
  z-index: 3;
}
body.parent-pageid-1334 .post_content .slider-lp-format_mv .swiper-logo img.size-full {
  width: 40%;
  margin: 0;
  image-rendering: auto;
}
@media screen and (min-width: 540px) {
  body.parent-pageid-1334 .post_content .slider-lp-format_mv .swiper-logo img.size-full {
  width: 30%;
  margin: 0;
}
}

@media screen and (min-width: 640px) {}

@media screen and (min-width: 782px) {
  body.parent-pageid-1334 .post_content .slider-lp-format_mv .swiper-logo img.size-full {
  width: 25%;
  margin: 0;
}
}
@media screen and (min-width: 980px) {
  body.parent-pageid-1334 .swiper {
  padding-bottom: 22px;
  margin-top: 0px;
}
  body.parent-pageid-1334 .post_content .slider-lp-format_mv .swiper-logo img.size-full {
  width: 15%;
  margin: 0;
}
}
.slider-lp-format_mv .swiper-text {
  position: absolute;
  margin: 0;
  padding: 16px 32px;
  top: 85%;
  right: 0%;
  width: auto;
  height: auto;
  text-align: left;
  z-index: 3;
  background-color: #c5a05a;
}
.slider-lp-format_mv .swiper-text h2 {
  margin-bottom: 0;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #fff;
  text-align: left;
  font-weight: bold;
  font-size: 22px;
}
.slider-lp-format_mv .swiper-text h2 span {
  font-size: 36px;
  padding-right: 5px;
  font-weight: bold;
  color: #FEF800;
}
@media screen and (min-width: 782px) {
  .slider-lp-format_mv {
    height: 480px;
  }
}
@media screen and (min-width: 980px) {
  .slider-lp-format_mv {
    height: 650px;
  }
  .slider-lp-format_mv .swiper-slide {
    background-position: 50% 35%;
  }
  .slider-lp-format_mv .swiper-text h2 {
  font-size: 35px;
}
.slider-lp-format_mv .swiper-text h2 span {
  font-size: 50px;
}
.slider-lp-format_mv .swiper-text {
  position: absolute;
  margin: 0;
  padding: 16px 32px;
  top: 60%;
  right: 0%;
  width: auto;
  height: auto;
  text-align: left;
  z-index: 3;
  background-color: #c5a05a;
}
}
/* 共通 */
.lp-format_common {
  padding: 0 0 20px;
  margin: 0 0 20px;
}
/* 共通 見出し */
.post_content .lp-format-midashi h2,
.post_content .lp-format-midashi2 h2 {
  font-weight: bold;
}
.post_content .lp-format-midashi h2 {
  background-color: #c5a05a;
  color: #fff;
  padding: 16px 0;
}
.post_content .lp-format-midashi2 h2 {
  width: max-content;
  padding: 0px 15px 5px;
  border-bottom: solid 2px #c5a05a;
  margin: 0 auto;
}
/* イントロ */
.post_content .lp-format_intro {
  padding-bottom: 20px;
}
.post_content .lp-format_intro .lp-format-midashi_ h2 {
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 3px;
}
.post_content .lp-format_intro .lp-format-midashi_ p {
  text-align: center;
}
@media screen and (max-width: 400px) {
.post_content .lp-format_intro .lp-format-midashi_ h2 {
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 8px;
}
}
.post_content .lp-format_intro .lp-format-midashi h2 span {
  font-size: 28px;
}
@media screen and (min-width: 782px) {
  .post_content .lp-format_intro {
  padding-bottom: 30px;
  padding-top: 10px;
}
.post_content .lp-format_intro .lp-format-midashi_ h2 {
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: 28px;
}
}
/*イントロ02*/
.lp-format_intro02-inner {
  max-width: 900px;
  margin: 48px auto 32px !important;
}
body.parent-pageid-1334 .post_content .lp-format_intro02-inner img.size-full {
  width: 40%;
  margin-top: 8px;
}
 .flex-box-lp-format_intro02 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-box-lp-format_intro02 .flex-box-inner {
  -webkit-flex-basis: 35%;
  flex-basis: 35%;
  margin: 0;
}
.flex-box-lp-format_intro02 .flex-box-inner:nth-child(2) {
  flex-grow: 1;
  margin: 0;
}
.flex-box-lp-format_intro02-inner p {
  line-height: 2;
}
.exterior-logo-intro02-pc {
  display: block;
}
.exterior-logo-intro02-sp {
  display: none;
}
@media screen and (max-width: 640px) {
  .lp-format_intro02-inner {
  max-width: 800px;
  margin: 0px auto !important;
}
.flex-box-lp-format_intro02 .flex-box-inner {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  margin: 0;
}
.flex-box-lp-format_intro02 .flex-box-inner:nth-child(2) {
  flex-grow: 0;
  margin: 0 0 24px;
}
body.parent-pageid-1334 .post_content .lp-format_intro02-inner img.size-full {
  width: 95%;
  margin-top: 0px;
  margin-bottom: 16px;
}
.exterior-logo-intro02-pc {
  display: none;
}
.exterior-logo-intro02-sp {
  display: block;
}
}
/* Gハウスで働く魅力 */
.lp-format_charm {
  background-color: #fafafa;
}
.post_content .lp-format_charm-inner {
  position: relative;
}
/* 画像：角丸なし、全幅背景扱い */
.post_content .lp-format_charm-inner-image .aspect-group {
  position: relative;
  aspect-ratio: 16 / 9; /* 比率維持、不要なら削除 */
  overflow: hidden;
  border-radius: 0;
}
.post_content .lp-format_charm-inner-image .aspect-bgimage {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

/* テキストラッパー */
.post_content .lp-format_charm-inner-text {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
}

/* ▼ 最初のカードだけ写真に重ねる */
.post_content .lp-format_charm-inner-text .flex-box-inner:first-of-type .flex-box-charm-inner {
  position: relative;
  z-index: 2;
  margin-top: clamp(-56px, -7vw, -120px); /* 画面幅に応じてオーバーラップ */
}

/* ▼ 全カード共通のデザイン */
.post_content .flex-box-charm-inner {
  margin-bottom: 24px !important;
  border-radius: 8px;
  padding: 24px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* 見出しデザイン */
.post_content .lp-format_charm-inner-text h3 {
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.4;
  font-weight: 800;
  border-left: 6px solid #c5a05a;
  background: #f8f8f8;
  padding: 10px 12px;
  margin: 0 0 10px;
}
.post_content .lp-format_charm-inner-text h3 span { 
  display: inline-block;
  text-indent: -3%;
}
@media screen and (min-width: 980px) {
.post_content .lp-format_charm-inner-text h3 span { 
  display: inline-block;
  text-indent: 0%;
}
}
/* 本文テキスト */
.post_content .lp-format_charm-inner-text p {
  margin: 0;
  line-height: 1.9;
  font-size: clamp(14px, 1.6vw, 16px);
}

/* スマホ調整 */
@media (max-width: 767px) {
  .post_content .lp-format_charm-inner-text .flex-box-inner:first-of-type .flex-box-charm-inner {
    margin-top: -32px; /* 重なり控えめ */
    padding: 16px;
  }
  .post_content .flex-box-charm-inner {
    border-radius: 8px;
    padding: 16px;
  }
}
@media screen and (min-width: 782px) {
.post_content .lp-format_charm .aspect-bgimage {
  padding-top: 33.33%;
}
.post_content .lp-format_charm-inner-image .aspect-group {
  position: relative;
  aspect-ratio: 3 / 1; /* 比率維持、不要なら削除 */
  overflow: hidden;
  border-radius: 0;
}
}
/* 推定年収 */
.lp-format_salary {
  padding: 40px 0;
}
.box-019 {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 36px 8px 30px;
  border-radius: 8px;
  margin-top: 26px;
}
@media screen and (min-width: 782px) {
  .box-019 {
    max-width: 640px;
    margin: 32px auto;
  }
}
.post_content .lp-format_salary-inner h3 {
  margin: 0px auto 0px;
  background-color: #c5a05a;
  color: #fff;
  width: max-content;
  padding: 5px 60px 3px;
  font-weight: bold;
  border-radius: 50px;
  font-size: 18px;
}
.post_content .lp-format_salary-inner p {
  text-align: center;
  font-size: 36px;
  margin-top: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 8px;
}
.post_content .lp-format_salary-inner p span {
  font-size: 17px;
  padding-left: 5px;
}
.post_content .lp-format_salary-inner span.lp-format_salary-notice {
  text-align: center;
  display: block;
  font-size: 12px;
}

/* デザインについて */
.lp-format_design {
  background-color: #fafafa;
  padding: 60px 0;
}
.lp-format_design .flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}
.lp-format_design .flex-box .flex-box-inner {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    margin: 0;
}
.lp-format_design-inner-image01 {
  margin-top: 40px;
}
.lp-format_design-inner-image01 .aspect-group .aspect-bgimage {
  padding-top: 50%;
  width: 80%;
  margin-right: auto;
}
.flex-box-lp-format_design .inner01 {
  margin-top: 32px;
}
.flex-box-lp-format_design .inner01 .aspect-group .aspect-bgimage {
  padding-top: 110%;
  width: 100%;
}
.flex-box-lp-format_design .inner02 .aspect-group .aspect-bgimage {
  padding-top: 110%;
  width: 100%;
}
.lp-format_design-inner-text {
  width: 100%;
  margin-left: auto;
  padding: 24px;
  text-align: center;
}
.post_content .lp-format_design-inner-text p {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (min-width: 980px) {
  .lp-format_design-inner-text {
  width: 100%;
  padding: 32px 0 8px;
  text-align: center;
}
.post_content .lp-format_design-inner-text p {
  font-size: 17px;
  font-weight: bold;
  line-height: 2;
}
  .lp-format_design .flex-box-lp-format_pc-design .flex-box-inner {
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    margin: 1%;
}
}
/* Gハウスが作る家 */
.lp-format_makehouse {
  padding: 30px 0;
}
.lp-format_makehouse-inner {
  text-align: center;
}
.lp-format_makehouse-inner-text {
  margin-top: 24px;
  padding: 0px 0 8px;
  border-radius: 8px;
}
.lp-format_makehouse-inner-text p {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.7;
}
.lp-format_makehouse-inner-img {
  width: 90%;
  margin: 24px auto;
}
.post_content .lp-format_makehouse-inner p {
  text-align: center;
}
@media screen and (min-width: 782px) {
.lp-format_makehouse-inner-img {
  width: 70%;
  margin: 24px auto;
}
}
@media screen and (min-width: 980px) {
  .lp-format_makehouse-inner-text p {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.7;
}
  .lp-format_makehouse-inner-img {
  width: 50%;
  margin: 24px auto;
}
}
/* よくある質問 */
.lp-format_qa {
  background-color: transparent;
  padding: 50px 0;
}
.lp-format_qa .lp-format-midashi3 h2 {
  font-size: 48px;
  color: #c5a05a;
}
.lp-format_qa .lp-format-midashi3 h2 span {
  display: block;
  font-size: 17px;
  color: #000;
}
/* ===== Q&A 共通 ===== */
.post_content .lp-format_qa {
  --qa-bg: #fff;          /* 背景色（サイトの金色に合わせ） */
  --qa-text: #66532f;           /* テキスト色 */
}
.post_content .lp-format_qa .qa-inner{
  width: 100%;          /* 必要に応じて 1120 等に変更 */
  margin: 0 auto;
  padding: 0 0px;
  display: grid;
  gap: 18px;
}
@media screen and (min-width: 980px) {
.post_content .lp-format_qa .qa-inner{
  max-width: 850px;          /* 必要に応じて 1120 等に変更 */
}
}
/* ===== 各カード ===== */
.post_content .lp-format_qa .qa-item{
  color: var(--qa-text);
  border-radius: 8px;
  padding: 18px 20px;
  box-shadow: var(--qa-shadow);
}

/* 上段：Q と 質問文 */
.post_content .lp-format_qa .qa-question{
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-weight: 700;
  font-size: clamp(16px, 2.1vw, 22px);
  line-height: 1.6;
  letter-spacing: .02em;
}
.post_content .lp-format_qa .qa-q{
  font-weight: 900;
  font-size: clamp(20px, 3vw, 28px);
  line-height: 1;
  flex: 0 0 auto;
}
@media screen and (min-width: 980px) {
.post_content .lp-format_qa .qa-question{
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-weight: 700;
  font-size: clamp(16px, 2.1vw, 20px);
  line-height: 1.6;
  letter-spacing: .02em;
}
.post_content .lp-format_qa .qa-q{
  font-weight: 900;
  font-size: clamp(20px, 3vw, 24px);
  line-height: 1;
  flex: 0 0 auto;
}
}
/* 罫線（点線） */
.post_content .lp-format_qa .qa-divider{
  border-top: 1px dotted #66532f;
  margin: 10px 0 14px;
}

/* 下段：回答文 */
.post_content .lp-format_qa .qa-answer{
  margin: 0;
  font-size: clamp(14px, 1.7vw, 18px);
  line-height: 1.9;
  letter-spacing: .02em;
}
@media screen and (min-width: 980px) {
.post_content .lp-format_qa .qa-answer{
  margin: 0;
  font-size: clamp(14px, 1.7vw, 16px);
  line-height: 1.9;
  letter-spacing: .02em;
}
}
/* スマホ調整 */
@media (max-width: 767px){
  .post_content .lp-format_qa .qa-item{ border-radius: 8px; padding: 8px; }
  .post_content .lp-format_qa .qa-divider{ margin: 8px 0 12px; }
}

/* Gハウスのこれから */
/* ===== Gハウスのこれから：カード→全幅写真（重なり） ===== */
.post_content .lp-format_future { padding: 24px 0 8px; }
.post_content .lp-format_future .lp-format_future-inner { position: relative; }

/* カードのコンテナ幅 */
.post_content .lp-format_future .future-card-wrap{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px;
}

/* テキストカード：下の写真に“かぶせる” */
.post_content .lp-format_future .future-card{
  position: relative;
  z-index: 2;
  background: #fff;
  padding: clamp(18px, 2.4vw, 28px);
  border-radius: 8px;                 /* 角丸不要なら 0 */
  box-shadow: rgba(0,0,0,.18) 0 8px 22px;
  line-height: 1.9;
  margin: 12px 0 clamp(-56px, -6vw, -96px);  /* ← これで下の写真に重なる */
}
@media screen and (min-width: 980px) {
.post_content .lp-format_future .future-card{
  margin: 42px 0 clamp(-56px, -6vw, -96px);  /* ← これで下の写真に重なる */
  text-align: center;
}
}
.post_content .lp-format_future .future-card p{
  margin: 0 0 1.1em;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (min-width: 980px) {
.post_content .lp-format_future .future-card p{
  font-size: 19px;
}
}
.post_content .lp-format_future .future-card p:last-child{ margin-bottom: 0; }

/* 全幅（フルブリード）写真：カードの“下”に配置 */
.post_content .lp-format_future .future-hero { position: relative; }
.post_content .lp-format_future .future-hero-figure{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0;
}
/* 画像の縦幅を小さめに */
.post_content .lp-format_future .future-hero-figure img{
  height: clamp(200px, 28vw, 420px) !important; /* 以前より約25〜30%浅め */
  object-fit: cover;
  object-position: center;
  width: 100%;
}

/* レスポンシブ：モバイルは重なり弱め */
@media (max-width: 767px){
  .post_content .lp-format_future .future-card{
    margin: 32px 0 -60px;                /* 重なり控えめ */
    border-radius: 8px;
    padding: 16px;
  }
  .post_content .lp-format_future .future-hero-figure img{
    height: clamp(180px, 40vw, 300px) !important;
  }
}

/* ボタン */
.lp-format_btn-inner {
  text-align: center;
}
.lp-format_btn-inner p {
  font-weight: bold;
  font-size: 17px;
}
.lp-format_btn-inner a {
    display: block;
    background: #C2272D;
    color: #fff;
    border-radius: 50px;
    width: 100%;
    padding: 16px 24px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px);
    transition: .3s;
    font-size: 125%;
    margin: 0 auto;
    font-weight: bold;
}
.lp-format_btn-inner a:hover {
    box-shadow: none;
    transform: translateY(0);
    text-decoration: none;
    color: #fff;
}
@media screen and (min-width: 980px) {
.lp-format_btn-inner a {
    display: block;
    background: #C2272D;
    color: #fff;
    border-radius: 50px;
    width: 50%;
    padding: 16px 24px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px);
    transition: .3s;
    font-size: 125%;
    margin: 0 auto;
    font-weight: bold;
}
}
/****************************************************************
職種ごとの微調整
******************************************************************/
/*外構プランナー*/
.lp-format_mv-exterior-planner .slider-lp-format_mv .swiper-text {
  padding: 16px 16px;
}
.lp-format_mv-exterior-planner .slider-lp-format_mv .swiper-text h2 {
  font-size: 20px;
}
.lp-format_mv-exterior-planner .slider-lp-format_mv .swiper-text h2 span {
  font-size: 26px;
}
@media screen and (min-width: 980px) {
.lp-format_mv-exterior-planner .slider-lp-format_mv .swiper-text h2 {
  font-size: 35px;
}
.lp-format_mv-exterior-planner .slider-lp-format_mv .swiper-text h2 span {
  font-size: 50px;
}
}