.home,
.home p,
.home h1, .home h2, .home h3, .home h4,
.home li, .home a, .home span {
    font-weight: 700;
}

/* フッターは除く（通常の太さに戻す） */
.home .l-footer,
.home .l-footer p,
.home .l-footer h1, .home .l-footer h2, .home .l-footer h3, .home .l-footer h4,
.home .l-footer li, .home .l-footer a, .home .l-footer span {
    font-weight: 400;
}

/* 緑背景ボタンの文字色の指定 */
.l-main .p-btn a  {
  color: #FFFFFF;
}

/* =========================================================
   トップイメージ テキスト画像（スライド連動）＋固定ボタン
   ========================================================= */
/* スライダーを配置基準に */
.p-header-slider {
    position: relative;
}

/* トップイメージの高さを760pxに */
/* .p-header-slider__item {
    height: 760px !important;
} */

/* 各スライドのテキスト画像 */
.p-header-overlay__text {
    position: absolute;
    left: 8%;
    top: 32%;
    transform: translateY(-70%);
    max-width: 45%;      /* 画像の最大幅（画面に対して） */
    height: auto;
    z-index: 5;          /* 画像より前面、ボタンより背面でOK */
}
@media screen and (max-width: 767px) {
    .p-header-overlay__text {
		left: 5%;
		transform: translateY(0%);
        max-width: 90%;   /* スマホでは大きく */
    }
	
	.p-index-content01 {
		padding: 80px 20px;
	}
	.p-index-content02 {
		margin-bottom: 80px;
	}
	.p-index-content03 {
		margin: 80px 0;
	}
	.p-index-content04 {
		padding: 80px 0;
	}
	.p-index-content06 {
		margin: 80px 0;
	}
}

/* 固定ボタン（スライドしない） */
.p-header-overlay__btn {
    position: absolute;
    left: 8%;
    bottom: 25%;
    z-index: 10;         /* スライダー・テキストより前面 */
    margin: 0;
}
@media screen and (max-width: 767px) {
	.p-header-overlay__btn {
		left: 5%;
		bottom: 12%;   /* スマホでは大きく */
	}
}

.p-header-overlay__btn a {
	border: 2px solid #ffffff;
}

/* =========================================================
   トップページ ヘッダーコンテンツ下 コンテンツボックス
   （p-index-content02 内の p-article12）専用カスタマイズ
   ※ SERVICE（p-index-content04）には影響させない
   ========================================================= */

.p-index-content01 {
	border-radius: 20px;
}
/* --- ホバー演出の無効化（画像・説明文を常時表示） --- */
.p-index-content02 .p-article12 .p-article12__img,
.p-index-content02 .p-article12:hover .p-article12__img {
    transform: translateY(0) !important;
    transition: none !important;
}
.p-index-content02 .p-article12 .p-article12__img::before,
.p-index-content02 .p-article12:hover .p-article12__img::before {
    opacity: 0 !important;
}
.p-index-content02 .p-article12:hover .p-article12__title {
    color: #fff !important;
}

.p-index-content01__desc {
	padding: 0 50px;
}
/* --- カードのレイアウトを縦並び・カード化 --- */
.p-index-content02 .p-three-box {
    gap: 24px;
}
.p-index-content02 .p-three-box__item.p-article12 {
    height: auto;
    border-right: none;
    margin-left: 0;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    overflow: visible;
    position: relative;
}
.p-index-content02 .p-article12 .p-article12__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}
/* --- 画像（カード上部に表示） --- */
.p-index-content02 .p-article12 .p-article12__img {
    position: relative;
    width: 100%;
    height: 200px;
    order: -1;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}
.p-index-content02 .p-article12 .p-article12__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* --- ヘッダー（タイトルの帯を画像下端にかぶせる） --- */
.p-index-content02 .p-article12 .p-article12__header {
    position: absolute;
    top: 200px;
    bottom: auto;
    left: 16px;
    width: auto;
    height: auto;
    border: none;
    align-items: flex-start;
    text-align: left;
    padding: 0;
    z-index: 3;
    transform: translateY(-50%);
}
/* --- タイトルをオレンジの帯に --- */
.p-index-content02 .p-article12 .p-article12__title {
    display: inline-block;
    background: #e8821e;
    color: #fff !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 20px;
    margin-bottom: 0;
}
/* --- サブタイトルは非表示 --- */
.p-index-content02 .p-article12 .p-article12__sub {
    display: none;
}
/* --- 説明文を常時表示・通常配置に --- */
.p-index-content02 .p-article12 .p-article12__desc {
    position: static;
    transform: none;
    opacity: 1 !important;
    visibility: visible !important;
    color: #002F34;
    padding: 38px 30px 30px;
    font-size: 16px;
    line-height: 1.8;
}
/* --- 連番（背景画像・カード右上に配置） --- */
.p-index-content02 .p-article12::before {
    content: "";
    position: absolute;
    top: -16px;
    right: 16px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 2;
}
.p-index-content02 .p-article12.num1::before { background-image: url("http://202606111612y455n4dc.conohawing.com/wp-content/uploads/2026/06/number_01.png"); }
.p-index-content02 .p-article12.num2::before { background-image: url("http://202606111612y455n4dc.conohawing.com/wp-content/uploads/2026/06/number_02.png"); }
.p-index-content02 .p-article12.num3::before { background-image: url("http://202606111612y455n4dc.conohawing.com/wp-content/uploads/2026/06/number_03.png"); }

/* =========================================================
   SERVICE（p-index-content04）横型リストレイアウト
   ========================================================= */
/* 角丸 */
.p-index-content04{
	border-radius: 16px;
}

/* セクション全体（背景色は管理画面の「背景色」でも設定可） */
.p-index-content04 .p-three-box {
    display: block;              /* 横3分割をやめて縦積みに */
}
/* 各項目を横並びのカードに */
.p-index-content04 .p-three-box__item.p-article12 {
    width: 100%;
    height: auto;
    margin: 0 0 24px;
    border-right: none;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}
.p-index-content04 .p-article12 .p-article12__inner {
    display: flex;
    align-items: stretch;        /* 画像とテキストを横並び */
}

/* 左：画像（横長・角丸・余白付き） */
.p-index-content04 .p-article12 .p-article12__img {
    flex: 0 0 280px;             /* 画像エリアの幅 */
    width: 280px;
    height: 180px;               /* 横長になるよう高さを抑える */
    margin: 20px;                /* 画像の周囲に余白 */
    border-radius: 8px;          /* 角丸 */
    overflow: hidden;
    transform: none !important;
    transition: none !important;
}
.p-index-content04 .p-article12 .p-article12__img::before {
    display: none !important;
}
.p-index-content04 .p-article12 .p-article12__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;           /* 比率を保って枠に合わせて切り抜き */
}
/* 右：テキスト群 */
.p-index-content04 .p-article12 .p-article12__body {
    flex: 1;
    padding: 24px 30px 24px 10px;  /* 左は画像marginがあるので控えめに */
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;       /* テキストを縦中央に */
}
@media screen and (max-width: 767px) {
	.p-index-content04 .p-article12 .p-article12__inner {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.p-index-content04 .p-article12 .p-article12__img {
        flex: 1;
        width: calc(100% - 40px);
        height: 160px;
	}
	
	.p-index-content04 .p-article12 .p-article12__body {
		padding: 20px;
	}
}
/* ヘッダー（通常配置に戻す） */
.p-index-content04 .p-article12 .p-article12__header {
    position: static;
    height: auto;
    border: none;
    text-align: left;
    padding: 0;
    margin-bottom: 12px;
}
/* タイトル（黒文字＋下線） */
.p-index-content04 .p-article12 .p-article12__title {
    color: #002F34 !important;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #F79B3F;  /* 下線 */
}
.p-index-content04 .p-article12:hover .p-article12__title {
    color: #002F34 !important;      /* ホバーで色が変わらないように */
}
/* サブタイトルは非表示 */
.p-index-content04 .p-article12 .p-article12__sub {
    display: none;
}
/* 説明文（常時表示・通常配置） */
.p-index-content04 .p-article12 .p-article12__desc {
    position: static;
    transform: none;
    opacity: 1 !important;
    visibility: visible !important;
    color: #002F34;
    padding: 0;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.8;
}
/* 詳しく見るボタン（白背景・枠線・矢印付き） */
.p-index-content04 .p-article12 .p-article12__btn {
    text-align: left;
    margin-top: 4px;
}
.p-index-content04 .p-article12 .p-article12__btn a {
    display: inline-flex;
    align-items: center;
	justify-content: center;
    background: #fff;
    color: #002F34;
    border: 2px solid #002F34;
    border-radius: 10px;
	padding: 12px 24px;
    font-size: 16px;
    position: relative;
	pointer-events: auto;
	cursor: pointer;
}

.p-index-content04 .p-article12 .p-article12__btn a:hover {
	filter: brightness(0.85);
}

.p-index-content04 .p-btn a {
	pointer-events: auto;
	cursor: pointer;
}

.p-article12__btn img {
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

/* =========================================================
   WORKS（p-index-content06）テキスト左・画像右レイアウト
   ========================================================= */
/* 見出しを左寄せに（中央揃えを解除） */
.p-index-content06 .p-works-promo {
    display: flex;
    align-items: center;
    gap: 6%;
}
.p-index-content06 .p-works-promo__body {
    flex: 1;
    text-align: left;
}
/* 見出しブロックの中央揃えを左寄せに上書き */
.p-index-content06 .p-works-promo__body .p-cb__item-header {
    text-align: left;
}
.p-index-content06 .p-works-promo__body .p-cb__item-title {
    text-align: left;
}
.p-index-content06 .p-works-promo__body .p-cb__item-sub {
    text-align: left;
	margin-bottom: 50px;
}
.p-index-content06 .p-works-promo__body .p-cb__item-desc {
    text-align: left;
    margin-bottom: 60px;
}
/* ボタンを左寄せに */
.p-index-content06 .p-works-promo__body .p-btn {
    text-align: left;
}

.p-index-content06 .p-works-promo__body .p-btn a {
    text-align: center;
}
/* 右：画像（オレンジ角丸を背後に敷く） */
.p-index-content06 .p-works-promo__img {
    flex: 0 0 52%;
    position: relative;
}
.p-index-content06 .p-works-promo__img img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

@media screen and (max-width: 767px) {
	.p-index-content06 .p-works-promo {
		flex-direction: column;	
		gap: 50px;
	}
	.p-index-content06 .p-works-promo__body .p-cb__item-sub {
		margin-bottom: 30px;
	}
	.p-index-content06 .p-works-promo__body .p-cb__item-desc {
		margin-bottom: 40px;
	}
	.p-index-content04 .p-article12 .p-article12__desc {
		font-size: 14px;
	}
	.p-index-content04 .p-article12 .p-article12__btn a {
		font-size: 14px;
	}
}

/* =========================================================
   RECRUIT（背景画像＋白領域）
   ========================================================= */
.p-recruit {
    position: relative;
    background-image: url("http://202606111612y455n4dc.conohawing.com/wp-content/uploads/2026/06/img_recruit_background.png");
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    overflow: hidden;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: flex-end;   /* 白領域を右寄せ */
    padding: 40px;
    margin-bottom: 100px;
}
/* 右の白い領域 */
.p-recruit__box {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    width: 40%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.p-recruit__box {
    width: 52%;
}
}

.p-recruit__box .p-recruit__title {
    color: #F79B3F;              /* オレンジ（仮） */
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 10px;
}
.p-recruit__sub {
    color: #002F34;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px;
}
.p-recruit__desc {
    color: #002F34;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 40px;
}
.p-recruit .p-btn {
    text-align: left;
}

.p-recruit .p-btn a {
	text-align: center;
}

@media screen and (max-width: 767px) {
	.p-index-content06.p-cb__item {
		margin-bottom: 80px;
	}
	.p-index-recruit {
		padding: 0 20px;
	}
	.p-recruit {
		margin-bottom: 80px;
		padding: 20px;
		min-height: 640px;
		align-items: flex-end;
	}
	.p-recruit__box {
		width: 100%;
		padding: 30px;
	}
	
	.p-recruit__title {
		font-size: 30px;
	}
	.p-recruit__sub {
		font-size: 14px;
		margin-bottom: 30px;
	}
	.p-recruit__desc {
		font-size: 14px;
		margin-bottom: 30px;
	}
}

/* =========================================================
   NEWS
   ========================================================= */
/* News リスト全体を角丸の枠で囲む */
.p-index-content03 .p-news-list {
    border: 1px solid #002F34;
    border-radius: 12px;
    overflow: hidden;            /* 角丸からはみ出さないように */
}
/* 各項目は左右と下の枠線を消し、項目間の区切り線だけ残す */
.p-index-content03 .p-news-list .p-article04 {
    border: none;
    border-top: 1px solid #002F34;  /* 項目間の区切り線 */
}
/* 最初の項目は上の区切り線を消す（外枠と重ならないように） */
.p-index-content03 .p-news-list .p-article04:first-child {
    border-top: none;
}

.p-index-content03 .p-news-list .p-article04 time, 
.p-index-content03 .p-news-list .p-article04 .p-article04__title a {
	color: #002F34;
}

.p-index-content03 .p-news-list .p-article04 .p-article04__title a:hover{
	color: #F79B3F;
}

@media screen and (max-width: 767px) {
	.p-index-content03 .p-cb__item-title {
		font-size: 30px;
	}
	.p-index-content03 .p-news-list {
		border-radius: 0;
	}
}

@media screen and (max-width: 767px) {
	.p-index-content02 .p-three-box {
		gap: 30px;
	}
	
	.p-index-content02 .p-article12 .p-article12__desc {
		padding: 38px 20px 30px;
	}
	
	.p-index-content01__desc {
		padding: 0;
	}
	
  .p-article12__desc {
    display: block !important;
  }

}

@media screen and (max-width: 991px)  {
	.p-article12__desc {
		display: block;
	}
}

/* 575px〜767px の範囲でテキスト画像とボタンの重なりを解消 */
@media screen and (min-width: 575px) and (max-width: 767px) {
    .p-header-overlay__text {
        transform: translateY(10px);
    }
    .p-header-overlay__btn {
        bottom: 10%;     /* ボタンを下に */
    }
}