@charset "utf-8";

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

　目次

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

　00. base
　01. 
　02. 
　03. 

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



/* ==

　00. base

=============================================================================== */
#main div:after{ content:''; display:block; clear:both; }

#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; font-weight:bold; }


#main p.hdTxt{ margin-bottom:10px; }

#main div.note{ padding-top:15px; border-top:1px dotted #ccc; clear:both; }

/*
#main .lead p{ font-size:130%; }
#main .lead{ margin-bottom:40px; }
*/

#main .bnr a{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	zoom:1;
	display:block;
}
#main .bnr a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	#main p.leadTxt.mobile{ padding:20px 0 40px; text-align:left; }
	#main .lead p,
	#main div p{ font-size:16px !important; }
}





/* ==

　01. 

=============================================================================== */
#main .ftr_docs h2{
	margin-bottom:0;
	font-size:200%;
	color:#917e4c;
}
#main .ftr_docs h2 span{ font-size:64%; font-weight:normal; }
#main .ftr_docs p{ font-size:130%; }
#main .ftr_docs p.note{ font-size:117%; }

#main .ftr_kurashi{ padding-bottom:30px; clear:both; }
#main .ftr_kurashi h2{
	font-size:160%;
}
#main .ftr_kurashi h2 span{
	padding:10px 30px;
	background-color:#a9976d;
	border-radius: 20px;
	color:#fff;
	display:inline-block;
}
#main .ftr_kurashi h3{ margin:0; font-size:145%; color:#917e4c; }

#main .ftr_kurashi div p{ font-size:130%; }

.ftr_kurashi .kurashi01{ width:42%; margin:0 5% 30px; float:left; }
.ftr_kurashi .kurashi02{ width:39%; margin:-55px 7% 0 0; float:left; }
.ftr_kurashi .kurashi03{ width:60%; float:left; }
.ftr_kurashi .kurashi04{ width:40%; margin:-110px 0 0; float:left; }


.ftr_kurashi .kurashi01 .txt{ padding:0 7%; }
.ftr_kurashi .kurashi02 .txt{ padding:0 0 0 7%; }
.ftr_kurashi .kurashi03 .txt{ width:50%; float:left; }
.ftr_kurashi .kurashi03 .img{ width:55%; margin-right:-10%; float:right; }
.ftr_kurashi .kurashi04 .txt{ padding-left:20%; }
.ftr_kurashi .kurashi04 .img{ margin:0 0 5px; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 820px) {

	.ftr_kurashi .kurashi01{ width:47%; margin:0 5% 30px 0; }
	.ftr_kurashi .kurashi02{ width:46%; margin:-55px 0 0; }
	.ftr_kurashi .kurashi03{ width:50%; text-align:center; }
	.ftr_kurashi .kurashi04{ width:50%; margin:-70px 0 0; }

	.ftr_kurashi .kurashi03 .txt{ width:auto; padding:0 7%; text-align:left; float:none; }
	.ftr_kurashi .kurashi03 .img{ width:auto; margin-right:0; float:none; }


}
@media only screen and (max-width: 600px) {
	#main .ftr_docs h2{ font-size:20px; }
	#main .ftr_kurashi h2{ font-size:18px }
	#main .ftr_kurashi h3{ font-size:18px; }
	
	.ftr_kurashi .kurashi01{ width:auto; margin:0 0 20px; float:none; }
	.ftr_kurashi .kurashi02{ width:auto; margin:0 0 20px; float:none; }
	.ftr_kurashi .kurashi03{ width:auto; margin:0 0 20px; float:none; }
	.ftr_kurashi .kurashi04{ width:auto; margin:0; float:none; }

	.ftr_kurashi div .img{ text-align:center; }

	.ftr_kurashi .kurashi01 .txt{ padding:0; }
	.ftr_kurashi .kurashi02 .txt{ padding:0; }
	.ftr_kurashi .kurashi03 .txt{ padding:0; }
	.ftr_kurashi .kurashi04 .txt{ padding-left:0; }

}
@media only screen and (max-width: 567px) {
}







/* ==

　02. 

=============================================================================== */
.daiwaconnect{
	margin:0 0 50px;
	padding-top:30px;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}
#main .daiwaconnect h2{
	margin:0;
	font-size:200%;
	line-height:1.3;
 color:#e95372;
}
#main .daiwaconnect h2 span{ font-size:60%; color:#e95372; }
#main .daiwaconnect p.txt_lead{ font-size:130%; }


#main .daiwaconnect .docs h3{
	margin:0;
	font-size:160%;
	line-height:1.3;
	color:#e95372;
}
#main .daiwaconnect .voiceCommand h3{
	background: url(../images/comfortableLife/bg_voiceCommand.gif) left bottom repeat-x;
	font-size:150%;
}
#main .daiwaconnect .voiceCommand h3 span{
	padding:7px 20px 5px;
	background-color:#e95372;
	border-radius: 12px;
	color:#fff;
	display:inline-block;
}


.daiwaconnect .voiceCommand .colBlock{
	width:70%;
	margin:0 auto;
	clear:both;
}
.daiwaconnect .voiceCommand .colBlock .col1{
	width:27%;
	float:left;
}
.daiwaconnect .voiceCommand .colBlock .col2{
	width:62%;
	float:right;
}


.daiwaconnect .voiceCommand .control01,
.daiwaconnect .voiceCommand .control02{ padding-bottom:30px; clear:both; }
.daiwaconnect .voiceCommand .control03{ padding-bottom:60px; clear:both; }

#main .daiwaconnect .voiceCommand div .hdTxt{
	margin-bottom:10px;
	font-size:130%;
}
.daiwaconnect .voiceCommand div .hdTxt span{
	color:#917e4c;
	font-weight:bold;
}
.daiwaconnect .voiceCommand div .imgL{ width:67%; float:left; }
.daiwaconnect .voiceCommand div .imgS{ width:29.5%; float:right; }


.daiwaconnect dl{
	margin:-1px 0 0;
	padding:10px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.daiwaconnect dl:after{ content:''; display:block; clear:both; }
.daiwaconnect dt{
	width:22%;
	padding-right:3%;
	margin-rigth:3%;
	text-align:center;
	float:left;
	}
.daiwaconnect dd{
	width:72%;
	padding-top:15px;
	font-size:120%;
	float:left;
	}
.daiwaconnect .notes li{ margin:0 0 3px 1em; text-indent:-1em; font-size:117%; line-height:1.4; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 820px) {
	.daiwaconnect .voiceCommand .colBlock{ width:85%; }
}
@media only screen and (max-width: 600px) {
	#main .daiwaconnect h2{ font-size:22px; }
	#main .daiwaconnect .docs h3{ font-size:20px; }
	#main .daiwaconnect .voiceCommand h3{ font-size:18px; }

	.daiwaconnect .voiceCommand .colBlock{ width:auto; }
	.daiwaconnect .voiceCommand .colBlock .col1{ width:auto; float:none; }
	.daiwaconnect .voiceCommand .colBlock .col2{ width:auto; text-align:center; float:none; }
	.daiwaconnect .voiceCommand .colBlock .col1 p{ width:60%; margin:0 4% 20px 0; float:left; }
	.daiwaconnect .voiceCommand .colBlock .col1 img{ width:36%; height:auto; margin-bottom:20px; float:left; }

	.daiwaconnect .voiceCommand div .imgL{ width:auto; margin-bottom:10px; float:none; }
	.daiwaconnect .voiceCommand div .imgS{ width:auto; text-align:center; float:none; }
	
	.daiwaconnect dt{ width:30%; }
	.daiwaconnect dd{ width:64%; padding-top:0; font-size:16px; }
	
	.daiwaconnect .notes li{ font-size:14px; }
	
}
@media only screen and (max-width: 567px) {
}