.yhwhbody {
  background-color: #fdefff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.47'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.yhwhpage {
  position: relative;
  background: #f7eef6;
  border-left: 4px dotted rgba(0, 0, 0, 0.1);
  border-right: 4px dotted rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 1em;
  color: #65513f;
  width: 95%;
  margin: 10% auto;
  height: auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.yhwhpage_wrapper {
  width: 90%;
  margin: auto;
  padding: 40px 0;
}

.yhwhpage_wrapper_imgarea {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.yhwhpage_wrapper_imgarea_img p {
  text-align: center;
}

.yhwhpage_wrapper_imgarea_personarea {
  width: 100%;
}

.yhwhpage_wrapper_imgarea_personarea_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.yhwhpage_wrapper_imgarea_personarea_name_face {
  border-radius: 50%;
  overflow: hidden;
  width: 80px;
  height: 80px;
}

.yhwhpage_wrapper_imgarea_personarea_name_face img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.yhwhpage_wrapper_imgarea_personarea_name_text {
  margin-left: 20px;
}

.yhwhpage_wrapper_imgarea_personarea_name_text p {
  font-size: 1rem;
  font-weight: 500;
}

.yhwhpage_wrapper_imgarea_personarea_name_text h4 {
  font-size: 2rem;
  font-weight: 500;
}

.yhwhpage_wrapper_imgarea_personarea_cv {
  margin-top: 30px;
}

.yhwhpage_wrapper_imgarea_personarea_cv a img {
  width: 60%;
}

.yhwhpage_wrapper_textarea h2 {
  font-weight: bold;
  color: #613a17;
  font-size: 26px;
}

.yhwhpage_wrapper_textarea p {
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: .05em;
}

.masking-tape {
  position: absolute;
  top: -1em;
  left: 43%;
  width: 100px;
  height: 30px;
  background-image: linear-gradient(-45deg, rgba(245, 202, 168, 0.4) 25%, transparent 25%, transparent 50%, rgba(227, 155, 140, 0.4) 50%, rgba(227, 155, 140, 0.4) 75%, transparent 75%, transparent 100%);
  background-size: 20px 20px;
  border-left: 2px dotted rgba(0, 0, 0, 0.1);
  border-right: 2px dotted rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 0.25em 2em;
  color: #65513f;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
}

.original-border {
  width: 100%;
  height: 100px;
  background-color: #FFFFFF;
  border: 10px ridge #C9FFDA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.original-border div {
  font-size: 2rem;
}

.yhwh_own h4 {
  text-align: center;
  font-size: 1.5rem;
}

.yhwh_own_blog a img {
  width: 80%;
  margin: auto;
  display: block;
}

.yhwhlink_a {
  text-align: center;
}

.gptwgird {
  width: 90%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 10%;
  margin: auto;
}

.gptwgird div {
  display: block;
  margin: auto;
}

@media screen and (max-width: 599px) {
  .yhwhpage {
    position: relative;
    background: #f7eef6;
    border-left: 4px dotted rgba(0, 0, 0, 0.1);
    border-right: 4px dotted rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 1em;
    color: #65513f;
    width: 95%;
    margin: 10% auto;
    height: auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  .yhwhpage_wrapper {
    width: 90%;
    margin: auto;
    padding: 40px 0;
  }
  .yhwhpage_wrapper_imgarea {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    gap: 30px;
  }
  .yhwhpage_wrapper_imgarea_img p {
    text-align: center;
  }
  .yhwhpage_wrapper_imgarea_personarea {
    width: 100%;
  }
  .yhwhpage_wrapper_imgarea_personarea_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .yhwhpage_wrapper_imgarea_personarea_name_face {
    border-radius: 50%;
    overflow: hidden;
    width: 80px;
    height: 80px;
  }
  .yhwhpage_wrapper_imgarea_personarea_name_face img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .yhwhpage_wrapper_imgarea_personarea_name_text {
    margin-left: 20px;
    font-size: 1rem;
    font-weight: 500;
  }
  .yhwhpage_wrapper_imgarea_personarea_cv {
    margin-top: 30px;
  }
  .yhwhpage_wrapper_imgarea_personarea_cv a img {
    width: 60%;
  }
  .yhwhpage_wrapper_textarea h2 {
    font-weight: bold;
    color: #613a17;
    font-size: 26px;
  }
  .yhwhpage_wrapper_textarea p {
    font-size: 1rem;
    line-height: 1.3rem;
    letter-spacing: .05em;
  }
}
/*# sourceMappingURL=yhwh.css.map */