/* 【Grid】背景設定用 */
/* 親 */
#grid_hedder {
	width: 100%;
	min-width: 1400px;
	justify-content: center; /* グリッド全体を中央に */
	align-content: start;    /* グリッド全体を上端に */
	display: grid;
	grid-template-columns: 100%; /* 横方向 */
	grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;   /* 縦方向 */
}
/* 子 */
#blank_start {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	background-color : #000;
	color : #FFF;
}
#top_title {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 2 / 3;    /* 縦 */
	background-color : #000;
	color : #FFF;
}
#blank_end {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 3 / 4;    /* 縦 */
	background-color : #000;
	color : #FFF;
}
#backup {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 4 / 5;    /* 縦 */
}
#section1 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 5 / 6;    /* 縦 */
}
#section2 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 6 / 7;    /* 縦 */
}
#section3 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 7 / 8;    /* 縦 */
}
#section4 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 8 / 9;    /* 縦 */
}
#section5 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 9 / 10;    /* 縦 */
}
#section6 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 10 / 11;    /* 縦 */
}
#section7 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 11 / 12;    /* 縦 */
}
#futter1 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 12 / 13;    /* 縦 */
	background-color : #666;
	color : #FFF;
}
#futter2 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 13 / 14;    /* 縦 */
	background-color : #333;
	color : #FFF;
}
#futter3 {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 14 / 15;    /* 縦 */
	background-color : #000;
	/* コピーライト文字列の調整 */
	color : #FFF;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 50px 0px; /* 上下、左右 */
}
/* 【Grid】ヘッダー設定用 */
/* 親 */
#top_title_grid {
	width: 100%;
	min-width: 1400px;
	margin: 0 auto;          /* これが中央揃えの肝です */
	justify-content: center; /* グリッド全体を中央に */
	align-content: start;    /* グリッド全体を上端に */
	display: grid;
	grid-template-columns: 1400px; /* 横方向 */
	grid-template-rows: 100px;   /* 縦方向 */
	padding: 10px 0px; /* 上下、左右 */
}
/* 子 */
#top_title_grid_contents {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	background-color : #000;
	color : #FFF;
	/*border: 1px solid #FFF; */ /* 検証用のライン */
	text-align: center;
}
/* 【Grid】セッション１設定用「簡易自己紹介」 */
/* 親 */
#grid_section1 {
	width: 100%;
	min-width: 1400px;
	margin: 0 auto;          /* これが中央揃えの肝です */
	justify-content: center; /* グリッド全体を中央に */
	align-content: start;    /* グリッド全体を上端に */
	display: grid;
	grid-template-columns: 700px 700px; /* 横方向 */
	grid-template-rows: 700px;   /* 縦方向 */
	padding: 30px 0px; /* 上下、左右 */
	background-image: url('../img/back_photo1.jpg');
	background-attachment: scroll;  /* fixed：固定 / scroll：デフォルト */
	background-size: cover;        /* 隙間なく埋める */
	background-position: center;   /* 中央に合わせる */
	background-repeat: no-repeat;  /* 繰り返し禁止 */
}
/* 子 */
#grid_section1_sub_left {
	width: 100%;
	min-width: 700px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	/* border: 1px solid #000; */  /* 検証用のライン */
	text-align: left;
	padding: 10px;
}
#grid_section1_sub_right {
	width: 100%;
	min-width: 700px;
	grid-column: 2 / 3; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	/* border: 1px solid #000; */  /* 検証用のライン */
	text-align: left;
	padding: 10px;
}
/* 【Grid】セッション２設定用「詳細自己紹介」 */
/* 親 */
#grid_section2 {
	width: 100%;
	min-width: 1400px;
	margin: 0 auto;          /* これが中央揃えの肝です */
	justify-content: center; /* グリッド全体を中央に */
	align-content: start;    /* グリッド全体を上端に */
	display: grid;
	grid-template-columns: 1400px; /* 横方向 */
	grid-template-rows: auto;   /* 縦方向 */
	padding: 30px 0px; /* 上下、左右 */
	background-color: #fffafb; /* ほんのりピンクがかった白 */
}
/* 子 */
#grid_section2_sub {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	/* border: 1px solid #000; */  /* 検証用のライン */
	text-align: left;
	padding: 10px;
}
/* 【Grid】セッション３設定用「イベント予定表」 */
/* 親 */
#grid_section3 {
	width: 100%;
	min-width: 1400px;
	margin: 0 auto;          /* これが中央揃えの肝です */
	justify-content: center; /* グリッド全体を中央に */
	align-content: start;    /* グリッド全体を上端に */
	display: grid;
	grid-template-columns: 1400px; /* 横方向 */
	grid-template-rows: auto;   /* 縦方向 */
	padding: 30px 0px; /* 上下、左右 */
	background-image: url('../img/back_photo2.jpg');
	background-attachment: scroll;  /* fixed：固定 / scroll：デフォルト */
	background-size: cover;        /* 隙間なく埋める */
	background-position: center;   /* 中央に合わせる */
	background-repeat: no-repeat;  /* 繰り返し禁止 */
}
/* 子 */
#grid_section3_sub {
	width: 100%;
	min-width: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	/* border: 1px solid #000; */  /* 検証用のライン */
	text-align: left;
	padding: 10px;
}
/* 【Grid】セッション４設定用「詳細自己紹介２」 */
/* 親 */
#grid_section4 {
	width: 100%;
	min-width: 1400px;
	margin: 0 auto;          /* これが中央揃えの肝です */
	justify-content: center; /* グリッド全体を中央に */
	align-content: start;    /* グリッド全体を上端に */
	display: grid;
	grid-template-columns: 1400px; /* 横方向 */
	grid-template-rows: auto;   /* 縦方向 */
	padding: 30px 0px; /* 上下、左右 */
	background-color: #fffafb; /* ほんのりピンクがかった白 */
}
/* 子 */
#grid_section4_sub {
	width: 100%;
	min-width: 1400px;
	max-hight: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	/* border: 1px solid #000; */  /* 検証用のライン */
	text-align: left;
	padding: 10px;
}
/* 【Grid】セッション５設定用「画像ビュアー用」 */
/* 親 */
#grid_section5 {
	width: 100%;
	min-width: 1400px;
	margin: 0 auto;          /* これが中央揃えの肝です */
	justify-content: center; /* グリッド全体を中央に */
	align-content: start;    /* グリッド全体を上端に */
	display: grid;
	grid-template-columns: 1400px; /* 横方向 */
	grid-template-rows: auto;   /* 縦方向 */
	padding: 30px 0px; /* 上下、左右 */
	background-image: url('../img/back_photo3.jpg');
	background-attachment: scroll;  /* fixed：固定 / scroll：デフォルト */
	background-size: cover;        /* 隙間なく埋める */
	background-position: center;   /* 中央に合わせる */
	background-repeat: no-repeat;  /* 繰り返し禁止 */
}
/* 子 */
#grid_section5_sub {
	width: 100%;
	min-width: 1400px;
	max-hight: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	/* border: 1px solid #000; */  /* 検証用のライン */
	text-align: left;
	padding: 10px;
}
/* 【Grid】セッション６設定用「詳細自己紹介３」 */
/* 親 */
#grid_section6 {
	width: 100%;
	min-width: 1400px;
	margin: 0 auto;          /* これが中央揃えの肝です */
	justify-content: center; /* グリッド全体を中央に */
	align-content: start;    /* グリッド全体を上端に */
	display: grid;
	grid-template-columns: 1400px; /* 横方向 */
	grid-template-rows: auto;   /* 縦方向 */
	padding: 30px 0px; /* 上下、左右 */
	background-color: #fffafb; /* ほんのりピンクがかった白 */
}
/* 子 */
#grid_section6_sub {
	width: 100%;
	min-width: 1400px;
	max-hight: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	/* border: 1px solid #000; */  /* 検証用のライン */
	text-align: left;
	padding: 10px;
}
/* 【Grid】セッション７設定用「ＷＥＢ ＡＰＰ用」 */
/* 親 */
#grid_section7 {
	width: 100%;
	min-width: 1400px;
	margin: 0 auto;          /* これが中央揃えの肝です */
	justify-content: center; /* グリッド全体を中央に */
	align-content: start;    /* グリッド全体を上端に */
	display: grid;
	grid-template-columns: 1400px; /* 横方向 */
	grid-template-rows: auto;   /* 縦方向 */
	padding: 30px 0px; /* 上下、左右 */
	background-image: url('../img/back_photo4.jpg');
	background-attachment: scroll;  /* fixed：固定 / scroll：デフォルト */
	background-size: cover;        /* 隙間なく埋める */
	background-position: center;   /* 中央に合わせる */
	background-repeat: no-repeat;  /* 繰り返し禁止 */
}
/* 子 */
#grid_section7_sub {
	width: 100%;
	min-width: 1400px;
	max-hight: 1400px;
	grid-column: 1 / 2; /* 横 */
	grid-row: 1 / 2;    /* 縦 */
	/* border: 1px solid #000; */  /* 検証用のライン */
	text-align: left;
	padding: 10px;
}