@charset "utf-8";

html{
	font-size: 16px;
	scroll-behavior: smooth;
}

*,
*::before,
*::after{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@font-face {
	font-family: 'NotoSans';
	src: url(../fonts/NotoSansJP-VariableFont_wght.ttf);
}

@font-face {
	font-family: 'ShipporiM';
	src: url(../fonts/ShipporiMincho-Regular.ttf);
}

body{
	width: 100%;
	font-family: "NotoSans","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", yu-mincho-pr6, serif;
	color: #333;
	letter-spacing: 0.1em;
	overflow-x: hidden;
}

li{
	list-style: none;
}

ol > li{
	list-style: decimal-leading-zero;
}

img{
	width: 100%;
	vertical-align: bottom;
}

a{
	color: #333;
	text-decoration: none;
	transition: all 0.3s;
	opacity: 1;
}

a:hover{
	opacity: 0.6;
}

h1{
	margin: 0;
}

/* ------変数・汎用クラス------ */
/* ●変数 */
	/* PC用 */
:root{
	/* フォントサイズ用 */
	--font-xxs: 0.625rem;  /* 10x */
	--font-xs: 0.75rem;    /* 12px */
	--font-s:  clamp(0.75rem, 0.666rem + 0.17vw, 0.875rem); /* 12~14px */
	--font-n:  clamp(0.875rem, 0.791rem + 0.17vw, 1rem);    /* 14~16px */
	--font-l:  1.125rem;   /* 18px */
	--font-xl: 1.5rem;     /* 24px */
	--font-ttl: 2rem;      /* 32px */
	--font-cc:  clamp(2rem, 0.664rem + 2.78vw, 4rem);       /* 32px~64px */

	/* margin,padding用 */
	--space-xs: 0.25rem; /* 4px */
	--space-s:  0.5rem;  /* 8px */
	--space-n: 	1rem;    /* 16px */
	--space-nn: 1.5rem;  /* 24px */
	--space-l:  2rem;    /* 32px */
	--space-xl: 4rem;    /* 64px */
	--space-h:  6.25rem; /* 100px */
	
	/* コンテンツサイズ */
	--arrow-size: 2.5rem;   /* 40px */
	--contents-size: 50rem; /* 800px */

	/* 色 */
	--c-gray:  #727171;
	--c-grayw: #adadad;
	--c-whiteg:#DBDCDC;
	--c-gold:  #D2AF3A;
	--c-goldw:  #866f22;
	--c-blue:  #1a2c51;

	/* 画像用サイズ */
	--img-icon-xs:0.75rem; /* 12px */
	--img-icon-ss:1rem;    /* 16px */
	--img-icon-s: 1.25rem; /* 20px */
	--img-icon-l: 2.5rem;  /* 40px */
	--img-icon-xl: 5rem;   /* 80px */
	--img-m     : 6rem;    /* 96px */
	--img-l     : clamp(17rem, 14.996rem + 4.17vw, 20rem); /*  272~320px */
	--img-xl    : 30rem;   /* 480px */
	--img-banner: 20rem;   /* 320~400px */
	--img-contact:clamp(17rem, 14.996rem + 4.17vw, 20rem); /*  272~320px */
}

@media screen and (max-width:768px) {
	/* スマホ用 */
	:root{
		/* フォントサイズ用 */
		--font-xxs: 0.5rem;  /* 8px */
		--font-xs: clamp(0.625rem, 0.545rem + 0.43vw, 0.75rem);   /* 10~12px */
		--font-s:  clamp(0.75rem, 0.67rem + 0.43vw, 0.875rem); /* 12~14px */
		--font-n:  clamp(0.875rem, 0.795rem + 0.43vw, 1rem);  /* 14px */
		--font-l:  1.25rem; /* 20px */
		--font-xl: 1.5rem;     /* 24px */
		--font-ttl: 1.5rem;  /* 32px */
		--font-cc: clamp(1.5rem, 0.538rem + 5.13vw, 3rem); /* 24px~48px */

		/* margin,padding用 */
		--space-xs: 0.25rem; /* 4px */
		--space-s:  0.5rem;  /* 8px */
		--space-n: 	0.75rem;    /* 12px */
		--space-nn: 1.5rem;  /* 24px */
		--space-l:  2rem;    /* 32px */
		--space-xl: 5rem;    /* 80px */
		--space-h:  4rem;    /* 64px */

		/* 画像用サイズ */
		--img-icon-xs: 0.625rem; /* 10px */
		--img-icon-ss: 0.875rem; /* 14px */
		--img-icon-s:  1.25rem;     /* 16px */
		--img-icon-l: 2rem;      /* 32px */
		--img-icon-xl: 4rem;     /* 64px */
		--img-l: 12rem;			 /* 192px */
		--img-banner: 17rem;	 /* 272px */
		--img-contact: 15rem;    /* 240px */
	}
}

/* ●汎用クラス（サイズ、幅、一部カラーは原則ここにあるクラスを使用します） */

/* 基本フォントサイズ */
.font-xxs{font-size: var(--font-xxs);}
.font-xs{font-size: var(--font-xs);}
.font-s{font-size: var(--font-s);}
.font-n{font-size: var(--font-n);}
.font-l{font-size: var(--font-l);}
.font-xl{font-size: var(--font-xl);}

/* h2用フォントサイズ */
.font-title{font-size: var(--font-ttl);}

/* キャッチコピー用フォントサイズ */
.font-cc{font-size: var(--font-cc);}
.font-cc-s{font-size: calc(var(--font-cc) * 0.8);}
.font-cc-l{font-size: calc(var(--font-cc) * 1.3);}
.font-sc{font-size: calc(var(--font-cc) * 0.5);}

/* フォント太さ */
.font-bold{font-weight: 600;}

/* 基本幅、高さ調整用(padding) */
.padding-s{padding: var(--space-s);}
.padding-n{padding: var(--space-n);}
.padding-nn{padding: var(--space-nn);}
.paddingt-n{padding-top: var(--space-n);}
.paddingt-nn{padding-top: var(--space-nn);}
.paddingt-l{padding-top: var(--space-l);}
.paddingb-n{padding-bottom: var(--space-n);}
.paddingb-l{padding-bottom: var(--space-l);}
.paddingl-n{padding-left: var(--space-n);}
.paddingl-l{padding-left: var(--space-l);}
.paddingr-n{padding-right: var(--space-n);}
.paddingr-l{padding-right: var(--space-l);}
.paddingtb-xs{padding: var(--space-xs) 0;}
.paddingtb-s{padding: var(--space-s) 0;}
.paddingtb-n{padding: var(--space-n) 0;}
.paddingtb-l{padding: var(--space-xl) 0;}
.paddingtb-xl{padding: var(--space-xl) 0;}
.paddingrl-s{padding: 0 var(--space-s);}
.paddingrl-n{padding: 0 var(--space-n);}
.paddingrl-l{padding: 0 var(--space-l);}

/* ヘッダーと同じ高さの幅 */
.paddingt-h{padding-top: var(--space-h);}

/* ナビゲーションの幅 */
.padding-nav{padding: var(--space-n) 0 var(--space-n) 0;}
.padding-nav-c{padding: var(--space-n) var(--space-l) var(--space-n) var(--space-l);}

/* 幅、高さ調整用(marginが必要な場合) */
.marginl-xs{margin-left: var(--space-xs);}
.marginrl-n{margin: var(--space-n);}
.margint-n{margin-top: var(--space-n);}
.margint-nn{margin-top: var(--space-nn);}
.margint-xl{margin-top: var(--space-xl);}
.margintb-nn{margin: var(--space-nn) 0;}
.margintb-xl{margin: var(--space-xl) 0;}

/* 文字間の幅 */
.line-height-p{line-height: 1.7;}

/* コンテンツなどの幅 */
.padding-content{padding: var(--space-n) var(--space-n) calc(var(--space-n) * 3) var(--space-n);}
.padding-content-s{padding: var(--space-n) var(--space-n) calc(var(--space-n) * 2) var(--space-n);}
.padding-box{padding: var(--space-n) calc(var(--space-n) * 3);}
.padding-box-s{padding: var(--space-s) var(--space-n);}

/* 矢印用 */
.arrow-size{width: var(--arrow-size); aspect-ratio: 5 / 4; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); clip-path: polygon(0% 0%, 100% 0%, 50% 100%);}

/* メイン全体幅 */
.contents-size{width: 95%; max-width: var(--contents-size); margin: 0 auto;}

/* 下線用(色別) */
.border-bottom{border-bottom: #333 1px solid; padding: var(--space-xs); padding-top: 0;}
.border-bottomw{border-bottom: #FFF 1px solid; padding: var(--space-xs); padding-top: 0;}
.border-bottomg{border-bottom: var(--c-gold) 2px solid;}
.border-bottom-dotted{border-bottom: #333 1px dotted; padding: var(--space-xs);}

/* 背景及びそれに合わせた文字色 */
.bg-gray{color: #fff; background-color: var(--c-gray);}
.bg-gold{color: #fff; background-color: var(--c-gold);}
.bg-blue{color: #fff; background-color: var(--c-blue);}
.bg-white{color: #333; background-color: #fff;}
.bg-whiteg{background-color: var(--c-whiteg);}
.c-lgold{background: linear-gradient(30deg, var(--c-goldw), var(--c-gold) 66%, var(--c-goldw)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* アイコンサイズ */
.img-icon-xs{width: auto; height: var(--img-icon-xs); margin-right: var(--space-xs);}
.img-icon-ss{width: auto; height: var(--img-icon-ss); margin-right: var(--space-xs);}
.img-icon-s{width: auto; height: var(--img-icon-s); margin-right: var(--space-xs);}
.img-icon-l{width: auto; height: var(--img-icon-l);}
.img-icon-xl{width: auto; height: var(--img-icon-xl);}

/* 基本画像サイズ */
.img-m{width: var(--img-m);}
.img-l{width: var(--img-l);}
.img-xl{width: var(--img-xl);}

/* バナー用サイズ */
.img-banner{width: var(--img-banner);}

/* お問い合わせ用のサイズ */
.img-contact{width: calc(var(--img-contact) * 1.1); height: var(--img-contact);}
.img-contact-inner{width: var(--img-l); height: var(--img-l);}

/* 改行位置制御 */
.nowrap-word{white-space: nowrap;}

@media  screen and (max-width:768px) {
	/* コンテンツサイズのスマホ版 */
	.padding-box{padding: var(--space-n) calc(var(--space-n) * 1.5);}
	.padding-content{padding: var(--space-n) 0 calc(var(--space-n) * 3) 0;}
}
/* ------変数・汎用クラスここまで------ */

/* ☆ヘッダー */
header,
.header_menu_fixed{
	width: 100%;
	height: 4.69rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
}

.header_menu_fixed{
	position: fixed;
	top: 1rem;
	left: 0;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}

.header_menu_fixed.fixed{
	opacity: 1;
	visibility: visible;
}

.header_logo{
	width: clamp(11rem, 6.429rem + 7.14vw, 15rem);
}

.header_nav ul{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 1rem;
}

.header_menu_fixed .header_nav{
	border: #333 2px solid;
	background-color: #FFF;
	border-radius: 50px;
}

.header_nav_box{
	text-align: center;
	display: flex;
	flex-direction: column;
}

.header_nav_box > p{
	display: flex;
	justify-content: center;
	align-items: center;
}

.header_tel > p{
	display: flex;
	align-items: center;
}

.header_contact_box{
	color: #fff;
	background-color: #333;
}

.header_menu_fixed .header_contact_box{
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

.header_contact_box:hover{
	color: var(--c-whiteg);
}

.hamburger{
	display: none;
}

/* ☆「トップ」ページ */
/* ファーストビュー */
.first_view{
	width: 100%;
	position: relative;
}

.catchcopy{
	position: absolute;
	top: 45%;
	left: 25%;
	transform: translate(-50%, -50%);
	z-index: 11;
	text-align: center;
	letter-spacing: 0.1em;
	font-family: "YuGothic" , sans-serif;
	padding: 1rem;
	line-height: 1.2;
}

.sub_copy{
	display: block;
	line-height: 1.2;
	margin-top: 1rem;
	font-style: normal;
}

.insert_br{
	display: none;
}

.slider_pc{
	display: block;
}

.slider_mobile{
	display: none;
}

.slider img{
	display: block;
	height: auto;
}

/* メイン内共通 */

main{
	width: 100%;
}

.page_title{
	width: 100%;
	height: 6.25rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page_title > span{
	display: block;
	width: fit-content;
	padding-right: 1rem;
	padding-left: 1rem;
}

/* ビーグルについて */

.about_flex{
	display: flex;
	flex-direction: row;
}

.about_explain > a{
	width: fit-content;
	height: var(--img-icon-s);
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
}

.about_explain > p{
	line-height: 1.7;
}

.about_text_box > ol,
.about_text_box > p{
	line-height: 1.7;
}

.about_text_box > ol{
	margin-left: 2.1em;
}

.about_text_gray h3{
	border-bottom: #fff 1px solid;
}

.about_text_gray > p{
	line-height: 1.7;
}

/* サポート */
.support_flex{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 1rem;
}

.support_box{
	width: 12.5rem; /* 200px */
	text-align: center;
}

/* ☆「仕事について」ページ */

/* 業務内容 */
.works_grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3rem;
}

.works_box > div{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - calc(var(--space-n) * 2));
}

.works_box_title{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.works_box_text > ul > li{
	list-style: disc;
	margin-left: 1em;
}

.works_box_text > p:last-child{
	padding-top: 0;
}

.works_another_flex{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: var(--space-n);
}

.works_another_flex > div{
	width: calc(100% - var(--space-n) * 2);
}

.works_another_flex > div > img{
	object-fit: cover;
	aspect-ratio: 16 / 9;
}

/* スケジュール */
.works_schedule > p{
	text-align: center;
}

.works_schedule_items{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.schedule_table{
	width: 100%;
}

.schedule_table > p{
	text-align: center;
}

.schedule_item{
	width: 100%;
	max-width: 12.5rem;
	text-align: center;
	position: relative;
	margin: 0 auto;

}

.schedule_item > span{
	color: #333;
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translate(-50%, -50%);
}

.table_b .schedule_item > span{
	right: auto;
	left: 100%;
	transform: translate(50%, -50%);
}

.down_arrow{
	width: var(--space-n);
	height: var(--space-n);
	background-color: var(--c-blue);
	margin: var(--space-nn) auto;
	position: relative;
	transform: translateY(-50%);
}

.down_arrow::before{
    content: "";
    border: transparent solid var(--space-n);
    border-top-color: var(--c-blue);
    position: absolute;
    top: 80%;
    left: -50%;
}

/* 労働条件 */
.works_conditions_grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-n);
}

.works_conditions_box{
	height: 15.625rem;
	border-left: var(--c-gray) 3px solid ;
	border-bottom: var(--c-gray) 3px solid ;

}

.works_conditions_box > h4{
	display: flex;
	height: 1.5rem;
}

.works_conditions_box > div{
	height: calc(100% - 1.5rem);
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.works_conditions_box > div > p{
	text-align: center;
}

.works_conditions_box > div > a{
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 就労までの流れ */
.works_flow_box{
	width: 100%;
	max-width: 30rem;
	margin: 0 auto;
	border-radius: 10px;
	aspect-ratio: 3 / 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.works_flow_box:last-of-type{
	aspect-ratio: auto;
}

.works_flow_box > a{
	color: var(--c-blue);
	background-color: #fff;
	border-radius: 50px;
}

.works_flow_arrow{
	height: 4rem;
	position: relative;
}

.works_flow_talk{
	display: flex;
	flex-direction: row;
	width: 100%;
	max-width: 30rem;
	margin: 0 auto;
}

.works_flow_talk p{
	width: 100%;
	max-width: 18rem;
	margin: 0 auto;
	border: var(--c-blue) 2px solid;
	border-radius: 10px;
	aspect-ratio: 4 / 1;
	color: var(--c-blue);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.works_flow_talk p::before,
.works_flow_talk p::after{
	width: 1.625rem;
    aspect-ratio: 1 / 1;
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
}

.works_flow_talk p::before{
    z-index: 1;
    background-color: var(--c-blue);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}

.works_flow_talk p::after{
	left: calc(100% - 4px);
    z-index: 2;
    background-color: #fff;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}

/* ☆「事業所について」ページ */
/* 事業所・アクセス */
.office_access_flex{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: var(--space-n);
}

.office_access_box > div{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.office_access_box > div > p:first-child{
	width: 6em;
	flex-shrink: 0;
}

/* 詳細情報 */

.details_table_row{
	display: flex;
	flex-direction: row;
	align-items: center;
	min-height: 4rem;
}

.details_table_row:nth-child(odd){
	background-color: var(--c-whiteg);
}


.details_table_row > p:first-child{
	width: 10em;
	flex-shrink: 0;
}

.details_table_row:last-child{
	flex-direction: column;
}

.details_table_row:last-child > p{
	width: 100%;
	text-align: center;
}

.details_table_row:last-child > p:last-child{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: var(--space-n);
}

.details_table_row:last-child > p > a{
	background-color: #FFF;
	filter: drop-shadow(5px 5px 0 var(--c-gray));
}

.details_table_row:last-child > p > a:hover{
	filter: none;
	transform: translate(5px,5px);
}

.ver_middle{
	vertical-align: middle;
}

/* ☆共通：フッター前のお問い合わせ */
.contact_area{
	width: 100%;
	background-image: url(../images/contact_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

.contact_flex{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.contact_title > h2,
.contact_title > p{
	text-align: center;
}

.contact_box{
	position: relative;
	filter: drop-shadow(16px 16px 0px var(--c-grayw));
}

.contact_box:hover{
	filter:  drop-shadow(4px 4px 0px var(--c-gold));
	transform: translate(8px, 8px);
	opacity: 1;
}

.contact_box > img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
	transform-origin: bottom left;
	aspect-ratio: 1.2 / 1;
}

.contact_box > div{
	width: 13rem;
	text-align: center;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	aspect-ratio: 1.2 / 1;
}

.contact_box > div > p:first-of-type{
	font-weight: 600;
}

.g_map{
	width: 100%;
	aspect-ratio: 16 / 9;
}


@media screen and (max-width:1024px) {
	/* ◇タブレットサイズ */
	/* ☆ヘッダー */
	/* ハンバーガーメニュー関連 */
	.header_nav{
		display: none;
	}

	.header_menu_fixed{
		display: none;
	}

	.hamburger{
		display: block;
		position: fixed;
		z-index: 9999;
	}

	.hamburger_button{
		width: 3rem;
		height: 3rem;
		background-color: #333;
		border: 0;
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 1rem;
		right: 1rem;
		z-index: 9999;
	}

	.hamburger_button > span{
		display: block;
		width: 1.5rem;
		height: 0.2rem;
		background-color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transition: all 0.3s;
	}

	.hamburger_button > span:first-child{
		top: calc(50% - 0.6rem);
	}

	.hamburger_button > span:last-child{
		top: calc(50% + 0.6rem);
	}

	.hamburger_button.open span:first-child {
		top: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.hamburger_button.open span:last-child {
		top: 50%;
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.hamburger_button.open span:nth-child(2) {
		display: none;
	}

	.header_nav_hamburger a{
		color: #FFF;
	}

	.header_nav_hamburger{
		opacity: 0;
		visibility: hidden;
		background-color: rgba(51, 51, 51, 0.9);
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		max-width: 15rem;
		height: 100dvh;
		z-index: 999;
		transition: all 0.5s;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.header_nav_hamburger.open{
		opacity: 1;
		visibility: visible;
		right: 0;
	}

	.header_nav_hamburger ul{
		width: 14rem;
		display: flex;
		flex-direction: column;
		gap:var(--space-n);
		text-align: center;
		list-style: none;
		padding-top: 6.25rem;
	}

	.header_nav_box > p{
		justify-content: flex-start;
	}

	.header_contact_box{
		width: 100%;
		max-width: 13rem;
		color: #333!important;
		font-weight: 600;
		background-color: var(--c-gold);
		border-radius: 50px;
		border: 0;
		justify-content: center;
		align-items: center;
		padding: var(--space-s) var(--space-n);
	}

	.header_contact_box > p:first-child{
		border: 0;
	}

	.menu_blank{
		width: 100%;
		height: 100dvh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		background-color: rgba(51, 51, 51, 0.5);
		opacity: 0;
		visibility: hidden;
		transition: all 0.7s;
	}

	.menu_blank.open{
		opacity: 1;
		visibility: visible;
	}
}

@media screen and (max-width:768px) {
	/*　☆ヘッダー　*/
	header,
	.header_menu_fixed{
		padding: 0 0.5rem;
	}

	.hamburger_button{
		right: 0.5rem;
	}

	.header_nav_hamburger{
		max-width: 100%;
	}

	/* ☆トップページ*/
	/* ファーストビュー */

	.catchcopy{
		width: 95%;
		top: 75%;
		left: 50%;
		filter: drop-shadow(0 0 8px #BBB);
	}

	.slider_pc{
		display: none;
	}

	.slider_mobile{
		display: block;
	}

	/* ビーグルについて */
	.about_flex{
		flex-direction: column;
		align-items: center;
		gap: var(--space-n);
	}

	/* サポート */
	.support_flex{
		flex-direction: column;
		align-items: center;
		gap: var(--space-n);
	}

	.support_box{
		display: flex;
		align-items: center;
		gap: var(--space-xs);
		width: 100%;
		max-width: 22rem;
	}

	/* ☆共通:フッター前のお問い合わせ */
	.contact_flex{
		flex-direction: column;
		align-items: center;
		gap: var(--space-nn);
	}

	.contact_box{
		filter: drop-shadow(12px 12px 0 var(--c-grayw));
	}

	.contact_box > div{
		width: 10rem;
	}

	/* ☆お仕事についてページ */
	.works_grid{
		grid-template-columns: repeat(1, 1fr);
	}

	.works_another_flex{
		flex-direction: column;
		align-items: center;
	}

	.works_another_flex > div{
		width: 100%;
	}

	.remove_br{
		display: none;
	}

	.works_schedule_items{
		flex-direction: column;
		gap: var(--space-xl);
	}

	.schedule_item{
		max-width: 10rem;
	}

	.table_b .schedule_item > span{
		right: 100%;
		left: auto;
		transform: translate(-50%, -50%);
	}

	.works_conditions_grid{
		grid-template-columns: repeat(1, 1fr);
	}

	/* ☆事業所についてページ */
	.office_access_flex{
		flex-direction: column;
		align-items: center;
	}

	.details_table_row:last-child > p:last-child{
		flex-direction: column;
	}
}