@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) {}

body.parent-pageid-2095 #header {
  margin-bottom: 0px;
}
body.parent-pageid-2095 #page_header {
  display: none;
}
body.parent-pageid-2095 .post_content .section-lp02-mv img.size-full,
body.parent-pageid-2095 .post_content .section-lp02-mv img {
  width: 100%;
}
@media screen and (max-width: 800px) {
  body.parent-pageid-2095 #page_contents .post_content {
            margin: 0 0px !important;
        }
    }
/**************************************************************
共通
***************************************************************/
.lp02-design-pc-block {
  display: block;
}
.lp02-design-sp-block {
  display: none;
}
.lp02-design-pc-block img,
.lp02-design-sp-block img {
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
  .lp02-design-pc-block {
  display: none;
}
.lp02-design-sp-block {
  display: block;
}
}
.lp02-design-boxcenter {
  text-align: center;
}
.lp02-design-margin_small {
  margin: 8px;
}
.lp02-design-margin_midium {
  margin: 16px;
}
.lp02-design-margin_large {
  margin: 24px;
}
.lp02-design-margin_extralarge {
  margin: 32px;
}


@media screen and (max-width: 782px) {
.section-lp02-mv .lp02-design-sp-block {
  margin-top: 24px;
}
}
/**************************************************************
イントロセクション
***************************************************************/
.lp02-intro-001 {
  text-align: center;
  margin: 80px auto 24px !important;
}
.lp02-intro-002 {
  width: 60%;
  margin: 24px auto;
}
.section-lp02-intro .lp02-design-pc-block .lp02-intro-001 img {
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 782px) {
.lp02-intro-002 {
  width: 100%;
  margin: 24px auto;
}
}

/**************************************************************
フォーム
***************************************************************/
.section-lp02-form {
  margin-top: 100px;
}
.section-lp02-form .lp02-title_h2 {
  margin-bottom: 32px;
}
.section-lp02-form .lp02-title_h2 img {
  width: 35%;
  margin: 0 auto;
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
.section-lp02-form .lp02-title_h2 img {
  width: 60%;
  margin: 0 auto;
}
}
.section-lp02-form .wpcf7,
.section-lp02-form .wpcf7 input {
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.section-lp02-form .wpcf7 input[type="submit"] {
    margin: 32px auto 2.4rem;
    padding: 1.8rem 2.4rem;
    min-width: 450px;
    font-size: 140% !important;
    line-height: 0.2;
    font-weight: bold;
    background-color: #445077;
    border: solid 1px #445077;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px);
    transition: .3s;
    border-radius: 0px;
    font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.section-lp02-form .wpcf7 input[type="submit"]:hover {
  box-shadow: none;
  transform: translateY(0);
}
@media screen and (max-width: 782px) {
.section-lp02-form .wpcf7 input[type="submit"] {
    margin: 32px auto 2rem;
    padding: 1.8rem 2.4rem;
    min-width: 300px;
    font-size: 140% !important;
    line-height: 0.2;
    font-weight: bold;
    background-color: #445077;
    border: solid 1px #445077;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px);
    transition: .3s;
    border-radius: 0px;
    font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
}
/**************************************************************
サムネイル付きスライダー
***************************************************************/
.section-lp02-design {
  margin-top: 85px;
}
@media screen and (max-width: 782px) {
.section-lp02-design {
  margin-top: 0px;
}
}
.section-lp02-design .lp02-title_h2 img {
  width: 40%;
  margin: 32px auto 40px;
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
.section-lp02-design .lp02-title_h2 img {
  width: 70%;
  margin: 0 auto 32px;
}
}
/* メインスライダー */
.section-lp02-design .swiper {
  padding-bottom: 0px;
  margin-top: 8px;
}
.section-lp02-design .main-slider {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: 6px; /* サムネイルとの間を狭く */
  overflow: hidden;
}
.section-lp02-design .main-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* サムネイル */
.section-lp02-design .thumb-slider {
  width: 100%;
}
.section-lp02-design .thumb-slider .swiper-slide {
  opacity: 0.55;
  transition: opacity .25s ease;
  cursor: pointer;
}
.section-lp02-design .thumb-slider .swiper-slide-thumb-active {
  opacity: 1;
}
.section-lp02-design .thumb-slider img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  user-select: none;
  pointer-events: none;
}

/* サムネイル3列 */
.section-lp02-design .thumb-slider .swiper-slide {
  width: 33.333%; /* 常に3等分 */
}

/* チラつき防止 */
.main-slider .swiper-slide,
.thumb-slider .swiper-slide {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

/**************************************************************
Our Style
***************************************************************/
.section-lp02-ourstyle {
  margin-top: 120px;
    padding: 120px 0;
    background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/12/ourstyle_bg01-scaled.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-lp02-ourstyle .lp02-design-pc-block img {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 782px) {
.section-lp02-ourstyle {
  margin-top: 60px;
}
}
/**************************************************************
大切にしていること
***************************************************************/
.lp02-important-001 img {
    width: 40%;
    margin: 80px auto 40px !important;
    image-rendering: inherit;
}
@media screen and (max-width: 782px) {
    .lp02-important-001 img {
        width: 60%;
        margin: 0 auto 32px;
    }
}
/**************************************************************
設計顧問
***************************************************************/
.section-lp02-consultant {
  padding: 60px 0;
  background-color: #eeeeee;
}
/**************************************************************
Gハウスの家の機能について
***************************************************************/
.section-lp02-technology {
  padding: 80px 0 0;
}
.section-lp02-technology .lp02-title_h2 img {
  width: 40%;
  margin: 32px auto 65px;
  image-rendering: inherit;
}
.section-lp02-technology .lp02-technology-001 {
  margin-top: 40px;
}
.section-lp02-technology .lp02-technology-003 {
  margin-top: 80px;
}
.section-lp02-technology .lp02-technology-001 img,
.section-lp02-technology .lp02-technology-003 img {
  width: 60%;
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
  .section-lp02-technology .lp02-technology-001 img,
.section-lp02-technology .lp02-technology-003 img {
  width: 90%;
  image-rendering: inherit;
}
.section-lp02-technology .lp02-title_h2 img {
  width: 80%;
  margin: 0 auto;
}
}
.section-lp02-technology .flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}
.section-lp02-technology .flex-box-column4 .flex-box-inner {
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  padding: 32px;
  margin: 0;
}
.section-lp02-technology .flex-box-column4 .flex-box-inner img {
  margin: 0 auto;
  width: 80%;
}
@media screen and (max-width: 782px) {
.section-lp02-technology .flex-box-column4 .flex-box-inner {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  padding: 16px;
  margin: 0;
}
.section-lp02-technology .flex-box-column4 .flex-box-inner img {
  margin: 0 auto;
  width: 90%;
}
}

/**************************************************************
Gハウスの技術
***************************************************************/
.section-lp02-gijutsu {
  padding: 80px 0 0;
}
.section-lp02-gijutsu .lp02-title_h2 img {
  width: 35%;
  margin: 32px auto 40px;
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
.section-lp02-gijutsu .lp02-title_h2 img {
  width: 80%;
  margin: 0 auto;
}
}
.section-lp02-gijutsu .flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}
.section-lp02-gijutsu .flex-box-column2 .flex-box-inner {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  padding: 32px;
  margin: 0;
}
@media screen and (max-width: 782px) {
.section-lp02-gijutsu .flex-box-column2 .flex-box-inner {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  padding: 16px;
  margin: 0;
}
}
.section-lp02-gijutsu .lp02-design-sp-block .lp02-gijutsu-001 img {
  margin: 0 !important;
}
/**************************************************************
技術開発への投資実績
***************************************************************/
.section-lp02-investment {
  padding: 80px 0 0;
}
.section-lp02-investment .lp02-title_h2 img {
  width: 35%;
  margin: 32px auto 40px;
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
.section-lp02-investment .lp02-title_h2 img {
  width: 80%;
  margin: 0 auto;
}
}
.section-lp02-investment .flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}
.section-lp02-investment .flex-box-column2 .flex-box-inner {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  padding: 32px;
  margin: 0;
}
@media screen and (max-width: 782px) {
.section-lp02-investment .flex-box-column2 .flex-box-inner {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  padding: 16px;
  margin: 0;
}
}
.section-lp02-investment .lp02-design-sp-block .lp02-investment-001 img {
  margin: 0 !important;
}
/**************************************************************
なぜ今、Gハウスなのか？
***************************************************************/
.section-lp02-why {
  padding: 80px 0 0;
}
.section-lp02-why .lp02-title_h2 img {
  width: 35%;
  margin: 32px auto 40px;
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
.section-lp02-why .lp02-title_h2 img {
  width: 80%;
  margin: 0 auto;
}
}
/**************************************************************
成長企業だから描ける設計士キャリア
***************************************************************/
.section-lp02-career {
  background-color: #e4e4e4;
  clear: both;
  padding: 60px 0;
}
.post_content .lp02-career-outimage img {
  margin: 0;
}
.post_content .lp02-career-outimage-top img {
  margin-top: 80px;
}
.post_content .lp02-career-outimage-bottom img {
  margin-bottom: 80px;
}
/**************************************************************
VOICE
***************************************************************/
.section-lp02-voice {
  padding: 80px 0 0;
}
.section-lp02-voice .lp02-title_h2 img {
  width: 35%;
  margin: 32px auto 40px;
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
.section-lp02-voice .lp02-title_h2 img {
  width: 80%;
  margin: 0 auto;
}
}
.section-lp02-voice .flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.section-lp02-voice .flex-box-column3 .flex-box-inner {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  padding: 0px;
  margin: 0;
}
.section-lp02-voice .flex-box-column3 .flex-box-inner img {
  margin: 0 !important;
}
@media screen and (max-width: 782px) {
.section-lp02-voice .flex-box-column3 .flex-box-inner {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  padding: 16px;
  margin: 0;
}
.section-lp02-voice .flex-box-column3 .flex-box-inner img {
  margin: 0 !important;
}
}

/**************************************************************
message
***************************************************************/
.section-lp02-message {
  margin-top: 120px;
    padding: 120px 0;
    background-image: url(https://g-house-recruit.com/wp-content/uploads/2025/12/message_bg01-scaled.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-lp02-message .lp02-design-pc-block img {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 782px) {
.section-lp02-message {
  margin-top: 60px;
}
}

/**************************************************************
flow
***************************************************************/
.section-lp02-flow {
  padding: 80px 0 0;
}
.section-lp02-flow .lp02-title_h2 img {
  width: 25%;
  margin: 32px auto 40px;
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
.section-lp02-flow .lp02-title_h2 img {
  width: 80%;
  margin: 0 auto;
}
}
.section-lp02-flow .lp02-flow-001 {
  margin-top: 80px;
}
@media screen and (max-width: 782px) {
.section-lp02-flow .lp02-flow-001 {
  margin-top: 40px;
}
}
.section-lp02-flow .lp02-flow-001 img {
  width: 60%;
  image-rendering: inherit;
}
@media screen and (max-width: 782px) {
.section-lp02-flow .lp02-flow-001 img {
  width: 100%;
  image-rendering: inherit;
  margin-top: 0;
}
}
/* =========================================================
   ENTRYセクション
   ========================================================= */
.section-lp02-content-common.section-lp02-entry {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.lp02-entry-btn-inner br {
  display: none;
}
/* 背景画像をカバーで敷く */
.section-lp02-entry-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 2240 / 1026; /* 元画像比率 */
}

.section-lp02-entry-inner .entry-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* テキスト画像とボタンを重ねるエリア */
.lp02-entry-btn-inner {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 50%;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  padding-left: 5%;
}

/* テキスト画像 */
.lp02-entry-btn-inner .entry-text {
  width: 100%;
  height: auto;
  display: block;
}

/* ボタン */
.lp02-entry-btn-inner .entry-btn img {
  width: 100%;
  height: auto;
  transition: transform 0.25s ease, filter 0.25s ease;
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.2));
}

.lp02-entry-btn-inner .entry-btn:hover img {
  transform: scale(1.03);
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.25));
}

/* ========================================
   SP（スマホ）対応
   ======================================== */
@media (max-width: 767px) {
  .section-lp02-entry-inner {
    aspect-ratio: 750 / 960; /* SP画像がある場合はこちらに合わせる */
  }

  .lp02-entry-btn-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: none;
    padding: 0;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
  }

  .lp02-entry-btn-inner .entry-text,
  .lp02-entry-btn-inner .entry-btn img {
    width: 100%;
  }
}