@charset "UTF-8";

/* --------------------------------------------------------------------------
  Anchor
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  #result .l-page-sec__in{
    max-width: calc(1120 / var(--font-size)* 1rem);
  }
}
@media all and (max-width: 767px) {
  .l-page-sec.--l-page-sec-sp-wide .l-page-sec__body {
    padding: calc(36 / var(--font-size)* 1rem) 0;
  }
}

/* --------------------------------------------------------------------------
  INDEX
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .index-first-section{
    padding-bottom: calc(46 / var(--font-size) * 1rem);
  }
  .index-menu{
    max-width:calc(790 / var(--font-size) * 1rem);
    width:100%;
    margin-top: calc(53 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .index-menu-button-list{
    display: flex;
    flex-wrap: wrap;
    gap:calc(53 / var(--font-size) * 1rem) calc(42 / var(--font-size) * 1rem);
  }
  .index-menu-button{
    max-width:calc(374 / var(--font-size) * 1rem);
    width:100%;
  }
  .index-menu-button__link{
    background: var(--primary-color-100);
    padding:calc(25 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem);
    border-radius:calc(20 / var(--font-size) * 1rem);
    display:flex;
    align-items:center;
    min-height:calc(127 / var(--font-size) * 1rem);
    position: relative;
    transition:0.3s ease;
  }
  .index-menu-button__link:hover{
    opacity:0.7;
  }
  .index-menu-button__in{
    width:100%;
    display:flex;
    align-items:center;
  }
  .index-menu-button__body{
    padding:calc(25 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem);
    position: relative;
  }
  .index-menu-button__body:before{
    content:"";
    background-color: var(--primary-color-500);
    display: block;
    width:90%;
    height:calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
  }
  /** **/
  .index-menu-button__icon{
    background: var(--green-grade);
    mask-size:contain;
    mask-position:center center;
    mask-repeat:no-repeat;
    max-width:calc(77 / var(--font-size) * 1rem);
    width:100%;
    height:calc(77 / var(--font-size) * 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .index-menu-button__icon.--icon-aircon{
    mask-image: url(/assets/img/common/ico_aircon.svg);
    mask-size:calc(76 / var(--font-size)* 1rem) calc(41 / var(--font-size)* 1rem);
  }
  .index-menu-button__icon.--icon-refrigerator{
    mask-image: url(/assets/img/common/ico_refrigerator.svg);
    mask-size:calc(41 / var(--font-size)* 1rem) calc(65 / var(--font-size)* 1rem);
  }
  .index-menu-button__icon.--icon-waterheater{
    mask-image: url(/assets/img/common/ico_water-heater.svg);
    mask-size:calc(41 / var(--font-size)* 1rem) calc(67 / var(--font-size)* 1rem);
  }
  .index-menu-button__icon.--icon-led{
    mask-image: url(/assets/img/common/ico_led.svg);
    mask-size:calc(63 / var(--font-size)* 1rem) calc(41 / var(--font-size)* 1rem);
    mask-position:center calc(26 / var(--font-size)* 1rem);
  }
  /** **/
  .index-menu-button__label{
    font-family: var(--font-zen-maru-gothic);
    font-size: calc(24 / var(--font-size)* 1rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  /** **/
  .index-menu-button__cursor{
    fill: var(--primary-color-500);
    border: calc(1 / var(--font-size)* 1rem) solid var(--primary-color-500);
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:calc(20 / var(--font-size)* 1rem);
    height:calc(20 / var(--font-size)* 1rem);
    position: absolute;
    top:0;
    bottom:0;
    right:calc(25 / var(--font-size)* 1rem);
    margin:auto 0;
  }
  .index-menu-button__cursor svg{
    max-width:calc(10 / var(--font-size)* 1rem);
    max-height:calc(6 / var(--font-size)* 1rem);
  }


  /** **/
  .index-menu-button.--menu{
    background: var(--primary-color-100);
    border-radius:calc(20 / var(--font-size) * 1rem);
    overflow:hidden;
  }
  .index-menu-button.--menu .index-menu-button__link{
    border-radius:0;
    min-height: auto;
  }
  /** **/
  .index-sub-menu{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap: wrap;
    gap:calc(21 / var(--font-size)* 1rem) calc(42 / var(--font-size)* 1rem);
  }
  /** **/
}

@media all and (min-width: 768px) and (max-width: 890px) {
  .index-first-section{
    padding-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .index-menu-button-list {
    display: flex;
    flex-wrap: wrap;
    gap: 3vw;
  }
  .index-menu-button {
    max-width: calc(100% / 2 - calc(14 / var(--font-size) * 1rem));
  }
}

@media all and (max-width: 767px) {
  .index-first-section{
    padding-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .index-menu{
    max-width:calc(790 / var(--font-size) * 1rem);
    width:100%;
    margin-top: calc(53 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .index-menu-button-list{
    display: flex;
    flex-wrap: wrap;
    gap:calc(20 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .index-menu-button{
    width:100%;
  }
  .index-menu-button__link{
    background: var(--primary-color-100);
    padding:calc(25 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem);
    border-radius:calc(20 / var(--font-size) * 1rem);
    display:flex;
    align-items:center;
    min-height:calc(127 / var(--font-size) * 1rem);
    position: relative;
    transition:0.3s ease;
  }
  .index-menu-button__link:hover{
    opacity:0.7;
  }
  .index-menu-button__in{
    width:100%;
    display:flex;
    align-items:center;
  }
  .index-menu-button__body{
    padding:calc(25 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem);
    position: relative;
  }
  .index-menu-button__body:before{
    content:"";
    background-color: var(--primary-color-500);
    display: block;
    width:90%;
    height:calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
  }
  /** **/
  .index-menu-button__icon{
    background: var(--green-grade);
    mask-size:contain;
    mask-position:center center;
    mask-repeat:no-repeat;
    max-width:calc(77 / var(--font-size) * 1rem);
    width:100%;
    height:calc(77 / var(--font-size) * 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .index-menu-button__icon.--icon-aircon{
    mask-image: url(/assets/img/common/ico_aircon.svg);
    mask-size:calc(76 / var(--font-size)* 1rem) calc(41 / var(--font-size)* 1rem);
  }
  .index-menu-button__icon.--icon-refrigerator{
    mask-image: url(/assets/img/common/ico_refrigerator.svg);
    mask-size:calc(41 / var(--font-size)* 1rem) calc(65 / var(--font-size)* 1rem);
  }
  .index-menu-button__icon.--icon-waterheater{
    mask-image: url(/assets/img/common/ico_water-heater.svg);
    mask-size:calc(41 / var(--font-size)* 1rem) calc(67 / var(--font-size)* 1rem);
  }
  .index-menu-button__icon.--icon-led{
    mask-image: url(/assets/img/common/ico_led.svg);
    mask-size:calc(63 / var(--font-size)* 1rem) calc(41 / var(--font-size)* 1rem);
  }
  /** **/
  .index-menu-button__label{
    font-family: var(--font-zen-maru-gothic);
    font-size: calc(22 / var(--font-size)* 1rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  /** **/
  .index-menu-button__cursor{
    fill: var(--primary-color-500);
    border: calc(1 / var(--font-size)* 1rem) solid var(--primary-color-500);
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:calc(20 / var(--font-size)* 1rem);
    height:calc(20 / var(--font-size)* 1rem);
    position: absolute;
    top:0;
    bottom:0;
    right:calc(25 / var(--font-size)* 1rem);
    margin:auto 0;
  }
  .index-menu-button__cursor svg{
    max-width:calc(10 / var(--font-size)* 1rem);
    max-height:calc(6 / var(--font-size)* 1rem);
  }


  /** **/
  .index-menu-button.--menu{
    background: var(--primary-color-100);
    border-radius:calc(20 / var(--font-size) * 1rem);
    overflow:hidden;
  }
  .index-menu-button.--menu .index-menu-button__link{
    border-radius:0;
    min-height: auto;
  }
  /** **/
  .index-sub-menu{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap: wrap;
    gap:calc(10 / var(--font-size)* 1rem) calc(20 / var(--font-size)* 1rem);
  }
  /** **/
}

@media all and (max-width: 350px) {
  .index-menu-button__label {
    font-size: calc(17 / var(--font-size)* 1rem);
    margin-left: calc(10 / var(--font-size)* 1rem);
  }
  .index-menu-button__link {
    padding: calc(15 / var(--font-size)* 1rem) calc(15 / var(--font-size)* 1rem);
    min-height: calc(107 / var(--font-size)* 1rem);
  }
  .index-menu-button__body {
    padding: calc(15 / var(--font-size)* 1rem) calc(15 / var(--font-size)* 1rem);

  }
  .index-sub-menu {
    gap: calc(10 / var(--font-size)* 1rem) 3vw;
  }
}

/* --------------------------------------------------------------------------
  SEARCH SELECT BOX
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .product-search-selectbox{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .product-search-selectbox__object{
    max-width:calc(632 / var(--font-size) * 1rem);
    width:100%;
  }
  .product-search-selectbox__object .c-form-select,
  .product-search-selectbox__object .c-form-select__box,
  .product-search-selectbox__object select{
    width:100%;
  }
  .product-search-selectbox__object select,
  .product-search-selectbox__button button{
    height:calc(50 / var(--font-size) * 1rem);
  }
  .product-search-selectbox__button{
    max-width:calc(87 / var(--font-size) * 1rem);
    width:100%;
    margin-left: calc(9 / var(--font-size) * 1rem);
  }
  .product-search-selectbox__button button{
    background-color: var(--primary-color-500);
    background-image: url(/assets/img/common/ico_search.svg);
    background-size:calc(30 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem);
    background-position:center center;
    background-repeat:no-repeat;
    border:calc(1 / var(--font-size) * 1rem) solid var(--primary-color-500);
    border-radius:calc(5 / var(--font-size) * 1rem);
    width:100%;
    transition:0.3s ease;
  }
  .product-search-selectbox__button button:hover{
    opacity:0.7;
  }
}
@media all and (max-width: 767px) {
  #search .l-page-sec__body{
    padding-top: 0;
  }
  .product-search-selectbox{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .product-search-selectbox__object{
    max-width:calc(632 / var(--font-size) * 1rem);
    width:100%;
  }
  .product-search-selectbox__object .c-form-select,
  .product-search-selectbox__object .c-form-select__box,
  .product-search-selectbox__object select{
    width:100%;
  }
  .product-search-selectbox__object select,
  .product-search-selectbox__button button{
    height:calc(50 / var(--font-size) * 1rem);
  }
  .product-search-selectbox__button{
    max-width: calc(53 / var(--font-size) * 1rem);
    width:100%;
    margin-left: calc(9 / var(--font-size) * 1rem);
  }
  .product-search-selectbox__button button{
    background-color: var(--primary-color-500);
    background-image: url(/assets/img/common/ico_search.svg);
    background-size: calc(23 / var(--font-size) * 1rem) calc(23 / var(--font-size) * 1rem);
    background-position:center center;
    background-repeat:no-repeat;
    border:calc(1 / var(--font-size) * 1rem) solid var(--primary-color-500);
    border-radius:calc(5 / var(--font-size) * 1rem);
    width:100%;
    transition:0.3s ease;
  }
}

@media all and (max-width: 350px) {
  .product-search-selectbox__object select{
    font-size: calc(13 / var(--font-size)* 1rem);
  }
}

/* --------------------------------------------------------------------------
  CONDITIONAL TABLE
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .product-search-conditional{
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .product-search-conditional__trigger-button{
    padding-left: calc(12 / var(--font-size) * 1rem);
    position: relative;
    display: flex;
    cursor:pointer;
  }
  .product-search-conditional__trigger-button__icon{
    border:calc(1 / var(--font-size) * 1rem) solid var(--primary-color-500);
    border-radius:100%;
    width:calc(20 / var(--font-size) * 1rem);
    height:calc(20 / var(--font-size) * 1rem);
    display: block;
    position: relative;
  }
  .product-search-conditional__trigger-button__icon:before,
  .product-search-conditional__trigger-button__icon:after{
    content:"";
    background-color:var(--primary-color-500);
    display: block;
    width:calc(8 / var(--font-size) * 1rem);
    height:calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    transition:0.3s ease;
  }
  .product-search-conditional__trigger-button__icon:after{
    transform:rotate(90deg);
  }
  .product-search-conditional__trigger-button__label{
    color:var(--primary-color-500);
    margin-left: calc(12 / var(--font-size) * 1rem);
  }

  .product-search-conditional-box.is-accordion-active .product-search-conditional__trigger-button__icon:after{
    transform:rotate(0);
  }


  /** **/
  .conditional-table{
    background-color: var(--secondary-color-100);
    border-radius:calc(20 / var(--font-size) * 1rem);
    display: block;
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .conditional-table__in{
    padding:calc(44 / var(--font-size) * 1rem) calc(66 / var(--font-size) * 1rem);
  }
  .conditional-table-row{
    display: flex;
  }
  .conditional-table-row + .conditional-table-row{
    margin-top: calc(18 / var(--font-size) * 1rem);
  }
  .conditional-table__title{
    max-width:calc(180 / var(--font-size) * 1rem);
    width:100%;
  }
  .conditional-table__contents{
    max-width:calc(431 / var(--font-size) * 1rem);
    width:100%;
  }
  .conditional-table__title__label{
    display: flex;
    position: relative;
    top:calc(11 / var(--font-size) * 1rem);
  }
  .conditional-table__title__label:before{
    content:"";
    background-color: var(--secondary-color-400);
    border-radius:100%;
    display: block;
    width:calc(15 / var(--font-size) * 1rem);
    height:calc(15 / var(--font-size) * 1rem);
    position: relative;
    top:calc(2 / var(--font-size) * 1rem);
    flex-shrink: 0;
    margin-right: calc(7 / var(--font-size) * 1rem);
  }
  /** **/
  .conditional-table-checklist.--vertical .conditional-table-checklist__item{
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .conditional-table-checklist.--vertical .conditional-table-checklist__item:first-child{
    margin-top: 0;
  }
  /** **/
  .conditional-table-search-button{
    max-width:calc(320 / var(--font-size) * 1rem);
    width:100%;
    margin-top: calc(32 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (max-width: 767px) {
  .product-search-conditional{
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .product-search-conditional__trigger-button{
    padding-left: calc(12 / var(--font-size) * 1rem);
    position: relative;
    display: flex;
    cursor:pointer;
  }
  .product-search-conditional__trigger-button__icon{
    border:calc(1 / var(--font-size) * 1rem) solid var(--primary-color-500);
    border-radius:100%;
    width:calc(20 / var(--font-size) * 1rem);
    height:calc(20 / var(--font-size) * 1rem);
    display: block;
    position: relative;
  }
  .product-search-conditional__trigger-button__icon:before,
  .product-search-conditional__trigger-button__icon:after{
    content:"";
    background-color:var(--primary-color-500);
    display: block;
    width:calc(8 / var(--font-size) * 1rem);
    height:calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    transition:0.3s ease;
  }
  .product-search-conditional__trigger-button__icon:after{
    transform:rotate(90deg);
  }
  .product-search-conditional__trigger-button__label{
    color:var(--primary-color-500);
    margin-left: calc(12 / var(--font-size) * 1rem);
  }

  .product-search-conditional-box.is-accordion-active .product-search-conditional__trigger-button__icon:after{
    transform:rotate(0);
  }


  /** **/
  .conditional-table{
    background-color: var(--secondary-color-100);
    border-radius:calc(20 / var(--font-size) * 1rem);
    display: block;
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .conditional-table__in{
    padding:calc(30 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem);
  }
  .conditional-table-row{
  }
  .conditional-table-row + .conditional-table-row{
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .conditional-table__title{
    max-width:calc(180 / var(--font-size) * 1rem);
    width:100%;
  }
  .conditional-table__contents{
    max-width:calc(431 / var(--font-size) * 1rem);
    width:100%;
    margin-top: calc(18 / var(--font-size) * 1rem);
  }
  .conditional-table__title__label{
    font-size:calc(15 / var(--font-size) * 1rem);
    display: flex;
  }
  .conditional-table__title__label:before{
    content:"";
    background-color: var(--secondary-color-400);
    border-radius:100%;
    display: block;
    width:calc(13 / var(--font-size) * 1rem);
    height:calc(13 / var(--font-size) * 1rem);
    position: relative;
    top:calc(2 / var(--font-size) * 1rem);
    flex-shrink: 0;
    margin-right: calc(7 / var(--font-size) * 1rem);
  }
  /** **/
  .conditional-table-checklist.--vertical .conditional-table-checklist__item{
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .conditional-table-checklist.--vertical .conditional-table-checklist__item:first-child{
    margin-top: 0;
  }
  /** **/
  .conditional-table-search-button{
    max-width:calc(320 / var(--font-size) * 1rem);
    width:100%;
    margin-top: calc(32 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .conditional-table-search-button .c-btn__body{
    padding-left: calc(45 / var(--font-size)* 1rem);
  }
}

@media all and (max-width: 350px) {
  .conditional-table-search-button .c-btn__body {
    padding-left: calc(30 / var(--font-size)* 1rem);
  }
}

/* --------------------------------------------------------------------------
  RESULT
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .result-post-count{
    text-align: center;
  }
  .result-post-count__number{
    margin-left: calc(12 / var(--font-size)* 1rem);
  }
  /** table-layout **/
  .result-table{
    margin-top: calc(16 / var(--font-size)* 1rem);
  }
  .result-table .c-table-chart{
    border-radius:0; 
  }
  .result-table .c-table-chart .c-table-chart__thead .c-table-chart-cell{
    padding: calc(6 / var(--font-size)* 1rem) calc(6 / var(--font-size)* 1rem);
    position: relative;
    min-width:calc(70 / var(--font-size)* 1rem);
  }
  .result-table .c-table-chart .c-table-chart__tbody .c-table-chart-cell{
    padding: calc(6 / var(--font-size)* 1rem) calc(6 / var(--font-size)* 1rem);
    position: relative;
  }
 .result-table__thead__label{
    padding-bottom: calc(34 / var(--font-size)* 1rem);
    font-size: calc(14 / var(--font-size)* 1rem);
    font-weight: 700;
    text-align: center;
  }
  /** sort **/
  .result-table-sort__in{
    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    left:0;
    right:0;
    bottom:calc(4 / var(--font-size)* 1rem);
    margin:0 auto;
  }
  .result-table-sort__item{
    width:calc(20 / var(--font-size) * 1rem);
    height:calc(20 / var(--font-size) * 1rem);
  }
  .result-table-sort__item + .result-table-sort__item{
    margin-left: calc(8 / var(--font-size) * 1rem);
  }
  .result-table-sort__btn{
    background-color: var(--gray-color-300);
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    position: relative;
    transition: 0.3s ease;
  }
  .result-table-sort__btn:hover{
    opacity:0.7;
  }
  .result-table-sort__btn:before{
    content:"";
    border:calc(2 / var(--font-size) * 1rem) solid var(--white-color);
    border-top:0;
    border-right:0;
    display: block;
    width:calc(7 / var(--font-size) * 1rem);
    height:calc(7 / var(--font-size) * 1rem);
    transform:rotate(-45deg);
    position: absolute;
    top:calc(-2 / var(--font-size) * 1rem);
    left:calc(1 / var(--font-size) * 1rem);
    right:0;
    bottom:0;
    margin:auto;
  }
  .result-table-sort__btn.result-table-sort__btn--prev{
    transform:rotate(-180deg);
  }
  .result-table-sort__btn.result-table-sort__btn--prev:before{
    top:calc(-1.5 / var(--font-size) * 1rem);
  }
  .result-table-sort__btn.result-table-sort__btn--active{
    background-color: var(--secondary-color-400);
  }
  /** csv **/
  .result-post-download {
    --result-post-download-bg-color: var(--primary-color-500);
    --result-post-download-border-color: var(--primary-color-400);
    --result-post-download-txt-color: var(--white-color);
    cursor: pointer;
  }
  .rresult-post-download-btn {
    display: block;
    width: 100%;
  }
  .result-post-download__box:hover .result-post-download__box__in {
    opacity: 0.7;
  }
  .result-post-download__box__in {
    width: calc(280 / var(--font-size) * 1rem);
    background-color: var(--result-post-download-bg-color);
    height: 100%;
    transition: all 0.2s;
  }
  .result-post-download__box__body {
    position: relative;
    min-height: calc(46 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    padding: calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .result-post-download__box__icon {
    width: calc(16 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
  }
  .result-post-download__box__icon .csv__label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .result-post-download__box__txt {
    color: var(--result-post-download-txt-color);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.5;
    padding-left: calc(26 / var(--font-size) * 1rem);
  }

  /** /sort **/
}
@media all and (max-width: 767px) {
  .result-post-count{
    text-align: center;
  }
  .result-post-count__number{
    margin-left: calc(12 / var(--font-size)* 1rem);
  }
  /** table-layout **/
  .result-table{
    margin-top: calc(16 / var(--font-size)* 1rem);
  }
  .result-table .c-table-chart{
    border-radius:0; 
  }
  .result-table .c-table-chart .c-table-chart__thead .c-table-chart-cell{
    padding: calc(6 / var(--font-size)* 1rem) calc(6 / var(--font-size)* 1rem);
    position: relative;
    min-width:calc(70 / var(--font-size)* 1rem);
  }
  .result-table .c-table-chart .c-table-chart__tbody .c-table-chart-cell{
    padding: calc(6 / var(--font-size)* 1rem) calc(6 / var(--font-size)* 1rem);
    position: relative;
  }
 .result-table__thead__label{
    padding-bottom: calc(34 / var(--font-size)* 1rem);
    font-size: calc(14 / var(--font-size)* 1rem);
    font-weight: 700;
    text-align: center;
  }
  /** sort **/
  .result-table-sort__in{
    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    left:0;
    right:0;
    bottom:calc(4 / var(--font-size)* 1rem);
    margin:0 auto;
  }
  .result-table-sort__item{
    width:calc(20 / var(--font-size) * 1rem);
    height:calc(20 / var(--font-size) * 1rem);
  }
  .result-table-sort__item + .result-table-sort__item{
    margin-left: calc(8 / var(--font-size) * 1rem);
  }
  .result-table-sort__btn{
    background-color: var(--gray-color-300);
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    position: relative;
    transition: 0.3s ease;
  }
  .result-table-sort__btn:hover{
    opacity:0.7;
  }
  .result-table-sort__btn:before{
    content:"";
    border:calc(2 / var(--font-size) * 1rem) solid var(--white-color);
    border-top:0;
    border-right:0;
    display: block;
    width:calc(7 / var(--font-size) * 1rem);
    height:calc(7 / var(--font-size) * 1rem);
    transform:rotate(-45deg);
    position: absolute;
    top:calc(-2 / var(--font-size) * 1rem);
    left:calc(1 / var(--font-size) * 1rem);
    right:0;
    bottom:0;
    margin:auto;
  }
  .result-table-sort__btn.result-table-sort__btn--prev{
    transform:rotate(-180deg);
  }
  .result-table-sort__btn.result-table-sort__btn--prev:before{
    top:calc(-1.5 / var(--font-size) * 1rem);
  }
  .result-table-sort__btn.result-table-sort__btn--active{
    background-color: var(--secondary-color-400);
  }
  /** csv **/
  .result-post-download {
    --result-post-download-bg-color: var(--primary-color-500);
    --result-post-download-border-color: var(--primary-color-400);
    --result-post-download-txt-color: var(--white-color);
    cursor: pointer;
    margin-bottom: calc(24 / var(--font-size) * 1rem);
    display: flex;
    justify-content: center;
  }
  .rresult-post-download-btn {
    display: block;
    width: 100%;
  }
  .result-post-download__box:hover .result-post-download__box__in {
    opacity: 0.7;
  }
  .result-post-download__box__in {
    width: calc(280 / var(--font-size) * 1rem);
    background-color: var(--result-post-download-bg-color);
    height: 100%;
    transition: all 0.2s;
  }
  .result-post-download__box__body {
    position: relative;
    min-height: calc(46 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    padding: calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .result-post-download__box__icon {
    width: calc(16 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
  }
  .result-post-download__box__icon .csv__label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .result-post-download__box__txt {
    color: var(--result-post-download-txt-color);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.5;
    padding-left: calc(26 / var(--font-size) * 1rem);
  }
  /** /sort **/
}