@charset "utf-8";

.txtCenter {
    text-align: center;
}
.ttlLeadText{
	font-size:22px;
	font-weight:bold;
}

section h2 {
    color: #666;
    margin: 40px 0 100px 0;
    font-size: 23px;
    text-align: center;
}

.sec1_inner h3 {
    font-size: 23px;
    text-align: center;
    margin-bottom: 45px;
}

.twoColumn {
    margin-bottom: 92px;
}

.twoColumn .left {
    width: 315px;
    text-align: center;
    float: left;
}

.image {
    clear: both;
}

.twoColumn .right {
    width: 615px;
    float: right;
}

section p {
    margin-bottom: 15px;
}
section p.lead {
	text-align:center;
}

.txtBlue {
    color: #0065ba;
}

#section02 .sec1_inner p {
    width: 450px;
    margin: 0 auto;
}

#section02{
	text-align:center;
}

#section02 h2 {
    color: #666;
    margin: 0 0 50px 0;
    font-size: 23px;
    text-align: center;
}

#section02 h3 {
    margin: 0 0 20px 0;
}

#section03{
	margin-bottom:40px;
}

#section03 h2 {
    margin-bottom: 56px;
}

#section03 .sec1_inner .twoColumn {
    margin-bottom: 0px;
}

#section03 .twoColumn .left {
    width: 440px;
    text-align: left;
    margin-bottom:40px;
}

#section03 .twoColumn .right {
    width: 440px;
    text-align: left;
    margin-bottom:40px;
}

#section03 .twoColumn h3 {
    text-align: left;
    margin-bottom: 23px;
}

#section03 .twoColumn h3.number01:before {
    content:"1";
    background-color: #015bb1;
    border-radius: 18px;
    width: 24px;
    padding: 6px;
    margin-right: 10px;
    display: inline-block;
    line-height: 24px;
    color: #FFF;
    text-align: center;
}

#section03 .twoColumn h3.number02:before {
    content:"2";
    background-color: #015bb1;
    border-radius: 18px;
    width: 24px;
    padding: 6px;
    margin-right: 10px;
    display: inline-block;
    line-height: 24px;
    color: #FFF;
    text-align: center;
}

#section03 .twoColumn h3.number03:before {
    content:"3";
    background-color: #015bb1;
    border-radius: 18px;
    width: 24px;
    padding: 6px;
    margin-right: 10px;
    display: inline-block;
    line-height: 24px;
    color: #FFF;
    text-align: center;
}

#section03 .twoColumn h3.number04:before {
    content:"4";
    background-color: #015bb1;
    border-radius: 18px;
    width: 24px;
    padding: 6px;
    margin-right: 10px;
    display: inline-block;
    line-height: 24px;
    color: #FFF;
    text-align: center;
}

.twoColumn:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 767px) {
	
	.ttlLeadText{
		font-size:18px
	}
	img{
		width:100%;
		height:auto;
	}
	
	section {
		width: 100%;
	}
	section p.lead {
		text-align:left;
	}
	section h2 {
		font-size: 18px;
	}
	
	.sec1_inner h3 {
		font-size: 18px;
		text-align: left;
		margin-bottom: 15px;
	}
	
	.twoColumn {
		margin-bottom: 30px;
	}
	
	.twoColumn .left {
		width: 100%;
	}
	
	.twoColumn .right {
		width: 100%;
	}
	
	#section02 .sec1_inner p {
		width: 100%;
	}
	
	#section02 h3 {
		text-align: left;
	}
	
	#section03 h2 {
		margin-bottom: 30px;
	}
	
	#section03 .sec1_inner .twoColumn {
		margin-bottom: 0px;
	}
	
	#section03 .twoColumn .left {
		width: 100%;
	}
	
	#section03 .twoColumn .right {
		width: 100%;
	}
	
	#section03 .twoColumn h3 {
		margin-bottom: 10px;
	}
	

}