@charset "utf-8";

body{
	background:url(img/bg.png) no-repeat right 81%;
}
#k_bgimg {
    padding-bottom: 14%;
}
main h3 {
	 margin: 66px 0 20px 0;   
}

/* 業務内容 */
#content1 {
	padding-top:3px;
	background-color:#f2efeb;
	border-radius:30px;
	margin:60px auto;
}

#content1 ul {
	display:flex;
	flex-wrap: wrap;
	margin-left: 48px;
	margin-top: 30px;
}

#content1 ul li {
	margin: 0px 15px 34px;
	background-color:#FFF;
}

#content1 ul li img {
	vertical-align:bottom;
	 -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

#content1 ul li img:hover{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#content1 h1 {
	color:#4c4a0e;
	line-height:1.3;
	margin-bottom:30px;
}


#traffic,
#divorce,
#will,
#guardianship,
#debt,
#damage,
#borrow,
#work,
#criminal{
	margin-left:2%;
	}

	
h3 {
	 position: relative;
     color: white;
     padding:0.5em 0.5em 0.5em 1.4em;
     background-color: #8fc6f2;
}
 
h3::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}
#traffic,
#guardianship,
#damage,
#borrow,
#work{
	margin-bottom:17%;
	}
#divorce,
#will,
#debt{
	margin-bottom:14%;
	}

#criminal{
	margin-bottom:11%;
	}

#traffic dl dt,
#divorce dl dt,
#will dl dt,
#guardianship dl dt,
#debt dl dt,
#damage dl dt,
#borrow dl dt,
#work dl dt,
#criminal dl dt{
	font-weight:bold;
	font-size:1.4em;
	}
	
#traffic dl dd,
#divorce dl dd,
#will dl dd,
#guardianship dl dd,
#debt dl dd,
#damage dl dd,
#borrow dl dd,
#work dl dd,
#criminal dl dd{
	font-size:1.2em;
	margin-top:19px;
	}
.imgl img{
	margin-right:24px;
	margin-top:19px;
	}
	
@media screen and ( max-width:600px) { 
body {
	background:none;
}

#content1 {
	width: 50%;
    margin: 0 auto;
	background-color:#FFF;
}

#content1 ul {
	margin:0;
}

#content1 ul h1,{
	padding:0 20px;
}
#damage{
	margin-bottom:23%;
	}
	
#guardianship,
#debt,
#work,
#borrow{
	margin-bottom:21%;
	}

#divorce,
#will,
#debt{
	margin-bottom:19%;
	}

#criminal{
	margin-bottom:16%;
	}
}


@media screen and (min-width:600px) and ( max-width:960px) {

#content1 ul {
  	margin-left: 2%;
}

#content1 ul h1{
	padding:0 20px;
	margin-top:0;
}

}

@media screen and (min-width:960px) and ( max-width:1280px) {

#content1 ul {
	margin-left:5%;    
}
#divorce,
#will,
#damage{
	margin-bottom:17%;
	}
#damage{
	margin-bottom:19%;
	}
#criminal{
	margin-bottom:11%;
	}
}