@charset "utf-8";
@media (min-width: 768px) {
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	汎用スタイル　＞　何も見つかりませんでした　表示範囲 (2023-04-21)mkw　
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	.error404 .entry-title{
		margin-top:110px;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	汎用　＞　ボタン
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	.gb-button-basic_btn01{
		min-width:270px;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ヘッダー
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	/*logo*/
	.navigation-branding img{
		height: 80px;
    	width: auto;
	}	

	#header-wrap{
		position:absolute;
		min-width:1200px;
	}
	
	.header-wrap{
		min-width:1200px;
	}
	.main-navigation:not(.slideout-navigation){
		padding:0px 15px 0 50px;
	}
	
	/*padding-top以外で位置を指定するとカクつくため*/
	.inside-navigation{
		padding-top:20px;
	}

	#primary-menu{
		background-color:#fff;
		/*角丸の変数を定めて一括で調整できるようにする*/
		--cmn_radius:35px;
		border-radius:var(--cmn_radius);
		box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.2);
	}

	#primary-menu .menu{
		height:70px;
	}

	#primary-menu ul.menu > li{
		display: table;
		position: relative;
		height:100%;
		padding: 20px 1.4vw;
		text-align: center;
		transition: all .5s ease;
	}

	#primary-menu ul.menu > li.hnav_top{
		margin-left:2vw;
	}	

	#primary-menu ul.menu > li.hnav_contact{
		background:url("images/mail.svg") no-repeat center left 1.2vw / 1em var(--company-color);
		border-radius:0 var(--cmn_radius) var(--cmn_radius) 0px;
		padding:0px;
	}
	
	#primary-menu ul.menu:not(.sub-menu) > li > a{
		display: table-cell;
		vertical-align: middle;
		padding:0;
		z-index: 1;
	}
	
	#primary-menu ul.menu > li.hnav_contact > a{
		color:#fff;
		padding:0 1.6vw 0 3.1vw;
		border-radius:0 var(--cmn_radius) var(--cmn_radius) 0px;
	}

	.main-navigation:not(.slideout-navigation) .main-nav ul li a{
		line-height:1;
	}
	
	.navigation-stick:not(.gen-sidebar-nav){
		left:auto;
	}
	
	.sticky-enabled .main-navigation:not(.slideout-navigation).is_stuck {
		box-shadow:none;
	}
	
	/*stikyでロゴ(文字)が付いてこないように変更*/
	.sticky-enabled .main-navigation:not(.slideout-navigation).is_stuck .main-title a{
		display:none;
	}
	
	/*hover カレント表現*/	
	#primary-menu ul.menu:not(.sub-menu) > li:not(.hnav_contact) > a::before{
		content:"\e913";
		font-family: icomoon;
		font-size:2em;
		line-height:1;
		font-weight: normal;
		color:var(--company-color);
		position:absolute;
		top:-15px;
		left:calc(50% - 16px);
		opacity: 0;
		transition: opacity .3s ease;
	}
	
	#primary-menu ul.menu:not(.sub-menu) > li[class*="current-menu"]:not(.hnav_contact) > a::before,
	#primary-menu ul.menu:not(.sub-menu) > li:not(.hnav_contact) > a:hover::before{
		opacity:1;
	}
	
	#primary-menu ul.menu:not(.sub-menu) > li.hnav_contact:hover{
		opacity:.8;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	プロモ
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
	/*タイトルの文字をデバイスのサイズに合わせて可変*/
	#home_promo .since_ttl,
	.home_promo .since_ttl[class*="editor"]{
		font-size:clamp(25px,1.53vw + 6.67px , 36px);
	}
	
	#home_promo h2.ttl,
	.home_promo h2.ttl[class*="editor"]{
		font-size:clamp(50px,1.7vw + 30px , 62px);
	}
	
	#home_promo .sub_ttl,
	.home_promo .sub_ttl[class*="editor"]{
		font-size:clamp(21px,0.7vw + 12.7px , 26px);
	}


}/*メディアクエリ終了*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1366px){
/*下層プロモ*/
.note_page_promo {
	min-height: 350px!important;
}

}/*ノートPC時のCSSブレイクポイント終了*/