@charset "UTF-8";

/* --------------------------------------------------------------------------
  TOP SLIDER
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .top-slider{
  }
  .top-slider__slide{
    width:100%;
    height:calc(480 / var(--font-size) * 1rem);
  }
  .top-slider__slide__body{
    max-width:calc(1040 / var(--font-size) * 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left: auto;
    margin-right: auto;
  }
  .top-slider-pager-button{
    background-color: var(--color-white);
    border-radius:100%;
    width:calc(56 / var(--font-size) * 1rem);
    height:calc(56 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    bottom:0;
    margin:auto 0;
    z-index:1000;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    cursor:pointer;
  }
  .top-slider-pager-button:before{
    content:"";
    border:calc(4 / var(--font-size) * 1rem) solid var(--main-color);
    border-left:0;
    border-bottom:0;
    display: block;
    width:calc(12 / var(--font-size) * 1rem);
    height:calc(12 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:calc(5 / var(--font-size) * 1rem);
    bottom:0;
    transform: rotate(45deg);
    margin:auto;
  }
  .top-slider-pager-prev{
    left:calc(15 / var(--font-size) * 1rem);
  }
  .top-slider-pager-next{
    right:calc(15 / var(--font-size) * 1rem);
  }
  .top-slider-pager-prev:before{
    right:calc(-2 / var(--font-size) * 1rem);
    transform: rotate(-135deg);
  }
  .top-slider-pagenation{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top: calc(24 / var(--font-size) * 1rem);
    margin-left: calc(-15 / var(--font-size) * 1rem);
  }
  .top-slider-pagenation .swiper-pagination-bullet{
    border-radius:100%;
    background-color: var(--color-gray_300);
    width:calc(10 / var(--font-size) * 1rem);
    height:calc(10 / var(--font-size) * 1rem);
    margin-left: calc(15 / var(--font-size) * 1rem);
  }
  .top-slider-pagenation .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--main-color);
  }
  /****************************************/
  .top-slider__slide.--slide-01{
    background: var(--sub-color);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-image: url(/assets/img/top/bg_slider_01_01_pc.png);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__contents{
    padding-top: calc(62 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__text{
    max-width:calc(574 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .top-slider__slide.--slide-01 .top-slider__slide__text__02{
    font-size:calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 2;
    text-align: center;
    margin-top: calc(26 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__button{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__button .c-btn__text__label{
    padding-left: calc(30 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__list{
    margin-top: calc(35 / var(--font-size) * 1rem);
  }
  /****************************************/
  .top-slider__slide.--slide-02{
    background: linear-gradient(to right, #FF8891, #FFC4B3);
  }
  .top-slider__slide.--slide-02 .top-slider__slide__body{
    max-width: calc(1063 / var(--font-size) * 1rem);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__text{
    width:calc(331 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(86 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button {
    margin-top: calc(32 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button .c-btn{
    width:calc(220 / var(--font-size) * 1rem) !important;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button .c-btn__link{
    border-color:var(--color-white);
  }
  .top-slider__slide.--slide-02 .top-slider__slide__image{
    padding-top: calc(35 / var(--font-size) * 1rem);
    max-width: calc(685 / var(--font-size) * 1rem);
    margin-left: calc(47 / var(--font-size) * 1rem);
  }
  /****************************************/

}

@media all and (min-width: 768px) and (max-width: 1024px), print {
  .top-slider-pager-prev{
    left:calc(0 / var(--font-size) * 1rem);
  }
  .top-slider-pager-next{
    right:calc(0 / var(--font-size) * 1rem);
  }

  /****************************************/
  .top-slider__slide.--slide-02{
    background: linear-gradient(to right, #FF8891, #FFC4B3);
    width: 100%;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__body{
    max-width: calc(780 / var(--font-size) * 1rem);
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__text{
    max-width:calc(331 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(0 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button {
    margin-top: calc(32 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button .c-btn {
    width: calc(220 / var(--font-size) * 1rem) !important;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button .c-btn__link {
    border-color: var(--color-white);
  }
  .top-slider__slide.--slide-02 .top-slider__slide__image{
    padding-top: calc(20 / var(--font-size) * 1rem);
    max-width: calc(420 / var(--font-size) * 1rem);
    margin-left: calc(47 / var(--font-size) * 1rem);
  }
}


@media all and (max-width: 767px) {
  .top-slider{
  }
  .top-slider__slide{
    width:100%;
    min-height:calc(554 / var(--font-size) * 1rem);
  }
  .top-slider__slide__body{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left: auto;
    margin-right: auto;
  }
  .top-slider-pager-button{
    background-color: var(--color-white);
    border-radius:100%;
    width:calc(32 / var(--font-size) * 1rem);
    height:calc(32 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    bottom:0;
    margin:auto 0;
    z-index:1000;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
  }
  .top-slider-pager-button:before{
    content:"";
    border:calc(2 / var(--font-size) * 1rem) solid var(--main-color);
    border-left:0;
    border-bottom:0;
    display: block;
    width:calc(8 / var(--font-size) * 1rem);
    height:calc(8 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:calc(5 / var(--font-size) * 1rem);
    bottom:0;
    transform: rotate(45deg);
    margin:auto;
  }
  .top-slider-pager-prev{
    left:calc(10 / var(--font-size) * 1rem);
  }
  .top-slider-pager-next{
    right:calc(10 / var(--font-size) * 1rem);
  }
  .top-slider-pager-prev:before{
    right:calc(-2 / var(--font-size) * 1rem);
    transform: rotate(-135deg);
  }
  .top-slider-pagenation{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top: calc(24 / var(--font-size) * 1rem);
    margin-left: calc(-15 / var(--font-size) * 1rem);
  }
  .top-slider-pagenation .swiper-pagination-bullet{
    border-radius:100%;
    background-color: var(--color-gray_300);
    width:calc(10 / var(--font-size) * 1rem);
    height:calc(10 / var(--font-size) * 1rem);
    margin-left: calc(15 / var(--font-size) * 1rem);
  }
  .top-slider-pagenation .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--main-color);
  }
  /****************************************/
  .top-slider__slide.--slide-01{
    background: var(--sub-color);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-image: url(/assets/img/top/bg_slider_01_01_sp.png);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__contents{
    padding: calc(44 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
    padding-top: calc(44 / var(--font-size) * 1rem);
    padding-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__text{
    max-width:calc(224 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .top-slider__slide.--slide-01 .top-slider__slide__text__02{
    font-size:calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 2;
    text-align: center;
    margin-top: calc(26 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__button{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__button .c-btn__text__label{
    padding-left: calc(20 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__list{
    margin-top: calc(35 / var(--font-size) * 1rem);
  }
  /****************************************/
  .top-slider__slide.--slide-02{
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    position: relative;
    min-height: calc(460 / var(--font-size) * 1rem);
    margin-bottom: calc(60 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-02:before{
    content:"";
    background: linear-gradient(to right, #FF8891, #FFC4B3);
    background-size: contain;
    display: block;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index: -1;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__body{
    padding:6.4vw 0 53.33vw 0;
    width:100%;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__text{
    max-width:calc(283 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__text__02{
    font-size: calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 2;
    text-align: center;
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button {
    margin-top: calc(24 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button .c-btn{
    width:calc(220 / var(--font-size) * 1rem) !important;
    box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 10%);
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button .c-btn__link{
    border-color:var(--color-white);
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button .c-btn__inner {
    min-height: calc(52 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-02 .top-slider__slide__button .c-btn__arrow{
    min-width: auto;
    height: auto;
    margin-left: 0;
  }
  .top-slider__slide.--slide-02 .top-slider__slide__image{
    position: absolute;
    bottom: calc(-60 / var(--font-size) * 1rem);
    left: 0;
    pointer-events: none;
  }
  /****************************************/

}

/* --------------------------------------------------------------------------
  TOP VISUAL
-------------------------------------------------------------------------- */

@media all and (min-width: 1025px), print {
  .top-visual{
    background: linear-gradient(to right, #FF8891, #FFC4B3);
    width: 100%;
    height: calc(480 / var(--font-size) * 1rem);
  }
  .top-visual__body{
    max-width: calc(1063 / var(--font-size) * 1rem);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  .top-visual__text{
    width:calc(331 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(86 / var(--font-size) * 1rem);
  }
  .top-visual__button {
    margin-top: calc(32 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .top-visual__button .c-btn{
    width:calc(220 / var(--font-size) * 1rem) !important;
  }
  .top-visual__button .c-btn__link{
    border-color:var(--color-white);
  }
  .top-visual__image{
    padding-top: calc(35 / var(--font-size) * 1rem);
    max-width: calc(685 / var(--font-size) * 1rem);
    margin-left: calc(47 / var(--font-size) * 1rem);
  }
}
@media all and (min-width: 768px) and (max-width: 1024px), print {
  .top-visual{
    background: linear-gradient(to right, #FF8891, #FFC4B3);
    width: 100%;
    height: calc(350 / var(--font-size) * 1rem);
  }
  .top-visual__body{
    max-width: calc(780 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  .top-visual__text{
    max-width:calc(331 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(56 / var(--font-size) * 1rem);
  }
  .top-visual__button {
    margin-top: calc(32 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .top-visual__button .c-btn {
    width: calc(220 / var(--font-size) * 1rem) !important;
  }
  .top-visual__button .c-btn__link {
    border-color: var(--color-white);
  }
  .top-visual__image{
    padding-top: calc(20 / var(--font-size) * 1rem);
    max-width: calc(420 / var(--font-size) * 1rem);
    margin-left: calc(47 / var(--font-size) * 1rem);
  }
}

@media all and (max-width: 767px) {
  .top-visual{
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    position: relative;
    min-height: calc(460 / var(--font-size) * 1rem);
    margin-bottom: calc(60 / var(--font-size) * 1rem);
  }
  .top-visual:before{
    content:"";
    background: linear-gradient(to right, #FF8891, #FFC4B3);
    background-size: contain;
    display: block;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index: -1;
  }
  .top-visual__body{
    padding:6.4vw 0 53.33vw 0;
    width:100%;
  }
  .top-visual__text{
    max-width:calc(283 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .top-visual__text__02{
    font-size: calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 2;
    text-align: center;
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .top-visual__button {
    margin-top: calc(24 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .top-visual__button .c-btn{
    width:calc(220 / var(--font-size) * 1rem) !important;
    box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 10%);
  }
  .top-visual__button .c-btn__link{
    border-color:var(--color-white);
  }
  .top-visual__button .c-btn__inner {
    min-height: calc(52 / var(--font-size) * 1rem);
  }
  .top-visual__button .c-btn__arrow{
    min-width: auto;
    height: auto;
    margin-left: 0;
  }
  .top-visual__image{
    position: absolute;
    bottom: calc(-60 / var(--font-size) * 1rem);
    left: 0;
    pointer-events: none;
  }
}

/* --------------------------------------------------------------------------
  TOP BANNER
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .top-banner{
    padding-top: calc(50 / var(--font-size) * 1rem);
  }
  .top-banner__body{
    max-width: calc(1160 / var(--font-size) * 1rem);
    margin: 0 auto;
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
}

@media all and (max-width: 767px) {
}

/* --------------------------------------------------------------------------
  TOP BUTTON
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .top-btn {
    padding-top: calc(48 / var(--font-size) * 1rem);
  }
  .top-btn__container {
    max-width: calc(1160 / var(--font-size) * 1rem);
    margin: 0 auto;
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .top-btn__body {
    max-width: calc(640 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .top-btn-01{
    width:100%;
  }
  .top-btn-01 .c-btn__arrow__icon{
    right:calc(70 / var(--font-size) * 1rem);
  }
}
/* --------------------------------------------------------------------------
  TOP NEWS
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .top-news{
    padding-top: calc(80 / var(--font-size) * 1rem);
    padding-bottom: calc(80 / var(--font-size) * 1rem);
  }
  .top-news__body{
    max-width: calc(1160 / var(--font-size) * 1rem);
    margin: 0 auto;
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .top-news .c-news-list{
  }
  .top-news__button{
    margin-top: calc(40 / var(--font-size) * 1rem);
    display:flex;
    justify-content:center;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px), print {
  .top-news{
    padding-top: calc(72 / var(--font-size) * 1rem);
    padding-bottom: calc(72 / var(--font-size) * 1rem);
  }
}

@media all and (max-width: 767px) {
  .top-news{
    padding-top: calc(62 / var(--font-size) * 1rem);
    padding-bottom: calc(80 / var(--font-size) * 1rem);
  }
  .top-news__body{
    margin: 0 auto;
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .top-news .c-news-list{
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .top-news__button{
    margin-top: calc(20 / var(--font-size) * 1rem);
    display:flex;
    justify-content:center;
  }
}

/* ==========================================================================
  subsidized-business
========================================================================== */
@media all and (min-width: 768px), print {
  .top-subsidized-business {
    padding-top: calc(80 / var(--font-size) * 1rem);
    padding-bottom: calc(80 / var(--font-size) * 1rem);
  }
  .subsidized-business_container {
    max-width: calc(960 / var(--font-size) * 1rem);
    margin: 0 auto calc(70 / var(--font-size) * 1rem);
  }
  .subsidized-business__body {
    width: 100%;
  }
  .top-subsidized-business__title{
    padding-top: calc(20 / var(--font-size) * 1rem);
    position: relative;
    font-size: calc(28 / var(--font-size) * 1rem);
    margin-bottom: calc(64 / var(--font-size) * 1rem) !important;
  }
  .top-subsidized-business__title:before{
    content:"";
    background-color: var(--main-color-jigyo03);
    display: block;
    width:calc(64 / var(--font-size) * 1rem);
    height:calc(6 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .subsidized-business-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: calc(70 / var(--font-size) * 1rem);
  }
  .subsidized-business-box{
    width:calc((100% - (32 / var(--font-size) * 1rem)) / 2);
    background-color: #fff;
    border-radius: 1.25rem;
    padding: calc(18 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
  }
  .subsidized-business-box + .subsidized-business-box{
    margin-left: calc(32 / var(--font-size) * 1rem);
  }
  .subsidized-business-box--overview{
    transition:0.3s ease;
  }
  .subsidized-business-box--overview:hover{
    opacity:0.7;
  }
  .subsidized-business-box--lease{
    padding: 0;
    display: block;
  }
  .subsidized-business-box__top-link{
    padding: calc(18 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
    transition:0.3s ease;
  }
  .subsidized-business-box__top-link:hover{
    opacity:0.7;
  }
  .subsidized-business-box__bottom-link{
    padding: calc(14 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
    font-size:calc(var(--text-size-m) / var(--font-size) * 1rem);
    font-weight: 700;
    color:var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    position: relative;
    transition:0.3s ease;
  }
  .subsidized-business-box__bottom-link:before{
    content:"";
    background-color: var(--sub-border-color);
    display: block;
    width:88%;
    height:calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .subsidized-business-box__bottom-link:hover{
    opacity:0.7;
  }
  .subsidized-business-box__bottom-link-ico{
    display: block;
    width:calc(26 / var(--font-size) * 1rem);
    height:calc(26 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    bottom:0;
    right:6%;
    margin:auto 0;
  }
  .subsidized-business-box__bottom-link-ico svg{
    fill:var(--main-color);
    width:calc(26 / var(--font-size) * 1rem);
    height:calc(26 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub-heading {
    text-align: center;
  }
  .subsidized-business-box-sub-heading__title {
    font-size: calc(20 / var(--font-size) * 1rem);
    margin-bottom: calc(10 / var(--font-size) * 1rem);
    font-weight: bold;
    text-align: center;
  }
  .subsidized-business-box-sub-heading__text {
    font-size: calc(14 / var(--font-size) * 1rem);
    font-weight: bold;
  }
  .subsidized-business-box-sub-heading__text-body {
    display: flex;
    align-items: center;
  }
  .subsidized-business-box-sub-heading__text-ico {
    width: calc(16 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
    margin-right: calc(6 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub-heading__text-ico svg {
    width: 100%;
    height: 100%;
    fill: var(--main-color-jigyo03);
  }
  .subsidized-business-box-sub-heading + .c-button{
    margin-top: 1.125rem;
  }
  .subsidized-business-box-sub-list .c-btn-list.--2col .c-btn {
    width: calc(100% / 2 - calc(8 / var(--font-size) * 1rem));
  }
  .subsidized-business-box-sub-list .c-btn-list.--2col .c-btn + .c-btn {
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  .subsidized-business-box__icon{
    display: block;
    max-width: calc(106 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(106 / var(--font-size) * 1rem);
    margin-right: calc(20 / var(--font-size) * 1rem);
  }
  .target-construction_container {
    max-width: calc(960 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .target-construction-list {
    max-width: calc(1051 / var(--font-size) * 1rem);
    margin: 0 auto;
    margin-top: calc(70 / var(--font-size) * 1rem);
  }
  .target-construction-list .c-btn .c-btn__inner{
    min-height: calc(76 / var(--font-size) * 1rem) !important;
  }
  .target-construction__body {
    width: 100%;
  }
  .c-btn.c-btn-list {
    flex-direction: column;
  }
  .c-btn.c-btn-list > .c-btn + .c-btn {
    margin-left: 0;
  }
  .c-btn-list__outer {
    display: flex;
  }
  .c-btn-list__outer .c-btn-list.--4col .c-btn:first-child,
  .c-btn-list__outer .c-btn-list.--4col .c-btn:nth-child(2),
  .c-btn-list__outer .c-btn-list.--4col .c-btn:nth-child(3),
  .c-btn-list__outer .c-btn-list.--4col .c-btn:nth-child(4) {
    margin-top: 0;
  }
  .c-btn-list__outer .c-btn-list {
    margin-left: calc(25 / var(--font-size) * 1rem) !important;
  }
  .c-btn-list__outer .c-btn-list  > .c-btn + .c-btn {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }


  .construction-list{
    display: flex;
    justify-content: center;
    margin-left: calc(-24 / var(--font-size) * 1rem);
  }
  .construction-list__box{
    background-color: var(--color-white);
    padding:calc(10 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    border-radius: calc(14 / var(--font-size) * 1rem);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    width:calc(100% / 4 - calc(24 / var(--font-size) * 1rem));
    height:calc(259 / var(--font-size) * 1rem);
    margin-left: calc(24 / var(--font-size) * 1rem);
  }

  .construction-list__box__link{
    transition:0.3s ease;
  }

  .construction-list__box__link:hover{
    opacity:0.7;
  }

  .construction-list__box__link .u-text-link-icon:hover{
    opacity:1;
  }

  .construction-list__box__top{
    border-bottom:calc(1 / var(--font-size) * 1rem) solid var(--color-gray_300);
    height:calc(148 / var(--font-size) * 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
  }

  .construction-list__box__icon{
    width:calc(94 / var(--font-size) * 1rem);
    height:calc(80 / var(--font-size) * 1rem);
    display:flex;
    align-items:flex-end;
    justify-content:center;
  }

  .construction-list__box__icon img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .construction-list__box__menu{
    padding-top: calc(10 / var(--font-size) * 1rem);
    font-weight: 700;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    height:calc(100% - calc(148 / var(--font-size)* 1rem));
  }
  .construction-list__box__menu__text{
    font-size:calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 2;
    position: relative;
    margin-bottom: calc(2 / var(--font-size) * 1rem) !important;
  }
  .construction-list__box__menu__text a{
    transition:0.3s ease;
  }
  .construction-list__box__menu__text a:hover{
    opacity:0.7;
  }
  .construction-list__box__menu__text-ico{
    display: inline-block;
    position: relative;
    top:calc(2 / var(--font-size) * 1rem);
    margin-right: calc(5 / var(--font-size) * 1rem);
  }
  .construction-list__box__menu__text-ico,
  .construction-list__box__menu__text-ico svg{
    fill:var(--main-color);
    width:calc(16 / var(--font-size) * 1rem);
    height:calc(16 / var(--font-size) * 1rem);
  }

  .construction-list__box__name{
    font-size:calc(var(--title-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    color:var(--color-sub);
    margin-top: calc(10 / var(--font-size) * 1rem);;
  }
  .construction-list__box.box-01 .construction-list__box__icon img{
    width:calc(80 / var(--font-size) * 1rem);
    height:calc(80 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-02 .construction-list__box__icon img{
    width:calc(94 / var(--font-size) * 1rem);
    height:calc(58 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-03 .construction-list__box__icon img{
    width:calc(88 / var(--font-size) * 1rem);
    height:calc(56 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-04 .construction-list__box__icon img{     
    width:calc(44 / var(--font-size) * 1rem);
    height:calc(80 / var(--font-size) * 1rem);
  }
}

@media all and (min-width: 768px) and (max-width: 1024px), print {
  .top-subsidized-business {
    padding-top: calc(80 / var(--font-size) * 1rem);
    padding-bottom: calc(80 / var(--font-size) * 1rem);

  }
  .subsidized-business_container {
    margin-bottom: calc(48 / var(--font-size) * 1rem);
    padding: 0 calc(14 / var(--font-size) * 1rem);
  }
  .subsidized-business__body {
    width: 100%;
  }
  .top-subsidized-business__title{
    padding-top: calc(20 / var(--font-size) * 1rem);
    position: relative;
    font-size: calc(24 / var(--font-size) * 1rem);
    line-height: calc(26 / 20);
    margin-bottom: calc(32 / var(--font-size) * 1rem)!important;
  }
  .top-subsidized-business__title:before{
    content:"";
    background-color: var(--main-color-jigyo03);
    display: block;
    width:calc(48 / var(--font-size) * 1rem);
    height:calc(4 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .subsidized-business-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .subsidized-business-box{
    background-color: #fff;
    border-radius: calc(20 / var(--font-size) * 1rem);
    padding: calc(12/ var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    width: calc((100% - 20 / var(--font-size) * 1rem) / 2);
  }

  .subsidized-business-box + .subsidized-business-box{
    margin-left: calc(20 / var(--font-size) * 1rem);
  }

  .subsidized-business-box--overview{
    transition:0.3s ease;
  }
  .subsidized-business-box--overview:hover{
    opacity:0.7;
  }
  .subsidized-business-box--lease{
    padding: 0;
    display: block;
  }
  .subsidized-business-box__top-link{
    padding: calc(18 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
    transition:0.3s ease;
  }
  .subsidized-business-box__top-link:hover{
    opacity:0.7;
  }
  .subsidized-business-box__bottom-link{
    padding: calc(14 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
    font-size:calc(var(--text-size-m) / var(--font-size) * 1rem);
    font-weight: 700;
    color:var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    position: relative;
    transition:0.3s ease;
  }
  .subsidized-business-box__bottom-link:before{
    content:"";
    background-color: var(--sub-border-color);
    display: block;
    width:88%;
    height:calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .subsidized-business-box__bottom-link:hover{
    opacity:0.7;
  }
  .subsidized-business-box__bottom-link-ico{
    display: block;
    width:calc(26 / var(--font-size) * 1rem);
    height:calc(26 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    bottom:0;
    right:6%;
    margin:auto 0;
  }
  .subsidized-business-box__bottom-link-ico svg{
    fill:var(--main-color);
    width:calc(26 / var(--font-size) * 1rem);
    height:calc(26 / var(--font-size) * 1rem);
  }

  .subsidized-business-box-sub {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub-heading {
    text-align: center;
  }
  .subsidized-business-box-sub-heading__title {
    font-size: calc(16 / var(--font-size) * 1rem);
    margin-bottom: calc(8 / var(--font-size) * 1rem);
    font-weight: bold;
    text-align: center;
  }
  .subsidized-business-box-sub-heading__text {
    font-size: calc(11 / var(--font-size) * 1rem);
    font-weight: bold;
  }
  .subsidized-business-box-sub-heading__text-body {
    display: flex;
    align-items: center;
  }
  .subsidized-business-box-sub-heading__text-ico {
    width: calc(11 / var(--font-size) * 1rem);
    height: calc(11 / var(--font-size) * 1rem);
    margin-right: calc(5 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub-heading__text-ico svg {
    width: 100%;
    height: 100%;
    fill: var(--main-color-jigyo03);
  }
  .subsidized-business-box-sub-heading + .c-button{
    margin-top: 1.125rem;
  }
  .subsidized-business-box-sub-list .c-btn-list.--2col .c-btn {
    width: calc(100% / 2 - calc(8 / var(--font-size) * 1rem));
  }
  .subsidized-business-box-sub-list .c-btn-list.--2col .c-btn + .c-btn {
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  .subsidized-business-box__icon{
    display: block;
    max-width: calc(84 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(84 / var(--font-size) * 1rem);
    margin-right: calc(24 / var(--font-size) * 1rem);
  }
  .target-construction_container {
    max-width: calc(1160 / var(--font-size) * 1rem);
    margin: 0 auto;
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .target-construction-list {
  }
  .target-construction-list > .c-btn-list.--4col {
    flex-wrap: wrap;
  }
  .target-construction-list > .c-btn-list.--4col > .c-btn {
    width: calc((100% - 20 / var(--font-size) * 1rem) / 2);
    max-width: 100%;
  }
  .target-construction-list > .c-btn-list.--4col > .c-btn + .c-btn {
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .target-construction__body {
    width: 100%;
  }
  .c-btn.c-btn-list {
    flex-direction: column;
  }
  .c-btn.c-btn-list > .c-btn + .c-btn {
    margin-left: 0;
  }
  .c-btn-list__outer {
    display: flex;
    width: 100%;
  }
  .c-btn-list__outer .c-btn-list.--4col .c-btn:first-child,
  .c-btn-list__outer .c-btn-list.--4col .c-btn:nth-child(2),
  .c-btn-list__outer .c-btn-list.--4col .c-btn:nth-child(3),
  .c-btn-list__outer .c-btn-list.--4col .c-btn:nth-child(4) {
    margin-top: 0;
  }
  .c-btn-list__outer .c-btn-list {
    margin-top: calc(20 / var(--font-size) * 1rem) !important;
    width: calc((100% - 20 / var(--font-size) * 1rem) / 2);
  }
  .c-btn-list__outer .c-btn-list + .c-btn-list {
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .c-btn-list__outer .c-btn-list  > .c-btn + .c-btn {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .target-construction-list .c-btn__inner {
    min-height: calc(86 / var(--font-size) * 1rem);
  }
  .target-construction-list .c-btn-list.--4col .c-btn__text__label {
    font-size: calc(16 / var(--font-size) * 1rem);
    text-align: center;
  }
  .c-btn-list.--4col {
    flex-wrap: nowrap;
  }
}

@media all and (max-width: 767px), print {
  .top-subsidized-business {
    padding-top: calc(64 / var(--font-size) * 1rem);
    padding-bottom: calc(64 / var(--font-size) * 1rem);

  }
  .subsidized-business_container {
    margin-bottom: calc(48 / var(--font-size) * 1rem);
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .subsidized-business__body {
    width: 100%;
  }
  .top-subsidized-business__title{
    padding-top: calc(20 / var(--font-size) * 1rem);
    position: relative;
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: calc(26 / 20);
    margin-bottom: calc(32 / var(--font-size) * 1rem)!important;
  }
  .top-subsidized-business__title:before{
    content:"";
    background-color: var(--main-color-jigyo03);
    display: block;
    width:calc(48 / var(--font-size) * 1rem);
    height:calc(4 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .subsidized-business-list{
  }
  .subsidized-business-box{
    background-color: #fff;
    border-radius: calc(20 / var(--font-size) * 1rem);
    padding: calc(10 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
  }

  .subsidized-business-box + .subsidized-business-box{
    margin-top: calc(16 / var(--font-size) * 1rem);
  }

  .subsidized-business-box--overview{
    transition:0.3s ease;
  }
  .subsidized-business-box--overview:hover{
    opacity:0.7;
  }
  .subsidized-business-box--lease{
    padding: 0;
    display: block;
  }
  .subsidized-business-box__top-link{
    padding: calc(18 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
    transition:0.3s ease;
  }
  .subsidized-business-box__top-link:hover{
    opacity:0.7;
  }
  .subsidized-business-box__bottom-link{
    padding: calc(14 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(48 / var(--font-size) * 1rem);
    font-size:calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 700;
    color:var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    position: relative;
    transition:0.3s ease;
  }
  .subsidized-business-box__bottom-link:before{
    content:"";
    background-color: var(--sub-border-color);
    display: block;
    width:88%;
    height:calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .subsidized-business-box__bottom-link:hover{
    opacity:0.7;
  }
  .subsidized-business-box__bottom-link-ico{
    display: block;
    width:calc(16 / var(--font-size) * 1rem);
    height:calc(16 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    bottom:0;
    right:6%;
    margin:auto 0;
  }
  .subsidized-business-box__bottom-link-ico svg{
    fill:var(--main-color);
    width:calc(16 / var(--font-size) * 1rem);
    height:calc(16 / var(--font-size) * 1rem);
  }


  .subsidized-business-box-sub {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub-heading {
    text-align: center;
  }
  .subsidized-business-box-sub-heading__title {
    font-size: calc(16 / var(--font-size) * 1rem);
    margin-bottom: calc(12 / var(--font-size) * 1rem);
    font-weight: bold;
    text-align: center;
  }
  .subsidized-business-box-sub-heading__text {
    font-size: calc(12 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1;
  }
  .subsidized-business-box-sub-heading__text-body {
    display: flex;
    align-items: center;
  }
  .subsidized-business-box-sub-heading__text-ico {
    width: calc(12 / var(--font-size) * 1rem);
    height: calc(12 / var(--font-size) * 1rem);
    margin-right: calc(5 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub-heading__text-ico svg {
    width: 100%;
    height: 100%;
    fill: var(--main-color-jigyo03);
  }
  .subsidized-business-box-sub-heading + .c-button{
    margin-top: 1.125rem;
  }
  .subsidized-business-box-sub-list .c-btn-list.--2col .c-btn {
    width: calc(100% / 2 - calc(8 / var(--font-size) * 1rem));
  }
  .subsidized-business-box-sub-list .c-btn-list.--2col .c-btn + .c-btn {
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  .subsidized-business-box__icon{
    display: block;
    max-width: calc(82 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(82 / var(--font-size) * 1rem);
    margin-right: calc(20 / var(--font-size) * 1rem);
  }
  .target-construction_container {
    margin: 0 auto;
    padding: 0 calc(14 / var(--font-size) * 1rem);
  }
  .target-construction__body {
    width: 100%;
  }
  .target-construction-list .c-btn-list.--sp-2col > .c-btn:nth-of-type(n+3) {
    margin-top: calc(12 / var(--font-size) * 1rem);
  }
  .c-btn-list.--sp-2col > .c-btn > .c-btn + .c-btn {
    margin-top: 0;
  }
  .target-construction-list .c-btn__inner {
    min-height: calc(72 / var(--font-size) * 1rem);
  }
  .target-construction-list .c-btn__text {
    text-align: center;
  }
  .target-construction-list .c-btn__arrow {
    min-width: auto;
    height: auto;
    margin-left: 0s;
  }
  .target-construction-list .c-btn__arrow__icon {
    width: calc(14 / var(--font-size) * 1rem);
    min-width: calc(14 / var(--font-size) * 1rem);
    height: calc(14 / var(--font-size) * 1rem);
  }
  .c-btn-list__outer {
    width: 100%;
    margin-top: calc(12 / var(--font-size) * 1rem);
  }
  .c-btn-list__outer .c-btn-list + .c-btn-list {
    margin-top: calc(12 / var(--font-size) * 1rem) !important;
  }


  .construction-list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: calc(-17 / var(--font-size) * 1rem);
    margin-left: calc(-17 / var(--font-size) * 1rem);
  }
  .construction-list__box{
    background-color: var(--color-white);
    padding:calc(10 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    border-radius: calc(14 / var(--font-size) * 1rem);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    width:calc(164 / var(--font-size) * 1rem);
    height:calc(180 / var(--font-size) * 1rem);
    margin-top: calc(17 / var(--font-size) * 1rem);
    margin-left: calc(17 / var(--font-size) * 1rem);
  }

  .construction-list__box__link{
    transition:0.3s ease;
  }

  .construction-list__box__link:hover{
    opacity:0.7;
  }

  .construction-list__box__link .u-text-link-icon:hover{
    opacity:1;
  }

  .construction-list__box__top{
    border-bottom:calc(1 / var(--font-size) * 1rem) solid var(--color-gray_300);
    height:calc(100 / var(--font-size) * 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
  }

  .construction-list__box__icon{
    width:calc(94 / var(--font-size) * 1rem);
    height:calc(56 / var(--font-size) * 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .construction-list__box__icon img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    vertical-align: top;
  }

  .construction-list__box__menu{
    padding-top: calc(14 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    height:calc(100% - calc(100 / var(--font-size)* 1rem));
  }
  .construction-list__box__menu__text{
    font-size:calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.6;
    position: relative;
    margin-bottom: calc(2 / var(--font-size) * 1rem) !important;
  }
  .construction-list__box__menu__text-ico{
    display: inline-block;
    position: relative;
    top:calc(2 / var(--font-size) * 1rem);
    margin-right: calc(5 / var(--font-size) * 1rem);
  }
  .construction-list__box__menu__text-ico,
  .construction-list__box__menu__text-ico svg{
    fill:var(--main-color);
    width:calc(12 / var(--font-size) * 1rem);
    height:calc(12 / var(--font-size) * 1rem);
  }


  .construction-list__box__name{
    font-size:calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 700;
    color:var(--color-sub);
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-01 .construction-list__box__icon img{
    width:calc(56 / var(--font-size) * 1rem);
    height:calc(56 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-02 .construction-list__box__icon img{
    width:calc(56 / var(--font-size) * 1rem);
    height:calc(34 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-03 .construction-list__box__icon img{
    width:calc(56 / var(--font-size) * 1rem);
    height:calc(36 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-04 .construction-list__box__icon img{     
    width:calc(30 / var(--font-size) * 1rem);
    height:calc(56 / var(--font-size) * 1rem);
  }
}

/* ==========================================================================
  TOP REGISTER
========================================================================== */
@media all and (min-width: 768px), print {
  .top-register{
    padding-top: calc(80 / var(--font-size)* 1rem);
    padding-bottom: calc(100 / var(--font-size)* 1rem);
  }
  .top-register__body{
    padding-top: calc(80 / var(--font-size)* 1rem);
    padding-bottom: calc(80 / var(--font-size)* 1rem);
    background: var(--main-grade-color);
    border-radius:calc(20 / var(--font-size)* 1rem);
    max-width:calc(1260 / var(--font-size)* 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .top-register__inner {
    max-width: calc(960 / var(--font-size)* 1rem);
    margin: 0 auto;
  }
  .top-register__title{
    font-size: calc(var(--title-size-large) / var(--font-size)* 1rem);
    color:var(--color-white);
  }
  .register-box{
    padding: calc(48 / var(--font-size)* 1rem) 0;
    border-top:calc(4 / var(--font-size)* 1rem) dotted var(--color-white);
  }
  .register-box:first-child{
    border-top:0;
  }
  .register-box:last-child{
    padding-bottom: 0;
  }
  .register-box__heading{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: calc(18 / var(--font-size)* 1rem);
  }
  .register-box__heading__title{
    flex-shrink: 0;
    font-size: calc(var(--title-size-l) / var(--font-size)* 1rem);
    color:var(--color-white);
    width:calc(100% - calc(88 / var(--font-size)* 1rem));
    margin-left: calc(16 / var(--font-size)* 1rem);
  }
  .register-box__heading__title__icon{
    display: block;
    min-width:calc(72 / var(--font-size)* 1rem);
    height:calc(72 / var(--font-size)* 1rem);
  }
  .register-box__top{
    display:flex;
    align-items:center;
    justify-content: space-between;
  }
  .register-box__title{
    font-size: calc(var(--title-size-s) / var(--font-size)* 1rem);
    color:var(--color-white);
  }
  .register-box__top__button.c-btn{
    width: calc(206 / var(--font-size)* 1rem) !important;
  }
  .register-box__top__button.c-btn .c-btn__link{
    background-color: var(--color-white);
    border-radius: calc(36 / var(--font-size)* 1rem);
    color:var(--color-sub);
    font-size: calc(14 / var(--font-size)* 1rem);
  }
  .register-box__top__button.c-btn .c-btn__body{
    justify-content: center;
  }
  .register-box__top__button.c-btn .c-btn__inner{
    padding-left: calc(27 / var(--font-size)* 1rem);
  }
  .register-box__top__button.c-btn .c-btn__text{
    width:auto;
  }
  .register-box__top__button.c-btn .c-btn__arrow__icon{
    right:calc(16 / var(--font-size)* 1rem);
  }
  .register-box__top__button .c-btn__arrow__icon svg{
    fill: var(--color-sub);
  }
  .register-box__text{
    color:var(--color-white);
    margin-bottom: calc(24 / var(--font-size)* 1rem);
  }
  .register__contents__button-wrap{
    display:flex;
    justify-content:center;
    margin-left: calc(-38 / var(--font-size)* 1rem);
  }
  .register__contents__button{
    width: calc(100% / 2 - calc(38 / var(--font-size)* 1rem));
    margin-left: calc(38 / var(--font-size)* 1rem);
  }
  .register__contents__button__link{
    background-color: var(--color-white);
    padding-top: calc(26 / var(--font-size)* 1rem);
    padding-left: calc(42 / var(--font-size)* 1rem);
    padding-right: calc(42 / var(--font-size)* 1rem);
    padding-bottom: calc(26 / var(--font-size)* 1rem);
    border-radius:calc(20 / var(--font-size)* 1rem);
    width: 100%;
    min-height: calc(110 / var(--font-size)* 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    position: relative;
    transition:0.3s ease;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: calc(16 / var(--font-size)* 1rem);
  }
  .register__contents__button__link:hover {
    opacity: 0.7;
  }
  .register__contents__button__title{
    font-size: calc(var(--title-size-s) / var(--font-size)* 1rem);
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
    color:var(--color-sub);
  }
  .register__contents__button__title__sub{
    font-size: calc(var(--text-size-s) / var(--font-size)* 1rem);
  }
  .register__contents__button__icon{
    width: calc(26 / var(--font-size)* 1rem);
    height: calc(26 / var(--font-size)* 1rem);
    position: absolute;
    top:0;
    bottom:0;
    right:calc(16 / var(--font-size)* 1rem);
    margin:auto 0;
  }
  .register__contents__button__icon svg{
    fill: var(--color-sub);
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .register__contents__button__text{
    background-color: var(--bg-main-color);
    border-radius:calc(16 / var(--font-size)* 1rem);
    color:var(--color-white);
    width: calc(294 / var(--font-size)* 1rem);
    height: calc(32 / var(--font-size)* 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .register__contents__button.--disable .register__contents__button__link{
    background-color: var(--color-gray_400);
    border-color: var(--color-gray_400);
    pointer-events: none;
    color:var(--color-white);
  }
  .register__contents__button.--disable .register__contents__button__title{
    color:var(--color-white);
  }
  .register__contents__button.--disable .register__contents__button__icon svg{
    fill: var(--color-white);
  }
  .register__contents__button.--disable .register__contents__button__text{
    background-color: var(--color-white);
    color: var(--color-gray_400);
  }
  .register__contents__button__comment{
    font-size: calc(var(--text-size-s) / var(--font-size)* 1rem);
    text-align: center;
    color:var(--color-white);
  }

  .register-box.box-02 .register-box__title{
    font-size: calc(var(--text-size-m) / var(--font-size)* 1rem);
    margin-bottom: calc(16 / var(--font-size)* 1rem);
  }
}

@media all and (min-width: 768px) and (max-width: 1024px), print {
  .top-register__inner {
    max-width: calc(1160 / var(--font-size)* 1rem);
    margin: 0 auto;
    padding: 0 calc(20 / var(--font-size)* 1rem);
  }
}

@media all and (max-width: 767px), print {
  .top-register{
  }
  .top-register__body{
    background: var(--main-grade-color);
    padding-top: calc(64 / var(--font-size)* 1rem);
    padding-bottom: calc(64 / var(--font-size)* 1rem);
  }
  .top-register__inner {
    margin: 0 auto;
    padding: 0 calc(14 / var(--font-size)* 1rem);
  }
  .top-register__title{
    font-size: calc(var(--title-size-s) / var(--font-size)* 1rem);
    color:var(--color-white);
  }
  .register-box{
    padding: calc(40 / var(--font-size)* 1rem) 0;
    border-top:calc(4 / var(--font-size)* 1rem) dotted var(--color-white);
  }
  .register-box:first-child{
    padding-top: calc(24 / var(--font-size)* 1rem);
    border-top:0;
  }
  .register-box:last-child{
    padding-bottom: 0;
  }
  .register-box__heading{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    margin-bottom: calc(18 / var(--font-size)* 1rem);
  }
  .register-box__heading__title{
    flex-shrink: 0;
    font-size: calc(var(--title-size-s) / var(--font-size)* 1rem);
    color:var(--color-white);
    margin-left: calc(22 / var(--font-size)* 1rem);
  }
  .register-box__heading__title__icon{
    display: block;
    width:calc(96 / var(--font-size)* 1rem);
    height:calc(96 / var(--font-size)* 1rem);
  }
  .register-box__top{
    display:flex;
    align-items:center;
    flex-direction: column;
  }
  .register-box__title{
    font-size: calc(var(--title-size-xs) / var(--font-size)* 1rem);
    color:var(--color-white);
    text-align: center;
    margin-bottom: calc(16 / var(--font-size)* 1rem);
  }
  .register-box__top__button.c-btn{
    width: calc(210 / var(--font-size)* 1rem);
  }
  .register-box__top__button.c-btn .c-btn__link{
    background-color: var(--color-white);
    border-radius: calc(36 / var(--font-size)* 1rem);
    color:var(--color-sub);
    font-size: calc(14 / var(--font-size)* 1rem);
  }
  .register-box__top__button.c-btn .c-btn__body{
    justify-content: center;
  }
  .register-box__top__button.c-btn .c-btn__inner{
    padding: calc(5 / var(--font-size)* 1rem) calc(12 / var(--font-size)* 1rem);
    min-height:calc(36 / var(--font-size)* 1rem);
  }
  .register-box__top__button.c-btn .c-btn__text{
    width:auto;
  }
  .register-box__top__button.c-btn .c-btn__text__label{
    font-size: calc(var(--text-size-s) / var(--font-size)* 1rem) !important;
  }
  .register-box__top__button.c-btn .c-btn__arrow{
    margin-left: calc(12 / var(--font-size)* 1rem);
  }
  .register-box__top__button.c-btn .c-btn__arrow__icon{
    right:calc(16 / var(--font-size)* 1rem);
  }
  .register-box__top__button .c-btn__arrow__icon svg{
    fill: var(--color-sub);
  }
  .register-box__text{
    font-size: calc(var(--text-size-s) / var(--font-size)* 1rem);
    color:var(--color-white);
    margin-bottom: calc(24 / var(--font-size)* 1rem);
  }
  .register__contents__button-wrap{
  }
  .register__contents__button{
    margin-top: calc(40 / var(--font-size)* 1rem);
  }
  .register__contents__button:first-child{
    margin-top: 0;
  }
  .register__contents__button__link{
    background-color: var(--color-white);
    padding-top: calc(13 / var(--font-size)* 1rem);
    padding-left: calc(42 / var(--font-size)* 1rem);
    padding-right: calc(42 / var(--font-size)* 1rem);
    padding-bottom: calc(13 / var(--font-size)* 1rem);
    border-radius:calc(10 / var(--font-size)* 1rem);
    min-height: calc(64 / var(--font-size)* 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    position: relative;
    transition:0.3s ease;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: calc(16 / var(--font-size)* 1rem);
  }
  .register__contents__button__link:hover {
    opacity: 0.7;
  }
  .register__contents__button__title{
    font-size: calc(var(--text-size-m) / var(--font-size)* 1rem);
    font-weight: 700;
    text-align: center;
    line-height: 1.26;
    color:var(--color-sub);
  }
  .register__contents__button__title__sub{
    font-size: calc(var(--text-size-xs) / var(--font-size)* 1rem);
  }
  .register__contents__button__icon{
    width: calc(20 / var(--font-size)* 1rem);
    height: calc(20 / var(--font-size)* 1rem);
    position: absolute;
    top:0;
    bottom:0;
    right:calc(16 / var(--font-size)* 1rem);
    margin:auto 0;
  }
  .register__contents__button__icon svg{
    fill: var(--color-sub);
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .register__contents__button__text{
    background-color: var(--bg-main-color);
    border-radius:calc(16 / var(--font-size)* 1rem);
    color:var(--color-white);
    width: calc(240 / var(--font-size)* 1rem);
    height: calc(32 / var(--font-size)* 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .register__contents__button.--disable .register__contents__button__link{
    background-color: var(--color-gray_400);
    border-color: var(--color-gray_400);
    pointer-events: none;
    color:var(--color-white);
  }
  .register__contents__button.--disable .register__contents__button__title{
    color:var(--color-white);
  }
  .register__contents__button.--disable .register__contents__button__icon svg{
    fill: var(--color-white);
  }
  .register__contents__button.--disable .register__contents__button__text{
    background-color: var(--color-white);
    color: var(--color-gray_400);
  }
  .register__contents__button__comment{
    font-size: calc(var(--text-size-xs) / var(--font-size)* 1rem);
    text-align: center;
    color:var(--color-white);
  }

  .register-box.box-02 .register-box__title{
    font-size: calc(var(--text-size-s) / var(--font-size)* 1rem);
    text-align:left;
    margin-bottom: calc(16 / var(--font-size)* 1rem);
  }
  .register-box.box-02 .register__contents__button__link{
    margin-bottom: 0;
  }
}

/* --------------------------------------------------------------------------
  TOP CONSUMER
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .top-consumer{
    padding-top: calc(100 / var(--font-size) * 1rem);
    padding-bottom: calc(100 / var(--font-size) * 1rem);
  }
  .top-consumer__body{
    border-radius: calc(20 / var(--font-size)* 1rem);
    max-width: calc(1260 / var(--font-size) * 1rem);
    margin: 0 auto;
    padding: calc(80 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .top-consumer__header {
    margin-bottom: 2rem;
  }
  .top-consumer__title{
    padding-top: calc(20 / var(--font-size) * 1rem);
    position: relative;
  }
  .top-consumer__title:before{
    content:"";
    background-color: var(--main-color-jigyo03);
    display: block;
    width:calc(64 / var(--font-size) * 1rem);
    height:calc(6 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .information-search-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: calc(60 / var(--font-size) * 1rem);
  }
  .information-search-box{
    padding:2rem 1.5rem;
    border-radius:1.25rem;
    width:calc((100% - calc(37 / var(--font-size) * 1rem)) / 2 - calc(52 / var(--font-size) * 1rem));
    background: var(--color-white);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
  }
  .information-search-box + .information-search-box{
    margin-left: calc(37 / var(--font-size) * 1rem);
  }
  .information-search-box__contents{
    margin-top:calc(4 / var(--font-size) * 1rem);
  }
  .u-text-alert {
    color: var(--alert-color);
  }
  .information-search-box__title{
    font-size: calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
    margin-top: 1.25rem;
  }
  .information-search-box__button {
    height: auto;
    width: 100%;
    max-width: calc(262 / var(--font-size) * 1rem);
    margin: auto;
  }
  .information-search-box__button .c-btn{
    border-radius:0.625rem;
    line-height: 1.6;
    height: 100%;
  }
  .information-search-box__button .c-btn .c-btn__inner{
    min-height: calc(76 / var(--font-size) * 1rem) !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .top-consumer__header .u-title--large {
    font-size: calc(24 / var(--font-size) * 1rem)!important;
  }
  .top-consumer__title {
    padding-top: calc(16 / var(--font-size) * 1rem);
    font-size: calc(24 / var(--font-size) * 1rem)!important;
    margin-top: calc(50 / var(--font-size) * 1rem);
  }
  .top-consumer__title:before {
    width: calc(48 / var(--font-size) * 1rem);
    height: calc(4 / var(--font-size) * 1rem);
  }
  .information-search-list{
    display: block;
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .information-search-box {
    padding: calc(32 / var(--font-size) * 1rem);
    border-radius: 1.25rem;
    width: 100%;
    box-shadow: none;
  }
  .information-search-box + .information-search-box {
    margin-left: 0;
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .information-search-box__title {
    font-size: calc(16 / var(--font-size) * 1rem);
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .information-search-box__contents {
    margin-top: calc(6 / var(--font-size) * 1rem);
  }
  .information-search-box__button {
    max-width: calc(353 / var(--font-size) * 1rem);
  }
  .information-search-box__button .c-btn .c-btn__inner {
    min-height: calc(86 / var(--font-size) * 1rem);
  }
  .information-search-box__button .c-btn__text__label {
    font-size: calc(16 / var(--font-size) * 1rem);
    line-height: 1.6;
  }
}

@media all and (max-width: 767px) {
  .top-consumer{
  }
  .top-consumer__body{
    margin: 0 auto;
    padding: calc(64 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .top-consumer__header {
    margin-bottom: calc(36 / var(--font-size) * 1rem);
  }
  .top-consumer__header span {
    font-size: calc(24 / var(--font-size) * 1rem)!important;
  }
  .top-consumer__title{
    padding-top: calc(20 / var(--font-size) * 1rem);
    position: relative;
    font-size: calc(20 / var(--font-size) * 1rem)!important;
    margin-bottom: calc(32 / var(--font-size) * 1rem)!important;
    line-height: calc(26 / 20);
  }
  .top-consumer__title:before{
    content:"";
    background-color: var(--main-color-jigyo03);
    display: block;
    width:calc(48 / var(--font-size) * 1rem);
    height:calc(4 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .information-search-list{
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .information-search-box{
    padding: calc(24 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    border-radius: calc(10 / var(--font-size) * 1rem);
    background: var(--color-white);
    box-shadow: none;

  }
  .information-search-box + .information-search-box{
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .information-search-box__contents{
    margin-top:calc(10 / var(--font-size) * 1rem);
  }
  .information-search-box__contents .c-text {
    line-height: 1.2;
  }
  .u-text-alert {
    color: var(--alert-color);
  }
  .information-search-box__title{
    font-size: calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
    margin-top: 1.25rem;
  }
  .information-search-box__button {
    height: auto;
    width: 100%;
    max-width: calc(262 / var(--font-size) * 1rem);
    margin: auto;
  }
  .information-search-box__button .c-btn{
    border-radius:0.625rem;
    line-height: 1.6;
    height: 100%;
  }
}

/* ==========================================================================
  graph
========================================================================== */

/* graph */
.top-graph__inner {
}
.top-graph-header {
}
.top-graph-head {
  letter-spacing: 0.1em;
}
.top-graph-num {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.top-graph-num__label {
  color: var(--main-color);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-shadow: 1px 1px 1px #FFF, -1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px -1px 1px #FFF, 0px 1px 1px #FFF, 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF;
}
.top-graph-num__label--finish {
  text-shadow: none;
  color: #fff;
  font-size: calc(16 / var(--font-size) * 1rem);
  font-weight: bold;
  display: block;
  margin-top: calc(8 / var(--font-size) * 1rem);
}

.top-graph-desc {
}

.top-graph-desc p {
  text-align: center;
  line-height: 1;
}

.top-graph-chart {
  position: relative;
  border-radius: calc(15 / var(--font-size) * 1rem);
  overflow: hidden;
  border: calc(2 / var(--font-size) * 1rem) solid var(--main-color);
}

.top-graph-chart__progress {
  background-color: var(--main-color);
  display:flex;
  align-items:center;
  justify-content:center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
}

.top-graph-chart__bg {
  background-color: #fff;
  position: relative;
}

.top-graph-date p {
  text-align: right;
}

.top-graph-desc__bottom{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: calc(5 / var(--font-size) * 1rem);
}

.top-graph-desc__bottom p{
  font-size:calc(10 / var(--font-size) * 1rem);
  font-weight: 700;
  line-height: 1;
  display:flex;
  align-items:flex-end;
}

.top-graph-link{
  font-size:calc(var(--text-size-s) / var(--font-size) * 1rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: calc(12 / var(--font-size) * 1rem);
  margin-top: calc(12 / var(--font-size) * 1rem);
  text-align: right;
}
.top-graph-txt {
  font-size: calc(14 / var(--font-size) * 1rem);
  margin-top: calc(10 / var(--font-size) * 1rem);
}
.top-graph-desc__bottom .number{
  font-size:calc(16 / var(--font-size) * 1rem);
  letter-spacing: 0.05em;
}
.top-graph-desc__bottom .unit{
  font-size: calc(10 / var(--font-size) * 1rem);
}

@media all and (min-width: 751px) {
  .top-graph-box{
    display: flex;
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .top-graph-box__news-list{
    width: calc(666 / var(--font-size) * 1rem);
  }
  .top-graph-box__graph {
    width: calc(448 / var(--font-size) * 1rem);
    margin-left: calc(39 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .top-graph{
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .top-graph__inner {
    padding: calc(30 / var(--font-size) * 1rem);
    border-radius:calc(20 / var(--font-size) * 1rem);
    height: 100%;
  }
  .top-graph-head {
    padding-left: calc(23 / var(--font-size) * 1rem);
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: 1.4;
    position: relative;
  }
  .top-graph-head:before{
    content:"";
    background-color: var(--main-color);
    border-radius:calc(5 / var(--font-size) * 1rem);
    display: block;
    width:calc(8 / var(--font-size) * 1rem);
    height:100%;
    position: absolute;
    top:0;
    left:0;
  }
  .top-graph-head-txt {
    font-size: calc(13 / var(--font-size) * 1rem);
    margin-top: calc(12 / var(--font-size) * 1rem);
  }
  .top-graph-head-note {
    display: flex;
    font-size: calc(12.8 / var(--font-size) * 1rem);
    margin-top: calc(10 / var(--font-size) * 1rem);
    margin-left: calc(8 / var(--font-size) * 1rem);
  }
  .top-graph-head-note__txt {
    margin-left: calc(8 / var(--font-size) * 1rem);
  }
  .top-graph-body {
    margin-top: calc(25 / var(--font-size) * 1rem);
  }
  .top-graph-num {
  }
  .top-graph-num__label {
    font-size: calc(64 / var(--font-size) * 1rem);
  }
  .top-graph-num__label small {
    font-size: calc(34 / var(--font-size) * 1rem);
  }

  .top-graph-desc p {
    font-weight: 900;
  }
  .top-graph-desc p:nth-of-type(1) {
    font-size: calc(38 / var(--font-size) * 1rem);
  }
  .top-graph-desc p small {
    font-size: calc(24 / var(--font-size) * 1rem);
    margin-left: calc(2.4 / var(--font-size) * 1rem);
  }

  .top-graph-chart {
  }

  .top-graph-chart__progress {
  }
  .top-graph-chart__bg {
    height: calc(86 / var(--font-size) * 1rem);
  }
  .top-graph-date {
    margin-top: calc(2.12 / var(--font-size) * 1rem);
  }
  .top-graph-date p {
    font-size: calc(14 / var(--font-size) * 1rem);
  }
  .top-graph-date p:nth-of-type(2) {
    font-size: calc(12 / var(--font-size) * 1rem);
  }
}

@media screen and (max-width: 750px) {
  .top-graph {
    padding: 2rem 0 1rem 0;
  }
  .top-graph__inner {
    padding: calc(19 / var(--font-size) * 1rem);
    border-radius: calc(12 / var(--font-size) * 1rem);
    height: 100%;
  }
  .top-graph-head {
    padding-left: calc(23 / var(--font-size) * 1rem);
    font-size: calc(18 / var(--font-size) * 1rem);
    line-height: 1.375;
    position: relative;
  }
  .top-graph-head:before{
    content:"";
    background-color: var(--main-color);
    border-radius:calc(5 / var(--font-size) * 1rem);
    display: block;
    width:calc(8 / var(--font-size) * 1rem);
    height:100%;
    position: absolute;
    top:0;
    left:0;
  }
  .top-graph-head-txt {
    font-size: calc(13 / var(--font-size) * 1rem);
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .top-graph-head-note {
    font-size: calc(11 / var(--font-size) * 1rem);
    margin-top: calc(10 / var(--font-size) * 1rem);
    display: flex;
  }
  .top-graph-head-note__txt {
    margin-left: calc(8 / var(--font-size) * 1rem);
  }
  .top-graph-body {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .top-graph-num {
  }
  .top-graph-num__label {
    font-size: calc(64 / var(--font-size) * 1rem);
  }
  .top-graph-num__label small {
    font-size: calc(34 / var(--font-size) * 1rem);
  }

  .top-graph-desc p {
    font-weight: 900;
  }
  .top-graph-desc p:nth-of-type(1) {
    font-size: calc(38 / var(--font-size) * 1rem);
  }
  .top-graph-desc p small {
    font-size: calc(24 / var(--font-size) * 1rem);
    margin-left: calc(2.4 / var(--font-size) * 1rem);
  }

  .top-graph-chart {
    border-radius: calc(8 / var(--font-size) * 1rem);
    height:calc(84 / var(--font-size) * 1rem);
  }

  .top-graph-chart__progress {
  }
  .top-graph-chart__bg {
    height: calc(86 / var(--font-size) * 1rem);
  }
  .top-graph-date {
    margin-top: calc(2.12 / var(--font-size) * 1rem);
  }
  .top-graph-date p {
    font-size:calc(14 / var(--font-size) * 1rem);
  }
}