@charset "utf-8";

/**
 *
 *  サイトマップ
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
#Main .wrap{
	width: 740px;
}

/*--------------------------------------------------------------------------
   Main
---------------------------------------------------------------------------*/
.box-wrap{
	margin: 80px 30px;
}
.box-l{
	float: left;
}
.box-r{
	float: right;
}
.box{
	width: 320px;
}
.box+.box{
	margin: 40px 0 0;
}
.box .ttl{
	padding: 0 0 10px;
	border-bottom: 1px solid #e7e7e7;
}
.box .ttl a{
	padding-left: 0;
	color: #e46969;
	font-size: 17px;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}
.box .ttl a:hover{
	color: #c1272d; /*- 赤　*/
	padding-left: 4px;
}
.box > ul{
	padding: 20px 10px 0;
}
.box ul > li+li{
	padding: 15px 0 0;
}
.box > ul > li > a{
	padding: 4px 0 4px 20px;
	background: url(../../common/images/icon_note.png) no-repeat 0 50%;
}
.box > ul ul{
	padding: 15px 0 0 15px;
}
.ico-blank01 span{
	padding: 0 20px 0 0;
	background: url(../../shared/images/ico_blank03.png) no-repeat 100% 50%;
}
.ico-blank02 span{
	padding: 0 20px 0 0;
	background: url(../../shared/images/ico_blank02.png) no-repeat 100% 50%;
}
.ico-blank02:hover span{
	background: url(../../shared/images/ico_blank03.png) no-repeat 100% 50%;
}




/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 740px
 *
 ----------------------------------------------------------------- */

@media screen and (max-width:740px) {

	/*--------------------------------------------------------------------------
	   overwrite  - 共通CSSの上書き -
	---------------------------------------------------------------------------*/
	#Main .wrap{
		width: auto;
	}




	/*--------------------------------------------------------------------------
	   Main
	---------------------------------------------------------------------------*/
	.box-wrap{
		margin: 40px 0 50px;
	}
	.box-l,
	.box-r{
		float: none;
		width: auto;
	}
	.box-r{
		margin: 30px 0 0;
	}
	.box{
		width: auto;
	}
	.box+.box{
		margin: 30px 0 0;
	}
	.box .ttl{
		padding: 0 0 15px;
	}
	.box .ttl a{
		font-size: 13px;
	}
	
	.box > ul > li > a{
		padding: 4px 0 0 20px;
		background: url(../../common/images/icon_note.png) no-repeat 0 40%;
	}
	
	
	.box ul > li+li{
		padding: 30px 0 0;
		line-height: 21px;
	}
	.box > ul ul{
		padding-top: 30px;
	}

}

/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 410px
 *
 ----------------------------------------------------------------- */

@media screen and (max-width:740px) {

	/*--------------------------------------------------------------------------
	   overwrite  - 共通CSSの上書き -
	---------------------------------------------------------------------------*/
	#Main .wrap{
		width: auto;
	}




	/*--------------------------------------------------------------------------
	   Main
	---------------------------------------------------------------------------*/
	.box-wrap{
		margin: 40px 40px; 50px;
	}
	.box-l,
	.box-r{
		float: none;
		width: auto;
	}
	.box-r{
		margin: 30px 0 0;
	}
	.box{
		width: auto;
	}
	.box+.box{
		margin: 30px 0 0;
	}
	.box .ttl{
		padding: 0 0 15px;
	}
	.box .ttl a{
		font-size: 13px;
	}
	.box ul > li+li{
		padding: 30px 0 0;
	}
	.box > ul ul{
		padding-top: 30px;
	}

}