@charset "UTF-8";
/* まずはリセット */
* {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #000000;
}

.black {
  background-color: #000000;
}

.gray {
  background-color: #151314;
}

header {
  position: relative;
  overflow: hidden;
}

header video {
  width: 100vw;
}

header .kv {
  position: absolute;
  top: calc(400/1920*100vw);
  right: calc(180/1920*100vw);
  color: #ffffff;
}

@media (max-width: 768px) {
  header .kv {
    top: 45%;
    left: 50%;
    -webkit-transform: translateY(-45%) translateX(-50%);
            transform: translateY(-45%) translateX(-50%);
    margin: auto;
    width: 90vw;
  }
}

header .kv .kv_ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: calc(20/1920*100vw);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header .kv .kv_ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .kv .kv_ul .logo {
  width: calc(225/1920*100vw);
  margin-right: calc(20/1920*100vw);
}

@media (max-width: 768px) {
  header .kv .kv_ul .logo {
    width: calc(225/768*100vw);
  }
}

header .kv .kv_ul .logo img {
  width: 100%;
  height: intrinsic;
}

@media (max-width: 768px) {
  header .kv .kv_ul .logo img {
    width: calc(225/768*100vw);
  }
}

header .kv .kv_ul .kv_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

header .kv .kv_ul .kv_title h2 {
  font-size: calc(30/1920*100vw);
}

@media (max-width: 768px) {
  header .kv .kv_ul .kv_title h2 {
    font-size: calc(30/768*100vw);
  }
}

header .kv .kv_ul .kv_title h1 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro",
 "MS P明朝", "MS PMincho", serif;
  font-size: calc(80/1920*100vw);
  line-height: 100%;
}

@media (max-width: 768px) {
  header .kv .kv_ul .kv_title h1 {
    font-size: calc(80/768*100vw);
  }
}

header .kv .kv_ul .kv_title h1 span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro",
 "MS P明朝", "MS PMincho", serif;
  letter-spacing: 1.5px;
}

@media (max-width: 768px) {
  header .kv .kv_ul .kv_title h1 span {
    letter-spacing: 1px;
  }
}

header .kv .navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: -webkit-gradient(linear, left top, right top, from(#c40b83), to(#611180));
  background: linear-gradient(90deg, #c40b83, #611180);
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: calc(8/1920*100vw) 0 calc(8/1920*100vw) calc(18/1920*100vw);
}

@media (max-width: 768px) {
  header .kv .navi {
    padding: calc(18/768*100vw) 0 calc(18/768*100vw) calc(18/768*100vw);
  }
}

header .kv .navi li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: calc(27/1920*100vw);
}

@media (max-width: 768px) {
  header .kv .navi li {
    font-size: calc(27/768*100vw);
  }
}

header .kv .navi li::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(15/1920*100vw);
  left: calc(-18/1920*100vw);
  width: calc(12/1920*100vw);
  height: calc(8/1920*100vw);
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 768px) {
  header .kv .navi li::before {
    top: calc(8/768*100vw);
    left: calc(-18/768*100vw);
    width: calc(12/768*100vw);
    height: calc(8/768*100vw);
  }
}

header .kv .navi li a {
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

header .kv .navi li a:hover {
  opacity: 0.65;
}

.news h2,
.news h3,
.telling h2,
.telling h3,
.salon h2,
.salon h3,
.profile h2,
.profile h3 {
  color: #ffffff;
  text-align: center;
  font-weight: initial;
}

.news h2,
.telling h2,
.salon h2,
.profile h2 {
  font-size: calc(27/1920*100vw);
}

@media (max-width: 768px) {
  .news h2,
  .telling h2,
  .salon h2,
  .profile h2 {
    font-size: calc(27/768*100vw);
  }
}

.news h3,
.telling h3,
.salon h3,
.profile h3 {
  font-size: calc(50/1920*100vw);
}

@media (max-width: 768px) {
  .news h3,
  .telling h3,
  .salon h3,
  .profile h3 {
    font-size: calc(50/768*100vw);
  }
}

.news {
  width: calc(1000/1920*100vw);
  margin: calc(120/1920*100vw) auto;
}

@media (max-width: 768px) {
  .news {
    width: calc(560/768*100vw);
    margin: calc(20/768*100vw) auto calc(120/768*100vw);
  }
}

.news dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #ffffff;
  font-size: calc(24/1920*100vw);
  margin: calc(60/1920*100vw) 0;
}

@media (max-width: 768px) {
  .news dl {
    font-size: calc(24/768*100vw);
  }
}

.news dl dt {
  width: calc(180/1920*100vw);
  margin-bottom: calc(30/1920*100vw);
}

@media (max-width: 768px) {
  .news dl dt {
    width: calc(140/768*100vw);
    margin-bottom: calc(30/768*100vw);
  }
}

.news dl dd {
  width: calc(820/1920*100vw);
  margin-bottom: calc(30/1920*100vw);
}

@media (max-width: 768px) {
  .news dl dd {
    width: calc(420/768*100vw);
    margin-bottom: calc(30/768*100vw);
  }
}

.news dl dd a {
  color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.news dl dd a:hover {
  opacity: 0.75;
}

.telling {
  color: #ffffff;
  padding: calc(60/1920*100vw) 0;
}

@media (max-width: 768px) {
  .telling {
    padding: calc(120/768*100vw) 0;
  }
}

.telling ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(1200/1920*100vw);
  margin: calc(60/1920*100vw) auto;
}

@media (max-width: 768px) {
  .telling ul {
    width: calc(700/768*100vw);
    margin: calc(60/768*100vw) auto;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
}

.telling ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.telling ul li:first-of-type {
  width: calc(650/1920*100vw);
  margin-right: calc(120/1920*100vw);
}

@media (max-width: 768px) {
  .telling ul li:first-of-type {
    width: calc(600/768*100vw);
    margin: calc(40/768*100vw) auto;
  }
}

.telling ul li:first-of-type p {
  font-size: calc(24/1920*100vw);
  margin-bottom: calc(36/1920*100vw);
  line-height: 175%;
}

@media (max-width: 768px) {
  .telling ul li:first-of-type p {
    font-size: calc(28/768*100vw);
    margin-bottom: calc(48/768*100vw);
  }
}

.telling ul li:first-of-type a {
  position: relative;
  z-index: 0;
  display: block;
  line-height: 250%;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  width: calc(500/1920*100vw);
  font-size: calc(36/1920*100vw);
  margin: 0 auto;
}

@media (max-width: 768px) {
  .telling ul li:first-of-type a {
    font-size: calc(36/768*100vw);
    width: calc(500/768*100vw);
  }
}

.telling ul li:first-of-type a::before {
  content: "";
  border-radius: calc(50/1920*100vw);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: -webkit-gradient(linear, left top, right top, from(#c02d93), to(#e71071));
  background: linear-gradient(90deg, #c02d93, #e71071);
}

@media (max-width: 768px) {
  .telling ul li:first-of-type a::before {
    border-radius: calc(50/768*100vw);
  }
}

.telling ul li:first-of-type a::after {
  content: "";
  border-radius: calc(50/1920*100vw);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(192, 45, 147, 0.7)), to(rgba(231, 16, 113, 0.7)));
  background: linear-gradient(90deg, rgba(192, 45, 147, 0.7), rgba(231, 16, 113, 0.7));
}

@media (max-width: 768px) {
  .telling ul li:first-of-type a::after {
    border-radius: calc(50/768*100vw);
  }
}

.telling ul li:first-of-type a:hover::before {
  opacity: 0;
}

.telling ul li:first-of-type .btn_under {
  font-size: calc(20/1920*100vw);
  text-align: center;
  margin: calc(20/1920*100vw) 0;
}

@media (max-width: 768px) {
  .telling ul li:first-of-type .btn_under {
    font-size: calc(22/768*100vw);
    margin: calc(20/768*100vw) 0;
  }
}

.telling ul li:nth-of-type(2) {
  width: calc(432/1920*100vw);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 768px) {
  .telling ul li:nth-of-type(2) {
    width: calc(432/768*100vw);
    margin: 0 auto;
  }
}

.telling ul li:nth-of-type(2) img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.salon {
  padding: calc(60/1920*100vw) 0;
}

@media (max-width: 768px) {
  .salon {
    padding: calc(120/768*100vw) 0;
  }
}

.salon div {
  color: #ffffff;
  text-align: center;
  font-size: calc(50/1920*100vw);
  padding: calc(60/1920*100vw) 0;
}

@media (max-width: 768px) {
  .salon div {
    font-size: calc(50/768*100vw);
  }
}

.profile {
  color: #ffffff;
  padding: calc(60/1920*100vw) 0;
}

@media (max-width: 768px) {
  .profile {
    padding: calc(120/768*100vw) 0;
  }
}

.profile ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(1200/1920*100vw);
  margin: calc(60/1920*100vw) auto;
}

@media (max-width: 768px) {
  .profile ul {
    width: calc(700/768*100vw);
    margin: calc(60/768*100vw) auto;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
}

.profile ul h4 {
  color: #ffffff;
  text-align: center;
  font-size: calc(36/1920*100vw);
  font-weight: initial;
  background: -webkit-gradient(linear, left top, right top, from(#dbb0b9), color-stop(20%, #c93e67));
  background: linear-gradient(90deg, #dbb0b9, #c93e67 20% #541f39);
  padding: calc(12/1920*100vw) 0;
  margin-bottom: calc(16/1920*100vw);
}

@media (max-width: 768px) {
  .profile ul h4 {
    font-size: calc(36/768*100vw);
    padding: calc(12/768*100vw) 0;
    margin-bottom: calc(24/768*100vw);
  }
}

.profile ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile ul li:first-of-type {
  width: calc(650/1920*100vw);
  margin-right: calc(120/1920*100vw);
}

@media (max-width: 768px) {
  .profile ul li:first-of-type {
    width: calc(600/768*100vw);
    margin: calc(40/768*100vw) auto;
  }
}

.profile ul li:first-of-type p {
  font-size: calc(24/1920*100vw);
  margin-bottom: calc(36/1920*100vw);
  line-height: 175%;
}

@media (max-width: 768px) {
  .profile ul li:first-of-type p {
    font-size: calc(28/768*100vw);
    margin-bottom: calc(48/768*100vw);
  }
}

.profile ul li:first-of-type .fb {
  color: #ffffff;
  text-decoration: none;
  font-size: calc(24/1920*100vw);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.profile ul li:first-of-type .fb:hover {
  opacity: 0.65;
}

@media (max-width: 768px) {
  .profile ul li:first-of-type .fb {
    font-size: calc(24/768*100vw);
  }
}

.profile ul li:first-of-type .fb span {
  margin-left: calc(10/1920*100vw);
}

.profile ul li:nth-of-type(2) {
  width: calc(432/1920*100vw);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 768px) {
  .profile ul li:nth-of-type(2) {
    width: calc(432/768*100vw);
    margin: 0 auto;
  }
}

.profile ul li:nth-of-type(2) img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

footer div {
  color: #ffffff;
  text-align: center;
  font-size: calc(24/1920*100vw);
  padding: calc(40/1920*100vw) 0;
}

@media (max-width: 768px) {
  footer div {
    font-size: calc(24/768*100vw);
  }
}

.talkn {
  position: fixed;
  right: calc(44/1920*100vw);
  bottom: calc(44/1920*100vw);
  width: calc(180/1920*100vw);
  z-index: 1;
}

@media (max-width: 768px) {
  .talkn {
    width: calc(150/768*100vw);
  }
}

.talkn a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.talkn a:hover {
  opacity: 0.75;
}

.talkn img {
  width: 100%;
}
/*# sourceMappingURL=style.css.map */