@charset "utf-8";

/* CSS Document */

:root
{
	--copy_h					: 5em;
}


/* ------------------------------------------------------------------------------------------------------------
	<block>
------------------------------------------------------------------------------------------------------------ */
.index main .about .txt,
.services.detail main .mission .main,
.works.detail main .gaiyou .main,
.recruit.index main .ct .main,
.form main .mail_form>.txt
{
	padding-left: var(--note);
}


/* ------------------------------------------------------------------------------------------------------------
	<logo>
------------------------------------------------------------------------------------------------------------ */
footer .logo_tate
{
	display: flex;
	align-items: baseline;
	gap: 0.5em;
}

footer .logo_tate>span
{
	display: flex;
	align-items: baseline;
	gap: 0.5em;
}

/* ------------------------------------------------------------------------------------------------------------
	<SNS>
------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------
	<header>
------------------------------------------------------------------------------------------------------------ */
header
{
}


.Harea .page_head
{
	grid-template-columns: unset;
}

.page_head .lead
{
	justify-content: initial;
}

:where(.page_head .title, main h2, .h2)>b
{
	font-size: 1.5em;
}

:where(.page_head .title) em
{
	font-size: smaller;
}


/* パンくず */
.breadcrum
{
	display: none;
}
.breadcrum>*
{
	font-size: inherit;
}

/* ------------------------------------------------------------------------------------------------------------
	<global menu>
------------------------------------------------------------------------------------------------------------ */
.global
{
}


/* ------------------------------------------------------------------------------------------------------------
	<main>
------------------------------------------------------------------------------------------------------------ */
main
{
}


/* ------------------------------------------------------------------------------------------------------------
	<sideArea>
------------------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------------------
	<footer>
------------------------------------------------------------------------------------------------------------ */
footer
{
}


/* ------------------------------------------------------
	<footer>　誇りと共に、歩む。
*/
footer .Pride
{
}

footer .Pride .slider_custom .item>*
{
	aspect-ratio: 1;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: unset;
}
footer .Pride .slider_custom .slick-slide .photo:nth-child(1)
{
	grid-column: span 2;
	grid-row: unset;
}
footer .Pride .slider_custom .slick-slide .photo:not(:nth-child(1))
{
	aspect-ratio: 4 / 3;
}

footer .Pride .main
{
	width: 80%;
}


/* ------------------------------------------------------
	<footer>　ロゴ部～
*/
footer>*[class*="wrap"]
{
	grid-template-columns: unset;
	gap: var(--gap);

	margin-bottom: calc(0em - var(--padding));
}


footer .information
{
	display: grid;
	justify-content: center;
	justify-items: center;
	gap: 0;
}

footer .information .site_address
{
	display: flex;
	align-items: center;
	gap: 0.5em;
}

footer .information .site_address .zip
{
	font-size: inherit;
}
footer .information .site_address .address
{
	font-size: inherit;
}


footer>*[class*="wrap"]>img
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;

	height: calc(100% + 5em);

	opacity: 0.15;
}


footer>*[class*="wrap"]>ul>.global>ul
{
	justify-self: center;
	gap: 0;
}


footer .copy
{
	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;
	translate: unset;

	display: grid;
	align-items: center;
	
	height: var(--copy_h);

	text-align: center;
}


/* ------------------------------------------------------------------------------------------------------------
	お問い合わせ
	<footer>
------------------------------------------------------------------------------------------------------------ */
footer .Get_in_Touch
{
}

footer .Get_in_Touch .body>ul
{
	grid-template-columns: unset;
	gap: var(--gap);
}

footer .Get_in_Touch .body>ul>li
{
	aspect-ratio: unset;
}


/* ------------------------------------------------------------------------------------------------------------
	お問い合わせ
------------------------------------------------------------------------------------------------------------ */
.form main .mail_form
{
	grid-template-columns: unset;
}

.form main .note
{
	grid-column: unset;
}



.form main .tel .note>*:has(.num)
{
	font-size: 5vw;
}


/* ------------------------------------------------------------------------------------------------------------
	index
------------------------------------------------------------------------------------------------------------ */
#index
{
}

#index main a:has([class*="icon_"])
{
	justify-self: end;
}


/* ------------------------------------------------------------------------------------------------------------
	[index]　会社概要「信頼を築き、街の未来を支える。」
	[260319-1712/260323-0930]校正　pic1枚削除による構成変更
------------------------------------------------------------------------------------------------------------ */
.index main .about
{
}

.index main .about .body
{
	grid-template-columns: unset;
}

.index main .about .item3
{
	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;

	width: auto;
	width: 65%;

	margin-left: auto;
}

.index main .about .body .img
{
	order: 2;
}

.index main .about .item1
{
	aspect-ratio: unset;
}
.index main .about .item2
{
	width: 65%;
	margin-top: calc(0em - (var(--gap)* 5));
}


.index main .about .main
{
	order: 1;
}

.index main .about .txt
{
	width: auto;
}

/* [260319-1712/260323-0930]校正　pic1枚削除による構成変更 */
.index main .about .footer
{
	justify-content: end;
}
.index main .about .footer .item3
{
	display: none;
}

.index main .about .body+.item3
{
	display: block;
}



/* ------------------------------------------------------------------------------------------------------------
	[index]　事業案内「街を支える、確かな手応え。」
------------------------------------------------------------------------------------------------------------ */
.index main .services
{
}

.index main .services>*[class*="wrap"]
{
}

.index main .services>*[class*="wrap"] h2
{
	order: 1;
}
.index main .services>*[class*="wrap"] .main
{
	order: 3;

	justify-self: center;

	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;
	translate: unset;
}
.index main .services>*[class*="wrap"] .list
{
	order: 2;
}


.index main .services .list
{
	display: grid;
}

.index main .services .list a
{
	aspect-ratio: 640 / 320;

	display: grid;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;
	gap: 0;
}

.index main .services .list img
{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	height: 100%;
}

.index main .services .list :is(.title, .lead)
{
	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;
	translate: unset;
}

.index main .services .list .title
{
	writing-mode: unset;
	-ms-writing-mode: unset;
	text-orientation: unset;
}

/* ------------------------------------------------------------------------------------------------------------
	[index]　施工実績「街の風景を、新しく書き換える。」
------------------------------------------------------------------------------------------------------------ */
.index main .works
{
	--img_w					: 46em;
}


.index main .works>img
{
	order: 2;

	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;
	translate: unset;
	
	width: auto;
	height: auto;
}

.index main .works>*[class*="wrap"]>*
{
	order: 1;

	width: auto;
}

.index main .works .main .txt
{
	width: auto;
}


/* ------------------------------------------------------------------------------------------------------------
	会社概要
	about/
------------------------------------------------------------------------------------------------------------ */
.about
{
}


/* ------------------------------------------------------
	[会社概要]　「一生の成長」を、この街の礎に。
*/
.about main .Message
{
}

.about main .Message>.body>img
{
	order: 2;

	aspect-ratio: unset;

	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;

	width: auto;
	height: auto;
}

.about main .Message>.body>*[class*="wrap"]
{
	order: 1;
}

.about main .Message .body .note
{
	width: auto;
	
	margin: unset;
	margin-top: var(--gap);
	padding: unset;
}
/*
[260319-1712/260323-0930]校正　構成変更
.about main .Message>img
{
	order: 2;

	aspect-ratio: unset;

	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;

	width: auto;
}

.about main .Message>*[class*="wrap"]
{
	order: 1;
}

.about main .Message h2, .about main .Message .note
{
	width: auto;
	margin: unset;
}
*/


/* ------------------------------------------------------
	[会社概要]　会社情報
*/
.about main .Corporate_Data
{
}

.about main .Corporate_Data .map iframe
{
	height: auto;
}


/* ------------------------------------------------------------------------------------------------------------
	事業案内
	services/
------------------------------------------------------------------------------------------------------------ */
.services
{
}


.ct_item>.body
{
	display: grid;
}

.ct_item>.body>img
{
	order: 2;
}

.ct_item>.body>.main
{
	order: 1;
	width: auto;
}

.ct_item>.body>.main>*
{
	width: auto;
	justify-self: unset !important;
}

/*
.ct_item.odd
{
}
.ct_item.odd>.body>img
{
}
.ct_item.odd>.body>.main
{
}

.ct_item.even
{
}
.ct_item.even>.body>img
{
	order: 2;
}
.ct_item.even>.body>.main
{
	order: 1;
}
.ct_item.even>.body>.main>*
{
	justify-self: end;
}
*/


/* ------------------------------------------------------------------------------------------------------------
	事業案内 / 詳細
	services/detail.php
------------------------------------------------------------------------------------------------------------ */
.services.detail
{
}

/* ------------------------------------------------------
	[事業案内 / 詳細]　施工概要
*/
.services.detail main .mission
{
}

.services.detail main .mission>*[class*="wrap"]
{
	grid-template-columns: unset;
}

.services.detail main .expertise table :where(th, td):has(img)
{
	position: absolute;
	right: 0;
	top: 50%;
	translate: -0% -50%;

	width: calc(var(--gap) * 5);

	border-bottom-width: 0;
}

.services.detail main .expertise table .photo_type :where(th, td):not(:has(img))
{
	padding-right: calc((var(--gap) * 5) + var(--gap));
}

/*
.services.detail main .expertise table :where(tr)
{
	grid-template-columns: 1fr calc(var(--gap) * 5);
}

.services.detail main .expertise table :where(th, td):nth-child(1)
{
	order: 1;
	
	padding-right: var(--gap);
	padding-bottom: 0;
	border-bottom-width: 0;
}
.services.detail main .expertise table :where(th, td):nth-child(2)
{
	order: 3;

	padding-right: var(--gap);
}
.services.detail main .expertise table :where(th, td):has(img)
{
	order: 2;

	grid-row: span 2;

	display: grid;
	align-items: center;

}
*/

/* ------------------------------------------------------
	[事業案内 / 詳細]　施工の流れ
*/
.services.detail main .process
{
}

.services.detail main .process table .item
{
	grid-template-columns: 6em 1fr;
	border-bottom-width: 1px;
	border-color: rgb(var(--theme));
}

.services.detail main .process table .num
{
	grid-row: span 2;
	align-self: center;
	border-bottom-width: 0;
}

.services.detail main .process table th
{
	border-bottom-width: 0;
	padding-bottom: 0;
}
.services.detail main .process table td
{
	border-bottom-width: 0;
}


/* ------------------------------------------------------------------------------------------------------------
	施工実績
	works/
------------------------------------------------------------------------------------------------------------ */
.works
{
}


/* ------------------------------------------------------
	[施工実績]
	works/index.php
------------------------------------------------------ */
.works.index
{
}

.works.index main .category_btn
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.works.index main .list
{
	grid-template-columns: repeat(2, 1fr);
}


/* ------------------------------------------------------
	[施工実績] / 詳細
	works/detail.php
------------------------------------------------------ */
.works.detail
{
}

.works.detail .page_head .category_list
{
	justify-self: end;

	position: relative;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;

	margin-top: -1.5em;
}


/* ------------------------------------------------------
	[施工実績 / 詳細]　施工概要
*/
.works.detail main .gaiyou
{
}

.works.detail main .gaiyou>*[class*="wrap"]
{
	grid-template-columns: unset;
}


/* ------------------------------------------------------
	[施工実績 / 詳細]　施工写真
*/
.works.detail main .gallery .main .list
{
	grid-template-columns: unset;
}


/* ------------------------------------------------------------------------------------------------------------
	プライバシーポリシー
	privacy/
------------------------------------------------------------------------------------------------------------ */
.privacy .Harea
{
	display: none;
}


/* ------------------------------------------------------------------------------------------------------------
	サイトマップ
	sitemap/
------------------------------------------------------------------------------------------------------------ */
.sitemap .Harea
{
	display: none;
}