@charset "UTF-8";
/* color
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* defult
=================================================================== */
.chara {
  display: block;
  padding-top: 100%;
  background-repeat: no-repeat;
  animation-play-state: paused !important; }
  .chara.chara--a {
    background-position-y: 0; }
  .chara.chara--b {
    background-position-y: 50%; }
  .chara.chara--c {
    background-position-y: 100%; }
  .chara.active {
    animation-play-state: running !important; }

@keyframes animeX--2 {
  to {
    background-position-x: 40%; } }
@keyframes animeX--3 {
  to {
    background-position-x: 60%; } }
@keyframes animeX--4 {
  to {
    background-position-x: 80%; } }
@keyframes animeX--5 {
  to {
    background-position-x: 100%; } }
@keyframes animeX--6 {
  to {
    background-position-x: 120%; } }
@keyframes animeX--6d {
  to {
    background-position-x: 120%; } }
@keyframes animeX--7 {
  to {
    background-position-x: 150%; } }
@keyframes animecup {
  to {
    transform: translateX(-92.8%); } }
/*kvCharaAnime
ーーーーーーーーーーーーーーーーーーーーーーーー */
@keyframes kvCharaAnime {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  10% {
    transform: scale(1.1, 0.9) translate(0%, 5%); }
  40% {
    transform: scale(1.2, 0.8) translate(0%, 15%); }
  50% {
    transform: scale(1, 1) translate(0%, 0%); }
  60% {
    transform: scale(0.9, 1.2) translate(0%, -50%); }
  75% {
    transform: scale(0.9, 1.2) translate(0%, -20%); }
  85% {
    transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
@keyframes kvCharaAnimeMax {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  10% {
    transform: scale(1.1, 0.9) translate(0%, 5%); }
  40% {
    transform: scale(1.2, 0.8) translate(0%, 15%); }
  50% {
    transform: scale(1, 1) translate(0%, 0%); }
  60% {
    transform: scale(0.9, 1.2) translate(0%, -100%); }
  75% {
    transform: scale(0.9, 1.2) translate(0%, -20%); }
  85% {
    transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
/*CharaAnime
ーーーーーーーーーーーーーーーーーーーーーーーー */
@keyframes anime-Run {
  0% {
    transform: translate3d(10%, 0, 0); }
  100% {
    transform: translate3d(200%, 0, 0); } }
@keyframes anime-Rotate {
  0% {
    transform: translate(0%, 0%); }
  5% {
    transform: translate(10%, 0%) rotate(10deg); }
  25% {
    transform: translate(20%, 0%) rotate(20deg); }
  30% {
    transform: translate(-10%, 0%) rotate(-10deg); }
  35% {
    transform: translate(-15%, 0%) rotate(-15deg); }
  45% {
    transform: translate(10%, 0%) rotate(10deg); }
  50% {
    transform: translate(15%, 0%) rotate(15deg); }
  60% {
    transform: translate(-5%, 0%) rotate(-5deg); }
  65% {
    transform: translate(-7%, 0%) rotate(-7deg); }
  75% {
    transform: translate(0%, 0%) rotate(0deg); }
  100% {
    transform: translate(0%, 0%) rotate(0deg); } }
@keyframes anime-Puru {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  20% {
    transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
  50% {
    transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
  65% {
    transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
  80% {
    transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
@keyframes anime-Jump {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  5% {
    transform: scale(1.1, 0.9) translate(0%, 5%); }
  20% {
    transform: scale(1.2, 0.8) translate(0%, 15%); }
  25% {
    transform: scale(1, 1) translate(0%, 0%); }
  30% {
    transform: scale(0.9, 1.2) translate(0%, -50%); }
  37% {
    transform: scale(0.9, 1.2) translate(0%, -20%); }
  43% {
    transform: scale(1.2, 0.8) translate(0%, 15%); }
  50% {
    transform: scale(1, 1) translate(0%, 0%); } }
@keyframes anime-Fly {
  0% {
    transform: translate(0%, 0%); }
  25% {
    transform: translate(0%, -20%); }
  50% {
    transform: translate(0%, 10%); }
  75% {
    transform: translate(0%, -10%); }
  100% {
    transform: translate(0%, 0%); } }
@keyframes anime-Down {
  0% {
    transform: scale(0.8, 1.4) translate(0%, -100%);
    visibility: visible; }
  10% {
    transform: scale(0.8, 1.4) translate(0%, -15%); }
  20% {
    transform: scale(1.4, 0.6) translate(0%, 30%); }
  30% {
    transform: scale(0.9, 1.1) translate(0%, -10%); }
  40% {
    transform: scale(0.95, 1.2) translate(0%, -30%); }
  50% {
    transform: scale(0.95, 1.2) translate(0%, -10%); }
  60% {
    transform: scale(1.1, 0.9) translate(0%, 5%); }
  70% {
    transform: scale(1, 1) translate(0%, 0%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
@keyframes anime-Visible {
  0% {
    transform: scale(1, 1) translate(0%, 0%); }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%); }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%); }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%); }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); } }
/* vw
================================================*/
/* vh
================================================*/
@keyframes stepAnime {
  to {
    background-position-x: 200%; } }
/*============================================================================================ anime */
/*============================================================================================ INSIDE CUP NOODLE */
.inside {
  /*============================================================================================ contents */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー blance__title */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーchecker  main */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー start */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー result */
  /*============================================================================================ modal how */
  /*============================================================================================ modal how */
  /*============================================================================================ modal select */ }
  .inside .blance__title {
    margin-top: 60px;
    margin-bottom: 35px; }
  .inside .inside__03--text {
    font-weight: bold;
    text-align: center; }
    .inside .inside__03--text > span {
      display: block; }
      .inside .inside__03--text > span:first-child {
        margin-bottom: 30px; }
  .inside .inside__03--checker--title {
    top: -17px; }
    .inside .inside__03--checker--title > span {
      display: inline-block;
      position: absolute;
      width: auto;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      background-color: #fff;
      transition-duration: 0.4s;
      transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      -ms-transition-duration: 0.4s;
      -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      -webkit-transition-duration: 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      -moz-transition-duration: 0.4s;
      -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
      .inside .inside__03--checker--title > span img {
        height: 34px;
        width: auto; }
    .inside .inside__03--checker--title.pc {
      display: block; }
    .inside .inside__03--checker--title.sp {
      display: none; }
  .inside .inside__03--checker--main {
    min-height: 900px; }
    .inside .inside__03--checker--main .inside__marginauto {
      max-width: 735px;
      margin-bottom: 35px; }
    .inside .inside__03--checker--main .inside--resultBlockBorder > div:nth-of-type(1) {
      border-width: 14px;
      border-style: solid;
      border-color: #ff0000; }
    .inside .inside__03--checker--main .inside--resultBlockBorder > div:nth-of-type(2) {
      border-width: 0 14px 14px 14px;
      border-style: solid;
      border-color: #ff0000; }
  .inside .inside__03--checker--main--start {
    padding-top: 30px; }
    .inside .inside__03--checker--main--start .inside--resultBlockBorder {
      position: relative; }
      .inside .inside__03--checker--main--start .inside--resultBlockBorder .start--chara > li {
        position: absolute;
        width: 180px;
        z-index: 2; }
        .inside .inside__03--checker--main--start .inside--resultBlockBorder .start--chara > li .chara {
          background-image: url("../img/character/3__1.png");
          background-size: 600% auto; }
        .inside .inside__03--checker--main--start .inside--resultBlockBorder .start--chara > li:nth-child(1) {
          right: -6%;
          top: 14%; }
          .inside .inside__03--checker--main--start .inside--resultBlockBorder .start--chara > li:nth-child(1) > span {
            -webkit-animation: animeX--3 0.5s steps(3) infinite;
            animation: animeX--3 0.5s steps(3) infinite; }
        .inside .inside__03--checker--main--start .inside--resultBlockBorder .start--chara > li:nth-child(2) {
          top: -10%;
          left: 0; }
          .inside .inside__03--checker--main--start .inside--resultBlockBorder .start--chara > li:nth-child(2) > span {
            -webkit-animation: animeX--6 1s steps(6) infinite;
            animation: animeX--6 1s steps(6) infinite; }
        .inside .inside__03--checker--main--start .inside--resultBlockBorder .start--chara > li:nth-child(3) {
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          top: 31.5%; }
          .inside .inside__03--checker--main--start .inside--resultBlockBorder .start--chara > li:nth-child(3) > span {
            -webkit-animation: animeX--3 0.5s steps(3) infinite;
            animation: animeX--3 0.5s steps(3) infinite; }
    .inside .inside__03--checker--main--start .inside__03--checker--main--start--img {
      position: relative;
      padding-top: calc(410 / 735 * 100%);
      overflow: hidden; }
      .inside .inside__03--checker--main--start .inside__03--checker--main--start--img > ul {
        position: absolute;
        width: 120%;
        height: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-wrap: wrap; }
        .inside .inside__03--checker--main--start .inside__03--checker--main--start--img > ul > li {
          position: relative;
          width: calc(100% / 6);
          margin: 15px 0; }
          .inside .inside__03--checker--main--start .inside__03--checker--main--start--img > ul > li .balance__items--img {
            width: 100%; }
          .inside .inside__03--checker--main--start .inside__03--checker--main--start--img > ul > li:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            width: 25px;
            height: 25px;
            top: -30px;
            left: -12px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-image: url("../img/contents/03/icon--plus.svg"); }
    .inside .inside__03--checker--main--start .inside__03--checker--main--start--select {
      border-width: 0 14px 14px 14px;
      border-style: solid;
      border-color: #ff0000;
      padding: 35px 0;
      margin-bottom: 12px; }
      .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents {
        max-width: 540px; }
        .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender {
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-between;
          margin-bottom: 25px; }
          .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender.active > li {
            opacity: 1; }
          .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender.move {
            transition-duration: 0.7s;
            transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            -ms-transition-duration: 0.7s;
            -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            -webkit-transition-duration: 0.7s;
            -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            -moz-transition-duration: 0.7s;
            -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
            .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender.move > li:nth-child(2) {
              transition-delay: .5s; }
          .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li {
            position: relative;
            width: calc(50% - 13px);
            text-align: center;
            border-width: 7px;
            border-style: solid;
            border-color: #c4c4c4;
            border-radius: 55px;
            cursor: pointer;
            transition-duration: 0.4s;
            transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            -ms-transition-duration: 0.4s;
            -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            -webkit-transition-duration: 0.4s;
            -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            -moz-transition-duration: 0.4s;
            -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            opacity: 0; }
            .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              width: 25px;
              height: 25px;
              top: 50%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              left: 15px;
              border-radius: 50%;
              background-color: #9d9d9d;
              transition-duration: 0.4s;
              transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
              -ms-transition-duration: 0.4s;
              -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
              -webkit-transition-duration: 0.4s;
              -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
              -moz-transition-duration: 0.4s;
              -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
            .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li > span {
              display: block;
              font-size: 21px;
              line-height: 45px;
              font-weight: bold;
              color: #aeaeae;
              transition-duration: 0.4s;
              transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
              -ms-transition-duration: 0.4s;
              -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
              -webkit-transition-duration: 0.4s;
              -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
              -moz-transition-duration: 0.4s;
              -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
            .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li:hover, .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li:active {
              border-color: #ff0000; }
              .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li:hover:after, .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li:active:after {
                background-color: #ff0000; }
              .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li:hover > span, .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li:active > span {
                color: #ff0000; }
            .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li.selected {
              border-color: #ff0000; }
              .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li.selected:after {
                background-color: #ff0000; }
              .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .select__contents--gender > li.selected > span {
                color: #ff0000; }
        .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .btn {
          margin-bottom: 20px; }
          .inside .inside__03--checker--main--start .inside__03--checker--main--start--select .select__contents .btn > span {
            width: 100%; }
  .inside .inside__03--checker--main--result {
    display: none;
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー resultIcon */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー result__main */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー selectedItems */ }
    .inside .inside__03--checker--main--result .resultIcon {
      position: absolute;
      width: 32px;
      height: 32px;
      border: 2px solid #fff;
      border-radius: 50%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto; }
    .inside .inside__03--checker--main--result .level--1 .resultIcon {
      background-image: url("../img/contents/03/result__level--1.svg"); }
    .inside .inside__03--checker--main--result .level--2 .resultIcon {
      background-image: url("../img/contents/03/result__level--2.svg"); }
    .inside .inside__03--checker--main--result .level--3 .resultIcon {
      background-image: url("../img/contents/03/result__level--3.svg"); }
      .inside .inside__03--checker--main--result .level--3 .resultIcon:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        width: calc(19 / 32 * 100%);
        height: calc(19 / 32 * 100%);
        top: auto;
        left: auto;
        bottom: -4px;
        right: -4px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url("../img/contents/03/result__level--3--sub.svg"); }
    .inside .inside__03--checker--main--result .resultIcon--kcal .resultIcon {
      background-color: #ed891e; }
    .inside .inside__03--checker--main--result .resultIcon--protein .resultIcon {
      background-color: #f41a69; }
    .inside .inside__03--checker--main--result .resultIcon--vegetable .resultIcon {
      background-color: #39ab4a; }
    .inside .inside__03--checker--main--result .result__main {
      position: relative;
      padding-top: 120px;
      padding-bottom: 145px;
      /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー graph */
      /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー block */
      /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー resultDl */
      /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー standard */
      /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー comment */ }
      .inside .inside__03--checker--main--result .result__main .result__main--graph {
        width: 385px; }
        .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents {
          position: relative;
          padding-top: calc(336 / 385 * 100%);
          background-image: url("../img/contents/03/result__graph--bg.svg");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto; }
          .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center {
            position: absolute;
            width: 24px;
            height: 24px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            top: 62%; }
            .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              border-radius: 50%;
              background-color: #ff0000;
              z-index: 3; }
            .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li {
              position: absolute;
              width: 220px;
              height: 24px;
              left: 12px;
              top: 0;
              transform-origin: left center; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li .graph--grayLine {
                position: absolute;
                width: 0;
                height: 0;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                border-bottom: 4px dashed rgba(0, 0, 0, 0.1);
                transition-duration: 0.4s;
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -ms-transition-duration: 0.4s;
                -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -webkit-transition-duration: 0.4s;
                -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -moz-transition-duration: 0.4s;
                -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li .graph--resultLine {
                position: absolute;
                width: 0%;
                height: 5px;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transition-duration: 2.5s;
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -ms-transition-duration: 2.5s;
                -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -webkit-transition-duration: 2.5s;
                -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -moz-transition-duration: 2.5s;
                -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
                .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li .graph--resultLine:after {
                  content: " ";
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  left: auto;
                  right: -9px;
                  width: 18px;
                  height: 18px;
                  top: 50%;
                  transform: translateY(-50%);
                  -webkit-transform: translateY(-50%);
                  border-radius: 50%;
                  z-index: 1; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li .resultIcon {
                position: absolute;
                width: 40px;
                height: 40px;
                right: -20px;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                z-index: 2; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li .graph__catagory {
                position: absolute;
                width: 130px;
                height: auto; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--kcal {
                transform: rotate(-90deg); }
                .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--kcal .graph--resultLine {
                  background-color: #ed891e; }
                  .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--kcal .graph--resultLine:after {
                    background-color: #ed891e; }
                .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--kcal .resultIcon {
                  transform: translateY(-50%) rotate(90deg);
                  -webkit-transform: translateY(-50%) rotate(90deg); }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--protein {
                transform: rotate(30deg); }
                .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--protein .graph--resultLine {
                  background-color: #f41a69; }
                  .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--protein .graph--resultLine:after {
                    background-color: #f41a69; }
                .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--protein .resultIcon {
                  transform: translateY(-50%) rotate(-30deg);
                  -webkit-transform: translateY(-50%) rotate(-30deg); }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--vegetable {
                transform: rotate(150deg); }
                .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--vegetable .graph--resultLine {
                  background-color: #39ab4a; }
                  .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--vegetable .graph--resultLine:after {
                    background-color: #39ab4a; }
                .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center .graph__line > li.graph--vegetable .resultIcon {
                  transform: translateY(-50%) rotate(-150deg);
                  -webkit-transform: translateY(-50%) rotate(-150deg); }
            .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__center.show > ul > li .graph--grayLine {
              width: 100%; }
          .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li {
            position: absolute;
            width: 130px;
            text-align: center; }
            .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li .graph__catagory--result {
              font-size: 26px;
              line-height: 1;
              margin-bottom: 5px; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li .graph__catagory--result > span {
                font-size: 41px;
                letter-spacing: 0.05em;
                margin-right: 3px;
                vertical-align: text-bottom; }
            .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li .graph__catagory--title {
              font-size: 0; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li .graph__catagory--title > dt img, .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li .graph__catagory--title > dd img {
                display: inline-block;
                width: auto; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li .graph__catagory--title > dt {
                margin-bottom: 5px; }
                .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li .graph__catagory--title > dt img {
                  height: 11px; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li .graph__catagory--title > dd {
                position: relative;
                width: 100%;
                height: 34px;
                border-radius: 34px; }
                .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li .graph__catagory--title > dd img {
                  position: absolute;
                  height: 18px;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%, -50%);
                  -webkit-transform: translate(-50%, -50%); }
            .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li.graph__catagory--kcal {
              bottom: calc(100% + 30px);
              left: 50%;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%); }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li.graph__catagory--kcal .graph__catagory--result {
                color: #ed891e; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li.graph__catagory--kcal .graph__catagory--title > dd {
                background-color: #ed891e; }
            .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li.graph__catagory--protein {
              top: calc(100% + 18px);
              right: -90px; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li.graph__catagory--protein .graph__catagory--result {
                color: #f41a69; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li.graph__catagory--protein .graph__catagory--title > dd {
                background-color: #f41a69; }
            .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li.graph__catagory--vegetable {
              top: calc(100% + 18px);
              left: -90px; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li.graph__catagory--vegetable .graph__catagory--result {
                color: #39ab4a; }
              .inside .inside__03--checker--main--result .result__main .result__main--graph .result__main--graph--contents .graph__catagory > li.graph__catagory--vegetable .graph__catagory--title > dd {
                background-color: #39ab4a; }
      .inside .inside__03--checker--main--result .result__main .result__main--block {
        position: absolute;
        height: auto;
        top: 0;
        border-width: 5px 0;
        border-style: solid;
        border-color: #ff0000; }
        .inside .inside__03--checker--main--result .result__main .result__main--block .result__main--block--title {
          text-align: center;
          font-size: 17px;
          font-weight: bold;
          line-height: 1;
          color: #fff;
          background-color: #ff0000;
          border-bottom-width: 5px;
          border-bottom-style: solid;
          padding: 18px 0; }
          .inside .inside__03--checker--main--result .result__main .result__main--block .result__main--block--title span {
            display: block;
            font-size: 12px;
            margin-top: 11px; }
        .inside .inside__03--checker--main--result .result__main .result__main--block .result__main--block--list > li {
          position: relative;
          border-left-width: 5px;
          border-left-style: solid;
          border-left-color: #ff0000;
          border-right-width: 5px;
          border-right-style: solid;
          border-right-color: #ff0000;
          padding: 15px 20px;
          text-align: left;
          overflow: hidden; }
          .inside .inside__03--checker--main--result .result__main .result__main--block .result__main--block--list > li:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            width: calc(100% + 20px);
            height: 5px;
            top: auto;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            background-repeat: repeat-x;
            background-position: left center;
            background-size: auto 100%; }
          .inside .inside__03--checker--main--result .result__main .result__main--block .result__main--block--list > li:last-child:after {
            display: none; }
      .inside .inside__03--checker--main--result .result__main .resultDl {
        color: #fff; }
        .inside .inside__03--checker--main--result .result__main .resultDl > dt, .inside .inside__03--checker--main--result .result__main .resultDl > dd {
          font-size: 0; }
        .inside .inside__03--checker--main--result .result__main .resultDl > dt {
          margin-bottom: 7px; }
          .inside .inside__03--checker--main--result .result__main .resultDl > dt img {
            display: inline-block;
            height: 13px;
            width: auto; }
        .inside .inside__03--checker--main--result .result__main .resultDl > dd > p {
          display: inline-block; }
        .inside .inside__03--checker--main--result .result__main .resultDl > dd > p.font-din {
          font-size: 14px;
          line-height: 1; }
          .inside .inside__03--checker--main--result .result__main .resultDl > dd > p.font-din > span {
            font-size: 27px;
            letter-spacing: 0.03em;
            margin-right: 3px; }
        .inside .inside__03--checker--main--result .result__main .resultDl > dd > p.text {
          margin-left: 5px; }
          .inside .inside__03--checker--main--result .result__main .resultDl > dd > p.text img {
            display: inline-block;
            height: 10px;
            width: auto; }
      .inside .inside__03--checker--main--result .result__main .result__main--standard {
        width: 195px;
        left: 0; }
        .inside .inside__03--checker--main--result .result__main .result__main--standard .result__main--block--title {
          border-bottom-color: #ff0000; }
        .inside .inside__03--checker--main--result .result__main .result__main--standard .standard__graph--list > li {
          border-bottom-color: #ff0000; }
          .inside .inside__03--checker--main--result .result__main .result__main--standard .standard__graph--list > li:after {
            background-image: url("../img/contents/03/result__block--line--red.svg"); }
          .inside .inside__03--checker--main--result .result__main .result__main--standard .standard__graph--list > li.kcal .resultDl {
            color: #ed891e; }
          .inside .inside__03--checker--main--result .result__main .result__main--standard .standard__graph--list > li.protein .resultDl {
            color: #f41a69; }
          .inside .inside__03--checker--main--result .result__main .result__main--standard .standard__graph--list > li.vegetable .resultDl {
            color: #39ab4a; }
      .inside .inside__03--checker--main--result .result__main .result__main--comment {
        width: 190px;
        right: 0;
        background-color: #ff0000; }
        .inside .inside__03--checker--main--result .result__main .result__main--comment .result__main--block--title {
          border-bottom-color: #fff;
          line-height: 1.5; }
        .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li {
          position: relative;
          border-bottom-color: #fff;
          padding-left: 65px; }
          .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li:after {
            background-image: url("../img/contents/03/result__block--line--white.svg"); }
          .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li .resultIcon {
            top: 15px;
            left: 15px; }
            .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li .resultIcon:before {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              width: 41px;
              height: 10px;
              left: 50%;
              transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              top: auto;
              bottom: -18px;
              background-position: center center;
              background-repeat: no-repeat;
              background-size: auto 100%; }
          .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li.level--1 .resultIcon:before {
            background-image: url("../img/contents/03/result__level--1--text.svg"); }
          .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li.level--2 .resultIcon:before {
            background-image: url("../img/contents/03/result__level--2--text.svg"); }
          .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li.level--3 .resultIcon:before {
            background-image: url("../img/contents/03/result__level--3--text.svg"); }
          .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li.level--3 .resultIcon:after {
            display: none; }
          .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li.level--3 .resultDl > dd {
            position: relative;
            padding-left: 26px; }
            .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li.level--3 .resultDl > dd:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              width: 21px;
              height: 21px;
              top: 50%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 100% auto;
              background-image: url("../img/contents/03/result__level--3--sub.svg"); }
          .inside .inside__03--checker--main--result .result__main .result__main--comment .comment__graph--list > li.level--3.more .resultIcon:before {
            background-image: url("../img/contents/03/result__level--3--text2.svg"); }
    .inside .inside__03--checker--main--result .result__selectedItems {
      position: relative;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      overflow: hidden; }
      .inside .inside__03--checker--main--result .result__selectedItems > li {
        position: relative;
        width: 100%;
        padding: 30px 0;
        text-align: center; }
        .inside .inside__03--checker--main--result .result__selectedItems > li:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          width: 44px;
          height: 240px;
          left: auto;
          right: -22px;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto;
          background-image: url("../img/contents/top/03__balance--img--line.svg"); }
        .inside .inside__03--checker--main--result .result__selectedItems > li .balance__items--img {
          display: inline-block;
          width: 135px; }
        .inside .inside__03--checker--main--result .result__selectedItems > li .result__selectedItems--name {
          text-align: center; }
          .inside .inside__03--checker--main--result .result__selectedItems > li .result__selectedItems--name > span {
            font-size: 15px;
            line-height: 1.4;
            font-weight: bold;
            padding: 7px 14px;
            display: block; }
        .inside .inside__03--checker--main--result .result__selectedItems > li:last-child:after {
          display: none; }
    .inside .inside__03--checker--main--result .result__selectedItems--leader {
      position: relative;
      padding: 30px 45px 40px; }
      .inside .inside__03--checker--main--result .result__selectedItems--leader:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 35px;
        top: -33px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url("../img/contents/03/result__selectedItems--arrow.svg"); }
      .inside .inside__03--checker--main--result .result__selectedItems--leader > dt, .inside .inside__03--checker--main--result .result__selectedItems--leader > dd {
        line-height: 1.6;
        font-weight: bold; }
      .inside .inside__03--checker--main--result .result__selectedItems--leader > dt {
        font-size: 33px;
        text-align: center;
        margin-bottom: 7px; }
      .inside .inside__03--checker--main--result .result__selectedItems--leader > dd {
        font-size: 25px; }
    .inside .inside__03--checker--main--result .result__selectedItems--recommend {
      position: relative;
      padding: 55px 25px 30px; }
      .inside .inside__03--checker--main--result .result__selectedItems--recommend .inside__03--checker--title > span {
        background-color: #ff0000;
        padding: 12px 25px;
        border-radius: 40px; }
        .inside .inside__03--checker--main--result .result__selectedItems--recommend .inside__03--checker--title > span img {
          height: 16px; }
      .inside .inside__03--checker--main--result .result__selectedItems--recommend .result__selectedItems--recommend--list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; }
        .inside .inside__03--checker--main--result .result__selectedItems--recommend .result__selectedItems--recommend--list > li {
          width: calc(50% - 25px);
          margin-right: 25px;
          margin-bottom: 30px; }
          .inside .inside__03--checker--main--result .result__selectedItems--recommend .result__selectedItems--recommend--list > li > ul {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between; }
            .inside .inside__03--checker--main--result .result__selectedItems--recommend .result__selectedItems--recommend--list > li > ul > li {
              position: relative;
              width: 50%;
              text-align: center;
              padding: 10px 14px; }
              .inside .inside__03--checker--main--result .result__selectedItems--recommend .result__selectedItems--recommend--list > li > ul > li .balance__items--img {
                width: 100%;
                margin-bottom: 10px; }
              .inside .inside__03--checker--main--result .result__selectedItems--recommend .result__selectedItems--recommend--list > li > ul > li > P {
                font-size: 14px;
                line-height: 1.5;
                font-weight: bold; }
              .inside .inside__03--checker--main--result .result__selectedItems--recommend .result__selectedItems--recommend--list > li > ul > li:first-child {
                z-index: 1; }
                .inside .inside__03--checker--main--result .result__selectedItems--recommend .result__selectedItems--recommend--list > li > ul > li:first-child:after {
                  content: " ";
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  width: 43px;
                  height: 43px;
                  left: auto;
                  right: -21px;
                  top: 50%;
                  transform: translateY(-50%);
                  -webkit-transform: translateY(-50%);
                  top: calc(50% - 10px);
                  background-position: center center;
                  background-repeat: no-repeat;
                  background-size: 100% auto;
                  background-image: url("../img/contents/03/icon--plus--2.svg"); }
          .inside .inside__03--checker--main--result .result__selectedItems--recommend .result__selectedItems--recommend--list > li:nth-child(2n) {
            margin-right: 0; }
    .inside .inside__03--checker--main--result .btn.btn__border.btn__bgRed {
      position: relative;
      width: 450px;
      margin-bottom: 30px; }
      .inside .inside__03--checker--main--result .btn.btn__border.btn__bgRed > span {
        width: 100%; }
      .inside .inside__03--checker--main--result .btn.btn__border.btn__bgRed .btnChara {
        position: absolute;
        pointer-events: none;
        width: 100%;
        bottom: 80%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center; }
        .inside .inside__03--checker--main--result .btn.btn__border.btn__bgRed .btnChara > li {
          position: relative;
          width: 145px;
          margin: 0 -30px; }
          .inside .inside__03--checker--main--result .btn.btn__border.btn__bgRed .btnChara > li .chara {
            background-image: url("../img/character/3__2.png");
            background-size: 300% auto; }
          .inside .inside__03--checker--main--result .btn.btn__border.btn__bgRed .btnChara > li:nth-child(1) {
            animation: anime-Puru 0.8s linear 0s infinite;
            -webkit-animation: anime-Puru 0.8s linear 0s infinite; }
          .inside .inside__03--checker--main--result .btn.btn__border.btn__bgRed .btnChara > li:nth-child(2) {
            z-index: 2;
            animation: anime-Jump 1.8s linear 0s infinite;
            -webkit-animation: anime-Jump 1.8s linear 0s infinite; }
          .inside .inside__03--checker--main--result .btn.btn__border.btn__bgRed .btnChara > li:nth-child(3) {
            animation: anime-Puru 0.8s linear 0s infinite;
            -webkit-animation: anime-Puru 0.8s linear 0s infinite; }
            .inside .inside__03--checker--main--result .btn.btn__border.btn__bgRed .btnChara > li:nth-child(3) span {
              -webkit-animation: stepAnime 1.3s steps(2) infinite;
              animation: stepAnime 1.3s steps(2) infinite; }
  .inside .insidemodal .inside--h3 img.imgPc {
    display: inline-block; }
  .inside .insidemodal .inside--h3 img.imgSp {
    display: none; }
  .inside .insidemodal.insidemodal__how {
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main {
      margin-bottom: 60px; }
      .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .inside--h4 {
        position: relative;
        font-size: 0;
        margin-bottom: 35px; }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .inside--h4 > span {
          position: relative;
          display: inline-block;
          padding-bottom: 13px; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .inside--h4 > span:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            height: 4px;
            top: auto;
            bottom: 0;
            background-color: #ff0000; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .inside--h4 > span img {
            display: inline-block;
            height: 22px;
            width: auto; }
      .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .inside__article--leader--num {
        width: 75px; }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .inside__article--leader--num > div > span {
          width: 35px;
          height: 60px; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .inside__article--leader--num > div > span:nth-child(1) {
            margin-right: 5px; }
      .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--section {
        margin-bottom: 55px; }
      .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--list > li {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-bottom: 23px;
        margin-bottom: 23px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--list > li > ul {
          align-self: center;
          width: calc(100% - 110px); }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--list > li > ul > li {
            font-size: 15px; }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--list > li:last-child {
          border-bottom: none;
          padding-bottom: 0; }
      .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--list.listChara {
        position: relative; }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--list.listChara:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          width: 109px;
          height: 175px;
          top: -7%;
          left: auto;
          right: 0;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto;
          background-image: url("../img/contents/03/how__modal--chara.png"); }
      .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--aside {
        position: relative;
        padding-left: 150px;
        padding-top: 23px;
        border-top: 1px solid rgba(0, 0, 0, 0.2); }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--aside > dt {
          position: absolute;
          width: 116px;
          top: -20px;
          left: -10px; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--aside > dt span {
            display: block;
            padding-top: calc(368 / 232 * 100%);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-image: url("../img/contents/03/how__modal--chara--2.png"); }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--aside > dd > strong {
          display: block;
          font-size: 17px;
          font-weight: bold;
          margin-bottom: 15px; }
      .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li {
          width: calc((100% - 60px) / 4);
          margin-right: 20px;
          margin-bottom: 30px; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li h5 {
            font-size: 14px;
            line-height: 1.5;
            text-align: center;
            margin-bottom: 10px;
            color: #000; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dt, .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dd {
              align-self: flex-start; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dt {
              width: 75px; }
              .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dt .balance__items--img {
                width: 100%; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dd {
              width: calc(100% - 83px);
              text-align: left;
              line-height: 1; }
              .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dd > p {
                font-size: 13px;
                margin-bottom: 11px; }
              .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dd > ul {
                font-size: 11px; }
                .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dd > ul > li {
                  position: relative;
                  margin-bottom: 6px;
                  padding-left: 15px; }
                  .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dd > ul > li:after {
                    content: " ";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    width: 10px;
                    height: 10px;
                    top: 50%;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    border-radius: 50%; }
                  .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dd > ul > li:nth-child(1):after {
                    background-color: #ed891e; }
                  .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dd > ul > li:nth-child(2):after {
                    background-color: #f41a69; }
                  .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li > dl > dd > ul > li:nth-child(3):after {
                    background-color: #39ab4a; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--menulist > li:nth-child(4n) {
            margin-right: 0; }
      .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--blank > ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        border: 6px solid #e1e1e1; }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--blank > ul > li {
          align-self: flex-start;
          width: 50%;
          padding: 27px; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--blank > ul > li > a[target="_blank"] > span {
            position: relative;
            display: inline-block;
            font-size: 18px;
            font-weight: bold;
            padding-right: 20px; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--blank > ul > li > a[target="_blank"] > span:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              width: 13px;
              height: 13px;
              left: auto;
              right: 0;
              top: 50%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              background-image: url("../img/contents/icon--blank.svg"); }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--blank > ul > li > a[target="_blank"]:hover > span {
            text-decoration: underline; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--blank > ul > li > p {
            font-size: 14px;
            text-align: left; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--blank > ul > li:nth-child(1) {
            border-right: 6px solid #e1e1e1; }
      .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile {
        border: 6px solid #e1e1e1;
        padding: 27px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between; }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail {
          align-self: flex-start;
          width: 290px; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail > dl {
            margin-bottom: 15px; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail > dl > dt, .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail > dl > dd {
              line-height: 1.5; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail > dl > dt {
              font-size: 14px;
              margin-bottom: 10px; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail > dl > dd {
              font-size: 16px;
              font-weight: bold; }
          .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail .profile--sns > li {
            position: relative;
            padding-left: 32px;
            margin-bottom: 4px; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail .profile--sns > li:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              width: 23px;
              height: 23px;
              top: 50%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 100% auto; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail .profile--sns > li > a.text--link {
              font-size: 12px;
              color: rgba(0, 0, 0, 0.5) !important; }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail .profile--sns > li.youtube:after {
              background-image: url("../img/contents/03/profile__sns--youtube.png"); }
            .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--detail .profile--sns > li.ins:after {
              background-image: url("../img/contents/03/profile__sns--ins.png"); }
        .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .insidemodal__how--profile .insidemodal__how--profile--text {
          width: calc(100% - 290px);
          font-size: 14px; }
  .inside .js--scroll {
    height: calc(100% - 180px); }
  .inside .insidemodal.insidemodal__select {
    display: none; }
    .inside .insidemodal.insidemodal__select .insidemodal__contents {
      padding-top: 0; }
      .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main {
        position: absolute;
        width: 100%;
        height: calc(100% - 100px);
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: 0;
        padding: 0;
        overflow: hidden; }
        .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          padding: 35px 60px;
          transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }
          .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--contents--list {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            border-width: 6px 0 0 6px;
            border-style: solid;
            border-color: #e1e1e1; }
            .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--contents--list > li {
              position: relative;
              border-right: 6px solid #e1e1e1;
              border-bottom: 6px solid #e1e1e1;
              cursor: pointer; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--contents--list > li:after {
                content: " ";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                border: 6px solid #ff0000;
                opacity: 0;
                pointer-events: none;
                transition-duration: 0.4s;
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -ms-transition-duration: 0.4s;
                -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -webkit-transition-duration: 0.4s;
                -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -moz-transition-duration: 0.4s;
                -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--contents--list > li.double:before {
                content: " ";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: "2";
                text-align: center;
                color: #fff;
                font-size: 14px;
                font-weight: bold;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background: #ff0000;
                pointer-events: none;
                transition-duration: 0.4s;
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -ms-transition-duration: 0.4s;
                -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -webkit-transition-duration: 0.4s;
                -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -moz-transition-duration: 0.4s;
                -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                top: 10px;
                left: auto;
                right: 10px;
                line-height: 30px;
                z-index: 1; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--contents--list > li .balance__items--img {
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 10px; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--contents--list > li > p {
                font-size: 13px;
                font-weight: bold;
                line-height: 1.5;
                text-align: center; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--contents--list > li:hover:after, .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--contents--list > li:active:after {
                opacity: 1; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--contents--list > li.selected:after {
                opacity: 1; }
          .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--result {
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            flex-wrap: wrap;
            padding-bottom: 10px;
            transition-duration: 0.4s;
            transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            -ms-transition-duration: 0.4s;
            -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            -webkit-transition-duration: 0.4s;
            -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            -moz-transition-duration: 0.4s;
            -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
            .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--result > li {
              position: relative;
              margin: 0 11px 20px; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--result > li > span {
                display: inline-block;
                font-size: 17px;
                line-height: 1;
                font-weight: bold;
                padding: 6px 25px;
                border-radius: 40px;
                border: 4px solid #ff0000; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--result > li .icon--close {
                width: 26px;
                height: 26px;
                top: -10px;
                right: -10px;
                background-color: #ff0000;
                border-radius: 50%; }
                .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--result > li .icon--close > span {
                  width: 12px;
                  height: 2px; }
                  .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--result > li .icon--close > span:before, .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents .insidemodal__select--result > li .icon--close > span:after {
                    background-color: #fff; }
          .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents.insidemodal__select--contents--1 {
            transition-delay: 0.2s;
            -webkit-transition-delay: 0.2s; }
            .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents.insidemodal__select--contents--1 > div {
              height: calc(100% - 110px); }
            .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents.insidemodal__select--contents--1 .insidemodal__select--contents--list > li {
              width: calc(100% / 3);
              padding: 30px 15px 25px; }
          .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents.insidemodal__select--contents--2 {
            transform: translate3d(150%, 0, 0);
            transition-delay: 0s;
            -webkit-transition-delay: 0s; }
            .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents.insidemodal__select--contents--2 .insidemodal__select--contents--list > li {
              width: calc(100% / 5);
              padding: 20px 15px 20px; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents.insidemodal__select--contents--2 .insidemodal__select--contents--list > li .balance__items--img {
                width: 82px; }
      .inside .insidemodal.insidemodal__select .insidemodal__contents .btn > span .btn--text > img {
        height: 23px; }
      .inside .insidemodal.insidemodal__select .insidemodal__contents .btn.btn__border > span {
        padding: 16px 25px;
        border-color: #fff;
        transition-duration: 0.4s;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -ms-transition-duration: 0.4s;
        -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition-duration: 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -moz-transition-duration: 0.4s;
        -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
      .inside .insidemodal.insidemodal__select .insidemodal__contents .btn.btn__border:hover > span, .inside .insidemodal.insidemodal__select .insidemodal__contents .btn.btn__border:active > span {
        border-color: #ff0000; }
      .inside .insidemodal.insidemodal__select .insidemodal__contents .btn.disable {
        pointer-events: none; }
        .inside .insidemodal.insidemodal__select .insidemodal__contents .btn.disable > span {
          background-color: #bbb; }
      .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn {
        position: absolute;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        z-index: 24;
        bottom: 12px;
        transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }
        .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--1 {
          transform: translate3d(-50%, 0, 0);
          transition-delay: 0.2s;
          -webkit-transition-delay: 0.2s; }
        .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 {
          transform: translate3d(-50%, 200%, 0);
          transition-delay: 0s;
          -webkit-transition-delay: 0s;
          padding-left: 80px; }
          .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 .insidemodal__select--btn--back {
            position: absolute;
            width: 67px;
            height: 67px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            left: 0;
            background-color: #ff0000;
            border-width: 6px;
            border-style: solid;
            border-color: #fff;
            border-radius: 50%;
            cursor: pointer;
            z-index: 25; }
            .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 .insidemodal__select--btn--back > span {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              width: 21px;
              height: 21px;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%); }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 .insidemodal__select--btn--back > span:before, .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 .insidemodal__select--btn--back > span:after {
                content: " ";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 100% auto;
                transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
                transition-duration: 0.4s;
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -ms-transition-duration: 0.4s;
                -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -webkit-transition-duration: 0.4s;
                -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -moz-transition-duration: 0.4s;
                -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 .insidemodal__select--btn--back > span:before {
                background-image: url("../img/contents/icon--pagetop--white.svg");
                opacity: 1; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 .insidemodal__select--btn--back > span:after {
                background-image: url("../img/contents/icon--pagetop--red.svg");
                opacity: 0; }
            .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 .insidemodal__select--btn--back:hover {
              background-color: #fff;
              border-color: #ff0000; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 .insidemodal__select--btn--back:hover > span:before {
                opacity: 0; }
              .inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 .insidemodal__select--btn--back:hover > span:after {
                opacity: 1; }
    .inside .insidemodal.insidemodal__select.active .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents.insidemodal__select--contents--1 {
      transform: translate3d(-150%, 0, 0);
      transition-delay: 0s;
      -webkit-transition-delay: 0s; }
    .inside .insidemodal.insidemodal__select.active .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents.insidemodal__select--contents--2 {
      transform: translate3d(0, 0, 0);
      transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s; }
    .inside .insidemodal.insidemodal__select.active .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--1 {
      transform: translate3d(-50%, 150%, 0);
      transition-delay: 0s;
      -webkit-transition-delay: 0s; }
    .inside .insidemodal.insidemodal__select.active .insidemodal__contents .insidemodal__select--btn.insidemodal__select--btn--2 {
      transform: translate3d(-50%, 0, 0);
      transition-delay: 0.2s;
      -webkit-transition-delay: 0.2s; }

.inside .insidemodal.insidemodal__select .insidemodal__contents .insidemodal__contents--main .insidemodal__select--contents.insidemodal__select--contents--1 .insidemodal__select--contents--list > li {
  width: 25%; }