@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);
@import url("../common/common.css");
@import url("../common/base.css");


/*----- トップページ 設定 ----------------------------------------------------*/

div#home_img { width:100%; position:relative; }


/*----- INFORMATION 設定 ----------------------------------------------------*/

section#intro { width:100%; padding:50px 0; background-color:#eef6fb; overflow:hidden; }

section#intro h2{ font-size:20px; font-weight:300; font-family: 'Roboto', sans-serif; color:#327ab0; text-align:center; line-height:30px; }

section#intro p{ width:100%; padding:50px 0 0 0; color:#333; text-align:center; line-height:2.2em; overflow:hidden; }


/*----- INFORMATION 設定 ----------------------------------------------------*/

section#information { width:100%; padding:50px 0; margin:80px 0 30px 0; background-color:#eef6fb; overflow:hidden; }

section#information h2{ color:#222; text-align:center; }

ul.news_list { width:50%; margin:20px 25% 10px 25%; overflow:hidden; }
ul.news_list li{ width:94%; height:40px; padding:0 3%; margin-bottom:10px; line-height:40px; border-bottom:dotted 1px #aaa; float:left; }

ul.news_list li a{ width:100%; height:40px; color:#333; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:block; }
ul.news_list li a:hover{  }


/*----- PROJECT 設定 ----------------------------------------------------*/

section#project { width:100%; padding:50px 0; margin:80px 0 30px 0; background-color:#eef6fb; overflow:hidden; }

section#project h2{ color:#222; text-align:center; }

article.project_wrap { width:21%; margin:20px 2%; text-align:center; float:left; }
article.project_wrap h3{ width:100%; padding:2px 0; font-size:2.0em; font-family:'Oswald', sans-serif; font-weight:300; color:#222; }
article.project_wrap p{ width:100%; padding:2px 0; font-size:0.8em; color:#555; }
article.project_wrap img{ width:90%; }
div.read_more { width:90%; padding:5px 5%; text-align:right; }
div.read_more a{ color:#222; }
div.read_more a:hover{ color:#3aa5de; }


/*----- SOCIAL MEDIA 設定 ----------------------------------------------------*/

section#sns { width:100%; padding:30px 0; margin:80px 0 30px 0; background-color:#eef6fb; overflow:hidden; }

section#sns h2{ color:#222; text-align:center; }

ul.sns_list { /* width:315px; */width:105px; margin:20px auto; overflow:hidden; }
ul.sns_list li{ width:65px; margin:0 20px; text-align:center; float:left; }


/*----- 900px以下の画面設定 ----------------------------------------------------*/

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

	article.project_wrap { width:46%; }

}


/*----- 650px以下の画面設定 ----------------------------------------------------*/

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

	div#pagewrap > p{ width:96%; padding:30px 2% 80px 2%; text-align:left; }

	section#intro p{ width:96%; padding:30px 2%; text-align:left; line-height:1.8em; }

	ul.news_list { width:94%; margin:20px 3% 10px 3%; font-size:0.8em; }

	article.project_wrap { width:96%; }
	article.project_wrap img{ width:70%; }

	ul.sns_list { width:90%; margin:20px 4% 20px 6%; }
	ul.sns_list li{ width:27%; margin:0 3%; }

}