/* line 22, character.scss */
#content {
  font-family: "M PLUS 1p", sans-serif;
  margin-top: 80px; }
  @media screen and (max-width: 900px) {
    /* line 22, character.scss */
    #content {
      margin-top: 50px; } }
  /* line 28, character.scss */
  #content p {
    font-size: 16px;
    letter-spacing: 0.01em; }

/* line 34, character.scss */
.title-center h2 {
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px; }
  @media screen and (max-width: 900px) {
    /* line 34, character.scss */
    .title-center h2 {
      margin-bottom: 24px; } }
  /* line 41, character.scss */
  .title-center h2 .jp {
    display: block;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 36px;
    line-height: 1.38;
    margin-bottom: 10px; }
    @media screen and (max-width: 900px) {
      /* line 41, character.scss */
      .title-center h2 .jp {
        font-size: 24px; } }
  /* line 51, character.scss */
  .title-center h2 .en {
    display: block;
    color: #EA7C2D;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 900px) {
      /* line 51, character.scss */
      .title-center h2 .en {
        font-size: 18px; } }

/* line 63, character.scss */
.friends {
  position: relative;
  background-color: rgba(234, 124, 45, 0.15);
  padding: 102px 0;
  margin-bottom: 140px; }
  @media screen and (max-width: 900px) {
    /* line 63, character.scss */
    .friends {
      padding: 40px 0;
      margin-bottom: 55px; } }
  /* line 72, character.scss */
  .friends::before, .friends::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 29px;
    background-image: url("../img/bg_friends.png");
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 157px 29px;
    content: ""; }
    @media screen and (max-width: 900px) {
      /* line 72, character.scss */
      .friends::before, .friends::after {
        background-size: 81px 15px; } }
  /* line 87, character.scss */
  .friends::before {
    top: -29px; }
    @media screen and (max-width: 900px) {
      /* line 87, character.scss */
      .friends::before {
        top: -15px; } }
  /* line 93, character.scss */
  .friends::after {
    bottom: -29px;
    rotate: 180deg; }
    @media screen and (max-width: 900px) {
      /* line 93, character.scss */
      .friends::after {
        bottom: -15px; } }
  /* line 100, character.scss */
  .friends p {
    text-align: center;
    margin-bottom: 0; }
    @media screen and (max-width: 900px) {
      /* line 100, character.scss */
      .friends p {
        width: 82.6%;
        text-align: left;
        margin: 0 auto; } }

/* line 110, character.scss */
.friends-img {
  max-width: 928px;
  margin: 0 auto 55px; }
  @media screen and (max-width: 900px) {
    /* line 110, character.scss */
    .friends-img {
      position: relative;
      left: 50%;
      translate: -50% 0;
      width: 151.5vw;
      max-width: inherit;
      margin: 0 auto 20px; }
      /* line 120, character.scss */
      .friends-img img {
        width: 100%; } }

/* line 127, character.scss */
.profile {
  padding-bottom: 135px; }
  @media screen and (max-width: 900px) {
    /* line 127, character.scss */
    .profile {
      padding-bottom: 65px; } }

/* line 133, character.scss */
.profile-content {
  position: relative;
  background-color: #F8F8F8;
  background-image: url("../img/bg_profile_l.svg"), url("../img/bg_profile_r.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: left top,right top;
  border-radius: 26px; }
  @media screen and (max-width: 900px) {
    /* line 133, character.scss */
    .profile-content {
      background-size: 71px 70px; } }
  /* line 143, character.scss */
  .profile-content::before, .profile-content::after {
    position: absolute;
    bottom: 0;
    width: 73px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: left top;
    content: "";
    pointer-events: none; }
    @media screen and (max-width: 900px) {
      /* line 143, character.scss */
      .profile-content::before, .profile-content::after {
        width: 71px;
        height: 70px;
        background-size: cover; } }
  /* line 159, character.scss */
  .profile-content::before {
    left: 0;
    rotate: -90deg;
    background-image: url("../img/bg_profile_l.svg"); }
  /* line 164, character.scss */
  .profile-content::after {
    right: 0;
    rotate: 90deg;
    background-image: url("../img/bg_profile_r.svg"); }
  /* line 169, character.scss */
  .profile-content h3 {
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.38;
    margin-bottom: 20px;
    padding-bottom: 15px; }
    @media screen and (max-width: 900px) {
      /* line 169, character.scss */
      .profile-content h3 {
        font-size: 24px;
        text-align: center; } }
    /* line 180, character.scss */
    .profile-content h3 .subtitle {
      position: relative;
      left: -14px;
      display: block;
      margin-bottom: 10px; }
      @media screen and (max-width: 900px) {
        /* line 180, character.scss */
        .profile-content h3 .subtitle {
          left: calc(50% - 10px);
          translate: -50% 0; } }
    /* line 190, character.scss */
    .profile-content h3::after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 34px;
      height: 6px;
      content: "";
      background-image: url("../img/dot_orange.svg");
      background-repeat: no-repeat;
      background-position: left top; }
      @media screen and (max-width: 900px) {
        /* line 190, character.scss */
        .profile-content h3::after {
          left: 50%;
          translate: -50% 0; } }
  /* line 206, character.scss */
  .profile-content.kirin {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 80px 30px;
    margin-bottom: 70px; }
    @media screen and (max-width: 900px) {
      /* line 206, character.scss */
      .profile-content.kirin {
        flex-direction: column;
        gap: 10px 0;
        padding: 40px 30px 55px;
        margin-bottom: 50px; } }
    /* line 218, character.scss */
    .profile-content.kirin .l-kirin {
      width: 42.9%;
      padding-left: 34px; }
      @media screen and (max-width: 900px) {
        /* line 218, character.scss */
        .profile-content.kirin .l-kirin {
          width: 100%;
          padding-left: 0; } }
      @media screen and (max-width: 900px) {
        /* line 227, character.scss */
        .profile-content.kirin .l-kirin h3 .subtitle img {
          width: 195px; } }
      /* line 234, character.scss */
      .profile-content.kirin .l-kirin p {
        margin-bottom: 0; }
    /* line 238, character.scss */
    .profile-content.kirin .r-kirin {
      width: 51.3%; }
      @media screen and (max-width: 900px) {
        /* line 238, character.scss */
        .profile-content.kirin .r-kirin {
          width: 100%; } }
      /* line 243, character.scss */
      .profile-content.kirin .r-kirin .kirin-img {
        width: 100%; }
        @media screen and (max-width: 900px) {
          /* line 243, character.scss */
          .profile-content.kirin .r-kirin .kirin-img {
            width: 90.5%;
            margin: 0 0 0 auto; }
            /* line 248, character.scss */
            .profile-content.kirin .r-kirin .kirin-img img {
              width: 100%; } }
  /* line 255, character.scss */
  .profile-content.sisters {
    padding: 70px 60px;
    margin-bottom: 145px; }
    @media screen and (max-width: 900px) {
      /* line 255, character.scss */
      .profile-content.sisters {
        padding: 40px 30px 55px;
        margin-bottom: 50px; } }
    /* line 262, character.scss */
    .profile-content.sisters h3 {
      text-align: center; }
      @media screen and (max-width: 900px) {
        /* line 265, character.scss */
        .profile-content.sisters h3 .subtitle img {
          width: 195px; } }
      /* line 271, character.scss */
      .profile-content.sisters h3::after {
        left: 50%;
        translate: -50% 0; }
    /* line 276, character.scss */
    .profile-content.sisters .read-sisters {
      max-width: 731px;
      margin: 0 auto 45px; }
      @media screen and (max-width: 900px) {
        /* line 276, character.scss */
        .profile-content.sisters .read-sisters {
          max-width: inherit;
          margin-bottom: 32px; } }
    /* line 284, character.scss */
    .profile-content.sisters .sisters-content {
      display: flex;
      justify-content: center;
      gap: 0 9.5%; }
      @media screen and (max-width: 900px) {
        /* line 284, character.scss */
        .profile-content.sisters .sisters-content {
          width: calc(100% + 30px);
          flex-direction: column;
          gap: 35px 0;
          margin-left: -15px; } }
      /* line 294, character.scss */
      .profile-content.sisters .sisters-content .sisters-detail {
        width: 22.7%; }
        @media screen and (max-width: 900px) {
          /* line 294, character.scss */
          .profile-content.sisters .sisters-content .sisters-detail {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%; } }
        /* line 302, character.scss */
        .profile-content.sisters .sisters-content .sisters-detail .sisters-img {
          width: 100%;
          margin-bottom: 18px; }
          @media screen and (max-width: 900px) {
            /* line 302, character.scss */
            .profile-content.sisters .sisters-content .sisters-detail .sisters-img {
              width: 29.8%;
              margin-bottom: 0; }
              /* line 308, character.scss */
              .profile-content.sisters .sisters-content .sisters-detail .sisters-img img {
                width: 100%; } }
        @media screen and (max-width: 900px) {
          /* line 313, character.scss */
          .profile-content.sisters .sisters-content .sisters-detail .r-sisters {
            width: 60.3%; } }
        /* line 317, character.scss */
        .profile-content.sisters .sisters-content .sisters-detail .r-sisters .sisters-name {
          font-size: 20px !important;
          font-weight: 700;
          text-align: center;
          line-height: 1.5;
          letter-spacing: -0.02em !important;
          margin-bottom: 10px; }
          @media screen and (max-width: 900px) {
            /* line 317, character.scss */
            .profile-content.sisters .sisters-content .sisters-detail .r-sisters .sisters-name {
              display: flex;
              align-items: center;
              font-size: 18px !important;
              margin-bottom: 3px; } }
          /* line 330, character.scss */
          .profile-content.sisters .sisters-content .sisters-detail .r-sisters .sisters-name .s-name {
            display: block;
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0.01em !important; }
            @media screen and (max-width: 900px) {
              /* line 330, character.scss */
              .profile-content.sisters .sisters-content .sisters-detail .r-sisters .sisters-name .s-name {
                display: inline-block;
                font-size: 14px; } }
        /* line 341, character.scss */
        .profile-content.sisters .sisters-content .sisters-detail .r-sisters .cap-sisters {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          min-height: 61px;
          text-align: center;
          font-size: 15px !important;
          font-weight: 700;
          line-height: 1.5;
          margin-bottom: 10px;
          padding-bottom: 15px;
          border-bottom: 1px solid #EA7C2D; }
          @media screen and (max-width: 900px) {
            /* line 341, character.scss */
            .profile-content.sisters .sisters-content .sisters-detail .r-sisters .cap-sisters {
              display: block;
              min-height: inherit;
              text-align: left;
              padding-bottom: 8px; } }
        /* line 362, character.scss */
        .profile-content.sisters .sisters-content .sisters-detail .r-sisters ul {
          margin: 0;
          padding: 0; }
          /* line 365, character.scss */
          .profile-content.sisters .sisters-content .sisters-detail .r-sisters ul li {
            position: relative;
            margin: 0;
            padding: 0 0 0 15px;
            font-size: 15px;
            letter-spacing: -0.01em; }
            @media screen and (max-width: 900px) {
              /* line 365, character.scss */
              .profile-content.sisters .sisters-content .sisters-detail .r-sisters ul li {
                width: calc(100% + 16px);
                line-height: 1.6; } }
            /* line 375, character.scss */
            .profile-content.sisters .sisters-content .sisters-detail .r-sisters ul li::before {
              position: absolute;
              left: 0;
              top: 9px;
              width: 8px;
              height: 8px;
              content: "";
              background-color: #EA7C2D;
              border-radius: 50%;
              pointer-events: none; }
              @media screen and (max-width: 900px) {
                /* line 375, character.scss */
                .profile-content.sisters .sisters-content .sisters-detail .r-sisters ul li::before {
                  top: 8px; } }
  /* line 395, character.scss */
  .profile-content.family {
    padding: 45px 80px;
    background-color: transparent;
    background-image: url("../img/bg_family_l.svg"), url("../img/bg_family_r.svg"); }
    @media screen and (max-width: 900px) {
      /* line 395, character.scss */
      .profile-content.family {
        padding: 30px 15px 40px;
        background-size: 71px 70px; } }
    /* line 403, character.scss */
    .profile-content.family::before {
      background-image: url("../img/bg_family_l.svg"); }
    /* line 406, character.scss */
    .profile-content.family::after {
      background-image: url("../img/bg_family_r.svg"); }
    /* line 409, character.scss */
    .profile-content.family .family-content {
      display: flex;
      justify-content: center;
      gap: 0 7.1%; }
      @media screen and (max-width: 900px) {
        /* line 409, character.scss */
        .profile-content.family .family-content {
          flex-direction: column;
          gap: 20px 0; } }
      /* line 417, character.scss */
      .profile-content.family .family-content .l-family {
        width: 53.2%; }
        @media screen and (max-width: 900px) {
          /* line 417, character.scss */
          .profile-content.family .family-content .l-family {
            width: 100%; } }
        /* line 422, character.scss */
        .profile-content.family .family-content .l-family h3 {
          font-family: "M PLUS 1p", sans-serif;
          font-size: 22px;
          padding-bottom: 0;
          margin-bottom: 10px; }
          @media screen and (max-width: 900px) {
            /* line 422, character.scss */
            .profile-content.family .family-content .l-family h3 {
              font-size: 20px;
              line-height: 1.55; } }
          /* line 431, character.scss */
          .profile-content.family .family-content .l-family h3::after {
            display: none; }
          @media screen and (max-width: 900px) {
            /* line 435, character.scss */
            .profile-content.family .family-content .l-family h3 .subtitle img {
              width: 233px; } }
        /* line 442, character.scss */
        .profile-content.family .family-content .l-family p {
          margin-bottom: 25px; }
          @media screen and (max-width: 900px) {
            /* line 442, character.scss */
            .profile-content.family .family-content .l-family p {
              margin-bottom: 0; } }
      /* line 449, character.scss */
      .profile-content.family .family-content .r-family {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 32.5%; }
        @media screen and (max-width: 900px) {
          /* line 449, character.scss */
          .profile-content.family .family-content .r-family {
            width: 100%;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px 10%; } }
        @media screen and (max-width: 900px) {
          /* line 460, character.scss */
          .profile-content.family .family-content .r-family figure {
            text-align: center; } }
        /* line 464, character.scss */
        .profile-content.family .family-content .r-family figure.himakuhakase-img {
          width: 95px; }
          @media screen and (max-width: 900px) {
            /* line 466, character.scss */
            .profile-content.family .family-content .r-family figure.himakuhakase-img img {
              width: 85px; } }
        /* line 472, character.scss */
        .profile-content.family .family-content .r-family figure.himakumakun-img {
          width: 134px; }
          @media screen and (max-width: 900px) {
            /* line 474, character.scss */
            .profile-content.family .family-content .r-family figure.himakumakun-img img {
              width: 118px; } }
        /* line 480, character.scss */
        .profile-content.family .family-content .r-family figure figcaption {
          display: block;
          font-size: 14px;
          text-align: center;
          margin-top: 25px; }
          @media screen and (max-width: 900px) {
            /* line 480, character.scss */
            .profile-content.family .family-content .r-family figure figcaption {
              margin-top: 15px;
              white-space: nowrap; } }
          /* line 489, character.scss */
          .profile-content.family .family-content .r-family figure figcaption strong {
            display: block;
            font-family: "Zen Maru Gothic", sans-serif;
            font-size: 16px;
            letter-spacing: -0.02em;
            margin-top: 10px; }
            @media screen and (max-width: 900px) {
              /* line 489, character.scss */
              .profile-content.family .family-content .r-family figure figcaption strong {
                margin-top: 8px; } }
      /* line 502, character.scss */
      .profile-content.family .family-content .btn-link {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        max-width: 304px;
        min-height: 41px;
        color: #FFFFFF;
        font-weight: 700;
        text-decoration: none;
        background-color: #08AA95;
        border-radius: 9999px;
        padding: 0 40px 0 20px;
        transition: background-color 0.3s ease-out; }
        @media screen and (min-width: 900px) {
          /* line 518, character.scss */
          .profile-content.family .family-content .btn-link:hover {
            background-color: #656565; }
            /* line 520, character.scss */
            .profile-content.family .family-content .btn-link:hover::after {
              right: 10px; } }
        @media screen and (max-width: 900px) {
          /* line 502, character.scss */
          .profile-content.family .family-content .btn-link {
            font-size: 15px;
            text-align: center;
            max-width: inherit;
            padding: 0 40px 0 20px; } }
        /* line 531, character.scss */
        .profile-content.family .family-content .btn-link::after {
          position: absolute;
          right: 16px;
          top: 50%;
          translate: 0 -50%;
          width: 8px;
          height: 15px;
          content: "";
          pointer-events: none;
          background-image: url("../img/arrow_r_white05.svg");
          background-repeat: no-repeat;
          background-position: left top;
          transition: right 0.3s ease-out; }

/* line 551, character.scss */
.omakase {
  position: relative;
  background-color: rgba(234, 124, 45, 0.15);
  padding: 145px 0 125px; }
  @media screen and (max-width: 900px) {
    /* line 551, character.scss */
    .omakase {
      padding: 100px 0 80px; } }
  /* line 558, character.scss */
  .omakase::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 29px;
    background-image: url("../img/bg_friends.png");
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 157px 29px;
    content: ""; }
    @media screen and (max-width: 900px) {
      /* line 558, character.scss */
      .omakase::before {
        top: -15px;
        background-size: 81px 15px; } }
  /* line 574, character.scss */
  .omakase .omakase-content {
    position: relative;
    background-color: #F8F8F8;
    background-image: url("../img/bg_profile_l.svg"), url("../img/bg_profile_r.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: left top,right top;
    border-radius: 26px;
    padding: 70px 16px 25px; }
    @media screen and (max-width: 900px) {
      /* line 574, character.scss */
      .omakase .omakase-content {
        padding: 30px 16px;
        background-size: 71px 70px; } }
    /* line 586, character.scss */
    .omakase .omakase-content::before, .omakase .omakase-content::after {
      position: absolute;
      bottom: 0;
      width: 73px;
      height: 72px;
      background-repeat: no-repeat;
      background-position: left top;
      content: "";
      pointer-events: none; }
      @media screen and (max-width: 900px) {
        /* line 586, character.scss */
        .omakase .omakase-content::before, .omakase .omakase-content::after {
          width: 71px;
          height: 70px;
          background-size: 71px 70px; } }
    /* line 602, character.scss */
    .omakase .omakase-content::before {
      left: 0;
      rotate: -90deg;
      background-image: url("../img/bg_profile_l.svg"); }
    /* line 607, character.scss */
    .omakase .omakase-content::after {
      right: 0;
      rotate: 90deg;
      background-image: url("../img/bg_profile_r.svg"); }
    /* line 612, character.scss */
    .omakase .omakase-content h2 {
      position: absolute;
      left: 50%;
      top: 0;
      translate: -50% -50%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: auto;
      min-height: 47px;
      color: #FFFFFF;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.01em;
      background-color: #EA7C2D;
      border-radius: 9999px;
      margin: 0;
      padding: 0 28px; }
      @media screen and (max-width: 900px) {
        /* line 612, character.scss */
        .omakase .omakase-content h2 {
          top: -28px;
          display: flex;
          width: 100%;
          translate: -50% -100%;
          min-height: 36px;
          font-size: 18px;
          padding: 5px 0; } }
      /* line 639, character.scss */
      .omakase .omakase-content h2::after {
        position: absolute;
        left: 50%;
        bottom: -17px;
        translate: -50% 0;
        content: "";
        width: 31px;
        height: 24px;
        pointer-events: none;
        background-image: url("../img/bg_omakase.svg");
        background-repeat: no-repeat;
        background-position: left top; }
    /* line 653, character.scss */
    .omakase .omakase-content h3 {
      font-size: 28px;
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
      margin-bottom: 10px; }
      @media screen and (max-width: 900px) {
        /* line 653, character.scss */
        .omakase .omakase-content h3 {
          font-size: 20px;
          margin-bottom: 15px; } }
    /* line 664, character.scss */
    .omakase .omakase-content p {
      text-align: center;
      margin-bottom: 15px; }
      @media screen and (max-width: 900px) {
        /* line 664, character.scss */
        .omakase .omakase-content p {
          text-align: left; } }
    /* line 671, character.scss */
    .omakase .omakase-content .instagram-link {
      position: relative;
      display: block;
      width: 100%;
      max-width: 171px;
      margin: 0 auto; }
      @media screen and (min-width: 900px) {
        /* line 679, character.scss */
        .omakase .omakase-content .instagram-link:hover .icon-instagram {
          background-color: #656565;
          border: 1px solid #656565; }
          /* line 682, character.scss */
          .omakase .omakase-content .instagram-link:hover .icon-instagram::before {
            opacity: 1; }
          /* line 685, character.scss */
          .omakase .omakase-content .instagram-link:hover .icon-instagram img {
            opacity: 0; }
        /* line 691, character.scss */
        .omakase .omakase-content .instagram-link:hover .instagram-check img:nth-child(1) {
          opacity: 0; }
        /* line 694, character.scss */
        .omakase .omakase-content .instagram-link:hover .instagram-check img:nth-child(2) {
          opacity: 1; } }
      /* line 701, character.scss */
      .omakase .omakase-content .instagram-link .icon-instagram {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 101px;
        height: 101px;
        background-color: #FFFFFF;
        border: 1px solid #EA7C2D;
        border-radius: 50%;
        margin: 0 auto 5px;
        transition: background-color 0.3s ease-out,border 0.3s ease-out; }
        /* line 713, character.scss */
        .omakase .omakase-content .instagram-link .icon-instagram::before {
          position: absolute;
          left: 50%;
          top: 50%;
          translate: -50% -50%;
          content: "";
          width: 39px;
          height: 39px;
          transition: opacity 0.3s ease-out;
          background-color: #FFFFFF;
          mask-image: url("../img/icon_instagram.png");
          mask-repeat: no-repeat;
          mask-position: left top;
          mask-size: 39px 39px;
          opacity: 0; }
        /* line 729, character.scss */
        .omakase .omakase-content .instagram-link .icon-instagram img {
          width: 39px;
          transition: opacity 0.3s ease-out; }
      /* line 734, character.scss */
      .omakase .omakase-content .instagram-link .instagram-check {
        position: relative;
        display: block; }
        @media screen and (max-width: 900px) {
          /* line 734, character.scss */
          .omakase .omakase-content .instagram-link .instagram-check {
            left: -7px; } }
        /* line 740, character.scss */
        .omakase .omakase-content .instagram-link .instagram-check img {
          width: 171px;
          height: 46px;
          transition: opacity 0.3s ease-out; }
          /* line 744, character.scss */
          .omakase .omakase-content .instagram-link .instagram-check img:nth-child(1) {
            position: relative; }
          /* line 747, character.scss */
          .omakase .omakase-content .instagram-link .instagram-check img:nth-child(2) {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0; }

/*# sourceMappingURL=character.css.map */