@charset "utf-8";

/* ------------------------------
   寄附金募集ページ用CSS
------------------------------ */

#studies-intro { padding-bottom: 1em;}
#studies-intro .content-box .container {
	margin-bottom: 1em;
	padding: 1.5em;
	border: solid 10px #dee6f1;
	overflow: hidden;}
#studies-intro .content-box .container h4 {
	margin-bottom: 1em;
	color: #2457a0;
	line-height: 1.4;
	font-size: 1.2em;
	font-weight: 700;}
#studies-intro .content-box .container h4 span {
	display: block;
	font-size: 0.75em;
	font-weight: 400;}
#studies-intro .content-box .container .photo-box {
	padding-left: 1em;
	padding-bottom: 1em;
	float: right;}
#studies-intro .content-box .container .name {
	margin-bottom: 1em;
	font-size: 1.1em;
	font-weight: 700;}
#studies-intro .content-box .container .name span {
	display: block;
	font-size: 0.8em;
	font-weight: 400;}
#studies-intro .btn a {
	padding: 0.25em 1em;
	border: solid 2px #fff;
	display: inline-block;
	color: #fff;
	background-color: #2457a0;
	border-radius: 5px;}

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

#studies-intro .container {
	margin: 0 1em;
	padding: 1em;
	box-sizing: border-box;
}

}

#studies-detail .content-box .container .photo-box {
	margin: 0 0 1.5em 1em;
	float: right;
	overflow: hidden;
	height: 150px;}
#studies-detail .content-box .container h4 {
	margin-bottom: 1em;
	color: #2457a0;
	line-height: 1.4;
	font-size: 1.2em;
	font-weight: 700;}
#studies-detail .content-box .container h4 span {
	display: block;
	font-size: 0.75em;
	font-weight: 400;}
#studies-detail .content-box .container .name {
	margin-bottom: 1em;
	font-size: 1.1em;
	font-weight: 700;}
#studies-detail .content-box .container .name span {
	display: block;
	font-size: 0.8em;
	font-weight: 400;}
#studies-detail .content-box .container p:first-of-type {
	padding-top: 1.5em;
	border-top: solid 5px #dee6f1;
	float: none;
	clear: both;}
#studies-detail .content-box .container .photo-box2 {
	margin: 0 0 1em 1em;
	padding: 1em;
	border: solid 1px #999;
	float: right;
	width: 300px;
	box-sizing: border-box;}
#studies-detail .content-box .container .w100 {
	margin: 0 auto 1em;
	float: none;
	width: 95%;
}
#studies-detail .content-box .container .w50 {
	margin: 0 auto 1em;
	float: none;
	width: 50%;
}

#studies-detail .content-box .container .photo-box2 img {
	margin-bottom: 0.5em;
	width: 100%;}
#studies-detail .content-box .container .photo-box2 .caption {
	font-size: 0.9em;
	text-align: center;}
#studies-detail .btn {
	margin-bottom: 2em;
	text-align: center;}
#studies-detail .btn a {
	padding: 0.5em 1.5em;
	border: solid 2px #fff;
	display: inline-block;
	color: #fff;
	background-color: #2457a0;
	font-weight: 700;
	border-radius: 5px;}
#studies-detail .studies-list-header {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: dashed 1px #2457a0;
	color: #2457a0;
	font-weight: 700;
	text-align: center;
	font-size: 1.1em;}
#studies-detail .studies-list .name {
	margin-bottom: 0 !important;}

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

#studies-detail .content-box .container .photo-box2 {
	width: 100%;}
}

#studies-specific h4 {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #2457a0;
	font-size: 1.2em;
	font-weight: 700;}
#studies-specific .studies-box { padding-bottom: 2em;}
#studies-specific .studies-box h5 {
	margin-bottom: 1em;
	color: #2457a0;
	font-size: 1.1em;
	font-weight: 700;
	text-align: center;}
	#studies-specific .studies-box .team {
		margin-bottom: 1em;
		font-weight: 700;
		text-align: center;}
	#studies-specific .studies-box .photo-box {
		width: 300px;}
	#studies-specific .studies-box .w100 {
			width: 100%;
	}
	#studies-specific .studies-box .photo-boxR {
		margin: 0 0 1em 1.5em;
		float: right;
		clear: both;}
	#studies-specific .studies-box .photo-boxL {
		margin: 0 1.5em 1em 0;
		float: left;
		clear: both;}
	#studies-specific img { width: 100%;}



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

#studies-specific .studies-box .photo-box {
	margin: 0 0 1em 0;
	float: none !important;
	width: 100%;}
}