body {
  color: #6b6453;
  font-family: "Copperplate", "Corbel", "TsukuBRdGothic-Regular", YuGothic, "Yu Gothic", sans-serif;
  line-height: 1.8;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: #082b48;
  transition: 0.3s;
}

a:hover {
  opacity: 0.7;
}

.container {
  width: 90%;
  max-width: 1100px;
  margin: auto;
}

/* --------------------
 PAGE STYLE 
-----------------------*/
/* HEADER */

/* TITLE */
.site_ttl {
  font-size: 70px;
}

.site_sub_ttl {
  font-size: 50px;
}
.site_sub_ttl02 {
  font-size: 2.5rem;
  border-bottom: 1px solid;
  line-height: 1.2;
}

/* CONTENTS */
.head {
  background-color: #827b6a;
  color: #fff;
}
.content {
  padding: 40px 0;
}
.content::after {
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.work__item img {
  border: 1px solid #827b6a;
}
/* WEB DESIGN */

.content__webdesign .work__item {
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 40px;
  float: left;
}

/* BANNER */

/* FOOTER */

footer {
  padding: 10px 0;
  clear: both;
  text-align: right;
  background-color: #827b6a;
  color: #fff;
  margin-top: 30px;
}