/* ノアカスタム */

/* 暫定：テスト用 */
/* パララックス */
.text-parallax{
	background: no-repeat 0 0;
	background-image:url(../images/top/dummy.webp);
	background-size: cover;
	display: inline-block;
	width:100%;
}
.text-parallax-content{
	background: #fff;
	color: #363636;
	font-family: 'Oswald', sans-serif;
	font-size: 3.6em;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	mix-blend-mode: lighten;
	overflow: hidden;
}
/* /パララックス */
/* /暫定：テスト用 */

/* 全体共通定数系 */
@media (min-width: 1200px) {
	:root {
		--vk-width-container: 1080px;
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1080px;
	}
	/* 全画面表示用 */
	section.wide_view,
	div.wide_view{
		margin-left:calc( (1080px - var(--win-width)) / 2 - 15px) !important;
		margin-right:calc( (1080px - var(--win-width)) / 2 - 15px) !important;
		width: auto;
		max-width: none;
	}
}
/* /全体共通定数系 */




/* 全体適応 */
h2,h3{
	border:none;
}
h2::after,h3::after{
	border: none;
}
.wp-block-group .wp-block-heading{
	font-weight: normal;
}

/* ヘッダー */
#header_area{
	position: absolute;
	z-index: 1001;
}
#header_area .site-header-left{
	background-color: #0B3041;
	display: flex;
	flex-flow: column;
	position: absolute;
	height:var(--win-height,100vh);
	width:6.25vw;
	min-width:40px;
	max-width:120px;
}


/*
#header_area .site-header-left .site-header-left-logo{
	background-color: inherit;
	width: 422px;
	margin-left:120px;
}
@media (max-width: 1400px) {
	#header_area .site-header-left .site-header-left-logo{
		background-color: inherit;
		width: 30vw;
	}
}
#header_area .site-header-left .site-header-left-logo h1{
	margin-bottom:0;
	padding:18px 45px 18px 9px;
}
#header_area .site-header-left .site-header-left-logo h1 img{
	margin:0;
}
*/
#header_area .site-header-left .site-header-left-icon{
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin: auto;
	height: 100%;
}
#header_area .site-header-left .site-header-left-icon > div{
	margin:0 auto;
	text-align: center;
	width:80%;
}
#header_area .site-header-left .site-header-left-icon .icon-tel{
	margin-bottom: 75%;
}
#header_area .site-header-left .site-header-left-icon .icon-mail{
	margin-top: 75%;
}
#header_area .site-header-left .site-header-left-icon img{
	width: 100%;
	max-width:60px;
}
#site-header{
	box-shadow: none;
	position: absolute;
}
#top #site-header{
	background-color: transparent;
}
.header_scrolled #site-header {
	font-size:clamp(16px, 1.3vw, 18px);
	max-height: 6.6em;
	position: fixed;
}
#site-header .site-header-container {
	align-items: flex-start;
}
#site-header .site-header-logo{
	background-color: rgba(11,48,65,1.0);
	display: none;
	margin-right: 0;
	margin-bottom:0;
	margin-left: calc((100% - var(--win-width)) / 2 + clamp(40px,6.25vw,120px));
	padding: 18px 45px 18px 9px;
	width:30vw;
	max-width:422px;
}
@media (min-width: 1200px){
	#top.header_scrolled #site-header .site-header-logo,
	.header_scrolled #site-header .site-header-logo{display:none;}
	#top.header_scrolled #site-header .site-header-logo img ,
	.header_scrolled #site-header .site-header-logo img {max-height: 64px;}
}

@media (min-width: 992px) {
	#site-header .site-header-logo{
		display: block;
	}
}
#site-header .site-header-logo a,
#site-header.site-header .nav li a,
#site-header.site-header nav li a{
	color: #000;
	font-weight:normal;
}
/* メニューのカレント・アクティブのコントロール */
#top .site-header nav ul.global-nav-list li.current-menu-item a,
#top .site-header nav ul.global-nav-list li.current_page_item a{
	/* color:#c5a47e; */
	color:#FFF;
}
#top .site-header nav ul li:hover a{
	/* color:#c5a47e !important; */
	color:#FFF !important;
}
/* /メニューのカレント・アクティブのコントロール */
@media (min-width: 992px) {
	#top.header_scrolled #site-header{
		background-color: rgba(11,48,65,1.0);
	}
	#top.header_scrolled .site-header .site-header-logo{
		display:block;
		max-width: 422px;
	}
	#top.header_scrolled .site-body{margin-top:0 !important;}
	#top.header_scrolled .site-header-logo a,
	#top.header_scrolled .site-header .nav li a,
	#top.header_scrolled .site-header nav li a{
		/* color:#340505; */
		color: #000;
		color:#c5a47e;
		/* color:#a27b4d; */
		/* color:#7d5e39; */
		/* color:#333; */
	}
	/* メニューのカレント・アクティブのコントロール */
	#top.header_scrolled .site-header nav ul.global-nav-list li.current-menu-item a,
	#top.header_scrolled .site-header nav ul.global-nav-list li.current_page_item a{
		color: #FFF;
	}
	#top.header_scrolled .site-header nav ul li:hover a{
		color: #FFF !important;
	}
	/* /メニューのカレント・アクティブのコントロール */
}

/* ヘッダーメニュー */
.global-nav--layout--float-right{
	margin-top:1.1em;
}
@media (min-width: 992px) {
	.header_scrolled #site-header .global-nav{
		margin-left: auto;
		margin-right:0;
	}
	.header_scrolled #site-header .global-nav-list{height:calc(100% - 1.1em);}
	.header_scrolled #site-header .global-nav--layout--float-right{
		margin-top:1.1em;
		margin-bottom:1.1em;
	}
	.header_scrolled #site-header .global-nav--layout--float-right ul.global-nav-list{
		margin-top:0.55em;
		margin-bottom:0.55em;
	}
}
.global-nav-list > li::before{
	border-bottom:none;
}
.global-nav-list > li .global-nav-name{
	font-size:18px;
	font-weight: normal;
	letter-spacing: -0.5px;
	text-shadow: RGBA(255,255,255,0.8) 0 0 1em, RGBA(255,255,255,0.8) 0 0 1em;
}
.header_scrolled .global-nav-list > li .global-nav-name{
	text-shadow: RGBA(255,255,255,0.8) 0 0 1em;
}
	
@media (min-width: 992px) {
	.global-nav-list > li .global-nav-name{
		font-size:clamp(16px, 1.3vw, 18px);
	}
}
/* /ヘッダーメニュー */
/* /ヘッダー */


#top .site-body-bottom{
	display:none;
}
.site-body {
	padding: 0;
}
@media (min-width: 992px) {
	.site-body {
		padding: 0;
	}
}
@media (min-width: 1200px) {
	.site-body {
		padding: 0;
	}
}
/* トップページ */
/* トップページスライダー */
ss3-force-full-width div{
	max-height:var(--win-height,100vh);
}
ss3-force-full-width .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls{
	height: 50px;
	visibility: visible;
	width: 100px;
	top: 200px;
}
ss3-force-full-width .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls.n2-ss-slider-controls-absolute-left-center{
	left: 120px;
}
ss3-force-full-width .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls.n2-ss-slider-controls-absolute-right-center{
	left: 440px;
}
/* 明るいスライダーの黒文字を強調 */
ss3-force-full-width .text-shadow > div.n2-ss-text,
ss3-force-full-width .text-shadow > div.n2-ss-text p{text-shadow:white 0 0 0.5em,white 0 0 0.5em,white 0 0 0.5em !important;}
/* /明るいスライダーの黒文字を強調 */
@media (min-width: 992px) {
	/* スライダーの文字サイズ調整 */
	ss3-force-full-width div.n2-ss-text{font-size:clamp(28px, 2.92vw, 56px) !important}
	ss3-force-full-width div.n2-ss-text p{font-size:clamp(20px, 2.08vw, 40px) !important;}
	/* スライダーの文字サイズ調整 */
}
@media (min-width: 1200px){
	#top section{
		margin-top: 75px;
		margin-bottom: 100px;
	}
	.wp-block-group h2.wp-block-heading{
		font-size: calc(1.75rem * 1.7);
		font-weight: normal;
		margin-block-end:105px;
		text-align: center;
	}
	.wp-block-group h3.wp-block-heading{
		font-size: calc(1.3rem * 1.7);
		margin-block-end:50px;
	}
}


/* トップページ：トミナガ技研について */
#about p{
	font-size:calc(1.05rem);
	line-height:2.0;
	margin-block-end: calc(2.5 * var(--vk-margin-element-bottom));
}
#about .wp-block-column p:last-child{
	margin-block-end: 0;
}
/* /トップページ：トミナガ技研について */

/* トップページ：お問合せ */
#top section#contact{
	margin-top: 225px;
}
#contact .section-header {
	position: relative;
	min-height: 173px;
}
#contact .section-title {
	text-align: center;
	margin: 0;
	margin-left: 0.32em;
	position: relative;
	z-index:1;
}
#contact .fade-title-left,
#contact .fade-title-right {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 14.0em;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f3ebe4;
	/* opacity: 1; */
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 0;
	/* top: 0.23em; */
	bottom: -0.075em;
	width: 5.8em;
}
#contact .fade-title-right {
	left: 100%;
}
#contact .fade-title-right {
	left: 72.5%;
}
#contact form,
#contact p,
#contact input,
#contact textarea{
	margin:0;
	width: 100%
}
#contact input:not([type="submit"]),
#contact textarea{
	background-color: #e1e1e1;
	font-size:1.8rem;
}
#contact textarea{
	min-height:11.9rem; 
}
/* /トップページ：お問合せ */

/* サイトフッター */
.site-footer{
	background-color: #0B3041;
	border-top:none;
}
.site-footer-copyright{padding:0.5rem;}
.site-footer-copyright p{color:white;line-height: 1;}
.site-footer-copyright p:last-child{display:none;}
/* /サイトフッター */
/* /ノアカスタム */
/* 一時処置 */
.page_top_btn{display:none !important;}

