/* ========== hidden ========== */
@media only screen and (min-width: 641px) {
.c-hide-pc {
  display: none;
}
}
@media only screen and (max-width: 640px) {
.c-hide-sp {
  display: none;
}
}

/* ========== list ========== */
.ideco-plan-list {
  margin: 1.25em 0 0;
  padding: 0;
}
.ideco-plan-list > li {
  font-size: 131.25%;
  list-style: none;
}
@media only screen and (min-width: 640px) {
  .ideco-plan-list:after {
    clear: both;
    content: "";
    display: block;
  }
  .ideco-plan-list > li {
    float: left;
    width: 48.502302%;
  }
  .ideco-plan-list > li + li {
    margin-left: 2.995396%;
  }
}
@media only screen and (max-width: 640px) {
  .ideco-plan-list > li {
    margin-top: 1.25em;
  }
}
.ideco-plan-list > li {
  border: #eb7000 solid 3px;
  border-radius: 10px;
  padding: 20px;
}
.ideco-plan-list p {
  margin: 0;
}
@media only screen and (min-width: 640px) {
  .ideco-plan-list p > em {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

/* ========== c-infoBlock-01 ========== */
.c-infoBlock-01.c-combBlock-01{
  border: none;
  margin-top: 3em;
}
.c-combBlock-01 .c-heading4-01 h4{
  color: #eb5505;
  border-bottom: 3px dotted #eb5505;
  display: inline-block;
}
.c-combBlock-01 .c-column-group{
  overflow: visible;
}
.c-combBlock-01 .c-column-group .col-unit-1\/2{
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 2px 2px 2px  rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px  rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 640px){
  .c-infoBlock-01.c-combBlock-01{
    margin-top: 2.5em;
  }
  .c-combBlock-01 .c-heading4-01 h4{
    border-bottom: 2px dotted #eb5505;
  }
  .c-combBlock-01 .c-column-group .col-unit-1\/2{
    padding: 15px 10px;
  }
}

.lineup-category {
  border: #ccc 1px solid;
  border-radius: 5px;
  position: relative;
  margin: 30px 0;
  padding: 30px;
  text-align: center;
  font-size: 1.6rem
}

.lineup-category .lineup-category__title {
  margin: 0 0 20px;
  text-align: center
}

.lineup-category .lineup-category__title span {
  font-size: 2rem;
  font-weight: 700;
  color: #eb5505;
  position: relative;
  background: #fff;
  display: inline-block
}

.lineup-category .lineup-category__title span:before, .lineup-category .lineup-category__title span:after {
  display: block;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #eb5505;
  position: absolute;
  top: 50%
}

.lineup-category .lineup-category__title span:before {
  left: -28px;
  transform: rotate(-115deg) translateY(-50%)
}

.lineup-category .lineup-category__title span:after {
  right: -32px;
  transform: rotate(-65deg) translateY(-50%)
}

.lineup-category .lineup-category__lead {
  font-size: 1.8rem;
  margin: 0 0 30px
}

.lineup-category__balance {
  margin: 10px 0 0
}

.lineup-category__balance .lineup-category__icon {
  padding: 5px 10px;
  border-radius: 30px;
  background: #eb5505;
  color: #fff
}

.lineup-category__balance .lineup-category__point {
  border: #eb5505 1px solid;
  color: #eb5505;
  padding: 5px 10px;
  border-radius: 15px;
  margin: 0 0 0 10px;
  font-size: 1rem
}

.lineup-category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin: 10px 0 0;
  list-style: none;
  padding: 0;
}

.lineup-category__list li .lineup-category__icon {
  padding: 5px 10px;
  border-radius: 30px
}

.lineup-category__list li:nth-of-type(1) .lineup-category__icon {
  background: #fdd000
}

.lineup-category__list li:nth-of-type(2) .lineup-category__icon {
  background: #fff571
}

.lineup-category__list li:nth-of-type(3) .lineup-category__icon {
  background: #006cb8;
  color: #fff
}

.lineup-category__list li:nth-of-type(4) .lineup-category__icon {
  background: #9fd8f7
}

.lineup-category__list li:nth-of-type(5) .lineup-category__icon {
  background: #9070af;
  color: #fff
}

.lineup-category__list li:nth-of-type(6) .lineup-category__icon {
  background: #5cb531;
  color: #fff
}

.modaal-content-container {
    padding: 10px 24px 20px 24px !important;
}

.modaal-content-container .c-table-01 th{
  background-color: #eb7000;
  color: #fff;
}

.modaal-content-container .c-table-01 th,
.modaal-content-container .c-table-01 td {
    padding: 24px 14px 20px;
}

@media only screen and (max-width: 640px) {
  .modaal-content-container .c-table-01 th,
  .modaal-content-container .c-table-01 td {
      padding: 12px 12px 10px;
  }
}
a.c-btn-account.c-iconModaal{
  padding: 16px 60px 16px 38px;
}
a.c-btn-account.c-iconModaal:before {
    display: none;
}
a.c-btn-account.c-iconModaal:after {
    width: 18px;
    height: 18px;
    background-image: url(/assets/img/icon_modal.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    position: absolute;
    right: 36px;
    content: "";
}

@media only screen and (max-width: 640px) {
  .modaalTableWrap-sp{
    overflow-x: scroll;
    width: calc(100vw - 98px);
  }
  .modaalTableWrap-sp .c-figure-01{
    text-align: left;
    width: 848px;
  }
}

@media only screen and (max-width: 390px){
  .c-cnvBlock-01, .c-cnvBlock-02 {
    padding: 20px 8px;
  }
}