@charset "utf-8";
@media (max-width: 768px) {

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Q&Aブログ h2/h3 見出し装飾用(2025-10-28)ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-qa .site-main div div:not(.sidenavi) h2:not(.h2b) {
	padding-left: 25px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.single-qa .site-main div div:not(.sidenavi) h2:not(.h2b)::before {
	width: 10px;
	height: 19px;
	top: calc(50% - 13px);
	left: 6px;
}

.single-qa .site-main div div:not(.sidenavi) h3:not(.h3b) {
	font-size: 18px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディング画面
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.loading_wrap .img {
	width: 100px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話ポップアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#tel_lb .num {
	font-family: Cabin;
}
	
div#tel_lb .inner {
    background: var(--main);
}
	
div#tel_lb .btn a {
    color: var(--main) !important;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　表
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*table01*/
.table01 table {
    font-size: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* カラム式リスト（リストを見出しにするための追記2025-10-23re） */
.list.cmn_col03 > div{
	width: 100%;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*top*/
.home #mobile-header:not(.navigation-stick) .site-logo a {
	width: 125px;
	height: 110px;
	background: url("./images/logo02.png") no-repeat top 35px left 50% / 100px;
	background-color: #fff;
	border-bottom-right-radius: 25px;
}

.home #mobile-header:not(.navigation-stick) .site-logo a img {
	opacity: 0;
}

/*top > ハンバーガーメニュー*/
.home #mobile-header:not(.navigation-stick) .mobile_header_icon div div {
	border: 1px solid #fff;
}

.home #mobile-header:not(.navigation-stick) .mobile_header_icon div div p svg {
	color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニュー内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#generate-slideout-menu .inside-navigation {
	padding-top: 50px!important;
}

#generate-slideout-menu li.menu-item a {
	padding-top: 12px;
	padding-bottom: 12px;
	border-top: 0;
}

#generate-slideout-menu li.menu-item a span::before {
	content: none;
}

/*カレント、施工事例詳細 > カレント*/
body.single-post .inside-navigation ul:not(.sub-menu) li.posts[class*="current"] > a, 
body.category .inside-navigation ul:not(.sub-menu) li.posts[class*="current"] > a,
body.single-works .inside-navigation ul:not(.sub-menu) li.works > a,
body.single-qa .inside-navigation ul:not(.sub-menu) li.qa > a{
	color: var(--main);
}

/*子ナビ*/
#generate-slideout-menu li.menu-item .sub-menu a {
	font-size: 14px;
}

#generate-slideout-menu.main-navigation .main-nav ul ul.sub-menu li > a::before {
	content: none;
}

/*採用情報*/
#generate-slideout-menu li.recruit a {
	position: relative;
}

#generate-slideout-menu li.recruit a::before {
	content: '\f08e';
	position: absolute;
	font-size: 1em;
	font-family: "icomoon";
	line-height: 1;
	top: 50%;
	right: 205px;
	transform: translate3d(0px, -50%, 0px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top ＞ promo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*動画の高さ*/
.entry-content .wp-block-cover {
	max-height: initial;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top ＞ サービス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_service .wp-block-splide-carousel .splide__slide img {
	min-height: auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*採用情報*/
#footer-widgets ul.menu li.recruit a::before {
	right: 70px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　プロモ下子ナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
.h_child_navi ul.child_navi {
    background-color: #fff;
}
	
.h_child_navi ul.child_navi li:first-child a,
.h_child_navi ul.child_navi li:last-child a{
    border-radius: 50px;
}
	
.h_child_navi ul.child_navi {
    column-gap: 10px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
施工事例 詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-works h1 {
	word-break: auto-phrase;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
施工事例 > 詳細 > スライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.swiper_box .gallery-top {
	height: 160px;
	margin-bottom: 15px;
	border-radius: 3px;
}

.swiper_box .gallery-top .swiper-slide a::after {
	font-size: 18px;
	width: 30px;
	height: 30px;
	border-top-left-radius: 3px;
}

.swiper_box .gallery-thumbs .swiper-slide {
	width: 55px!important;
	margin-right: 10px!important;
	border-radius: 2px;
}

.swiper_box :is(.swiper-button-next,.swiper-button-prev) {
	width: 30px;
	height: 30px;
	border: 1px solid var(--main);
	top: 70px;
}

.swiper_box .swiper-button-next {
	right: -37px;
}

.swiper_box .swiper-button-prev {
	left: -37px;
}

.swiper_box :is(.swiper-button-next,.swiper-button-prev):after {
	font-size: 12px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　農芸屋
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*表がはみ出るため調整*/	
body.page-about-nougeiya .table02 th,
body.page-about-nougeiya .table02 td {
  word-break: break-word;
}

.table02 th {
    padding: 30px 0px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　造園Q&A
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*プロモ下子ナビ*/	
.h_category_navi a{
    white-space: nowrap;
    display:flex;
    align-items: center;
    justify-content: center;
}
	
.h_category_navi ul.child_navi li.current_page_item a{
	background-color: #e5f1eb;
    color: var(--main);
	border:1px solid var(--main);
}
	
/*詳細ページ幅調整*/
body.single-qa #content {
    margin: 30px 15px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ラジオボタン*/
div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul{
	display: grid;
}

}/*メディアクエリ終了*/