/* =========================================================
   トップページ用 CSS
========================================================= */


/* =========================================================
   01. 共通パーツ
========================================================= */
/* ----------------------------------------
  ヘッダーオーバーレイ
---------------------------------------- */
body.home .l-header:not(.is-fixed) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: transparent;
	color: #fff;
	text-shadow: 0 0px 6px rgba(51,51,51,.45);
}

/* 影なし */
.p-drop-nav {
	text-shadow: none;
}

.l-header--sticky-sm{
	box-shadow: none;
}


/* ----------------------------------------
	サイトロゴの色を白く
---------------------------------------- */
.l-header:not(.is-fixed) .custom-logo{
	filter:
    brightness(0) invert(1)
    drop-shadow(0 0 6px rgba(51, 51, 51, .45));
}

/* スクロール後は必ず戻す */
.p-drop-nav .custom-logo {
  filter: none !important;
}


/* ----------------------------------
   ヘッダー切り替え（スマホとタブレット）
---------------------------------- */
@media not all and (min-width: 1024px) {
    [data-scrolled=false] .l-header--sticky-overlay-colored-sm {
        background-color: transparent;
        color: #fff;
        position: fixed;
    }
}


/* -------------------------------------
   共通：h2 背景装飾
------------------------------------- */
.park_h2_bg {
	background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2026/01/park_h2_bg.svg);
	height: 56px;
	border-radius: 5px;
}


/* スマホ表示 */
@media (max-width: 767px) {
	.park_h2_bg img{
		display: none;
	}
	.park_h2_bg span {
		vertical-align: middle;
		margin-left: 12px;
	}
}


/* -------------------------------------
   共通：セクションタイトルと英語サブタイトルの間
------------------------------------- */
.smb-section__lede-wrapper{
	margin-top: 8px!important;
}



/* =========================================================
   02. 背景画像（各セクション）
========================================================= */
@media screen and (min-width: 768px) {
	#top-facility-bg {
	background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2026/01/top_facility_bg_1920px-scaled.webp)!important;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	}
	
	#top-facility-bg .smb-section__dividers,
	#top-facility-bg .smb-section__fixed-background{
		display: none!important;
	}
}


#top-map {
	background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2026/01/top_map_bg_1920px-scaled.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

#top-contact {
	background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2026/01/top_bg_05_1920px.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}



	  
/* スマホ表示 */
@media screen and (max-width: 767px) {	
	
	#top-contact {
		background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2026/01/top_bg_05_sp.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
}






/* =========================================================
   03. 見出し装飾（共通 + 各セクション）
========================================================= */

/* -------------------------------------
   共通：タイトル上アイコン
------------------------------------- */
#top-facility .smb-section__title,
#top-school .smb-section__title,
#top-news .smb-section__title,
#top-map .smb-section__title,
#top-access .smb-section__title {
	position: relative;
	text-align: center;
}

/* アイコン共通仕様 */
#top-facility .smb-section__title::before,
#top-school .smb-section__title::before,
#top-news .smb-section__title::before,
#top-map .smb-section__title::before,
#top-access .smb-section__title::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* --- 各セクションアイコン指定 --- */
#top-facility .smb-section__title::before {
	background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2025/12/top_facility_icon.svg);
}

#top-school .smb-section__title::before {
	background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2025/12/top_school_icon.svg);
}

#top-news .smb-section__title::before {
	background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2025/12/top_news_icon.svg);
}

#top-map .smb-section__title::before {
	background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2025/12/top_parkmap_icon.svg);
}

#top-access .smb-section__title::before {
	background-image: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2025/12/top_access_icon.svg);
}


/* -------------------------------------
   見出し内アイコンの横余白
------------------------------------- */

/* アクセス */
#top-access .wp-block-heading {
	display: flex;
	align-items: center;
}

#top-access .wp-block-heading img {
	margin: 0 12px;
	vertical-align: middle;
}

/* 公益財団法人ひばり / 採用情報 */
#top-hibari .wp-block-heading img,
#top-recruit .wp-block-heading img {
	margin-right: 12px;
	vertical-align: middle;
}





/* =========================================================
   04. キービジュアル（KV）セクション
========================================================= */
/* -------------------------------------
   KV表示設定
------------------------------------- */
/* PC表示 */
#top-kv { 
	display: block; 
}
#top-kv-sp { 
	display: none; 
}

/* スマホ・タブレット表示 */
@media screen and (max-width: 1024px) {
	#top-kv { 
		display: none; 
	}
	#top-kv-sp {
		display: block; 
	}
}

/* 余白リセット */
.c-section {
	padding: 0 !important;
}

#block-12,
#block-12 > .c-container {
	padding: 0 !important;
}

/* 横幅制御解除*/
#top-kv,
#top-kv .smb-section__body,
#top-kv .c-container,
#top-kv-sp,
#top-kv-sp .smb-section__body,
#top-kv-sp .c-container
{
	padding: 0 !important;
	max-width: none !important;
	margin: 0 !important;
}


/* -------------------------------------
   縦書きテキスト
------------------------------------- */
/* スライダー内の画像ラッパーを高さ基準にする */
.top-kv-slider .smb-spider-slider__figure-wrapper,
.top-kv-slider .spider__slide,
.top-kv-slider .spider__canvas {
	position: relative;
}

.kv-vertical-text {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: auto;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0 24px;
	z-index: 10;

	writing-mode: vertical-rl;
	letter-spacing: 0.2em;
	font-size: 14px;
	color: #FFF;
	font-weight: 600;
	margin-top: 0;
	text-shadow: 0 0px 6px rgba(51, 51, 51, .45);
}



/* -------------------------------------
   スライダーの真ん中にコピー画像を入れる
------------------------------------- */
#top-kv .kv-img,
#top-kv-sp .kv-img{
	position: relative;
}

#top-kv .kv-img::after,
#top-kv-sp .kv-img::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 320px;
	height: 320px;
	background: url("http://hibari21.com/hibari21_wp/wp-content/uploads/2025/12/top_kv_copy.svg")
		no-repeat center / contain;
	z-index: 5;
	pointer-events: none;
	filter: drop-shadow(0 0 6px rgba(51,51,51,.3));
	
	/* フェードイン */
	opacity: 0;
	animation: kv-logo-fadein 0.6s ease-out forwards;
	animation-delay: 0.4s;
}

@keyframes kv-logo-fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}


/* スマホ・タブレット表示 */
@media screen and (max-width: 1024px) {
	#top-kv-sp .kv-img::after{
		width: 70%;
	}
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
	#top-kv-sp .kv-img::after {
		top: 40%;
	}
}






/* ----------------------------------------
	スクロールバー
---------------------------------------- */
.top-kv-slider,
.top-kv-slider-sp{
	position: relative;
}
	
.topscroll{
	position: absolute;
	bottom: 5%;
	left: 48%;
	transform: translateY(-50%);

	writing-mode: vertical-rl;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2em;
	color: #ffffff;

	padding-right: 14px;
	text-shadow: 0 0px 6px rgba(51, 51, 51, .45);
	z-index: 5;
}

.topscroll::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 150%;
	background-color: #ffffff;
	animation: scroll-line 2.8s ease-in-out infinite;
	box-shadow: 0 0 6px rgba(51,51,51,.35);
}

/* 線の動き */
@keyframes scroll-line{
	0%{
		transform: translateY(-100%);
		opacity: 0;
	}
	30%{
		opacity: 1;
	}
	100%{
		transform: translateY(100%);
		opacity: 0;
	}
}

/* スマホ・タブレット表示 */
@media screen and (max-width: 1024px) {
	.topscroll{
		position: absolute;
		bottom: 15%;

		left: 0;
		right: 5%;
		
		transform: translateX(-10px);

		writing-mode: vertical-rl;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0.2em;
		color: #ffffff;

		padding-right: 14px;
		text-shadow: 0 0 6px rgba(51, 51, 51, .45);
		z-index: 10;
	}
	
	.topscroll::after{
		height: 150%;
	}
}

/* タブレットのみ位置変更 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.topscroll{
		bottom: 35%!important;
	}	
}




/* ----------------------------------------
	お知らせ表示（PC用）
---------------------------------------- */
/* KVスライダーを基準にする */
.top-kv-slider{
  position: relative;
}

/* 最近の投稿 全体 */
.top-kv-slider .smb-recent-posts{
  position: absolute;
  bottom: 10%;
  right: 0;
  width: 35vw;          /* 画面幅基準 */
  z-index: 50;
}

/* 各投稿リンク（白帯） */
.top-kv-slider .c-entries__item a{
  display: block;
  background: rgba(255,255,255,0.9); /* 白背景 */
  color: #333;                       /* 文字色 */
  padding: 10px 24px 10px 24px;
  margin-bottom: 6px;

  width: 100%;
  /* セクション内制限を突破して右端まで伸ばす */
  margin-right: calc(-1 * (100vw - 100%));

  font-size: 14px;
  line-height: 1.7;
  text-decoration: none;
}

/* 日付 */
.top-kv-slider .c-entry-summary__meta{
	font-size: 12px;
	font-weight: 600;
  color: #444;
  margin-bottom: 2px;
}

/* タイトル */
.top-kv-slider .c-entry-summary__title{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #444;
}

/* 文字の最大幅（読みやすさ用） */
.top-kv-slider .c-entry-summary__body{
  max-width: 420px;
}

/* hover（ほぼ気づかない程度） */
.top-kv-slider .c-entries__item a:hover{
  background: #fff;
}

/* 最後の余白を消す */
.top-kv-slider .c-entries__item:last-child a{
  margin-bottom: 0;
}

/* 下線なし */
.top-kv-slider .c-entries--simple .c-entries__item, .c-entries--text .c-entries__item, .c-entries--text2 .c-entries__item,
.top-kv-slider .c-entries--simple, .top-kv-slider .c-entries--text,.top-kv-slider .c-entries--text2{
	border: none;
}




/* ----------------------------------------
  お知らせ表示（スマホ・タブレット用）
---------------------------------------- */
@media screen and (max-width: 1024px) {
	/* 見出し */
	.sp-news h2 {
    font-size: 16px!important;
    font-weight: 600;
    color: #008640;
    letter-spacing: .08em;
		display: flex;
		align-items: center;
		gap: 12px; /* 文字との間隔 */
  }
	
	.sp-news h2::before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 40px;
		background-image: url("http://hibari21.com/hibari21_wp/wp-content/uploads/2025/12/top_news_icon.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	
  /* お知らせ全体 */
  #top-kv-sp .sp-news {
    display: block;
    background: #F6FAE7;
    margin-top: 0;
	  padding-top:    var(--_padding1);
	  padding-bottom: var(--_padding1);
	  padding-left:   var(--_container-margin-left);
	  padding-right:  var(--_container-margin-right);
	}
	
	#top-kv-sp .smb-recent-posts{
		margin-top: 0!important;
	}

  /* 日付 */
  #top-kv-sp .sp-news time {
    display: block;
	  font-size: 12px;
    margin-bottom: 4px;
    color: #444;
	  font-weight: 600;
  }

  /* タイトル */
  #top-kv-sp .sp-news a {
    display: block;
    color: #444;
    text-decoration: none;
    line-height: 1.6;
	  padding-bottom: 0;
  }
	
	/* タイトルフォントサイズ */
	#top-kv-sp .c-entry-summary__title{
		font-size: 14px!important;
		font-weight: 600;
	}
	
	/* 右の矢印 */
  #top-kv-sp .sp-news a::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23008640' d='M64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM305 441C295.6 450.4 280.4 450.4 271.1 441C261.8 431.6 261.7 416.4 271.1 407.1L358.1 320.1L271.1 233.1C261.7 223.7 261.7 208.5 271.1 199.2C280.5 189.9 295.7 189.8 305 199.2L409 303C418.4 312.4 418.4 327.6 409 336.9L305 441z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	}
	
  /* ボーダー消す */	
	.c-entries--simple,
	.c-entries--text,
	.c-entries--text2{
		border: none!important;
	}
}






/* =========================================================
   05. コンセプトセクション
========================================================= */
/* -------------------------------------
   写真２枚のレイアウト設定
------------------------------------- */
.concept-img {
  display: grid;
  gap: 28px;
  justify-items: end;
}

/* ---上の画像（大きめ・右にズラす）--- */
.concept-img .wp-block-image:nth-child(1) {
  max-width: 375px !important;
  width: 375px !important;
  transform: translateX(-80px)!important;
}

/* ---コンセプト画像：下の画像（小さめ・左にズラす）--- */
.concept-img .wp-block-image:nth-child(2) {
  max-width: 285px !important;
  width: 285px !important;
  transform: translateX(100px)!important;
}

/* ---歪まない設定--- */
.concept-img img {
  width: 100% !important;
  height: auto !important;
}

/* スマホ表示 */
@media screen and (max-width: 767px) {
	#top-concept .wp-block-image img {
		max-width: 80%!important;
	}
	
	/* ---上の画像（大きめ・右にズラす）--- */
	.concept-img .wp-block-image:nth-child(1) {
		transform: translateX(65px)!important;
	}
	
	/* ---コンセプト画像：下の画像（小さめ・左にズラす）--- */
	.concept-img .wp-block-image:nth-child(2) {
		transform: translateX(-75px)!important;
	}
}


/* タブレット表示 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#top-concept .wp-block-image img {
		max-width: 100%;
	}
	/* ---上の画像（大きめ・右にズラす）--- */
	.concept-img .wp-block-image:nth-child(1) {
		transform: translateX(100px)!important;
	}
	
	/* ---コンセプト画像：下の画像（小さめ・左にズラす）--- */
	.concept-img .wp-block-image:nth-child(2) {
		transform: translateX(-120px)!important;
	}
}


/* -------------------------------------
  イラストの位置調整
------------------------------------- */
#top-concept{
    position: relative; /* 基準 */
}

#top-concept .top-illustration-02{
    position: absolute;
    top: 320px;
    left: -160px;
    z-index: -1;
    pointer-events: none;
}

#top-concept .top-illustration-03{
    position: absolute;
    top: 80px;
    right: -160px;
    z-index: -1;
    pointer-events: none;
}

/* スマホとタブレット表示 */
@media screen and (max-width: 1024px) {
	#top-concept .top-illustration-01{
		left: 25px;
	}

	#top-concept .top-illustration-01 img{
		width: 110px!important;
	}

	#top-concept .top-illustration-02{
		top: 530px;
		left: -50px;
	}

	#top-concept .top-illustration-02 img{
		width: 240px!important;
	}

	#top-concept .top-illustration-03{
		top: 130px;
		right: -100px;
	}

	#top-concept .top-illustration-03 img{
		width: 240px!important;
	}
}

/* タブレットのみ位置調整 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#top-concept .top-illustration-02{
		left: -110px;
	}
}


/* -------------------------------------
  カラムの表示順調整（スマホとタブレットのみ）
------------------------------------- */
@media screen and (max-width: 1024px) {
	#top-concept .wp-block-columns{
		flex-direction: column-reverse;
	}
}


/* =========================================================
   06. 管理運営施設セクション
========================================================= */
/* -------------------------------------
   パネル調整
------------------------------------- */
@media screen and (min-width: 1025px) {
	/* 行（flex） */
	.fixed-panel-400 .c-row {
		justify-content: center; /* 中央寄せ */
	}
	
	/* 各パネルのカラム */
	.fixed-panel-400 .c-row__col {
		flex: 0 0 400px;
		max-width: 400px;
	}
	
	/* パネル本体 */
	.fixed-panel-400 .smb-panels__item {
		width: 100%;
	}
	
	/* パネルのテキストの高さを揃える */
	.panel-text{
		height: 112px;
	}
	
	/* パネル内のコンテンツ幅 */
	.content-w300{
	width: 300px;
	}
}


/* イラストの位置調整 */
#top-facility{
    position: relative; /* 基準 */
}

#top-facility .top-illustration-04{
    position: absolute;
    top: -40px;
    z-index: 1;
    pointer-events: none;
}

#top-facility .top-illustration-05{
    position: absolute;
    top: -230px;
    right: 0px;
    z-index: 1;
    pointer-events: none;
}

#top-school{
    position: relative; /* 基準 */
}

#top-school .top-illustration-06{
    position: absolute;
    top: 0px;
    z-index: 1;
    pointer-events: none;
}

#top-school .top-illustration-07{
    position: absolute;
    top: 720px;
    right: 0px;
    z-index: 1;
    pointer-events: none;
}
	
	
/* スマホとタブレット表示 */
@media screen and (max-width: 1024px){
	#top-facility .top-illustration-04{
		top: -80px;
		left: 0px;
	}

	#top-facility .top-illustration-04 img{
		width: 70px!important;
	}

	#top-facility .top-illustration-05{
		top: -270px;
	}

	#top-facility .top-illustration-05 img{
		width: 110px!important;
	}

	#top-school .top-illustration-06{
		top: -40px;
	}

	#top-school .top-illustration-06 img{
		width: 90px!important;
	}

	#top-school .top-illustration-07{
		top: 1230px;
		right: 0px;
	}

	#top-school .top-illustration-07 img{
		width: 100px!important;
	}
}



/* タブレットのみ位置調整 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#top-school .top-illustration-07{
		top: 1470px;
	}
}




/* =========================================================
   07. 園内施設マップセクション
========================================================= */

/* -------------------------------------
   注意書きの位置調整
------------------------------------- */
#top-map{
    position: relative; /* 基準 */
}

#top-map .warning-label{
    position: absolute;
    top: -160px;
    right: 0;
}
	
/* スマホとタブレット表示 */
@media screen and (max-width: 1024px){
	#top-map .warning-label{
		position: static !important;
		max-width: none;
	}
}



/* -------------------------------------
   ループスライダー
------------------------------------- */
/* フルブリード＆表示枠 */
#top-map .wavy-slider-section {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 120px 0 160px;
	position: relative;

	/* transformで動かす */
	overflow: hidden;
}

/* トラック（横並び） */
#top-map .wavy-slider-track {
	display: flex;
	flex-wrap: nowrap;
	gap: 32px;
	padding: 0 24px;
	width: max-content;
	will-change: transform;
}

/* 画像 */
#top-map .wavy-slider-track figure {
	width: 360px;
	flex-shrink: 0;
}

#top-map .wavy-slider-track img {
	width: 100%;
	display: block;
	box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

/* --- PC：波配置（8枚パターン） --- */
#top-map .wavy-slider-track figure:nth-child(8n+1) { margin-top: 40px; }
#top-map .wavy-slider-track figure:nth-child(8n+2) { margin-top: 0; }
#top-map .wavy-slider-track figure:nth-child(8n+3) { margin-top: 60px; }
#top-map .wavy-slider-track figure:nth-child(8n+4) { margin-top: 20px; }
#top-map .wavy-slider-track figure:nth-child(8n+5) { margin-top: 50px; }
#top-map .wavy-slider-track figure:nth-child(8n+6) { margin-top: 10px; }
#top-map .wavy-slider-track figure:nth-child(8n+7) { margin-top: 70px; }
#top-map .wavy-slider-track figure:nth-child(8n+8) { margin-top: 30px; }

/* スマホ対応 */
@media (max-width: 767px) {

	#top-map .wavy-slider-section {
		padding: 80px 0;
	}

	#top-map .wavy-slider-track {
		gap: 16px;
	}

	#top-map .wavy-slider-track figure {
		width: 80vw;
		margin-top: 0 !important;
	}

	#top-map .wavy-slider-track figure:nth-child(even) {
		margin-top: 24px !important;
	}
}




/* =========================================================
   08. アクセスセクション
========================================================= */
/* イラストの位置調整 */
#top-access {
    position: relative; /* 基準 */
}

#top-access .top-illustration-08{
	position: absolute;
	bottom: -160px;
    right: -90px;
    pointer-events: none;
	z-index: -1;
}

/* スマホとタブレット表示 */
@media screen and (max-width: 1024px){
	#top-access .top-illustration-08{
		bottom: -90px;
		right: -50px;
	}

	#top-access .top-illustration-08 img{
		width: 240px!important;
	}
}


/* =========================================================
   09. お問い合わせセクション
========================================================= */
#top-contact .smb-section__title{
	padding-top: 80px;
}

/* スマホ表示 */
@media (max-width: 767px) {
	#top-contact .smb-section__title{
		padding-top: 40px;
	}
}


/* 見出し横装飾 */
#top-contact .smb-section__title > span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	width: 100%;
}

#top-contact .smb-section__title > span::before,
#top-contact .smb-section__title > span::after {
	content: "";
	flex: 1;
	max-width: 100%;
	min-width: 80px;
	height: 10px;
	background: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2026/01/contact_deco_green.svg)
		repeat-x center / auto 100%;
}

/* スマホ対応 */
@media (max-width: 767px) {
/* 見出し横装飾スマホ対応 */
	/* 横並び解除 */
	#top-contact .smb-section__title > span {
		display: block;
	}

	/* before は非表示 */
	#top-contact .smb-section__title > span::before {
		display: none;
	}

	/* after を見出し下装飾として使用 */
	#top-contact .smb-section__title > span::after {
		display: block;
		content: "";
		width: 80%;        /* 下線の長さ */
		height: 8px;
		margin: 12px auto 0;
		background: url(http://hibari21.com/hibari21_wp/wp-content/uploads/2026/01/contact_deco_green.svg)
			repeat-x center / auto 100%;
	}
	
	/* 電話番号とメールアドレスフォントサイズ調整 */
	#top-contact h3 .sme-font-size {
		font-size: 24px !important;
	}
}



/* =========================================================
   10. 公益財団法人ひばりセクション
========================================================= */
@media (min-width: 768px) {
	/* 画像ををフル幅突き抜け */
.top-right-full .smb-section__contents-wrapper {
	padding-right: 0 !important;
}

.top-right-full .smb-section__body {
	max-width: none !important;
	padding-right: 0 !important;
}

.top-right-full .wp-block-columns {
	margin-right: calc(50% - 50vw);
}

.top-right-full img {
	display: block;
	width: 100%;
	}
}

/* スマホ対応 */
@media (max-width: 767px) {
/* 画像ををフル幅突き抜け */
	#top-hibari .right-full-col {
	margin-right: calc(50% - 50vw)!important;
	}
	
	#top-hibari .right-full-col figure {
	width: 100%!important;
	max-width: none!important;
	}
}


/* タブレットのみフル幅解除 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
.top-right-full .wp-block-columns {
	margin-right: 0;
	}
}


/* インライン画像を見出しと１列に */
#top-hibari .wp-block-heading.is-style-ghost {
  display: flex;
  align-items: center;
}




/* =========================================================
   11. 採用情報セクション
========================================================= */

/* 画像ををフル幅突き抜け */
#top-recruit .left-full-col {
	margin-left: calc(50% - 50vw)!important;
}

#top-recruit .left-full-col figure {
	width: 100%!important;
	max-width: none!important;
}


/* タブレットのみフル幅解除 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
#top-recruit .left-full-col {
	margin-left: 0;
}