@charset "utf-8";

body {
	background:url(img/bg.png) no-repeat right 85%;
}

#greeting,
#gaiyou,
#katudou{
	margin-left:2%;
	}
/* あいさつ */
.about #greeting p {
	line-height:2;
}

/* 概要 */
.about #gaiyou dl,
.about #gaiyou dt,
.about #gaiyou dd {
  box-sizing: border-box;
}

.about #gaiyou dl {
  background: #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.about #gaiyou dt,
.about #gaiyou dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}

.about #gaiyou dt {
  width:20%;
  float: left;
}

.about #gaiyou dd {
  background: #fff;
  margin-left:20%;
  padding-bottom: 10px;
  border-left: 1px solid #ccc;
}
.about #gaiyou dd:after {
  content: '';
  display: block;
  clear: both;
}



@media screen and ( max-width:600px) { 
body {
	background:none;
}
#greeting .imgr img{
	width:70%;
	height:auto;
	}
.imgr {
    float: none;
	text-align:center;
}

.about #gaiyou dl {
  border-right:none;
  border-bottom:none;
  border-left:none;
}

.about #gaiyou dt,
.about #gaiyou dd {
  padding:5px 10px;
  border-top:none;
}

.about #gaiyou dt {
  width:100%;
  float:none;
}

.about #gaiyou dd {
  margin-left:0;
  border-left:none;
}

}