@charset "UTF-8";

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

@media all and (min-width: 1025px), print {
  .top-slider{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .top-slider__slide{
    max-width:calc(1280 / var(--font-size) * 1rem);
    width:100%;
    height:calc(480 / var(--font-size) * 1rem);
  }
  /****************************************/
  .top-slider__slide.--slide-01{
    background: linear-gradient(to right, #FF9900, #FFE141);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__body{
    max-width:calc(960 / var(--font-size) * 1rem);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left: auto;
    margin-right: auto;
  }
  .top-slider__slide.--slide-01 .top-slider__slide__contents{
    padding-top: calc(50 / var(--font-size) * 1rem);
    max-width:calc(262 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__text{
    max-width:calc(252 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__text__02{
    color:var(--color-white);
    font-size:calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    margin-top: calc(18 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__button{
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .top-slider__slide.--slide-01 .top-slider__slide__image{
    padding-top: calc(50 / var(--font-size) * 1rem);
    max-width:calc(596 / var(--font-size) * 1rem);
    margin-left:calc(73 / var(--font-size) * 1rem);
  }
  /****************************************/
}
@media all and (min-width: 768px) and (max-width: 1024px), print {
  .top-visual {
    background: linear-gradient(to right, #539BFF, #C2E9FB);
    width: 100%;
    height: calc(480 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px) {
}

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

@media all and (min-width: 1025px), print {
  .top-visual{
    background: linear-gradient(to right, #539BFF, #C2E9FB);
    width: 100%;
    height: calc(480 / var(--font-size) * 1rem);
  }
  .top-visual__body{
    max-width: calc(1075 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  .top-visual__text{
    max-width:calc(256 / 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(54 / var(--font-size) * 1rem);
    max-width: calc(780 / var(--font-size) * 1rem);
    margin-left: calc(39 / var(--font-size) * 1rem);
  }
}
@media all and (min-width: 768px) and (max-width: 1024px), print {
  .top-visual{
    background: linear-gradient(to right, #539BFF, #C2E9FB);
    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(256 / 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(54 / var(--font-size) * 1rem);
    max-width: calc(420 / var(--font-size) * 1rem);
    margin-left: calc(39 / 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, #539BFF, #C2E9FB);
    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(217 / 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(-50 / 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 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{
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .top-news__button{
    margin-top: calc(40 / var(--font-size) * 1rem);
    display:flex;
    justify-content:center;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .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(74 / 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;
  }
  .top-subsidized-business__title:before{
    content:"";
    background-color: var(--main-color-jigyo04);
    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(40 / var(--font-size) * 1rem) calc(38 / var(--font-size) * 1rem);
    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-sub {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub-heading {
    text-align: center;
  }
  .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(150 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(150 / var(--font-size) * 1rem);
    margin: 0 auto calc(22 / var(--font-size) * 1rem);
  }
  .subsidized-business-box__icon img{
    max-width:100%;
    max-height:100%;
  }
  .target-construction_container {
    max-width: calc(960 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .target-construction__body {
    width: 100%;
  }


  .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(0 / 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% / 3 - calc(24 / var(--font-size) * 1rem));
    height:calc(277 / 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(207 / 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(207 / var(--font-size)* 1rem));
  }

  .construction-list__box__name{
    font-size:calc(var(--title-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    text-align: center;
    color:var(--color-sub);
    margin-top: calc(10 / 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.box-01 .construction-list__box__icon{
    margin-top: calc(-10 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-02 .construction-list__box__icon{
    margin-top: calc(5 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-03 .construction-list__box__icon{
    margin-top: calc(-10 / var(--font-size) * 1rem);
  }

  .construction-list__box.box-01 .construction-list__box__icon img{
    width:calc(70 / var(--font-size) * 1rem);
    height:calc(82 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-02 .construction-list__box__icon img{
    width:calc(80 / var(--font-size) * 1rem);
    height:calc(80 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-03 .construction-list__box__icon img{
    width:calc(80 / var(--font-size) * 1rem);
    height:calc(80 / var(--font-size) * 1rem);
  }

  .construction-list__box.box-01 .construction-list__box__top{
  }
  .construction-list__box.box-02 .construction-list__box__top{
  }
  .construction-list__box.box-03 .construction-list__box__top{
  }

  .construction-list__box.box-01 .construction-list__box__name{
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-02 .construction-list__box__name{
  }
  .construction-list__box.box-03 .construction-list__box__name{
    margin-top: calc(20 / 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(20 / var(--font-size) * 1rem);
  }
  .subsidized-business__body {
    width: 100%;
  }
  .top-subsidized-business__title{
    padding-top: calc(20 / var(--font-size) * 1rem);
    line-height: calc(26 / 20);
    position: relative;
    font-size: calc(24 / var(--font-size) * 1rem)!important;
    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-jigyo04);
    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;
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .subsidized-business-list .c-btn__inner {
    padding: calc(12 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .subsidized-business-box{
    background-color: #fff;
    border-radius: 1.25rem;
    padding: calc(32 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((100% - 24 / var(--font-size) * 1rem) / 2);
  }
  .subsidized-business-box + .subsidized-business-box{
    margin-left: calc(24 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub {
    margin-top: calc(16 / var(--font-size) * 1rem);
    width: 100%;
  }
  .subsidized-business-box-sub-heading {
    text-align: center;
  }
  .subsidized-business-box-sub-heading .u-text--l {
    font-size: calc(20 / var(--font-size) * 1rem)!important;
  }
  .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(150 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(150 / var(--font-size) * 1rem);
    margin: 0 auto calc(16 / var(--font-size) * 1rem);
  }
  .subsidized-business-box__icon img{
    max-width:100%;
    max-height:100%;
  }
  .target-construction_container {
    margin: 0 auto;
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .target-construction__body {
    width: 100%;
  }
  .subsidized-business-box .c-btn {
    width: 100%;
  }
  .subsidized-business-box-sub .c-btn {
    width: 100%;
  }
  .subsidized-business-box__button{
    width: 100%;
  }
  .target-construction-list .c-btn__inner {
    min-height: calc(72 / var(--font-size) * 1rem);
    padding: calc(12 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
}


@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(14 / var(--font-size) * 1rem);
  }
  .subsidized-business__body {
    width: 100%;
  }
  .top-subsidized-business__title{
    padding-top: calc(20 / var(--font-size) * 1rem);
    line-height: calc(26 / 20);
    position: relative;
    font-size: calc(20 / var(--font-size) * 1rem)!important;
    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-jigyo04);
    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{
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .subsidized-business-list .c-btn__inner {
    padding: calc(12 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .subsidized-business-box{
    background-color: #fff;
    border-radius: 1.25rem;
    padding: calc(32 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
  }
  .subsidized-business-box + .subsidized-business-box{
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .subsidized-business-box-sub-heading {
    text-align: center;
  }
  .subsidized-business-box-sub-heading .u-text--l {
    font-size: calc(20 / var(--font-size) * 1rem)!important;
  }
  .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(140 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(140 / var(--font-size) * 1rem);
    margin: 0 auto calc(16 / var(--font-size) * 1rem);
  }
  .subsidized-business-box__icon img{
    max-width:100%;
    max-height:100%;
  }
  .target-construction_container {
    margin: 0 auto;
    padding: 0 calc(14 / var(--font-size) * 1rem);
  }
  .target-construction__body {
    width: 100%;
  }
  .subsidized-business-box__button{
  }
  .target-construction-list .c-btn__inner {
    min-height: calc(72 / var(--font-size) * 1rem);
    padding: calc(12 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }


  .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(10 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(10 / 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(211 / 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(142 / 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(142 / 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;
    text-align: center;
    color:var(--color-sub);
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-01 .construction-list__box__icon img{
    width:calc(60 / var(--font-size) * 1rem);
    height:calc(60 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-02 .construction-list__box__icon img{
    width:calc(60 / var(--font-size) * 1rem);
    height:calc(60 / var(--font-size) * 1rem);
  }
  .construction-list__box.box-03 .construction-list__box__icon img{
    width:calc(54 / var(--font-size) * 1rem);
    height:calc(56 / var(--font-size) * 1rem);
  }

  .construction-list__box.box-02 .construction-list__box__name {
    font-size: calc(var(--text-size-xs) / 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-jigyo04);
    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.8rem;
    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: 2rem;
  }
  .information-search-box__contents{
    margin-top: calc(10 / 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);
  }
}

@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 .u-title--large {
    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;
    line-height: calc(26 / 20);
  }
  .top-consumer__title:before{
    content:"";
    background-color: var(--main-color-jigyo04);
    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(36 / 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);
  }
  .u-text-alert {
    color: var(--alert-color);
    line-height: 1;
  }
  .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);
  }
}

/* ==========================================================================
  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);
  }

  .top-graph-tekkyo{
    display: flex;
    align-items: flex-end;
    margin-bottom: calc(10 / var(--font-size) * 1rem);
  }
  .top-graph-tekkyo__title{
    font-size:calc(13 / var(--font-size) * 1rem);
    font-weight: 900;
    width:71%;
  }
  .top-graph-tekkyo__text{
    font-size:calc(38 / var(--font-size) * 1rem);
    font-weight: 900;
    text-align: right;
    line-height: 1;
    width:29%;
  }
  .top-graph-tekkyo__text .unit{
    font-size:calc(24 / var(--font-size) * 1rem);
    margin-left: calc(2.4 / var(--font-size)* 1rem);
  }
  .top-graph-link-02{
    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);
    text-align: right;
  }  
}

@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);
  }

  .top-graph-tekkyo{
    display: flex;
    align-items: flex-end;
    margin-bottom: calc(10 / var(--font-size) * 1rem);
  }
  .top-graph-tekkyo__title{
    font-size:calc(13 / var(--font-size) * 1rem);
    font-weight: 900;
    width:71%;
  }
  .top-graph-tekkyo__text{
    font-size:calc(38 / var(--font-size) * 1rem);
    font-weight: 900;
    text-align: right;
    line-height: 1;
    width:29%;
  }
  .top-graph-tekkyo__text .unit{
    font-size:calc(24 / var(--font-size) * 1rem);
    margin-left: calc(2.4 / var(--font-size)* 1rem);
  }
  .top-graph-link-02{
    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);
    text-align: right;
  }
}