@charset "utf-8";

/*共通設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* 共通のタイトル設定です */
.title {
	
}

/*①メインビジュアルの設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#mv01{
	/*メインビジュアルの高さ調節*/
	height: 600px;
	/*メインビジュアル画像配置*/
	background: url('img/title.jpeg') no-repeat center 0;
}



/*②メインビジュアルテキスト調節＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#mv_text{
/*
	padding-top: 300px;
	font-size: 50px;
	font-weight: 100;
	font-family: sans-serif;
	color: #fff;
*/
color: #fff;
}


/*③ナビゲーション設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#h_nav {
	/*ナビゲーション色変更*/
	background-color: #08298A;
}

/*カーソルが乗ったときの色、文字色の変更*/
#h_nav li:hover{
	background-color: #fff;
}
#h_nav li:hover a{
	color: #08298A;
}

#nav_btn1{
	/*日本語ボタン色変更*/
	background-color: #fff;
	color: #08298A;
}

#nav_btn1:hover{
	/*日本語ボタンにカーソルが乗ったときの色変更*/
	background-color:#EFF8FB;
}

#nav_btn2{
	/*フランス語ボタン色変更*/
	background-color: #fff;
	color: #08298A;
}

#nav_btn2:hover{
	/*フランス語ボタンにカーソルが乗ったときの色変更*/
	background-color:#EFF8FB;
}


/*④メンバーの自己紹介の設定===================================================================*/

#member{
	/*メンバーの項目の背景画像の設定*/
	background-color: #fff;
	background-size:auto;
	background-repeat:repeat;
}

/* 1人用の設定 */
#solo .comment{
	/* コメント部分の背景色、ボーダー */
	background:#fff;
	border:2px solid #08298A;
}

/* 複数人用の設定 */

#multi ul li{
	/* 1人あたりの横幅 */
	width:200px;
}


/*⑤テーマの選定理由の設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#reason{
	/* 背景画像の設定 */
	background-image: url('img/reason.png');
}

#reason .title{
	/* タイトルの文字色 */
	color:#fff;
}

#reason .inner{
	/* 文字部分の背景色 */
	background-color:rgba(255,255,255,0.8);
	/* 余白 */
	padding:20px;
	/* ボーダー */
	border-radius:10px;
}

#reason .inner p{
	/* 文字の設定 */
}


/*⑥疑問点の設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#questions{
	/*背景色変更*/
	background-color: #08298A;
}

#questions .in_box{
	/* ボックスとボックスの間 */
	margin-bottom:50px;
}

#questions .inner{
	/* 文字部分の背景色 */
	background-color:#fff;
	/* 余白 */
	padding:50px 80px;
}


/*⑦グラフや調査結果の画像配置＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#result{
	background-image:url('img/result.JPG');
}

#result figure{
	/* 画像の横幅*/
	width:800px;
	/* 画像の後ろの背景 */
	background-color:#fff;
}

#result .title{
	color:#fff;
}

#result .in_box{
    color: #fff;
}

/*⑧考察＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#consideration{
	/*背景色変更*/
	/*background-color: #AA2E2D;*/
background-color: #08298A;}

#consideration .in_box{
	/* ボックスとボックスの間 */
	margin-bottom:50px;
}

#consideration .inner{
	/* 文字部分の背景色 */
	background-color:#fff;
	/* 余白 */
	padding:50px 80px;
}



/*⑨まとめ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#resume{
	/* 背景画像の設定 */
	background-image: url('img/resume1.jpeg');
}

#resume .title{
	/* タイトル文字色 */
	color:rgba(71, 30, 34, 0.7);
}

#resume .in_box{
	/* ボックスとボックスの幅 */
	margin-bottom:50px;
	
	/* 背景色の設定 */
	background-color: rgba(71, 30, 34, 0.7);
	/* 余白 */
	padding: 30px;
	/* 角丸 */
	border-radius: 10px;
	/* ボーダー */
	border: 1px solid #fff;
	/* 文字色 */
	color: #fff;
}

/*⑧フッターの設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
footer{
	/* フッターの色 */
	background-color: #08298A;
}

footer small{
	/* フッターの文字の色 */
	color: #fff;
}