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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*切のいいところで改行*/
.cmn_word_break {
    word-break: auto-phrase;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ロゴ*/
.main-navigation:not(.slideout-navigation) .site-logo {
	padding-left: 1.56vw;
}

.main-navigation:not(.slideout-navigation) .site-logo img {
	width: 310px;
}

/*ナビ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	font-size: clamp(16px, 13.632px + 0.175vw, 17px);
	padding: 20px clamp(10px, -35.000px + 3.125vw, 25px);
}

.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children>a {
	padding-right: clamp(10px, -35.000px + 3.125vw, 25px);
}

/*ホバー*/
.home #site-navigation .main-nav ul:not(.sub-menu) > li:not(.contact):hover > a {
	color: rgb(255 255 255 / 70%)!important;
}

.main-navigation .main-nav ul:not(.sub-menu) > li:not([class*="current-menu-"]):hover > a::after {
	content: none;
}

/*カレント*/
.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li[class*="current-menu-"] {
	color: var(--main);
}

/*カレント、施工事例詳細 > カレント*/
.main-navigation:not(.toggled) .main-nav > ul > li[class*="current-menu-"] > a::after,
.single-works .main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.works > a::after,
.single-qa .main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.qa > a::after{
	width: 100%;
	height: 44px;
	background: #eeeee4;
	top: 50%;
	left: 50%;
	border-radius: 22px;
	transform: translate3d(-50%, -50%, 0px);
	z-index: -1;
}

/*施工事例（施工事例詳細 > ホバー）*/
.single-works .main-navigation .main-nav ul li.works:hover > a::after {
	content: '';
}

/*施工事例（施工事例詳細 > カレント）*/
.single-works .main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.works > a {
	color: var(--main);
}

/*造園Q&A（詳細 > カレント）*/
.single-qa .main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.qa > a {
	color: var(--main);
}

/*新着情報*/
.main-navigation:not(.slideout-navigation) .posts {
	display: none;
}

/*採用情報*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.recruit > a {
	padding-right: clamp(35px, 5.000px + 2.083vw, 45px);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.recruit > a::before {
	content: '\f08e';
	position: absolute;
	font-size: 1em;
	font-family: "icomoon";
	line-height: 1;
	top: 50%;
	right: clamp(12px, -12.000px + 1.667vw, 20px);
	transform: translate3d(0px, -50%, 0px);
}

/*お問い合わせ*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	background: var(--main)!important;
	padding: clamp(5px, -6.842px + 0.877vw, 10px) clamp(20px, -70.000px + 6.25vw, 50px);
	margin-left: clamp(15px, -45.000px + 4.167vw, 35px);
	margin-right: 1.3vw;
	border-radius: 4px;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a:hover {
	background: #0a4b2a!important;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a:hover, 
.main-navigation:not(.toggled) .main-nav > ul > li.contact[class*="current-menu-"] > a {
	opacity: initial;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
	font-size: clamp(12px, -3.000px + 1.042vw, 17px);
	margin-right: 0.78vw;
}

/*子ナビ*/
.main-navigation:not(.slideout-navigation) .main-nav ul ul::before {
	content: none;
}

.main-navigation:not(.slideout-navigation) .main-nav ul ul li a::after {
	content: '\e917';
	width: 20px;
	height: 20px;
	font-size: 18px;
	color: #fff;
	background: var(--main);
	padding-top: 1px;
	padding-left: 1px;
	border-radius: 50%;
}

/*top > site-navigation*/
.home #site-navigation .inside-navigation {
	align-items: flex-start;
}

.home #site-navigation:not(.slideout-navigation) .site-logo {
	padding-left: 0;
}

.home #site-navigation:not(.slideout-navigation) .site-logo a {
	width: clamp(250px, 155.263px + 7.018vw, 290px);
	height: clamp(180px, 99.474px + 5.965vw, 214px);
	background: url("./images/logo02.png") no-repeat 50% / clamp(180px, 116.053px + 4.737vw, 207px);
	background-color: #fff;
	border-bottom-right-radius: 50px;
}

.home #site-navigation .navigation-branding img {
	opacity: 0;
}

.home #site-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact) > a {
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
造園Q&A
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*詳細ページ*/
body.single-qa h1{
	font-size:30px;
}

body.single-qa h2{
	font-size:26px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ラジオボタン*/
div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul{
	column-gap: 35px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1440px){
	/*top > service*/
	#home_service .cmn-soshoku-a::after {
		content:'\A';
		white-space:pre;
	}
	
	/*下層 > プロモ*/
	.note_page_promo .img_area {
		height: 300px;
}
}

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