@charset "UTF-8";
/* css pc */
h1, h2, h3, h4, h5, h6 {
  margin: 0; }

a, a:hover {
  text-decoration: none !important; }

img {
  height: auto;
  vertical-align: bottom; }

.contents {
  font-size: 10px;
  padding: 0 0 150px 0;
  background: #959394; }
  .contents .feature__btn {
    background: #C3FF01;
    outline: 2px solid #000;
    outline-offset: -2px;
    border-radius: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    box-shadow: 0 5px 0 #000;
    transition: 0.1s; }
    .contents .feature__btn:hover {
      box-shadow: none;
      transform: translateY(5px); }
  .contents__inner {
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto; }
  .contents .flex {
    display: flex; }
  .contents .mv {
    padding: 30px 0 0; }
    .contents .mv h1 {
      width: 1200px;
      margin: 0 auto; }
  .contents .lead {
    text-align: center;
    margin: 5rem 0 0;
    color: #FFF; }
    .contents .lead strong {
      font: 700 30px/1 "Roboto", sans-serif; }
    .contents .lead p {
      font: 400 16px/1.8 "Noto Sans JP", sans-serif;
      margin: 3rem 0 0; }
  .contents .concept {
    margin: 90px 0 0; }
    .contents .concept .flex {
      column-gap: 20px; }
    .contents .concept__column {
      background: #FEF8EB;
      outline: 2px solid #000;
      outline-offset: -2px;
      flex: 1;
      position: relative; }
    .contents .concept__title {
      text-align: center;
      border-bottom: 2px solid #000;
      padding: 55px 0 20px; }
      .contents .concept__title__no {
        width: 70px;
        height: 70px;
        position: absolute;
        top: -35px;
        left: 50%;
        transform: translateX(-50%); }
        .contents .concept__title__no span {
          width: 70px;
          height: 70px;
          background: #FF8353;
          outline: 2px solid #000;
          outline-offset: -2px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          font: 700 40px/1 "Roboto", sans-serif; }
      .contents .concept__title__txt01 {
        font: 700 30px/1.2 "Roboto", sans-serif; }
        .contents .concept__title__txt01 span {
          background: #C3FF01; }
      .contents .concept__title__txt02 {
        font: 700 26px/1.2 "Roboto", sans-serif; }
        .contents .concept__title__txt02 span {
          position: relative; }
          .contents .concept__title__txt02 span::before {
            content: '';
            position: absolute;
            top: 50%;
            left: -1.5em;
            width: 1em;
            height: 2px;
            background: #000; }
          .contents .concept__title__txt02 span::after {
            content: '';
            position: absolute;
            top: 50%;
            right: -1.5em;
            width: 1em;
            height: 2px;
            background: #000; }
    .contents .concept__txt {
      text-align: center;
      font: 400 16px/1.8 "Noto Sans JP", sans-serif;
      padding: 40px 0; }
    .contents .concept__btn {
      width: 700px;
      height: 70px;
      margin: 50px auto;
      font: 700 22px/1 "Noto Sans JP", sans-serif;
      position: relative; }
      .contents .concept__btn .feature__btn {
        width: 700px;
        height: 70px; }
      .contents .concept__btn a::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        background-image: url("/img/feature/w-inouemai-260213/btn__arrow__white.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px; }
  .contents .subtitle {
    margin: 150px 0 0;
    text-align: center; }
    .contents .subtitle__h2 {
      width: auto;
      height: 80px; }
      .contents .subtitle__h2 img {
        height: 100%; }
  .contents .navi {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 20;
    background: #959394; }
    .contents .navi__inner {
      width: 1000px;
      padding: 80px 0 30px;
      column-gap: 20px; }
    .contents .navi__column {
      flex: 1;
      font: 700 20px/1 "Noto Sans JP", sans-serif;
      position: relative; }
      .contents .navi__column .feature__btn {
        width: 100%;
        height: 70px; }
      .contents .navi__column a::after {
        content: '';
        position: absolute;
        bottom: -50%;
        left: 50%;
        transform: translatey(-50%) translateX(-50%) rotate(90deg);
        background-image: url("/img/feature/w-inouemai-260213/btn__arrow__white.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px; }
  .contents .item {
    width: 100%;
    height: 600px;
    margin: 150px 0 0;
    display: grid;
    align-items: flex-start;
    grid-template-columns: 475px 500px;
    column-gap: 25px;
    grid-row-gap: 20px; }
    .contents .item__txt {
      grid-column: 1/2;
      grid-row: 1/2; }
      .contents .item__txt__wrp {
        width: 370px; }
      .contents .item__txt__column {
        flex: 1;
        height: 60px;
        outline: 2px solid #000;
        outline-offset: -2px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1; }
      .contents .item__txt__no {
        font: 400 30px/1 "Roboto", sans-serif;
        background: #FFF; }
      .contents .item__txt__category {
        font: 700 30px/1 "Roboto", sans-serif;
        background: #FF8353;
        margin-left: -2px; }
      .contents .item__txt__title {
        width: 440px;
        margin: -20px 0 0 auto;
        background: #000;
        color: #FF8353;
        font: 400 30px/1 "Noto Sans JP", sans-serif;
        text-align: center;
        padding: 35px 0 15px; }
      .contents .item__txt__catch {
        font: 500 26px/1.4 "Noto Sans JP", sans-serif;
        margin: 20px 0 0;
        color: #FFF; }
      .contents .item__txt__inner {
        justify-content: space-between;
        align-items: center;
        margin: 20px 0 0; }
      .contents .item__txt__color {
        font: 500 20px/1 "Roboto", sans-serif;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .contents .item__txt__color span {
          outline: 2px solid #000;
          outline-offset: -2px;
          display: inline-block;
          width: 30px;
          height: 30px;
          border-radius: 5rem;
          margin: 0 0 0 10px; }
          .contents .item__txt__color span.brown {
            background: #964B4C; }
          .contents .item__txt__color span.beige {
            background: #DED5C8; }
          .contents .item__txt__color span.gray {
            background: #999FA6; }
          .contents .item__txt__color span.black {
            background: #000; }
          .contents .item__txt__color span.blue {
            background: #3E668A; }
          .contents .item__txt__color span.olive {
            background: #72724E; }
          .contents .item__txt__color span.stripe__blue {
            background-image: repeating-linear-gradient(to left, #7B96CB, #7B96CB 20%, #FFF 20%, #FFF 40%, #7B96CB 40%); }
          .contents .item__txt__color span.stripe__yellow {
            background-image: repeating-linear-gradient(to left, #E8B54B, #E8B54B 20%, #FFF 20%, #FFF 40%, #E8B54B 40%); }
          .contents .item__txt__color span.stripe__gray {
            background-image: repeating-linear-gradient(to left, #6D727E, #6D727E 20%, #FFF 20%, #FFF 40%, #6D727E 40%); }
      .contents .item__txt__price {
        font: 700 30px/1 "Roboto", sans-serif; }
        .contents .item__txt__price strong {
          font: 700 40px/1 "Roboto", sans-serif; }
    .contents .item__slide {
      position: relative;
      grid-column: 2/3;
      grid-row: 1/3; }
      .contents .item__slide .swiper {
        width: 450px; }
        .contents .item__slide .swiper-button-prev {
          left: 0;
          width: 50px;
          height: 50px;
          transform: rotate(180deg); }
          .contents .item__slide .swiper-button-prev::after {
            content: '';
            background-image: url("/img/feature/w-inouemai-260213/btn__arrow__black.png");
            background-size: contain;
            width: 50px;
            height: 50px; }
        .contents .item__slide .swiper-button-next {
          right: 0;
          width: 50px;
          height: 50px; }
          .contents .item__slide .swiper-button-next::after {
            content: '';
            background-image: url("/img/feature/w-inouemai-260213/btn__arrow__black.png");
            background-size: contain;
            width: 50px;
            height: 50px; }
        .contents .item__slide .swiper-slide {
          width: 450px; }
        .contents .item__slide .swiper-pagination-bullet {
          background: #000;
          outline: 2px solid #000;
          outline-offset: -2px;
          width: 20px;
          height: 20px;
          opacity: 1; }
          .contents .item__slide .swiper-pagination-bullet-active {
            background: #C3FF01; }
    .contents .item__btn {
      grid-column: 1/2;
      grid-row: 2/3;
      margin-bottom: 100%;
      font: 700 22px/1 "Noto Sans JP", sans-serif;
      position: relative; }
      .contents .item__btn .feature__btn {
        width: 100%;
        height: 70px; }
      .contents .item__btn a::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        background-image: url("/img/feature/w-inouemai-260213/btn__arrow__white.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px; }
  .contents .point {
    margin: -150px 0 0;
    padding: 0 0 100px;
    background: #FEF8EB;
    outline: 2px solid #000;
    outline-offset: -2px;
    position: relative; }
    .contents .point__title {
      width: 322px;
      height: auto;
      position: absolute;
      top: 0;
      left: 68px;
      transform: rotate(-10deg);
      transform-origin: top right; }
    .contents .point__slide {
      padding: 170px 0 50px;
      position: relative; }
      .contents .point__slide__balloon {
        background-image: url("/img/feature/w-inouemai-260213/point_balloon01.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 500px;
        height: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
        font: 700 20px/1 "Noto Sans JP", sans-serif;
        position: relative;
        z-index: 5; }
      .contents .point__slide__img {
        width: 400px;
        margin: 5px auto 0;
        position: relative;
        z-index: 1; }
      .contents .point__slide__txt {
        width: calc(100% - 100px);
        color: #FFF;
        font: 400 16px/1.8 "Noto Sans JP", sans-serif;
        padding: 30px 50px 50px; }
      .contents .point__slide .swiper {
        width: 996px; }
        .contents .point__slide .swiper-slide {
          display: flex;
          flex-flow: column;
          align-items: stretch;
          height: auto;
          background: linear-gradient(to bottom, transparent 0%, transparent 50%, #000 50%, #000 100%); }
          .contents .point__slide .swiper-slide .point__slide__balloon {
            animation: ani__balloon 3s infinite ease-in-out; }
          .contents .point__slide .swiper-slide:nth-child(2) .point__slide__balloon {
            animation: ani__balloon 2s infinite ease-in-out; }
          .contents .point__slide .swiper-slide:nth-child(4) .point__slide__balloon {
            animation: ani__balloon 2s infinite ease-in-out; }
@keyframes ani__balloon {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(15px); } }
        .contents .point__slide .swiper-button-prev {
          left: 50px;
          width: 80px;
          height: 80px;
          transform: rotate(180deg); }
          .contents .point__slide .swiper-button-prev::after {
            content: '';
            background-image: url("/img/feature/w-inouemai-260213/btn__arrow__black.png");
            background-size: contain;
            width: 80px;
            height: 80px; }
        .contents .point__slide .swiper-button-next {
          right: 50px;
          width: 80px;
          height: 80px; }
          .contents .point__slide .swiper-button-next::after {
            content: '';
            background-image: url("/img/feature/w-inouemai-260213/btn__arrow__black.png");
            background-size: contain;
            width: 80px;
            height: 80px; }
        .contents .point__slide .swiper-slide {
          width: 450px; }
          .contents .point__slide .swiper-slide:nth-child(even) .point__slide__balloon {
            background-image: url("/img/feature/w-inouemai-260213/point_balloon02.png");
            background-position: 0 12px;
            background-repeat: no-repeat; }
        .contents .point__slide .swiper-pagination-bullet {
          background: #FEF8EB;
          outline: 2px solid #000;
          outline-offset: -2px;
          width: 20px;
          height: 20px;
          opacity: 1; }
          .contents .point__slide .swiper-pagination-bullet-active {
            background: #000; }
    .contents .point__btn {
      font: 700 22px/1 "Noto Sans JP", sans-serif;
      position: relative; }
      .contents .point__btn .feature__btn {
        width: 700px;
        height: 70px;
        margin: 50px auto 0; }
      .contents .point__btn a {
        position: relative; }
        .contents .point__btn a::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translateY(-50%);
          background-image: url("/img/feature/w-inouemai-260213/btn__arrow__white.png");
          background-repeat: no-repeat;
          background-size: contain;
          width: 30px;
          height: 30px; }
  .contents .lookbook {
    margin: 50px 0 0;
    position: relative; }
    .contents .lookbook .swiper {
      width: 600px; }
      .contents .lookbook .swiper-button-prev {
        left: 50px;
        width: 80px;
        height: 80px;
        transform: rotate(180deg); }
        .contents .lookbook .swiper-button-prev::after {
          content: '';
          background-image: url("/img/feature/w-inouemai-260213/btn__arrow__black.png");
          background-size: contain;
          width: 80px;
          height: 80px; }
      .contents .lookbook .swiper-button-next {
        right: 50px;
        width: 80px;
        height: 80px; }
        .contents .lookbook .swiper-button-next::after {
          content: '';
          background-image: url("/img/feature/w-inouemai-260213/btn__arrow__black.png");
          background-size: contain;
          width: 80px;
          height: 80px; }
    .contents .lookbook__txt {
      font: 400 18px/1.8 "Noto Sans JP", sans-serif;
      color: #FFF;
      text-align: center;
      margin: 50px 0 0; }
    .contents .lookbook__btn {
      font: 700 22px/1 "Noto Sans JP", sans-serif;
      position: relative; }
      .contents .lookbook__btn .feature__btn {
        width: 600px;
        height: 70px;
        margin: 50px auto 0; }
      .contents .lookbook__btn a {
        position: relative; }
        .contents .lookbook__btn a::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translateY(-50%);
          background-image: url("/img/feature/w-inouemai-260213/btn__arrow__white.png");
          background-repeat: no-repeat;
          background-size: contain;
          width: 30px;
          height: 30px; }
  .contents .thumbnail {
    width: 600px;
    margin: 0 auto; }
    .contents .thumbnail .swiper-slide {
      opacity: 0.3;
      transition: opacity 0.5s;
      cursor: pointer; }
    .contents .thumbnail .swiper-slide-thumb-active {
      opacity: 1; }
  .contents .profile {
    margin: 150px 0 0;
    width: 100%;
    background: #FEF8EB;
    outline: 2px solid #000;
    outline-offset: -2px;
    padding: 50px; }
    .contents .profile__inner {
      column-gap: 50px; }
    .contents .profile__column p {
      font: 500 16px/2.2 "Noto Sans JP", sans-serif; }
    .contents .profile__img {
      width: 230px; }
    .contents .profile__insta {
      column-gap: 15px;
      align-items: center;
      margin: 15px 0 0; }
      .contents .profile__insta__logo {
        width: 58px; }
      .contents .profile__insta__txt a {
        font: 500 22px/1.2 "Noto Sans JP", sans-serif;
        color: #000; }
      .contents .profile__insta__txt span {
        position: relative;
        font: 500 16px/1.2 "Noto Sans JP", sans-serif; }
        .contents .profile__insta__txt span::after {
          font: 400 1.2em/1 'Material Symbols Outlined';
          content: '\e89e';
          position: absolute;
          bottom: 0;
          right: -1.2em;
          color: #000;
          text-shadow: 1px 1px 0px #C3FF01; }
    .contents .profile__btn {
      font: 700 22px/1 "Noto Sans JP", sans-serif;
      position: relative; }
      .contents .profile__btn .feature__btn {
        width: 600px;
        height: 70px;
        margin: 50px auto 0; }
      .contents .profile__btn a {
        position: relative; }
        .contents .profile__btn a::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translateY(-50%);
          background-image: url("/img/feature/w-inouemai-260213/btn__arrow__white.png");
          background-repeat: no-repeat;
          background-size: contain;
          width: 30px;
          height: 30px; }
  .contents .btn__group {
    column-gap: 50px;
    width: 900px;
    margin: 150px auto 0; }
    .contents .btn__group__column {
      flex: 1; }
      .contents .btn__group__column a {
        width: 100%;
        height: 84px;
        display: flex;
        justify-content: center;
        align-items: center;
        font: 700 18px/1.6 "Noto Sans JP", sans-serif;
        text-align: center; }
  .contents .btn__totop {
    margin: 100px auto 0;
    text-align: center; }
    .contents .btn__totop a {
      position: relative;
      color: #FFF;
      margin: 0.5em;
      font: 700 18px/1 "Roboto", sans-serif; }
      .contents .btn__totop a:hover, .contents .btn__totop a:valid {
        color: #FFF; }
      .contents .btn__totop a span {
        position: relative; }
        .contents .btn__totop a span::before {
          font: 400 1.2em/1 'Material Symbols Outlined';
          content: '\e88a';
          position: absolute;
          top: 0;
          left: -1.2em; }
  .contents .common__btn a {
    border-radius: 5em;
    color: #000;
    margin: 0 auto;
    background: #FFF;
    transition: 0.5s; }
    .contents .common__btn a:hover, .contents .common__btn a:visited {
      color: #000; }
    .contents .common__btn a:hover {
      background: #FAFAFA;
      opacity: 0.5; }

/*css sp*/
@media screen and (max-width: 768px) {
  .contents {
    padding: 0 0 calc(100 * (100vw / 375)) 0;
    font-size: 10px; }
    .contents__inner {
      width: calc(100% - 30px);
      margin: 0 auto; }
    .contents .mv {
      padding: 0; }
      .contents .mv h1 {
        width: 100%;
        margin: 0 auto;
        padding: 0; }
    .contents .lead {
      margin: calc(20 * (100vw / 375)) 0 0; }
      .contents .lead strong {
        font: 700 20px/1.4 "Roboto", sans-serif; }
      .contents .lead p {
        font: 400 14px/1.8 "Noto Sans JP", sans-serif;
        margin: calc(20 * (100vw / 375)) 0 0; }
    .contents .concept {
      margin: calc(30 * (100vw / 375)) 0 0; }
      .contents .concept .flex {
        row-gap: calc(10 * (100vw / 375));
        flex-flow: column; }
      .contents .concept__title {
        padding: calc(15 * (100vw / 375));
        display: flex;
        justify-content: space-between;
        width: 100%; }
        .contents .concept__title__no {
          width: calc(50 * (100vw / 375));
          height: auto;
          position: static;
          top: -35px;
          left: 50%;
          transform: none; }
          .contents .concept__title__no span {
            width: calc(50 * (100vw / 375));
            height: calc(50 * (100vw / 375));
            font: 700 calc(26 * (100vw / 375))/1 "Roboto", sans-serif; }
        .contents .concept__title__txt {
          width: 100%; }
        .contents .concept__title__txt01 {
          font: 700 calc(24 * (100vw / 375))/1.2 "Roboto", sans-serif; }
        .contents .concept__title__txt02 {
          font: 700 18px/1.2 "Roboto", sans-serif; }
      .contents .concept__txt {
        font: 400 14px/1.6 "Noto Sans JP", sans-serif;
        padding: calc(20 * (100vw / 375)) calc(15 * (100vw / 375)); }
      .contents .concept__btn {
        width: 100%;
        height: calc(60 * (100vw / 375));
        margin: calc(20 * (100vw / 375)) auto;
        font: 700 calc(18 * (100vw / 375))/1 "Noto Sans JP", sans-serif; }
        .contents .concept__btn .feature__btn {
          width: 100%;
          height: calc(60 * (100vw / 375)); }
        .contents .concept__btn a::after {
          width: calc(22 * (100vw / 375));
          height: calc(22 * (100vw / 375)); }
    .contents .subtitle {
      margin: calc(100 * (100vw / 375)) 0 0; }
      .contents .subtitle__h2 {
        height: calc(40 * (100vw / 375)); }
    .contents .navi {
      top: 40px;
      left: 0;
      padding: 0; }
      .contents .navi__inner {
        width: 100%;
        margin: 0 auto 0;
        padding: 30px 0;
        column-gap: calc(15 * (100vw / 375));
        grid-row-gap: calc(15 * (100vw / 375));
        flex-flow: wrap; }
      .contents .navi__column {
        flex: 165px;
        font: 700 calc(14 * (100vw / 375))/1 "Noto Sans JP", sans-serif; }
        .contents .navi__column .feature__btn {
          height: calc(40 * (100vw / 375)); }
        .contents .navi__column a::after {
          width: calc(20 * (100vw / 375));
          height: calc(20 * (100vw / 375)); }
    .contents .item {
      height: auto;
      margin: calc(50 * (100vw / 375)) 0 0;
      display: grid;
      align-items: flex-start;
      grid-template-columns: none;
      column-gap: calc(20 * (100vw / 375));
      grid-row-gap: calc(20 * (100vw / 375)); }
      .contents .item__txt {
        grid-column: 1/2;
        grid-row: 1/2;
        order: 1; }
        .contents .item__txt__wrp {
          width: calc(280 * (100vw / 375)); }
        .contents .item__txt__column {
          flex: 1;
          height: calc(40 * (100vw / 375)); }
        .contents .item__txt__no {
          font: 400 calc(20 * (100vw / 375))/1 "Roboto", sans-serif;
          background: #FFF; }
        .contents .item__txt__category {
          font: 700 calc(20 * (100vw / 375))/1 "Roboto", sans-serif; }
        .contents .item__txt__title {
          width: calc(335 * (100vw / 375));
          margin: calc(-20 * (100vw / 375)) 0 0 auto;
          font: 400 calc(24 * (100vw / 375))/1 "Noto Sans JP", sans-serif;
          padding: calc(35 * (100vw / 375)) 0 calc(15 * (100vw / 375)); }
        .contents .item__txt__catch {
          font: 500 calc(18 * (100vw / 375))/1.4 "Noto Sans JP", sans-serif;
          margin: calc(20 * (100vw / 375)) 0 0; }
        .contents .item__txt__inner {
          margin: calc(20 * (100vw / 375)) 0 0; }
        .contents .item__txt__color {
          font: 500 calc(20 * (100vw / 375))/1 "Roboto", sans-serif; }
          .contents .item__txt__color span {
            width: calc(30 * (100vw / 375));
            height: calc(30 * (100vw / 375));
            margin: 0 0 0 calc(10 * (100vw / 375)); }
        .contents .item__txt__price {
          font: 700 calc(24 * (100vw / 375))/1 "Roboto", sans-serif; }
          .contents .item__txt__price strong {
            font: 700 calc(30 * (100vw / 375))/1 "Roboto", sans-serif; }
      .contents .item__slide {
        position: relative;
        grid-column: 1/2;
        grid-row: 2/3;
        order: 2; }
        .contents .item__slide .swiper {
          width: calc(315 * (100vw / 375)); }
          .contents .item__slide .swiper-button-prev {
            width: calc(44 * (100vw / 375));
            height: calc(44 * (100vw / 375)); }
            .contents .item__slide .swiper-button-prev::after {
              width: calc(44 * (100vw / 375));
              height: calc(44 * (100vw / 375)); }
          .contents .item__slide .swiper-button-next {
            width: calc(44 * (100vw / 375));
            height: calc(44 * (100vw / 375)); }
            .contents .item__slide .swiper-button-next::after {
              width: calc(44 * (100vw / 375));
              height: calc(44 * (100vw / 375)); }
          .contents .item__slide .swiper-slide {
            width: calc(315 * (100vw / 375)); }
          .contents .item__slide .swiper-pagination-bullet {
            width: calc(20 * (100vw / 375));
            height: calc(20 * (100vw / 375)); }
      .contents .item__btn {
        grid-column: 1/2;
        grid-row: 3/4;
        order: 3;
        margin-bottom: 0;
        font: 700 calc(18 * (100vw / 375))/1 "Noto Sans JP", sans-serif; }
        .contents .item__btn .feature__btn {
          height: calc(60 * (100vw / 375)); }
        .contents .item__btn a::after {
          right: calc(20 * (100vw / 375));
          width: calc(23 * (100vw / 375));
          height: calc(23 * (100vw / 375)); }
    .contents .point {
      margin: calc(50 * (100vw / 375)) 0 0;
      padding: 0 0 calc(30 * (100vw / 375));
      outline: none; }
      .contents .point__title {
        width: calc(254 * (100vw / 375));
        top: 0;
        left: 50%;
        transform: translateX(-50%) rotate(-10deg);
        transform-origin: center center;
        background: #FEF8EB;
        padding: 0 calc(20 * (100vw / 375)); }
      .contents .point__slide {
        padding: calc(80 * (100vw / 375)) 0 calc(50 * (100vw / 375)); }
        .contents .point__slide__balloon {
          width: calc(315 * (100vw / 375));
          height: calc(77 * (100vw / 375));
          font: 700 calc(14 * (100vw / 375))/1 "Noto Sans JP", sans-serif; }
        .contents .point__slide__img {
          width: calc(285 * (100vw / 375));
          margin: calc(5 * (100vw / 375)) auto 0; }
        .contents .point__slide__txt {
          width: auto;
          color: #FFF;
          font: 400 calc(14 * (100vw / 375))/1.8 "Noto Sans JP", sans-serif;
          padding: calc(15 * (100vw / 375)) calc(15 * (100vw / 375)) calc(15 * (100vw / 375)); }
        .contents .point__slide .swiper {
          width: calc(315 * (100vw / 375)); }
          .contents .point__slide .swiper-slide {
            display: flex;
            flex-flow: column;
            align-items: stretch;
            height: auto;
            background: linear-gradient(to bottom, transparent 0%, transparent 60%, #000 60%, #000 100%); }
          .contents .point__slide .swiper-button-prev {
            left: 0;
            width: calc(44 * (100vw / 375));
            height: calc(44 * (100vw / 375)); }
            .contents .point__slide .swiper-button-prev::after {
              width: calc(44 * (100vw / 375));
              height: calc(44 * (100vw / 375)); }
          .contents .point__slide .swiper-button-next {
            right: 0;
            width: calc(44 * (100vw / 375));
            height: calc(44 * (100vw / 375)); }
            .contents .point__slide .swiper-button-next::after {
              width: calc(44 * (100vw / 375));
              height: calc(44 * (100vw / 375)); }
          .contents .point__slide .swiper-slide {
            width: calc(315 * (100vw / 375)); }
            .contents .point__slide .swiper-slide:nth-child(even) .point__slide__balloon {
              background-image: url("/img/feature/w-inouemai-260213/point_balloon02.png");
              background-position: 0 12px;
              background-repeat: no-repeat; }
          .contents .point__slide .swiper-pagination-bullet {
            background: #FEF8EB;
            outline: 2px solid #000;
            outline-offset: -2px;
            width: 20px;
            height: 20px;
            opacity: 1; }
            .contents .point__slide .swiper-pagination-bullet-active {
              background: #000; }
      .contents .point__btn {
        font: 700 calc(18 * (100vw / 375))/1 "Noto Sans JP", sans-serif; }
        .contents .point__btn .feature__btn {
          width: calc(315 * (100vw / 375));
          height: calc(60 * (100vw / 375));
          margin: calc(10 * (100vw / 375)) auto 0; }
        .contents .point__btn a::after {
          right: calc(20 * (100vw / 375));
          width: calc(22 * (100vw / 375));
          height: calc(22 * (100vw / 375)); }
    .contents .lookbook {
      margin: calc(20 * (100vw / 375)) 0 0;
      position: relative; }
      .contents .lookbook .swiper {
        width: calc(315 * (100vw / 375)); }
        .contents .lookbook .swiper-button-prev {
          left: 0;
          width: calc(44 * (100vw / 375));
          height: calc(44 * (100vw / 375)); }
          .contents .lookbook .swiper-button-prev::after {
            width: calc(44 * (100vw / 375));
            height: calc(44 * (100vw / 375)); }
        .contents .lookbook .swiper-button-next {
          right: 0;
          width: calc(44 * (100vw / 375));
          height: calc(44 * (100vw / 375)); }
          .contents .lookbook .swiper-button-next::after {
            width: calc(44 * (100vw / 375));
            height: calc(44 * (100vw / 375)); }
      .contents .lookbook__txt {
        font: 400 calc(14 * (100vw / 375))/1.4 "Noto Sans JP", sans-serif;
        margin: calc(20 * (100vw / 375)) 0 0; }
      .contents .lookbook__btn {
        font: 700 calc(18 * (100vw / 375))/1 "Noto Sans JP", sans-serif; }
        .contents .lookbook__btn .feature__btn {
          width: 100%;
          height: calc(60 * (100vw / 375));
          margin: calc(20 * (100vw / 375)) auto 0; }
        .contents .lookbook__btn a::after {
          right: calc(20 * (100vw / 375));
          width: calc(22 * (100vw / 375));
          height: calc(22 * (100vw / 375)); }
    .contents .thumbnail {
      width: calc(315 * (100vw / 375)); }
    .contents .profile {
      margin: calc(130 * (100vw / 375)) 0 0;
      width: 100%;
      padding: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) calc(30 * (100vw / 375)); }
      .contents .profile__inner {
        column-gap: 50px;
        flex-flow: column; }
      .contents .profile__column p {
        margin: calc(15 * (100vw / 375)) 0 0;
        font: 500 calc(14 * (100vw / 375))/1.4 "Noto Sans JP", sans-serif; }
      .contents .profile__column01 {
        margin: calc(-95 * (100vw / 375)) 0 0;
        position: relative;
        z-index: 1;
        display: flex;
        flex-flow: column;
        align-items: center; }
      .contents .profile__img {
        width: calc(150 * (100vw / 375)); }
      .contents .profile__insta {
        column-gap: calc(15 * (100vw / 375));
        margin: calc(15 * (100vw / 375)) 0 0; }
        .contents .profile__insta__logo {
          width: calc(58 * (100vw / 375)); }
        .contents .profile__insta__txt a {
          font: 500 calc(22 * (100vw / 375))/1 "Noto Sans JP", sans-serif;
          color: #000; }
      .contents .profile__btn {
        font: 700 calc(18 * (100vw / 375))/1 "Noto Sans JP", sans-serif; }
        .contents .profile__btn .feature__btn {
          width: 100%;
          height: calc(60 * (100vw / 375));
          margin: calc(20 * (100vw / 375)) auto 0; }
        .contents .profile__btn a::after {
          right: calc(20 * (100vw / 375));
          width: calc(22 * (100vw / 375));
          height: calc(22 * (100vw / 375)); }
    .contents .btn__group {
      width: calc(100% - 30px);
      margin: 5rem auto 0;
      flex-flow: column; }
      .contents .btn__group__column a {
        width: 100%;
        height: calc(70 * (100vw / 375));
        font: 700 calc(16 * (100vw / 375))/1.6 "Noto Sans JP", sans-serif; }
      .contents .btn__group__column:nth-child(2) {
        margin: 1em auto 0;
        width: 100%; }
    .contents .btn__totop {
      margin: 3rem auto 0; }
      .contents .btn__totop a {
        font: 700 calc(18 * (100vw / 375))/1 "Roboto", sans-serif; }
        .contents .btn__totop a:hover, .contents .btn__totop a:valid {
          color: #000; }
        .contents .btn__totop a span {
          position: relative; }
          .contents .btn__totop a span::before {
            font: 400 1.2em/1 'Material Symbols Outlined';
            content: '\e88a';
            position: absolute;
            top: 0;
            left: -1.2em; } }
/*アニメーション*/
.fadeIn {
  opacity: 0;
  transform: translate(0, 2.5rem);
  transition: all 1s ease-out; }

.fadeIn.is-show {
  opacity: 1;
  transform: translate(0, 0); }

.fadeView {
  opacity: 0;
  transition: 2s; }

.fadeView.is-show {
  opacity: 1; }