@charset "UTF-8";
/* CSS Document */


/* ----------------------------------------- */
/* ヘッダーベース ---------------------------------- */
/* ----------------------------------------- */
.head-outer {
	height: 100px;
	width: 100%;
	z-index: 99999;
	top: 0px;
	position: absolute;
	left: 1px;
	background-image: url(../img/back-blue.jpg);
	background-repeat: repeat;
}
.head-fix {
	position: fixed;
	top: 0;
	left: 0;
	transition: .3s;
}

/* ----------------------------------------- */
/* ヘッダー中 ---------------------------------- */
/* ----------------------------------------- */
.main-nav {
	display: flex;
	justify-content: center; /* 子要素をflexboxにより水平中央に配置する */
	align-items: center;  /* 子要素をflexboxにより垂直中央に配置する */
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	width: 1300px;
}
.main-nav-naka {
	padding-left: 20px;
}
.main-nav-naka:first-child {
	margin-right: auto;
	margin-left: -20px;
}

.main-nav-naka:first-child img{
	height: 100px;
	width: auto;
}
.main-nav-naka img{
	height: 30px;
	width: auto;
	margin-top: 10px;
}

.main-nav-naka img a{
}

.main-nav-naka h2 a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #D8CBAD;
	white-space: nowrap; /*改行させない*/
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 0.1em;
	margin-right: -0.1em;
}

/* ヘッダーリンク（） ---------------------------------- */

.main-nav-naka h2 a {
	position: relative;
	transition: .3s;
	font-weight: 500;
}
.main-nav-naka h2 a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #D8CBAD;
	transition: .3s;
}
.main-nav-naka h2 a:hover::after {
	width: 100%;
}


 @media only screen and (max-width: 1300px) {
/* ----------------------------------------- */
/* ヘッダー中 ---------------------------------- */
/* ----------------------------------------- */
.main-nav {
	width: 95%;
}



}

 @media only screen and (max-width: 1130px) {
/* ----------------------------------------- */
/* ヘッダー中 ---------------------------------- */
/* ----------------------------------------- */
.main-nav-naka h2 a {
	font-size: 15px;
}
}

/* 画面サイズが1024以下の場合に適用 */
@media only screen and (max-width: 1024px) {
/* ----------------------------------------- */
/* ヘッダー中1024 ---------------------------------- */
/* ----------------------------------------- */

.main-nav-naka h2 a {
	font-size: 14px;
	letter-spacing: 0em;
}
}


/* 画面サイズが870以下の場合に適用 */
@media only screen and (max-width: 768px) {
/* ----------------------------------------- */
/* ヘッダーベース 870---------------------------------- */
/* ----------------------------------------- */
.head-outer {
 display: none;
}

}