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


#header{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffff00;
}


.headerphoto {
	width: 100%;
	margin: 0;
}


/*nav*/

.nav {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	padding:0
	overflow:hidden;
	background: #ffffff;
}



/* ▼メニューバーの装飾 */

ul.navmenue {
   margin: 2.0rem 0 0 1.5rem;  /* メニューバー外側の余白 */
   padding: 0; /* メニューバー内側の余白 */
   background-color: #ffffff; /* バーの背景色 */
   z-index: 100;
}

/* ▼メインメニュー項目の装飾 */

ul.navmenue li {
   width: calc(700px/7); /* 各メニュー幅*/  /* メニュー項目の横幅 */
   display: inline-block; /* 横並びに配置する */
   list-style-type: none; /* リストの先頭記号を消す */
   position: relative;    /* サブメニュー表示の基準位置にする */
}

ul.navmenue a {
   display: block;            /* 項目内全域をリンク可能にする */
   font-family: Noto Serif JP;
   background-color: #ffffff; /* メニュー項目の背景色 */
   color: #333333;              /* メニュー項目の文字色 */
   line-height: 0;         /* メニュー項目のリンクの高さ */
   padding: 0;
   font-size: 1.0rem;
   text-align: center;        /* メインメニューの文字列の配置 */
   text-decoration: none;     /* メニュー項目の装飾 */
   font-weight: 500;         /* 太字*/
}

ul.navmenue a:hover {
   background-color: #ffffff; /* メニュー項目にマウスが載ったときの背景色 */
   color: #ff0000;            /* メニュー項目にマウスが載ったときの文字色 */
}


/* ▼サブメニューがある場合に開く処理 */
/* ※サブメニューが1階層しか存在しない場合の記述 */

ul.navmenue li:hover ul {
   display: block;      /* マウスポインタが載っている項目の内部にあるリストを表示する */
}


/* ▼サブメニューの装飾 */


ul.navmenue ul {
   margin: 0;  /* サブメニュー外側の余白 */
   padding: 1.0rem 0 0 0;	/* サブメニュー内側の余白 */
   display: none;	/* 標準では非表示にする */
   position: absolute;	/* 絶対配置にする */
}


/* ▼サブメニュー項目の装飾 */


ul.navmenue ul li {
   width: calc(700px/7);	/* サブメニュー1項目の横幅 */
   border-top: 1px solid #ffffff;	/* 項目上側の枠線 */
}

ul.navmenue ul li a {
   line-height: 2.5rem;	/* サブメニュー1項目の高さ */
   font-size: 1.0rem;
   text-align: center;	/* 文字列の配置 */
   padding-left: 0;	/* 文字列前方の余白 */
   font-weight: 500;	/* 太字*/
}

ul.navmenue ul li a:hover {
   background-color: #0a960a; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #ffff00;            /* サブメニュー項目にマウスが載ったときの文字色 */
}

/*/nav*/


/*ナビ*/



.title {
	display: flex;
	justify-content: space-between;
	margin: 0 0 0 3.5rem;
	padding: 0;
	background: #ffffff;
}

.h1-logo {
	width: 300px;
	margin: 0.5rem 0 -0.5rem 0.5rem;
}


.h1-title {
	font-family: Noto Serif JP;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.0;
	color: #333333;
	margin: 2.0rem 0 1.0rem 2.0rem;
}

.title2 {
	font-weight: 400;
	font-size: 1.0rem;
	color: #333333;
	line-height: 2.0;
	text-align: justify;
	margin: 2.0rem 1.5rem 0 0;
}

.title2:hover {
	color: #ff0000;
}

.title2-2 {
	text-align: center;
	font-size: 1.0em;
	margin: 2rem 0 0 0;
}

.h1-title2-top {
	font-family: Noto Serif JP;
	font-weight: 600;
	font-size: 2.0rem;
	line-height: 2.15;
	color: #ffffff;
	text-align: justify;
	margin: 0 0 0 1.0rem;
}

.title3 {
	text-align: justify;
	text-justify: inter-ideograph;
	margin: 0 2rem 0 0;
}


.yoyaku {
	position: fixed;
	background: #ffffff;
	top: 0;
	right: 0;
	margin: 1.25rem 1.0rem 0 0;
	padding: 0.75rem 1.0rem 0.75rem 0.75rem;
	border: 3px double #000000;
	opacity: 0.9;
}

.p-yoyaku {
	font-weight: 500;
	font-size: 0.8rem;
	color: #333333;
	line-height: 1.0;
	text-align: center;
	margin: 0;
}


@media screen and (min-width: 701px) {

#top-head {
	display: none;
}


.h1-logo2 {
	display: none;
}

.br01{

	display: none;
}

}


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

.title {
	margin: 0 0 0 2.0rem;
}

.h1-title {
	margin: 2.0rem 0 1.0rem 1.0rem;
}

.title2 {
	font-size: 0.8rem;
	margin: 2.5rem 1.0rem 0 0;
}


ul.navmenue a {
   font-size: 0.8rem;
}

ul.navmenue {
   margin: 2.0rem 0 0 1.0rem;  /* メニューバー外側の余白 */
}

ul.navmenue li {
   width: calc(500px/7); /* 各メニュー幅*/  /* メニュー項目の横幅 */
}

ul.navmenue ul li a {
   line-height: 2.0rem;	/* サブメニュー1項目の高さ */
   font-size: 0.8rem;
   margin: 0 1.0rem 0 -1.0rem;
}



}



/* mobile */

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


/*nav*/


#header {
	display: none;
}

#top-head {
	margin: 0;
	z-index: 50;
	position: relative;
}

.h1-logo2 {
	width: 250px;
	margin: 0;
	z-index: 120;
	position: absolute;
	left: 10px;
	top: 25px;
}


.yoyaku {
	display: none;
}


}