@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600&family=Zen+Maru+Gothic:wght@500&display=swap");
/* =============================================== 
　　parts
=============================================== */


.works hr {
  margin: 50px 0;
}
.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}
.works_title {
  margin-bottom: 30px;
  font-size: 18px;
}
.works_link {
  position: relative;
  background-color: #e6e6e6;
  min-width: 250px;
  display: block;
  padding: 8px;
  text-align: center;
  border-radius: 20px;
  font-size: 15px;
  margin-top: 20px;
  font-weight: bold;
  padding-right: 1em;
}
.works_link::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7em;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.4em;   /* arrow size */
  height: 0.4em;  /* arrow size */
  border-top: 1px solid #808080;  /* thickness, color */
  border-right: 1px solid #808080;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.works_description,.works_html {
  font-size: 14px;
}

@media screen and (min-width: 769px) {
  .works_img_box {
    width: 53.5%;
    float: left;
  }
  .works_text_box {
    width: 41%;
    float: right;
  }

}

@media screen and (max-width: 768px) {
  .works_img_box {
    margin-bottom: 2rem;
  }
}