/********************************************/
/*layout Base */
/********************************************/
/***************************/
/**Color */
/***************************/
.co_red {
  color: #B70000;
}

.co_black {
  color: #000000;
}

/***************************/
/**bg */
/***************************/
.bg_red {
  background-color: #B70000;
}

.bg_black {
  background-color: #000000;
}

/********************************************/
/* ttl */
/********************************************/
.base_ttl {
  margin-bottom: 70px;
}
.base_ttl .en {
  display: block;
  font-size: clamp(2rem, 6vw, 7.4rem);
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.base_ttl .en:first-letter {
  color: #B70000;
}

.base_ttl .jp {
  display: inline-block;
  border: 1px solid #fff;
  font-family: "Noto Sans JP", serif;
  font-weight: 300;
  padding: 0.2em 2em;
  font-size: clamp(1rem, 1.1vw, 1.4rem);
  border-radius: 100px;
}

.base_ttl.ver_center_border {
  text-align: center;
}
.base_ttl.ver_center_border .en b {
  position: relative;
  display: inline-block;
  font-weight: inherit;
}
.base_ttl.ver_center_border .en b:first-letter {
  color: #B70000;
}
.base_ttl.ver_center_border .en b:after, .base_ttl.ver_center_border .en b:before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  width: 1.5em;
  height: 1px;
  margin: auto;
  background-color: #fff;
}
.base_ttl.ver_center_border .en b:before {
  left: -1.8em;
}
.base_ttl.ver_center_border .en b:after {
  right: -1.8em;
}

.base_ttl.ver_center_border .jp {
  min-width: 13em;
}

.border_ttl {
  position: relative;
  font-size: 2.5rem;
  margin-bottom: 1.5em;
}
.border_ttl:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1px;
  margin: auto;
  background-color: #fff;
}
.border_ttl span {
  position: relative;
  display: inline-block;
  padding-right: 0.7em;
  font-size: 1em;
  background-color: #000000;
  z-index: 1;
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
}

/********************************************/
/* txt */
/********************************************/
.base_txt {
  margin-bottom: 1.5em;
  font-size: 1.7rem;
}
.base_txt p {
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 2.2;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.base_txt p:last-child {
  margin-bottom: 0;
}
.base_txt p a {
  text-decoration: underline;
}

.base_txt.fs14 {
  font-size: 1.4rem;
}

.base_txt.fs18 {
  font-size: 1.8rem;
}

.base_txt.ver_noto_san p {
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
}

/*=============================================*/
/*media query  SmartPhone */
/*=============================================*/
@media screen and (max-width: 768px) {
  /********************************************/
  /* ttl */
  /********************************************/
  .base_ttl {
    margin-bottom: 50px;
  }
  .base_ttl .en {
    font-size: clamp(4.5rem, 6vw, 7.4rem);
  }
  .base_ttl .jp {
    font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  }
  .border_ttl {
    font-size: 2rem;
  }
  /********************************************/
  /* txt */
  /********************************************/
  .base_txt {
    font-size: 1.4rem;
  }
  .base_txt.fs14 {
    font-size: 1.2rem;
  }
  .base_txt.fs18 {
    font-size: 1.6rem;
  }
}/*# sourceMappingURL=component.css.map */