@charset "utf-8";


/* =======================================
	共通書式
======================================= */

/* -------------------------------
	書式（共通）
------------------------------- */

#crowdfunding {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#crowdfunding p {
	font-size: 110%;
}

#crowdfunding h1 {
	margin: 0 auto;
	padding: 0 ;
    color: #E60013;
	font-size: 42px;
}

#crowdfunding h2 {
	clear: both;
	margin: 40px 0.5em 20px;
	padding: 10px 0 ;
    color: #E60013;
	font-size: 30px;
	border-color: #E60013;
	display: inline-block; 
	text-align: center;
	line-height: 1.5;
}

#crowdfunding h3 {
	margin: 25px 0;
	padding: 0 ;
    color: #E60013;
	font-size: 22px;
	border-color: #E60013;
	text-align: center;
	line-height: 1.5;
	font-weight: 600;
}

#crowdfunding .subtitle {
	margin: 0 auto 20px;
	padding: 0 ;
    color: #333;
	font-size: 20px;
	font-weight: bold;
}

#crowdfunding .bg {
	background-color: #FFFCE8;
	margin: 0;
	padding: 0;
}

/* -------------------------------
	山大の取り組み?研究室紹介（共通）
------------------------------- */
#crowdfunding .topicsbg {
	width:100%;
	background-color:#fff;
	margin:0 auto 50px;
}

#crowdfunding .topics_torikumi,#crowdfunding .topics_labo {
	width: 640px;
	background-color: #fff;
	margin: 20px auto;
	padding: 0px 30px 20px;
/*	border: 1px solid #DFD295;*/
	border: 2px dotted #E60013;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#crowdfunding .topics_torikumi ul,#crowdfunding .topics_labo ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	font-size:95%;
}


#crowdfunding .topics_torikumi ul li {
	width: 25%;
	float: left;
	margin: 5px auto;
	padding: 0;
	text-align: left;
/*	background-color: #ccc;*/
}

#crowdfunding .topics_labo ul li {
	width: 50%;
	float: left;
	margin: 5px auto;
	padding: 0;
	text-align: left;
}


#crowdfunding .topics_torikumi ul li:before,
#crowdfunding .topics_labo ul li:before {
	font-family: "FontAwesome";
	content: '\f054';
	font-weight: normal;
	font-size: 0.7em;
	color: #E60013;
/*	color: #499700;*/
	padding-right: 5px;
}


/* -------------------------------
	ナビボタン（共通）
------------------------------- */

#crowdfunding ul.navi{
	width: 990px;
	margin: 0 auto;
	padding: 40px 0;
	list-style-type: none;
	text-align:center;
}

#crowdfunding ul.navi li{
	display: inline-block; 
	float: left;
	margin: 0;
	padding: 0;
}

#crowdfunding ul.navi li a{
	width: 310px;
	display: block;
	margin: 10px;
	padding: 12px 0;
	background-color: #E60013;
	border: 2px solid #fff;
	text-decoration:none;
	font-size: 20px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

#crowdfunding ul.navi li a:hover {
	background-color: #fff;
	color: #E60013;
	border: 2px solid #E60013;
}



#crowdfunding ul.navi li a::before,
#crowdfunding ul.navi li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#crowdfunding ul.navi li a,
#crowdfunding ul.navi li a::before,
#crowdfunding ul.navi li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}



/* =======================================
	PC用
======================================= */

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


} /* PC用ここまで */



/* =======================================
	モバイル用（スマホ?タブレット）
======================================= */

@media (max-width: 768px) {

/* -------------------------------
	書式（モバイル）
------------------------------- */


#crowdfunding h1 {
	line-height:1.3;
	font-size: 28px;
}

#crowdfunding h2 {
	line-height:1.3;
	font-size: 24px;
}

#crowdfunding .box800 p {
	width: 95%;
	font-size: 100%;
	text-align: left;
	margin: auto;
}

#crowdfunding .box800 img {
	width: 100%;
	margin: 5px auto;
}

#crowdfunding .sp_95per p {
	width: 95%;
	font-size: 100%;
	text-align: left;
	margin: auto;
}


/* -------------------------------
	山大の取り組み?研究室紹介（モバイル）
------------------------------- */

#crowdfunding .topics_torikumi,#crowdfunding .topics_labo {
	width: 85%;
	margin: 10px auto;
	padding: 0 5%;
}

#crowdfunding .topics_torikumi ul,#crowdfunding .topics_labo ul {
	margin:0 auto;
	padding:0;
}


#crowdfunding .topics_torikumi ul li {
/*	clear: both;*/
	width: 100%;
}

#crowdfunding .topics_labo ul li {
	clear: both;
	width: 100%;
}



/* -------------------------------
	ナビボタン（モバイル）
------------------------------- */

#crowdfunding  ul.navi{
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	text-align:center;
}

#crowdfunding ul.navi li{
	clear: both;
	display: block; 
	width: 100%;
}

#crowdfunding ul.navi li a{
	width: 80%;
	margin: 10px auto;
}




}/* モバイル用ここまで */