@charset "utf-8";
@media (max-width: 768px) {
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* スマホのみ縦文字 */
.cmn_tate_sp {
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#mobile-header .inside-navigation {
    padding: 5px;
}
	
#mobile-header .menu-toggle {
    margin-left: auto;
	background-image: none;
}
	
/* ロゴ */
nav#mobile-header .site-logo a img {
    height: 42px;
    padding-left: 10px;
    margin-top: 10px;
}
body.page-recruit nav#mobile-header .site-logo,
nav#mobile-header.is_stuck .site-logo {
	display: none;
}

.sp .my_hamburger,
.openbtn {
    width: 68px;
    height: 68px;
	position: relative;
}
.openbtn span {
    width: 33px;
    height: 3px;
    left: 17px;
}
.openbtn span:nth-of-type(1) {
    top: 18px;
}
.openbtn span:nth-of-type(2) {
    top: 27px;
}
.openbtn span:nth-of-type(3) {
    top: 36px;
}
	
.openbtn span:nth-of-type(3)::after {
	font-size: 14px;
	line-height: 1.3em;
}
.openbtn.active span:nth-of-type(1) {
    top: 21px;
    left: 24px;
}
.openbtn.active span:nth-of-type(3) {
    top: 33px;
    left: 24px;
}
.openbtn.active span:nth-of-type(3)::after {
    top: 8px;
    left: 10px;
    font-size: 12px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニュー内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 左右にスクロールできなくする */
#generate-slideout-menu.is-open {
	overflow-x: hidden;
}
	
nav#generate-slideout-menu .my_hamburger {
	top: 5px;
    right: 5px;
}
	
#generate-slideout-menu .main-nav > ul {
    margin: 20px;
	gap: 20px 0;
}
	
#generate-slideout-menu .main-nav > ul > li.menu-item:nth-of-type(odd) {
    width: 43%;
}
#generate-slideout-menu .main-nav > ul > li.menu-item:nth-of-type(even) {
    width: 57%;
}
	
#generate-slideout-menu li.menu-item a {
	border-top: none;
}
	
#generate-slideout-menu .main-nav > ul > li.menu-item a {
    padding: 0;
	margin: 0;
	font-size: 12px;
}

#generate-slideout-menu .main-nav > ul > li.menu-item a::before {
    font-size: 30px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP　＞　WORKS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_works h3.cmn_ttl {
	-webkit-text-stroke: 2px #cdd0c3;
	text-stroke: 2px #cdd0c3;
}

/* スライドアニメーション */
@keyframes bg-slider-works {
    from {background-position: 0 0;}
    to {background-position: -824.5px 0;}
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP　＞　INTERVIEW
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_interview .looper figure::before,
#home_interview .looper figure::after {
	-webkit-text-stroke: 2px #000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP　＞　SLIDER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_slider .wp-block-splide-carousel .splide__slide {
    margin-right: 15px!important;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes bg-slider-contact {
    from {background-position: 0 0;}
    to {background-position: -166px 0;}
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「求人情報」＞　アーカイブ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.post-type-archive #content {
	padding-left: 0;
	padding-right: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul:not(.sub-menu) > li > a {
    display: flex;
    font-size: 12px;
}
	
#footer-widgets ul.menu > li > a::before {
    font-size: 30px;
}

#footer-widgets ul:not(.sub-menu) > li:nth-of-type(odd) {
    width: calc(40% - 5px);
}
#footer-widgets ul:not(.sub-menu) > li:nth-of-type(even) {
    width: calc(60% - 5px);
}
	
	
}/*メディアクエリ終了*/