@charset "utf-8";

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *
* *  Basic information:
* *  - CSS guideline: FLOCSS
* *  - Created: 2014-12-22
* *  - Last update: 2014-12-22 by Suzuki
* *
* *  Order of discription:
* *  - Object [ project ]
* *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* ==========================================================================
   Object [ project ]
   ========================================================================== */

/* Main
   ----------------------------------------------------------------- */

body#banner .main__content .lead {
	text-align:center;
}

body#banner #main .banner01 ,
body#banner #main .banner02 {
		margin-top:62px;
		position: relative;
		border:#edf2f9 solid 5px;
		border-radius: 10px !important;
		background-color:#fff;
}

body#banner #main dt {
		width:32.25%;
		margin:-25px auto 0;
		position: relative;
}
body#banner #main dt img,
body#banner #main .banner01 img,
body#banner #main .banner02 img{
		width:100%; height:auto;
}

body#banner #main .banner01 dd ,
body#banner #main .banner02 dd {

}
body#banner #main .banner01 .bannerImg,
body#banner #main .banner02 .bannerImg {
		text-align:center;
		margin:0 auto;
		padding-top:30px;
}
body#banner #main .banner01 .bannerImg  img{
		width:50.32%; height:auto;
		margin:0 auto;
}
body#banner #main .banner02 .bannerImg  img{
		width:25.26%; height:auto;
		margin:0 auto;
}

body#banner #main .banner01 .sourseTxt,
body#banner #main .banner02 .sourseTxt {
		width:87.9%;
		margin:30px auto 0;
		padding:20px;
		background-color:#edf2f9;
		border:#cdd3d7 solid 1px;
		color:#667984;
		word-wrap: break-word;
}
h5 {
	display: block;
	margin: 0 auto;
	text-align: center;
    background-color: #137ec2;
	color: #fff;
	border-radius: 6px;
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-size: 131%;
}

.toTop {
		margin-top:50px;
}

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

	body#banner #main .banner01,
	body#banner #main .banner02 {
			width:98.5%;
	}
	body#banner #main dt {
		width:58.94%;
		margin:-30px auto 0;
		position: relative;
	}
	body#banner #main .banner01 .bannerImg  img{
		width:61.92%; height:auto;
	}
	body#banner #main .banner02 .bannerImg  img{
			width:41.52%; height:auto;
			margin:0 auto;
	}
}
@media only screen and (max-width: 640px) {
	body#banner .main__content .lead {
		width:93.5%;
		text-align:left;
	}

	body#banner #main .banner01 ,
	body#banner #main .banner02 {
			width:93.5%;
	}
	body#banner #main dt {
		width:78.94%;
		margin:-22px auto 0;
		position: relative;
	}
	body#banner #main .banner01 .bannerImg  img{
		width:81.92%; height:auto;
	}
	body#banner #main .banner02 .bannerImg  img{
			width:41.52%; height:auto;
			margin:0 auto;
	}
	h5 {
		display: block;
		margin: 0 auto;
		text-align: center;
	    background-color: #137ec2;
		color: #fff;
		border-radius: 6px;
		width: 180px;
		height: 40px;
		line-height: 40px;
		font-size: 108%;
	}
}