@charset "utf-8";


h1.page_title{
	text-align: center;
	padding:40px 0 0 0;
	margin:0 0 26px 0;
	font-size:190%;
	font-weight: bold;
	line-height: 1.3;
}
.page_subtitle{
	font-size:150%;
	margin:0 0 14px 0;
	padding:0;
	line-height: 1.3;
}


.sect1 h3{
	font-size:120%;
	font-weight: bold;
}

.sect1 h3.escape{
	padding:6px;
	text-align: center;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;
	background:#9bcae5;
	font-size:110%;
}

.sect1 p{
	margin-bottom: 20px;
}


.sect2 nav ul{
	overflow: hidden;
	margin:0 0 30px 0;
}
.sect2 nav ul li{
	float:left;
	width:47%;
	text-align: center;
    border-radius: 16px;        /* CSS3草案 */  
    -webkit-border-radius: 16px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 16px;
	background:#666;
	padding:4px 1%;
}
.sect2 nav ul li a{
	color:#fff;
}
.sect2 nav ul li a i{
	margin-left:5px;
}
.sect2 nav ul li:nth-child(2n){
	float:right;
}

#case1{
	margin-bottom: 40px;
}
#case1 h1,
#case2 h1{
	font-size:120%;
	text-align: center;
	margin-bottom:20px;
	border-top: solid 2px #aaa;
	border-bottom: solid 1px #aaa;
	font-weight: bold;
	padding:8px 0;
}
#case1 div{
	position: relative;
	margin:0 30px 12px 30px;
}
#case1 div h2{
    border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;
    background:#9bcae5;
    text-align: center;
    line-height: 60px;
    width:60px;
    height:60px;
    padding:0;
    font-size:106%;
    font-weight: bold;
}
#case1 div p{
	position: absolute;
	top:0;
	left:62px;
	padding-top:7px;
}
#case1 div p a{
	color: #026eac;
}
#case1 div p a:hover{
	text-decoration: underline;
}
#case1 p.alert{
	margin:0 30px 12px 30px;
	padding-top:8px;
	border-top:dotted 1px #aaa;
	font-size:90%;
}


#case2 div.elv_wrapper{
	overflow: hidden;
	margin-bottom: 40px;
}
#case2 div.elv_wrapper .elv{
	float:left;
	width:49%;
	height:380px;
	background:#efefef;
	padding-bottom: 1em;
}
#case2 div.elv_wrapper .elv p{
	height:5em;
}
#case2 div.elv_wrapper .elv1 p strong{
	font-weight: bold;
	color:#0871ad;
}
#case2 div.elv_wrapper .elv2{
	float:right;
}
#case2 div.elv_wrapper .elv h3{
	background:#9bcae5;
	padding:10px 0;
	text-align: center;
	font-weight: bold;
}
#case2 div.elv_wrapper .elv h4{
	margin-bottom:4px;
}








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


	.sect2 nav ul li{
		float:none;
		width:96%;
		margin-bottom:14px;
		line-height: 1.2;
	}
	.sect2 nav ul li:nth-child(2n){
		float:none;
	}


	#case1 div h2{
		margin:0 auto 12px auto;
	}
	#case1 div p{
		position: relative;
		top:auto;
		left:auto;
		padding-top:0;
	}


	#case2 div.elv_wrapper .elv{
		float:none;
		width:100%;
		height:auto;
	}
	#case2 div.elv_wrapper .elv p{
		height:auto;
	}
	#case2 div.elv_wrapper .elv1{
		margin-bottom: 20px;
	}
	#case2 div.elv_wrapper .elv2{
		float:none;
	}

	main .sect p, main .sect h4, main .sect address {
    	padding: 0 20px;
	}
}