@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: 70px;
    	width: auto;
	}	
	
	.main-navigation:not(.slideout-navigation){
		min-width:1200px;
	}
	
	.main-navigation:not(.slideout-navigation){
		padding:0 0 0 30px;
	}
	
	#primary-menu ul.menu > li{
		display: table;
		position: relative;
		height:100%;
		text-align: center;
		transition: all .5s ease;
	}

	#primary-menu ul.menu:not(.sub-menu) > li > a{
		display: table-cell;
		vertical-align: middle;
		z-index: 1;
	}
	
	body.home .main-navigation:not(.slideout-navigation):not(.is_stuck) {
		background-color:transparent;
	}
	
	body.home .main-navigation:not(.slideout-navigation):not(.is_stuck) .main-title a{
		margin-top: 10px;
		color:#fff;
	}
	
	.main-navigation:not(.slideout-navigation) .main-nav > ul{
		column-gap:2.3vw;
	}
	
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li{
		transition:.3s ease;
	}
	
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.hnav_contact) > a{
		padding:18px 0 20px;
		margin:20px auto;
		line-height:1;
		position: relative;
	}
	
	.main-navigation:not(.slideout-navigation).is_stuck ul:not(.sub-menu) > li:not(.hnav_contact) > a{
		padding:10px 0 10px;
	}
	
	body.home .main-navigation:not(.slideout-navigation):not(.is_stuck) ul:not(.sub-menu) > li:not(.hnav_contact) > a{
		color:#fff;
	}
	
	.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item-has-children > a{
		padding-right:0;
	}
	
	.main-navigation:not(.slideout-navigation)  ul.menu > li.hnav_contact > a{
		color:#fff;
		padding:0 2.2vw 0 2.2vw;
		height:70px;
		background-color:var(--company-color);
	}
	
	.main-navigation:not(.slideout-navigation)  ul.menu > li.hnav_contact  > a::before{
		content:"\f003";
		font-family:"icomoon";
		font-weight:normal;
		font-size:1em;
		color:#fff;
		display:inline-block;
		margin-right:10px;
	}

	.main-navigation:not(.slideout-navigation) .main-nav ul li a{
		line-height:1;
	}
	
	.navigation-stick:not(.gen-sidebar-nav){
		left:auto;
	}
	
	/*ホバーカレント表現*/
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.hnav_contact) > a::after{
		content: "";
		display: block;
		width: 0%;
		height: 1px;
		background-color: var(--company-color);
		position: absolute;
		right: 0;
		bottom:0;
		transition: width 1s cubic-bezier(.19,1,.22,1);
		pointer-events: none;
		will-change: width
	}
	
	body.home .main-navigation:not(.slideout-navigation):not(.is_stuck) ul:not(.sub-menu) > li:not(.hnav_contact) > a::after{
		background-color: #fff;
	}
	
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.hnav_contact) > a:hover::after,
	.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.hnav_contact)[class*="current-menu-"] > a::after{
		width:100%;
		left: 0
	}
	
	#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ブレイクポイント終了*/