/********************************************/
/*layout Base */
/********************************************/
/***************************/
/**Color */
/***************************/
/***************************/
/**bg */
/***************************/
/********************************************/
/* ttl */
/********************************************/
.sec_ttl p {
  font-size: clamp(7rem, 15vw, 20rem);
  font-family: "Lora", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
}
.sec_ttl.black p {
  color: #1c1c1c;
  opacity: 0.06;
}
.sec_ttl.white p {
  color: #fff;
  opacity: 0.1;
}

.sec_sub_ttl {
  font-size: clamp(2rem, 3.5vw, 4rem);
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
}
.sec_sub_ttl.black {
  color: #1c1c1c;
}
.sec_sub_ttl.black * {
  color: #1c1c1c;
}
.sec_sub_ttl.white {
  color: #fff;
}
.sec_sub_ttl.white * {
  color: #fff;
}
.sec_sub_ttl * {
  font-size: 1em;
  font: inherit;
  line-height: inherit;
}

/********************************************/
/* txt */
/********************************************/
.txt_shadow {
  filter: drop-shadow(0 0 5px rgba(28, 28, 28, 0.9));
}

/********************************************/
/* btn */
/********************************************/
.link_btn {
  position: relative;
  padding-right: 1em;
}
.link_btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url(../img/ico-link.svg) no-repeat center/contain;
}

/*=============================================*/
/*media query    SmartPhone */
/*=============================================*//*# sourceMappingURL=component.css.map */