@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* MENU For Agents 通常時：太字 */
.c-gnav .menu-agent > a,
.c-gnav .menu-agent > a span {
	font-weight: 700 !important;
}

/* スクロール時（追従ヘッダー）：赤文字 */
.l-fixHeader .menu-agent > a,
.l-fixHeader .menu-agent > a span {
	color: #b22222 !important;
}

/* スクロール時 hover：濃い赤 */
.l-fixHeader .menu-agent > a:hover,
.l-fixHeader .menu-agent > a:hover span {
	color: #8b0000 !important;
}


/* フッター ロゴ下の区切り線：画面幅いっぱい */
.footer-separator-line {
	border: none;
	border-top: 1px solid #e5e5e5;
	width: 100vw !important;
	max-width: 100vw !important;
	margin: 0 calc(50% - 50vw) !important;
}

/* カテゴリー一覧ページのサブタイトルを非表示*/
.c-pageTitle__subTitle{
  display: none;
}


/* 投稿記事下部のカテゴリーを非表示*/
.p-articleFoot{
  display: none;
}


/* 投稿ページタイトル下部のカテゴリを非表示*/
.single .c-categoryList {
  display: none !important;
}

/* 関連記事0件時のメッセージだけ非表示 */
.single .l-articleBottom__section.-related > p {
  display: none !important;
}

/* コンタクトフォーム送信後のメセージの色変更グレー */
div.wpforms-container-full .wpforms-confirmation-container-full {
  background: #f3f3f3;
  border: 1px solid #d9d9d9;
  color: #333;
}

/*ボトムウィジェットの枠を消す */
.p-profileBox {
  border: none;
  box-shadow: none;
}

/*ボトムウィジェットのホバー */
.l-footer a[href="https://cultureful.jp/"]:hover,
.l-footer a[href="https://newmoon.jp/"]:hover {
  color: #999;
}


/* トップスライダー中央のメイン文言サイズ指定 */
.p-mainVisual__slideTitle.p-mainVisual__slideTitle {
  font-size: 36px;
  line-height: 1.6;
}

/* トップスライダー中央のメイン文言サイズ指定スマホ */
@media (max-width: 599px) {
  .p-mainVisual__slideTitle.p-mainVisual__slideTitle {
    font-size: 28px;
  }
}

/* カバーリンク文字白 */
.cover-link a,
.cover-link a:visited,
.cover-link a:hover,
.cover-link a:active {
    color: #fff !important;
    text-decoration: none !important;
}

/* カバーリンク文字サイズ */
@media (max-width: 781px) {
  .related-banner .c-bannerLink__title {
    font-size: 18px !important;
  }

  .related-banner .c-bannerLink__description {
    font-size: 13px !important;
  }
}

.home .l-content {
    margin-bottom: 0 !important;
}

/* 投稿ページのアイキャッチの影を消す */
.single .c-postThumb,
.single .c-postThumb img,
.single .p-articleThumb,
.single .p-articleThumb img {
  box-shadow: none !important;
  filter: none !important;
}

/* リストのマージン設定 */
.post_content ul.wp-block-list > li:not(:last-child),
.post_content ol.wp-block-list > li:not(:last-child) {
  margin-bottom: 1em !important;
}

/* 求人投稿ページのメインキャッチコピー */
.recruit-catchcopy {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.recruit-catchcopy {
		font-size: 20px;
		line-height: 1.7;
	}
}

/* ========================================
MITATE用 オリジナル見出し2 
装飾なし・中央揃えのH2
mitate-h2
======================================== */

.post_content h2.mitate-h2 {
  margin: 80px 0 40px;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;

  color: #222;
  font-size: clamp(24px, 2.5vw, 32px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
}

/* SWELL標準の見出し装飾を削除 */
.post_content h2.mitate-h2::before,
.post_content h2.mitate-h2::after {
  display: none;
  content: none;
}


/* ========================================
   MITATE 見出し共通
   SWELL標準装飾を解除
======================================== */

.post_content h2.mitate-h2-border-bottom,
.post_content h2.mitate-page-title {
  position: relative;

  text-align: center;

  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;

  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}


/* SWELL標準の見出し装飾を解除 */

.post_content h2.mitate-h2-border-bottom::before,
.post_content h2.mitate-page-title::before {
  content: none !important;
  display: none !important;
}


/* ========================================
   MITATE H2見出し
   中央配置＋下部の短い線
   mitate-h2-border-bottom
======================================== */

.post_content h2.mitate-h2-border-bottom {
  margin: 0 0 48px !important;
  padding: 0 0 30px !important;
}


/* 見出し下の短い線 */

.post_content h2.mitate-h2-border-bottom::after {
  content: "" !important;
  display: block !important;

  position: absolute;
  left: 50%;
  bottom: 0;

  width: 84px;
  height: 2px;

  margin: 0;
  padding: 0;

  background: currentColor !important;
  border: 0 !important;

  transform: translateX(-50%);
}


/* ========================================
   MITATE ページタイトル
   中央配置＋装飾なし
   mitate-page-title
======================================== */

.post_content h2.mitate-page-title {
  margin: 0 0 72px !important;
  padding: 0 !important;
}


/* 疑似要素を完全に非表示 */

.post_content h2.mitate-page-title::after {
  content: none !important;
  display: none !important;
}


/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 600px) {

  .post_content h2.mitate-h2-border-bottom {
    margin-bottom: 40px !important;
    padding-bottom: 25px !important;

    font-size: 20px !important;
  }

  .post_content h2.mitate-h2-border-bottom::after {
    width: 68px;
    height: 1px;
  }


  .post_content h2.mitate-page-title {
    margin: 40px 0 56px !important;
    padding: 0 !important;

    font-size: 20px !important;
  }
}

/**
 * 求人記事（jobsカテゴリー）のみ
 * 日付情報を非表示
 */

/* タイトル横の大きい日付 */
.is-recruit .c-postTitle__date {
    display: none;
}

/* タイトル下の公開日・更新日 */
.is-recruit .p-articleMetas__times {
    display: none;
}

/* ========================================
   お知らせ一覧（newsカテゴリー）
   標準タイトルを非表示＋残る上余白を削除
======================================== */

#body_wrap.category-news .c-pageTitle {
    display: none !important;
}

#body_wrap.category-news .p-termContent {
    margin-top: 0 !important;
}

/* ========================================
   実績一覧（worksカテゴリー）
   標準タイトルを非表示＋残る上余白を削除
======================================== */

#body_wrap.category-works .c-pageTitle {
    display: none !important;
}

#body_wrap.category-works .p-termContent {
    margin-top: 0 !important;
}

/* ========================================
   MITATE H2
   SWELL標準装飾を解除
   上下余白のみ調整
======================================== */

.post_content h2.mitate-h2-balanced,
h2.mitate-h2-balanced {
  margin: 1.6em 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;

  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.post_content h2.mitate-h2-balanced::before,
.post_content h2.mitate-h2-balanced::after,
h2.mitate-h2-balanced::before,
h2.mitate-h2-balanced::after {
  content: none !important;
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  border: 0 !important;
  background: none !important;
}
