@charset "utf-8";
@media (min-width: 768px) {
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　横スクロール　2025-04-03mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
#home_advantage .side-scroll-list-wrapper {
	position: relative;
	height: 595px;
}

#home_advantage .side-scroll-list {
	position: absolute;
	width: max-content;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* カラム式リスト(2024-10-04fuji) */
:is(ul,ol)[class*="cmn_col"] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	--list_col_gap:30px;
    column-gap: var(--list_col_gap);
}

:is(ul,ol).cmn_col02 > li {
    width: calc((100% - var(--list_col_gap)) / 2);/*2カラムの場合*/
    margin: 0;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.main-navigation {
	background-color: transparent;
	box-shadow: none!important;
	pointer-events: none;
}
	
.navigation-branding {
    pointer-events: auto;
}

.main-navigation:not(.slideout-navigation) .site-logo {
	padding-top: 17px;
	padding-left: 35px;
}

.navigation-branding img {
	width: 172px;
}

#sticky-navigation .navigation-branding {
	display: none;
}

/*ロゴを赤黒に戻したいとの希望があったため白ロゴの記述をコメントアウト　2025-05-20re*/
/*body.home h1.site-logo {
	width: 172px;
	background: url("./images/logo_02.svg")no-repeat 50% / contain;
	margin-top: 16px;
	margin-left: 35px;
}

.home .navigation-branding img {
	opacity: 0;
}*/
	
body.home .main-navigation:not(.slideout-navigation) .site-logo {
    padding: 30px 30px 35px;
	backdrop-filter: blur(12px) brightness(170%);
	-webkit-backdrop-filter: blur(12px) brightness(170%);
	background-color: hsla(0,0%,100%,.8);
	border-radius: 0 0 10px 0;
	box-shadow: 0 0 20px 0 rgba(91, 103, 138, 0.3);
}
	
body.home .main-navigation .inside-navigation {
    align-items: flex-start;
}

#primary-menu {
	backdrop-filter: blur(12px) brightness(170%);
	-webkit-backdrop-filter: blur(12px) brightness(170%);
	background-color: hsla(0,0%,100%,.8);
	padding: 10px;
	margin-top: clamp(15px, -20.526px + 2.632vw, 30px);
	margin-right: clamp(15px, -20.526px + 2.632vw, 30px);
	border-radius: 5px;
	box-shadow: 0 0 20px 0 rgba(91, 103, 138, 0.3);
	pointer-events: auto;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	font-size: clamp(14px, 11.632px + 0.175vw, 15px);
	padding: 0 clamp(10px, -1.842px + 0.877vw, 15px);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:hover > a, 
.main-navigation .main-nav ul li[class*="current-menu-"] > a, 
body.single-post .inside-navigation ul:not(.sub-menu) li[class*="current"] > a, 
body.category .inside-navigation ul:not(.sub-menu) li[class*="current"] > a {
	color: var(--text);
}

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

.menu-item-has-children .dropdown-menu-toggle {
	display: none;
}

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

.main-navigation:not(.slideout-navigation) .main-nav ul ul li a {
	color: var(--text);
	padding-left: 35px;
	border-bottom: 0!important;
}

.main-navigation:not(.slideout-navigation) .main-nav ul li li[class*="current-menu-"] a,
.main-navigation:not(.slideout-navigation) .main-nav ul li li:not([class*="current-menu-"]):hover > a {
	color: var(--text);
}

.main-navigation:not(.slideout-navigation) .main-nav ul ul li a::before {
	content: "■";
	position: absolute;
	font-size: 10px;
	color: var(--main);
	left: 10px;
	transition: 0.5s;
	opacity: 0;
}

.main-navigation:not(.slideout-navigation) .main-nav ul li li[class*="current-menu-"] a::before, 
.main-navigation:not(.slideout-navigation) .main-nav ul li li:not([class*="current-menu-"]):hover > a::before, 
body[class*="single-job"] .main-navigation:not(.slideout-navigation) .main-nav ul li li a[href*="recruit/entry"]::before {
	opacity: 1;
}

.main-navigation:not(.slideout-navigation) .main-nav ul ul li a::after {
	content: none;
}

/*hover時の下線*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact)::before {
	width: 28px;
	height: 4px;
	background: url("./images/doto_line.svg")no-repeat 50% / contain;
	left: calc(50% - 14px);
	bottom: 5px;
}

body[class*="single-job"] .main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:has([href*="recruit/message"])::before {
	transform: scale(1,1);
}

/*TOPボタン*/
#sticky-navigation.main-navigation:not(.slideout-navigation) .menu-item-home {
	display: block;
}

/*お問い合わせボタン*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a {
	background: var(--text)!important;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 10px;
	border-radius: 5px;
	transition: .5s;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact:hover > a {
	color: #fff;
	opacity: 0.8;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.contact > a::before {
	content: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ ＞ promo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo .bnr_area {
	position: absolute;
	right: 0;
	bottom: 280px;
	transition: all 0.5s ease;
}

#home_promo .bnr_area div{
	right: -15px;
	transition: all 0.5s ease;
}

#home_promo .bnr_area div:hover {
	right: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ ＞ news
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_news .post:last-child > div {
	border-bottom: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul.menu {
	display: block;
	gap: 65px;
	column-count: 2;
}

#footer-widgets ul.menu li {
	margin-bottom: 30px;
	break-inside: avoid;
}

#footer-widgets ul.menu li ul.sub-menu li {
	margin-bottom: 0px;
}

#footer-widgets .sub-menu {
	padding-left: 1.5em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.h_child_navi {
	position: relative;
	margin-top: -3.65vw;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1440px){
	/*ノート時改行*/
	.br_note::after {
		content:'\A';
		white-space:pre;
	}
	
	/*下層プロモ*/
	.note_page_promo {
		min-height: 460px!important;
	}
	
}

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