@charset "utf-8";



@media print,screen and (min-width: 769px) {
	#footer_area{
		margin-top: 10px;
	}
	
/* ---------------------------------------
　index
--------------------------------------- */
	#head_line{
		background-image: url(../img/index_main.jpg);
	}
    #head_line .web_font1 {
        font-size: 42px;
        font-weight: bold;
    }

	#bestrate_wrap{
		background-color: #133263;
		color: #FFF;
		margin: 5px auto 0;
		max-width: 1500px;
	}
	#bestrate_contents{
		margin: 0 auto;
		padding: 100px 0;
		max-width: 800px;
	}
	#bestrate_contents > h2{
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
	}
	#bestrate_contents > h2 + p{
		margin-top: 60px;
		line-height: 2;
	}
	
	
	#bestrate_contents > section > h3{
		border-bottom: 2px solid #7184a1;
		font-size: 20px;
		font-weight: bold;
		padding: 0 10px 20px;
		margin-top: 80px;
	}
	#bestrate_contents > section > p{
		margin-top: 25px;
	}
	#bestrate_contents > section > ul{
		margin-top: 10px;
	}
	#bestrate_contents > section > ul > li{
		margin-top: 5px;
		text-indent: -1em;
		padding-left: 1em;
	}
	#bestrate_contents > section > ul > li:before{
		content: "・";
	}
	
	
		
	.btn{
		margin: 80px auto 0;
		width: 435px;
	}
	.btn br{
		display: none;
	}
	

	
}

@media screen and (max-width:768px) {
	#footer_area{
		margin-top: 5px;
	}
	
/* ---------------------------------------
　index
--------------------------------------- */
	#head_line{
		background-image: url(../img/index_main.jpg);
	}
    #head_line .web_font1 {
        font-size: 30px;
    }
	#bestrate_wrap{
		background-color: #133263;
		color: #FFF;
		margin: 5px auto 0;
		max-width: 1500px;
	}
	#bestrate_contents{
		padding: 40px 15px;
	}
	#bestrate_contents > h2{
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
	}
	#bestrate_contents > h2 + p{
		margin-top: 25px;
		line-height: 2;
	}
	
	
	#bestrate_contents > section > h3{
		border-bottom: 2px solid #7184a1;
		font-size: 18px;
		font-weight: bold;
		padding: 0 10px 20px;
		margin-top: 40px;
	}
	#bestrate_contents > section > p{
		margin-top: 25px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#bestrate_contents > section > ul{
		margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#bestrate_contents > section > ul > li{
		margin-top: 5px;
		text-indent: -1em;
		padding-left: 1em;
	}
	#bestrate_contents > section > ul > li:before{
		content: "・";
	}
	
	
		.btn{
		margin: 40px auto 0;
		width: 100%;
	}

}