@charset "utf-8";

/* CSS Document */

/* ======================================================
	[print]
	@import"../css/test_line.css";
====================================================== */
:root
{
	--max_width				: 100%;
}


/* データの途中で改ページ禁止 */
.page_break_avoid,
/*:is(tr, th, td),*/
:is(h2, h3, h4),
/*li,*/
img,
.PageBreakNo
/*.Item,*/
/*.Chang,*/
/*.ColorBtn,*/
/*.footer_contact,
.Footer
*/
{
	break-inside: avoid-page;
}

dl
{
	display: block;
}


/* ============================================================================================================
	A4・タテ(210×297mm)
------------------------------------------------------------------------------------------------------------ */

@page
{
}
/*
	[231019]　固定すると、印刷ダイアログで「縦向き」「横向き」が選択できなくなる
	size: 210mm 297mm;

	[231019]　margin入れると、プリンタ設定の余白が消える
	margin: 0 auto;
*/

/* ============================================================================================================
	print mode
------------------------------------------------------------------------------------------------------------ */
@media print {

	/* 消す */
	.scroll_btn
	{
		aspect-ratio: 1;
		position: absolute;
		width: 0;
		overflow: hidden;
		display: none;
	}

	.sp,
	.SP
	{
		display: none;
		aspect-ratio: 1;
		position: absolute;
		width: 0;
		overflow: hidden;
		opacity: 0;
	}

	body>*
	{
		font-size: 1.1em;
		font-size: 1.25vw;
	}

	header
	{
		position: relative;
		left: unset;
		right: unset;
		top: unset;
		bottom: unset;
		translate: unset;
	}

	*[class*="wrap"]
	{
		width: 100%;
	}

	.sideArea
	{
		position: absolute;
	}

	img
	{
	}
/*
		max-height: 55vh !important;
		width: auto !important;
*/

	.slider_custom,
	.slider_custom .item>*
	{
		aspect-ratio: 16 / 9;
		max-height: 55vh;
		overflow: hidden;
	}


	/* 改行禁止 */
	.Sitemap .body .Child>ul>li,
	.Sitemap .body>.Wrap
	{
		break-inside: avoid-page;
	}


	/* ============================================================================================================
		custom
	------------------------------------------------------------------------------------------------------------ */


	/* 改行禁止 */
	footer :is(
		.Pride,
		.Get_in_Touch
	)
	{
		break-inside: avoid-page;
	}

	.index main .works>img,
	.ct_item>.body>img,
	.recruit.index main :is(.ct2>*, .ct3)>img
	{
		width: 50%;
	}
	.index main .works>*[class*="wrap"]>*,
	.ct_item>.body>.main,
	.recruit.index main :is(.ct2, .ct3) .body
	{
		width: calc(100% - (50% + var(--gap)));
	}
}