html {
	overflow: auto;
}

body
	{
	font-size: 14px;
	width: 100%;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	line-height: 150%;
	margin:0;
	padding:0;
	background-color:#fcfbe7;
overflow-x: hidden; /* これは特定の要素だけを横幅いっぱいにさせるために必要　*/
	position: relative; /* これは特定の要素だけを横幅いっぱいにさせるために必要　*/
		overflow-y:hidden; 
}


@media screen and (max-width:500px){
body
	{
	font-size: 12px;
}
}


img {
	width: 100%;
	border: 0;
}
	
a img
{
	border: none; 
	outline: none;
}

h1,h2,h3,h4 { margin:0; padding:0; }

a:link
{
	/*text-decoration: underline;*/
	color: #222222;
}

a:visited
{
	/*text-decoration: underline;*/
	color: #222222;
}

a:hover
{
	color: #000;
	text-decoration: none;
}

a:hover img {
	filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

a:active{text-decoration: none;}
a:focus { outline: none; }
a:hover, a:active { outline: 0; }


p { padding:0; margin:0; }

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  


/* 初期margin、padding */
h1 { margin: 0; }
.mgt20 { margin-top: 20px; }
.mgt35 { margin-top: 35px; }
.mgt45 { margin-top: 45px !important;; }
.mgt90 { margin-top: 90px !important; }
.mgb20 { margin-bottom: 20px; }
.mgb30 { margin-bottom: 30px; }
.mgt50 { margin-top: 50px; }
.mgb80 { margin-bottom: 80px; }


/*Contents*/
.Contents {
	width: 960px;
	margin: 0 auto;
	color: #000;
}
.mainvisual { background: url(../images/mainvisual_bk-02.jpg) repeat-x left bottom;
height: 413px; }
.mainvisual .mainimg { max-width: 933px; margin-top: 33px; }
h1 { background: url(../images/h1_bk.png) repeat-x left bottom;
background-size:contain; }
h1 img { max-width: 483px; }
h2 { background: url(../images/h2-ttl_bk.png) repeat-x left bottom;
margin: 0 -500%;
padding: 0 500%;
width: 100%;
background-size:contain;
}
h2.bk2 { background: url(../images/h2-ttl_bk2.png) repeat-x left bottom;
margin: 0 -500%;
padding: 0 500%;
width: 100%;
background-size:contain;
}
h3 img { max-width: 940px; }
h4 { padding: 15px 0; background: #e1e9eb;}
h4 img { max-width:219px }
p.txt { font-size: 18px; color: #3c2517; margin: 50px 0; line-height: 1.4; }
p.txt-fs14 { font-size: 14px; margin-top: 10px; color: #670402; }
p.txt-fs16 { font-size: 16px; margin-top: 10px; color: #452005; }

.cvarea { background: #f9f7d1; margin: 0 -500%;
padding: 0 500%;
width: 100%; }
.cvarea img.button { max-width: 536px; margin: 40px 0 0 }
.cvarea p.to-application { padding-bottom: 40px; }

.container { 
	padding:0;
	margin:auto;
	width:960px;
}

p.txt-box {
	border: 3px solid #452005;
	padding: 30px 85px;
	font-size: 18px;
	color: #452005;
	line-height: 1.5;
}



/* フッター */

#provision { border-top: 1px solid #452005; border-bottom: 1px solid #452005; padding: 35px 0;  }
.item {
	margin: 9px;
	display: block;
}
#provision table { color: #452005; }
#provision table th { font-size: 20px; width: 30%; text-align: center; line-height: 1.4; }
#provision table th td { font-size: 13px; width: 70%; line-height: 1.7;}


#footer {
	background: #1f0404;
	margin: 0 -500%;
	padding: 35px 500%;
	width: 100%;
	border-top: 10px solid #efefef;
}
#footer p.copyright { color: #fff; font-size: 11px }



/* トップへ戻るボタン */
.top {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1;
}

/* Masonry */
.container { 
	padding:0;
	margin:auto;
	width:960px;
}
/* Media Query */
img.h2-001 { max-width: 564px;  }
img.h2-002 { max-width: 584px;  }
img.h2-003 { max-width: 584px; }
img.freeloan { max-width: 733px; margin-top: 30px; }
img.point { max-width: 930px; }
img.fig04-06 { max-width: 299px; }
img.txt01 { max-width: 678px; }
img.txt02 { max-width: 748px; }
img.txt03 { max-width: 736px; }
img.fig07 { max-width: 945px; }
img.fig08-10 { max-width: 302px; }
img.fig11 { max-width: 931px; width: 100% }
img.kasikin { max-width: 838px; }
img.btn { max-width: 339px; }
img.txt04 { max-width: 553px; }
img.top { max-width: 70px;  }
.br-01,.br-02,.br-03 { display: none; }
.mainvisual-sp { display: none; }

.Contents { padding: 0 10px; }
.sp { display: none; }
@media screen and (max-width:980px){
	#Header,#Mvinner,.Contents, .container, h1 img { width:800px; }
	.container .item img { width: 248px; }
	.mainvisual { height: 373px; }
}

@media screen and (max-width:820px){
	#Header,#Mvinner,.Contents, .container, h1 img { width:640px; }
	.container .item img { width: 194px; }
 	.br-01,.br-02 { display: block; }
 	.mainvisual { height: 323px; }
}

@media screen and (max-width:680px){
	#Mainvisualarea { background: #eef0e9 }
	#Header,#Mvinner,.Contents, .container, h1 img { width:480px; }
	.container .item img { width: 142px; }
		p.txt { font-size: 100%; }
		p.txt-fs14 { font-size: 90%; }
		p.txt-fs16 { font-size: 90%; }
		p.txt-box {	font-size: 16px; color: #452005; line-height: 1.3;}
		#provision table th { font-size: 16px; width: 30%; line-height: 1.3  }
		#provision table th td { font-size: 14px; width: 70%; line-height: 1.3;}
		.br-01,.br-02,.br-03 { display: block; }
		.mainvisual { height: 278px; }
}

@media screen and (max-width:500px){
	#Header,#Mvinner,.Contents,.container, h1 img { width:300px;}
	.Contents { padding: 0 10px; }
	.container .item { width: 300px; margin-left: 0px; }
	.container .item img { width: 100%; }
	.mgt90 { margin-top: 45px !important; }
	p.txt { font-size: 12px; margin: 35px 0; }
	p.txt-box {	font-size: 14px; color: #452005; line-height: 1.2; padding: 30px}
		#provision table th { font-size: 14px; width: 40%; line-height: 1.3  }
		#provision table th td { font-size: 9px; width: 60%; line-height: 1.3;}
	img.freeloan { width: 90% }
	h4 { margin-bottom: 10px; }
	.cvarea img.button { margin-top: 20px }
	.cvarea p.to-application { padding-bottom: 20px; }
		#footer { padding-top: 15px; padding-bottom: 15px; }
	#footer .mgt35 { margin-top: 15px; }
	.top { width: 16% !important; }
	img.txt03 { margin-top: -15px; }
	.mainvisual { display: none; }
	.mainvisual-sp { display: block; background: url(../images/mainvisual_bk-02.jpg) repeat-x left bottom;
height: 358px;  }
.mainvisual-sp img { margin-top: 20px; width: 100% }
}

@media screen and (min-width:980px){
	h4 { width: 943px; margin: 0 9px; }
}