@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. base
　01. 


******************************************************************************* */



/* ==

　00. base

=============================================================================== */

#main h2{ margin-bottom:10px; }
#main h3{ margin-bottom:10px; }

p em{ font-weight:bold; }
#main p.leadTxt{ padding:45px 0 50px; text-align:center; }
#main p.leadTxt.mobile{ padding:15px 0 30px; }

#main div.mainimg{ width:680px; margin:0 auto 40px; }
#main div.mainimg img{ margin-bottom:10px; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	p.leadTxt{ padding:20px 0 40px; }

}








/* ==

　01. 

=============================================================================== */


.whyBlock{ margin-bottom:40px; zoom:1; clear:both; }
.whyBlock .col1{ width:29%; margin-right:2%; float:left; }
.whyBlock .col2{ width:36%; margin-right:4%; float:left; }
.whyBlock .col3{ width:28%; float:left; }

.whyBlock .col2 p.txt{ padding:0 10% 0 15%; }




.resetBlock{
	margin-bottom:50px;
	padding-left:25px;
	border-left:1px solid #999;
	zoom:1;
	clear:both;
}
.resetBlock .colW{ width:51%; float:left; }
.resetBlock .colN{ width:43%; float:right; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 900px) {
	.whyBlock .col1{ width:48%; margin-right:4%; }
	.whyBlock .col2{ width:48%; margin-right:0; }
	.whyBlock .col3{ width:48%; margin-right:4%; float:left; }
}
@media only screen and (max-width: 640px) {
	.whyBlock .col1, .whyBlock .col2{ width:auto; margin-bottom:15px; margin-right:0; float:none; }
	.whyBlock .col3{ width:auto; margin-right:0; float:none; }
	.whyBlock .col2 p.txt{ padding:0; }

	.resetBlock{ padding-left:15px; }

}

@media only screen and (max-width: 540px) {
	.resetBlock .colW{ width:auto; margin-bottom:15px; float:none; }
	.resetBlock .colN{ width:auto; text-align:center; float:none; }
}







.ftr_storage{
	padding-top:30px;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}

.ftr_storage em{ font-weight:bold; }



.ftr_storage .storageBlock01{
	margin-bottom:40px;
	zoom:1;
	clear:both;
}

.ftr_storage .storageBlock01 .col1{
	width:25%;
	padding-top:135px;
	margin-right:1.5%;
	font-size:14px;
	line-height:1.4;
	position:relative;
	float:left;
}
.ftr_storage .storageBlock01 .col2{
	width:43%;
	margin-right:1.5%;
	float:left;
}
.ftr_storage .storageBlock01 .col3{
	width:27%;
	padding-top:80px;
	font-size:14px;
	line-height:1.4;
	float:left;
}


.ftr_storage .storageBlock01 .col1 .col1_1{ margin-bottom:80px; }
.ftr_storage .storageBlock01 .col3 .col3_1{ margin-bottom:80px; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 950px) {
	.ftr_storage .storageBlock01 .col1{ padding-top:115px; }

	.ftr_storage .storageBlock01 .col1 .col1_1{ margin-bottom:60px; }
	.ftr_storage .storageBlock01 .col3 .col3_1{ margin-bottom:60px; }
}
@media only screen and (max-width: 900px) {
	.ftr_storage .storageBlock01 .col3{ padding-top:60px; }
	.ftr_storage .storageBlock01 .col1 .col1_1{ margin-bottom:30px; }
	.ftr_storage .storageBlock01 .col3 .col3_1{ margin-bottom:40px; }
}
@media only screen and (max-width: 840px) {
	.ftr_storage .storageBlock01 .col1{ padding-top:80px; }
}
@media only screen and (max-width: 780px) {
	.ftr_storage .storageBlock01 .col1{ padding-top:50px; }
	.ftr_storage .storageBlock01 .col3{ padding-top:40px; }
}
@media only screen and (max-width: 740px) {
	.ftr_storage .storageBlock01 .col1{ padding-top:25px; }
	.ftr_storage .storageBlock01 .col3{ padding-top:20px; }
	.ftr_storage .storageBlock01 .col3 .col3_1{ margin-bottom:20px; }
}
@media only screen and (max-width: 660px) {
	.ftr_storage .storageBlock01 .col1{ padding-top:0px; }
	.ftr_storage .storageBlock01 .col3{ padding-top:0px; }
	
	.ftr_storage .storageBlock01{ margin-bottom:20px; }
	.ftr_storage .storageBlock01 .colBlock{ min-width:640px; display:table; }
	.ftr_storage .storageBlock01 .col1{ display:table-cell; }
	.ftr_storage .storageBlock01 .col2{ display:table-cell; }
	.ftr_storage .storageBlock01 .col3{ display:table-cell; }
	
	
	.ftr_storage .storageBlock01 .wrapper{
		/*width:100%;
		min-width:640px;*/
		overflow-x:auto;
		padding-bottom:10px;
		/* -webkit-overflow-scrolling: touch; */
		clear:both;
	}
	.ftr_storage .storageBlock01 .wrapper::-webkit-scrollbar{
		height: 5px;
	}
	.ftr_storage .storageBlock01 .wrapper::-webkit-scrollbar-track{
		background: #f2f2f2;
	}
	.ftr_storage .storageBlock01 .wrapper::-webkit-scrollbar-thumb {
		background: #666;
	}
	
	
}
@media only screen and (max-width: 600px) {
}









.ftr_storage .storageBlock02{
	width:48.5%;
	margin-bottom:40px;
	padding-top:30px;
	border-top:1px dotted #ccc;
	float:left;
}
.ftr_storage .storageBlock03{
	width:48.5%;
	margin-bottom:40px;
	padding-top:30px;
	border-top:1px dotted #ccc;
	float:right;
}

.ftr_storage .storageBlock02 .st02_1 .colImg{
	width:58%;
	text-align:center;
	float:left;
}
.ftr_storage .storageBlock02 .st02_1 .colTxt{
	width:42%;
	padding:0.5em 0 0;
	line-height:1.4;
	float:left;
}

.ftr_storage .storageBlock02 .st02_2{ padding:0 10%; zoom:1; clear:both; }
.ftr_storage .storageBlock02 .st02_2 .colImg{
	width:39%;
	text-align:center;
	float:right;
}
.ftr_storage .storageBlock02 .st02_2 .colTxt{
	width:53%;
	margin-right:3%;
	padding:2em 0 0;
	line-height:1.4;
	float:left;
}

.ftr_storage .storageBlock02 .st02_3{ padding:0 10%; zoom:1; clear:both; }
.ftr_storage .storageBlock02 .st02_3 .colImg{
	width:42%;
	margin-right:3%;
	text-align:center;
	float:left;
}
.ftr_storage .storageBlock02 .st02_3 .colTxt{
	width:50%;
	padding:2em 0 0;
	line-height:1.4;
	float:left;
}

.ftr_storage .storageBlock03 .st03_1{ margin-bottom:40px; position:relative; zoom:1; clear:both; }
.ftr_storage .storageBlock03 .st03_1 .colTxt1{ width:26%; padding-top:0.5em; line-height:1.4; float:left; }
.ftr_storage .storageBlock03 .st03_1 .colTxt2{ width:28%; line-height:1.4; position:absolute; bottom:20px; right:0; }
.ftr_storage .storageBlock03 .st03_1 .colImg{
	width:43%;
	text-align:center;
	float:left;
}


/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {
	.ftr_storage .storageBlock02{ width:auto; float:none; }
	.ftr_storage .storageBlock03{ width:auto; float:none; }
	
	.ftr_storage .storageBlock02 .st02_1,
	.ftr_storage .storageBlock02 .st02_2,
	.ftr_storage .storageBlock02 .st02_3{ max-width:430px; margin:0 auto; }
	
	.ftr_storage .storageBlock03 .st03_1{ max-width:460px; margin:0 auto 30px; }
	
}




.ftr_storage .storageBlock03 .col_note{
	padding:15px;
	border:2px solid #ddd;
	line-height:1.4;
}
.ftr_storage .storageBlock03 .col_note em{ font-size:117%; line-height:1.8; color:#57a543; }











.adviserBlock{
	padding:20px;
	background-color:#f1f5eb;
	zoom:1;
	clear:both;
}

.adviserBlock .colW{ width:80%; float:left; }
.adviserBlock .colN{ width:17%; text-align:right; float:right; }



@media only screen and (max-width: 600px) {
	.adviserBlock .colW{ width:auto; margin-bottom:15px; float:none; }
	.adviserBlock .colN{ width:auto; text-align:center; float:none; }
}