@charset "utf-8";

/*

************************************************************************

 グローバルヘッダー

************************************************************************

*/
#logo {
	width: 580px;
	margin: 0 auto;
}
#logo a {
	display: block;
}


#global-header-contents

{

	display: flex;

	align-items: center;

	align-content: center;

	justify-content: flex-start;

	padding:0.5em;


	background-image: url(../../img/header/bg-header-board.png);
	background-repeat: repeat-x;
	background-position: 50% 0;

	height: 142px;

}

#global-header-contents h1

{

	line-height:1.2;

}

#global-header-contents h1 > .main

{

	font-size:1.0em;

	font-weight:bold;



	color:var(--accent-font-color);

}



/* ################################################################################################ */

/* ## TAB                        ################################################################## */

/* ################################################################################################ */

@media screen and (max-width:1040px) {

}



/* ################################################################################################ */

/* ## スマホサイト用スタイル ###################################################################### */

/* ################################################################################################ */

@media screen and (max-width:640px) {
	#global-header {
		position: sticky;
		top: 0;
	}
	#global-header-contents {
		height: 20vw;
	}
}