@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* SWELL標準ヘッダーを非表示 */
#header.l-header,
#fix_header,
#sp_menu {
	display: none !important;
}

/* =========================================================
 * SWELLメインビジュアル
 * ======================================================= */

#main_visual {
	position: relative;
	min-height: 780px;
	height: 100svh;
	overflow: hidden;
}

/* SWELLの中央コンテナ制限を解除 */
#main_visual .p-mainVisual__textLayer {
	position: absolute !important;
	z-index: 5;
	top: 50% !important;
	right: auto !important;
	bottom: auto !important;
	left: 0 !important;

	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 clamp(24px, 5vw, 78px) !important;

	text-align: left !important;
	text-shadow: none !important;
	transform: translateY(-42%) !important;
}

/* 英語サブタイトル */
#main_visual .p-mainVisual__textLayer::before {
	display: block;
	margin-bottom: 24px;

	color: #bfcd37;
	content: "FORMWORK / CIVIL ENGINEERING";

	font: 700 11px/1.4 Arial, sans-serif;
	letter-spacing: 0.22em;
}

/* メインタイトル */
#main_visual .p-mainVisual__slideTitle {
	margin: 0 !important;

	color: #fff;
	font-family:
		"Yu Mincho",
		"Hiragino Mincho ProN",
		serif !important;
	font-size: clamp(54px, 7vw, 106px) !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
	letter-spacing: 0.08em !important;
}

/* 「礎」のアクセント */
#main_visual .uk-hero-accent {
	color: #bfcd37;
}

/* 説明文 */
#main_visual .p-mainVisual__slideText {
	margin: 22px 0 0 !important;

	color: #fff;
	font-size: 17px !important;
	font-weight: 500;
	line-height: 1.85 !important;
	letter-spacing: 0.12em !important;
}

/* SWELLが自動的に付ける余白を解除 */
#main_visual .p-mainVisual__slideTitle + .p-mainVisual__slideText {
	margin-top: 22px !important;
}

/* タブレット横 */
@media (min-width: 960px) and (max-width: 1180px) {
	#main_visual {
		min-height: 680px;
	}

	#main_visual .p-mainVisual__textLayer {
		padding-right: clamp(28px, 3vw, 40px) !important;
		padding-left: clamp(28px, 3vw, 40px) !important;
	}

	#main_visual .p-mainVisual__slideTitle {
		font-size: clamp(54px, 7vw, 78px) !important;
	}

	#main_visual .p-mainVisual__slideText {
		font-size: 15px !important;
	}
}

/* スマホ・タブレット縦 */
@media (max-width: 959px) {
	#main_visual {
		min-height: 650px;
		height: 100svh;
	}

	#main_visual .p-mainVisual__textLayer {
		top: 48% !important;
		padding-right: 22px !important;
		padding-left: 22px !important;
		transform: translateY(-42%) !important;
	}

	#main_visual .p-mainVisual__textLayer::before {
		margin-bottom: 20px;
		font-size: 10px;
		letter-spacing: 0.16em;
	}

	#main_visual .p-mainVisual__slideTitle {
		font-size: clamp(43px, 12.3vw, 52px) !important;
		line-height: 1.2 !important;
		letter-spacing: 0.055em !important;
	}

	#main_visual .p-mainVisual__slideText {
		margin-top: 20px !important;
		font-size: 14px !important;
		line-height: 1.85 !important;
		letter-spacing: 0.08em !important;
	}
}