.hakajimai{
clear: both;
width: 90%;
max-width: 1680px;
margin: 0 auto 50px;
padding: 3.5%;
background: #f2f2f2;
border-radius: 0.5em;
box-sizing: border-box;
}
.hakajimai img.pc,
.hakajimai br.pc,
.hakajimai div.pc{
display: none;
}
.hakajimai img.sp,
.hakajimai br.sp{
display: inline;
}
.hakajimai div.sp{
display: block;
}
.hakajimai .text1{
padding: 0 0 1em;
text-align: left;
}
.hakajimai .text1 h2{
margin: 0 0 1.5em;
font-size: 100%;
}
.hakajimai .text1 .img{
margin: 0 0 1em;
text-align: center;
}
.hakajimai .text1 .img img{
width: 58%;
}
.hakajimai .contact-list{
clear: both;
padding: 2em 0 0;
}
.hakajimai .contact-list dt{
margin: 0 0 1.6em;
}
.hakajimai .contact-list dd{
margin: 0 0 2em;
}



@media screen and (min-width: 1280px) {
.hakajimai{
padding: 3%;
}
.hakajimai img.pc,
.hakajimai br.pc{
display: inline;
}
.hakajimai div.pc{
display: block;
}
.hakajimai img.sp,
.hakajimai br.sp,
.hakajimai div.sp{
display: none;
}

.hakajimai .text1{
padding: 0 0 0.5em 30%;
font-size: 25px;
position: relative;
}
.hakajimai .text1 h2{
max-width: 865px;
margin: 0 0 0.5em;
}
.hakajimai .text1 .img{
width: 30%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.hakajimai .text1 .img img{
width: auto;
height: 108%;
}
.hakajimai .contact-list{
padding: 1em 0 0;
overflow: hidden;
}
.hakajimai .contact-list dt{
float: left;
width: 20.16%;
margin-right: 2.4%;
margin-bottom: 0;
}
.hakajimai .contact-list dd.tel{
float: left;
width: 34.95%;
margin-right: 2.8%;
margin-bottom: 0;
}
.hakajimai .contact-list dd.mail{
float: left;
width: 39.42%;
margin-bottom: 0;
}
}