/* 0. リセット 
コメント*/

h1, h2, h3, h4, h5, h6, main, header, footer, section, p, ul, ol, img, hr {
	margin: 0;
}

img {
	display: block;
	/*width: 100%; */
}

hr {
	border-style: solid;
	border-bottom: 0;
}

/* 1. 全体 */

html {
	font-size: 16px; /* 基本の文字サイズ */
	line-height: 2; /* 行間。長さの単位は無く数字のみ */
	font-family: sans-serif; /* 明朝体にしたい場合は「serif」と指定する */
	scroll-behavior: smooth; /* ページ内スクロールをスムースに */
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
}/*k*/

body {
	background-color: #ffffff; /* 背景色 */
	color: #3c4342; /* 文字色 */
	/*padding-top: 60px;  ページ上部の余白 */
	padding-bottom: 60px; /* ページ下部の余白 */
	height: 100%;
}



			
			

/* 2. 構造 */

.main {}

.

.section {
	margin-right: auto; /* 外側の余白（右）：自動 */
	margin-left: auto; /* 外側の余白（左）：自動 */
	margin-bottom: 64px; /* 外側の余白（下） */
	max-width: 800px; /* 最大の幅 */
	padding: 0 30px; /* 内側の余白、上下、左右、の順 */
}

.narrow {
	max-width: 560px; /* 最大の幅 */
}

.full {
	max-width: none; /* 最大の幅：なし */
	padding: 0; /* 余白を0に、横幅いっぱいにする */
}


.clear{
		clear:both;
		}

.center{
      width:500px;
      margin: 0 auto;
    }







/* 各要素に関する指定 */

/* 見出し */

h1, h2, h3, h4, h5, h6 {
						color: #3c4342; /* 文字色 */
						/*font-weight: bold;  文字を太字に */
						/* margin-bottom: 1em; 下部の余白を指定 */
						}

h1 {
	color: #3c4342;
	font-size: 36px; /* 文字サイズ */
	margin-top: 32px;
	margin-bottom: 32px; /* 下部の余白を指定 */
	margin-left: 2em;
	
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #494949;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 20px #06004a;/*左線*/
}

h2 {
	font-size: 32px; /* 文字サイズ */
	/* margin-bottom: 20px; 下部の余白を指定 */
	color: #3c4342;
	/*padding-left: 2em;
	padding-bottom: 2em;
	border-left: 5px solid blue;
	line-height: 1.5;*/
}


h3 {
	color: #3c4342;
	font-size: 20px; /* 文字サイズ */
	margin-bottom: 5px; /* 下部の余白を指定 */
	margin-left: 5em;
}


/* 画像 */

/*img {
		margin-bottom: 16px;  下部の余白を指定
		}*/


/* テキスト */

p {
	font-size: 20px;/*23から変更*/
	margin-bottom: 10px; /* 下部の余白を指定 */
	margin-left: 5em;
	margin-right: 5em;
	margin-top: 0em;
	}


a {
	font-size: px;
	margin-bottom: px; /* 下部の余白を指定 */
	margin-left: em;
	margin-right: em;
	margin-top: em;
	}






.center {
	text-align: center; /* テキストをセンター揃え */
}

.right {
	text-align: right; /* テキストを右寄せ */
}

.left {
	text-align: left; /* テキストを左寄せ */
}



/* 罫線 */

hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border-color: #fced17;
	border-width: 7px;
}

/* ボタン */

.button {
	display: inline-block;
	background-color: #d1d77a;
	padding: 8px 16px;
	color: #fbf4f0;
	text-decoration: none; /* リンクの下線をここでは表示しない */
	border-radius: 10px; /* ボタンの角を丸くする */
}
.box {
	background-color: #ccc2c6;
	color: #22997d;
	padding: 3em;
	padding-left: 6em;
	margin-bottom: 40px;
	width: 80%;
	border: 10px dotted green;
}

li{
	list-style:none;
}



/*細々したやつ*/


/*background-colorは調整用です。後で消す。*/




li{
	list-style: none;
	float:left; /* li横並び */
	padding: 20px 30px;
	}



nav{
	background-color: #e9e9e9;
	/*width: 100%;*/
	}

.header {
		z-index: 9999;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content:space-between;
		}

.header ul {
			background: #e9e9e9;
			/*display: flex;
			width: 100%;
			margin: 0;
			box-sizing: border-box;
			padding: 10px;*/
			}

.header li {
			background: #e9e9e9;
			float: left;
			}





.header-logo{
	font-size: 48px;
	background-color: #473138;
	padding: ;
	color: #fcfcfc;
}



.flex {
  display: flex; /*横並び*/
}

li.fleximg {
		margin:auto;
		margin-left: 10em;
		text-align: center;
		margin-bottom: 6em;
		}
li.fleximgws{
			margin-right: em;
			margin-left:em;
			}

li.yy{
		font-size: 18px;
		margin-left: 5em;
		}

.works{
		padding: 10;/*k*/
		margin: auto;
		text-align:center;
		}
		
ul.works{
		display:flex;
		text-align:center;
		}

li.works{
			display:flex;
			text-align:center;
}


.footer{
		margin-top: 10em;
		}


ul.footer{
		display: flex;
		margin-bottom: none;
		}

.jump{
		margin-left: 5em;
		}

a.jump{
		font-size: 20px;/* pのフォントサイズと揃える */
		}


table{
		margin-left: 5em;
		font-size: 20px;
		}


.open{
		border-left: solid 40px #f4b084;
		margin-left: 10em;
		}

/*プロジェクト紹介ページ*/


.aboutbkk{
		margin-top: 20em;
		margin-bottom: 5em;
		}

.aboutbkk h3{
			margin-left: 5em;
			}
.aboutbkk img{
			margin: auto;
			}
.aboutbkk p{
			margin-top: ;
			}

			
.member{
		margin-left: 10%;
		}

/*ul.member{
		display:flex;
		flex-flow: column;
		margin-bottom: none;
		}*/

.explain{
		margin-top: 8em;
		}

p.explain{
		margin-left: 5em
		
		}


.student{
			width: 678px;
			margin-left: 5em;
			font-size: 20px;
			}

.groupimg{
			margin-left: 7em;
			}