@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 p.indent,
#main .indent li{ margin-left:1em; text-indent:-1em; font-size:120%;}
#main .img{text-align:center;}
/*
#main .lead p{ font-size:130%; }
#main .lead{ margin-bottom:40px; }
*/




/* メディアクエリー
------------------------------------------------------------------------------- */
@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:#333;	
}
#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%; }

.ftr_contact{
	margin-bottom:40px;
	padding-bottom:50px;
	border-bottom:1px dashed #ccc;
	zoom:1;
	clear:both;	
}
#main .ftr_contact h3{font-size:146%;}
.ftr_contact .ftr_contactBox{
	margin: 0;
	padding: 20px;
	border: 1px solid #999;
	border-radius: 10px;
	zoom: 1;
	clear: both;
}
.ftr_contact .ftr_contactBox .ftr_col{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #999;
}
.ftr_contact .ftr_contactBox .ftr_col .colImg{
	width:25%;
	padding:0 20px 10px 0;
	box-sizing: border-box;
	float:left;
}
.ftr_contact .ftr_contactBox .ftr_col .colTxt{
	width:72%;
	float:left;
	font-size:116%;
}
.ftr_contact .ftr_contactBox .ftr__contactlist li{
	float:left;
	margin:0 30px 5px 1em;
	text-indent:-1em;
	font-size:117%;
}
.ftr_contact .ftr_contactBox .ftr__contactlist span{color:#ea5404;}
.ftr_contact .colBlock{ zoom:1; clear:both; }
.ftr_contact .col{width:32%; margin:0 0 20px 2%; float:left;}


/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 720px) {
.ftr_contact .ftr_contactBox .ftr_col .colImg{width:100%; text-align:center; float:none;}
.ftr_contact .ftr_contactBox .ftr_col .colTxt{width:100%; float:none;}
}
@media only screen and (max-width: 600px) {
	#main .ftr_docs h2{ font-size:20px; }
}
@media only screen and (max-width: 567px) {
}







/* ==

　02. 

=============================================================================== */
.ftr_proposal{
	margin:0 0 50px;
	padding-bottom:30px;
	border-bottom:1px dotted #ccc;
	zoom:1;
	clear:both;
}
#main .ftr_proposal h2{
	margin:0 0 15px;
	font-size:190%;
	line-height:1.3;
	color:#ed6f31;
}
#main .ftr_proposal h3{
	max-width:230px;
	margin-bottom:20px;
	padding:10px 20px;
	text-align:center;
	border:1px solid #727272;
	border-radius: 10px;
	font-size:150%;
	color:#333;
	box-sizing: border-box;
}
#main .ftr_proposal h4{
	font-size:146%;
	color:#ed6f31;
}
#main .ftr_proposal .colorBox{
	background: #def1fc;
	color:#333;
	padding:15px 20px;
	margin-bottom:20px;
}
#main .ftr_proposal .colorBox p{
	font-weight:bold;
	font-size:130%;
	margin-bottom:5px;
}
#main .ftr_proposal h4.tit{
	margin-bottom:20px;
	padding-left:10px;
	font-weight:normal;
	font-size:117%;
	color:#333;
	border-left:4px solid #ed6f31;
}

.ftr_proposal .colBlock .colTxt{ width:28%; float:left; }
.ftr_proposal .colBlock .colImg{ width:69%; float:right; }
.ftr_proposal .colBlock .colImg .colL{ width:60%; float:left; }
.ftr_proposal .colBlock .colImg .colL .img{ margin-right:10px;}
.ftr_proposal .colBlock .colImg .colR{ width:33%; float:left; }
.ftr_proposal .colBlock .colImg .colL2{ width:48.5%; float:left; }
.ftr_proposal .colBlock .colImg .colR2{ width:48.5%; float:right; }
.ftr_proposal .colBlock .colImg .colL3{ width:62%; margin-right:2%; float:left; }
.ftr_proposal .colBlock .colImg .colR3{ width:35%; float:right; }
/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 820px) {
	.ftr_interior .colTxt{ width:auto; float:none; }
	.ftr_interior .colImg{ width:auto; max-width:460px; margin:0 auto; float:none; }
}
@media only screen and (max-width: 820px) {
.ftr_proposal .colBlock .colTxt,
.ftr_proposal .colBlock .colImg{ width:100%; float:none; }
}

@media only screen and (max-width: 600px) {
	#main .ftr_proposal h2{ font-size:20px; }
	#main .ftr_proposal h3{ font-size:16px; }
	#main .ftr_proposal h4{ font-size:16px; }
}
@media only screen and (max-width: 567px) {
	.ftr_proposal .colImg .col2{ text-align:center; }
	.ftr_proposal .colImg .col2 img{ width:auto; margin-right:0; float:none; }
	.ftr_proposal .colImg .col2 p{ width:auto; margin-top:10px; text-align:left; float:none; }
	.ftr_proposal .colBlock .colImg .colL,
	.ftr_proposal .colBlock .colImg .colR,
	.ftr_proposal .colBlock .colImg .colL2,
	.ftr_proposal .colBlock .colImg .colR2,
	.ftr_proposal .colBlock .colImg .colL3,
	.ftr_proposal .colBlock .colImg .colR3{ width:100%; float:none; }
	.ftr_proposal .colBlock .colImg .coL img,
	.ftr_proposal .colBlock .colImg .colR img{ tet-align:center;}
}


/* ==

　03. 

=============================================================================== */
.bnrBlock li{ text-align:center; margin-bottom:20px;}