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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディング画面
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.loading_wrap .img {
	width: 150px;
}
	
.cmn_contents {
	display: contents;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン04
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_btn04::after {
	width: 11px;
	height: 8px;
	right: 11px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > 見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_ttl::after {
	width: 30px;
	height: 28px;
	top: -20px;
	right: -40px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > 表
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 table th, .basic_table02 table td {
    padding: 30px 0px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#mobile-header {
	width: 345px!important;
	backdrop-filter: blur(12px) brightness(170%);
	-webkit-backdrop-filter: blur(12px) brightness(170%);
	background-color: hsla(0,0%,100%,.8)!important;
	top: 15px!important;
	margin: 15px auto 0;
	border-radius: 3px;
	box-shadow: 0 0 10px 0 rgba(91, 103, 138, 0.3);
}

/*ハンバーガーメニュー*/
.menu-toggle {
	background-color: transparent!important;
}

.sp .my_hamburger {
	width: 50px;
	height: 50px;
}

/*ハンバーガーメニュー内 open時*/
.offside-js--is-open #mobile-header {
	opacity: 0;
}

/*ハンバーガーメニュー内*/
#generate-slideout-menu {
	width: 345px;
	height: 97svh;
	backdrop-filter: blur(12px) brightness(170%);
	-webkit-backdrop-filter: blur(12px) brightness(170%);
	background-color: hsla(0,0%,100%,.8)!important;
	margin: 15px;
	border-radius: 3px;
	box-shadow: 0 0 10px 0 rgba(91, 103, 138, 0.3);
}

#generate-slideout-menu .inside-navigation {
	padding-top: 60px!important;
}

#generate-slideout-menu .inside-navigation .mobile_hamburger_logo {
	position: absolute;
	top: 10px;
	left: 15px;
}

#generate-slideout-menu .slideout-menu {
	margin: auto 30px;
}

#generate-slideout-menu ul.sub-menu, #generate-slideout-menu ul.sub-menu li {
	background: transparent;
}

#generate-slideout-menu li.menu-item a {
	margin: initial;
	border-top: 0;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a, 
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, 
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > 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 .main-nav ul li a::before, 
body.single-post .inside-navigation ul:not(.sub-menu) li[class*="current"] > a::before, 
body.category .inside-navigation ul:not(.sub-menu) li[class*="current"] > a::before {
	content: "■"!important;
	position: absolute;
	font-size: 10px;
	color: var(--main);
	top: calc(50% - 8px);
	left: 0;
	opacity: 0;
}

.main-navigation .main-nav ul ul li a::before {
	left: 10px!important;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ ＞ promo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo .promo_area::before {
	width: 375px;
	height: 254px;
}

#home_promo .promo_area h2.ttl span::after {
	width: 35px;
	height: 57px;
	top: -25px;
	right: -45px;
}

.offer_area .txt::after {
	width: 95px;
	height: 48px;
	top: -20px;
	right: -10px;
}

.bnr_area > div.recruit_bnr::after {
	top: -26px;
    right: -11px;
}

/*動画の高さ*/
.entry-content .wp-block-cover {
	height: 75svh;
	max-height: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ ＞ post
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_post .cmn_btn04::after {
	width: 11px;
	height: 8px;
	right: 11px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ ＞ technic
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_technic .technic_box::before {
	top: -15px;
	border-radius: 10px 0 10px 10px;
}

#home_technic .technic_box::after {
	font-size: 20px;
	padding: 10px 15px 1px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ ＞ advantage
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_advantage::before {
	width: 170px;
	height: 116px;
	top: 36px;
	left: -35px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ ＞ news
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_news::after {
	width: 290px;
	height: 200px;
	top: -25px;
	right: -114px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ ＞ recruit
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_recruit .cmn_btn04::after {
	width: 26px;
	height: 19px;
	right: 40px;
}

#footer-widgets ul:not(.sub-menu) > li > a {
	padding: 12px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets .cmn_ttl::after {
	top: -30px;
}

#footer-widgets ul:not(.sub-menu) > li {
	width: calc(50% - 20px);
	white-space: nowrap;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 > 子ナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
.h_child_navi ul.child_navi a:hover,
.h_child_navi ul.child_navi li[class*='current'] a {
	background-color: var(--text);
}

.h_child_navi ul.child_navi a {
    background: var(--h-child-navi-bg);
	border-radius:5px!important;
	color: var(--text);
}

.h_child_navi ul.child_navi {
    gap: 10px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　コンパウンド技術
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.compound_service::after {
    width: 140px;
    height: 113px;
    top: initial;
    bottom: -24px;
    right: 22px;
}
	
/*イラスト横スクロール*/
.tbl_scroll_sp::before {
	content: none;
}
	
.tbl_scroll_sp img {
	max-width: 100%;
	min-width: 672px;
}
	
.tbl_scroll_sp .scroll_ctr::after {
    width: 100px;
    height: 100px;
}
	
/*アコーディオン*/
.page-compound .sgb-acc .sgb-acc__content > div {
    padding: 0;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　レーザーマーキング
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*表*/
.lasermarking_technology table{
	font-size: 13px!important;
}

.lasermarking_technology table th,
.lasermarking_technology table td{
    padding: 5px !important;
}

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