@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------
							law
-----------------------------------------*/
.titleArea{
  background: url("images/law_bg_ti.jpg") no-repeat right top #f0ebe9;
	margin-top: 10px;
}
.titleArea h1{
	background: #fff;
	color: #0e4a39;
	font-size: 32px;
	padding: 75px 50px 0;
	width: 50%;
	height: 180px;
}

#contents #law{
	padding: 50px 50px 30px;
}
#contents #law.inner{
	margin-bottom: 0;
}
#contents #law p{
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 20px;
}

#law h2{
  margin-bottom: 10px;
}

#law p{
  padding: 0 30px 30px;
  border-bottom: 1px dotted #aaa;
  margin-bottom: 30px;
}


/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
              smartphone
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.titleArea {
    background-size: contain;
		background-position: 35vw;
}  
.titleArea h1 {
    font-size: 22px;
    padding: 16px 5% 0;
    width: 55%;
    height: 80px;
}
#contents{
	padding-top: 30px;
}  
#contents #law {
	margin-bottom: 0;
    padding: 20px 5% 30px;
}
}