/* _content/PowerUsageMonitor/Areas/Admin/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-c8ndgibuz5] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-c8ndgibuz5] {
  color: #0077cc;
}

.btn-primary[b-c8ndgibuz5] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-c8ndgibuz5], .nav-pills .show > .nav-link[b-c8ndgibuz5] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-c8ndgibuz5] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-c8ndgibuz5] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-c8ndgibuz5] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-c8ndgibuz5] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-c8ndgibuz5] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* _content/PowerUsageMonitor/Areas/Web/Views/DaytimeGraph/Index.cshtml.rz.scp.css */
/* ********************************** */
/* 日間エネルギーグラフの表示位置定義 */
/* ********************************** */
.daytimeGraph[b-3dia7q57rs] {
    position: relative;
    width: 73vw;
    height: calc(380 / 1200 * 73vw);
}
/* _content/PowerUsageMonitor/Areas/Web/Views/MitaCampus/index.cshtml.rz.scp.css */
html[b-mws8azr2qc] {
    /* 基準値の変更：1remを標準の16pxから10pxに変更 */
    font-size: 62.5%;       /* 62.5% of 16px = 10px */
}

/* グラフ表示タグのスタイル定義 */
canvas[b-mws8azr2qc] {
    width: 100% !important;
    height: 100% !important;
}

/* 背景の表示 */
.background-container[b-mws8azr2qc] {
    position: relative;
    width: 97.5vw;
    background-image: url('images/mitacampus.webp');
    background-size: 100% auto; /* 幅をコンテナに合わせ、縦はアスペクト比を維持 */
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    min-height: calc(9855 / 1800 * 97.5vw); /* イメージのアスペクト比を維持した高さ */
}
/* ************************** */
/* 各コンテンツの表示位置定義 */
/* ************************** */
/* 緊急情報テロップ表示位置定義 */
.campus-container01[b-mws8azr2qc] {
    position: absolute;
    top: 21%; /* 背景イメージの21%地点 */
    left: 0;
    width: 100%;
}
/* エネルギー使用率とグラフの表示位置定義 */
.campus-container02[b-mws8azr2qc] {
    position: absolute;
    top: 29%;
    left: 0;
    width: 100%;
}
/* 平均気温の表示位置定義 */
.campus-container03[b-mws8azr2qc] {
    position: absolute;
    top: 38.8%;
    left: 0%;
    width: 100%;
}
/* 電力量予想・使用電力量の表示位置定義 */
.campus-container04[b-mws8azr2qc] {
    position: absolute;
    top: 41.1%;
    left: 31%;
    width: 78%;
    margin: 0 auto;
}
/* 今月実績グラフの表示位置定義 */
.campus-container05[b-mws8azr2qc] {
    position: absolute;
    top: 44%;
    left: 2%;
    width: 98%;
}
/* ランキンググラフの表示位置定義 */
.campus-container06[b-mws8azr2qc] {
    position: absolute;
    top: 54.9%;
    left: 16%;
    width: 84%;
}
/* 使用電力アラート機能　建屋マップの表示位置定義 */
.campus-container07[b-mws8azr2qc] {
    position: absolute;
    top: 63.1%;
    left: 4%;
    width: 95%;
}
/* 日間エネルギーグラフの表示位置定義 */
.campus-container08[b-mws8azr2qc] {
    position: absolute;
    top: 77%;
    left: 18%;
    width: 80%;
}
/* アクションの表示位置定義 */
.campus-container09[b-mws8azr2qc] {
    position: absolute;
    top: 82.5%;
    left: 0%;
    width: 95%;
}
/* ページ内移動アイコンの表示位置定義 */
.campus-container10[b-mws8azr2qc] {
    position: absolute;
    top: 23%;
    left: 0;
    width: 100%;
}
/* ページ内アイコン参照領域（日間エネルギーグラフ）*/
.campus-container10-1[b-mws8azr2qc] {
    position: absolute;
    top: 72%;
    left: 18%;
    width: 80%;
}
/* エネルギー使用率とグラフの表示位置定義 */
.campus-container11[b-mws8azr2qc] {
    position: absolute;
    top: 27.2%;
    left: 75%;
    width: auto;
}
/* ************************ */
/* 緊急情報テロップ表示表域 */
/* ************************ */
.web-telop[b-mws8azr2qc] {
    position: relative;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: auto;
    display: block;
}
    .web-telop img[b-mws8azr2qc] {
        display: block;
    }

.web-telop01[b-mws8azr2qc] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 6px 12px;
    color: #fff;
    border-radius: 4px;
}

/* ****************************** */
/* ページ内移動アイコンの表示表域 */
/* ****************************** */
.Web-JampIcon[b-mws8azr2qc] {
    display: flex; /*フレックスボックスを使って「項目名」「実績値」を横並びで表示させる*/
    justify-content: space-between; /* ２つのコンテンツを表示領域の右端と左端にそれぞれ表示　*/
    align-items: stretch; /* 表示領域に合わせてサイズを自動的に調整する */
    flex-basis: 95%; /* 初期値の幅 */
    line-height: 1; /* 行間の余白を無くす*/
    object-fit: cover;
    object-position: center center;
}
.Web-JampIconImage[b-mws8azr2qc] {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: auto;
}


/* ******************************** */
/* エネルギーと電力使用率の表示定義 */
/* ******************************** */
/* Carbon Neuturalの表示定義 */
.web-energyValue01[b-mws8azr2qc] {
    position: relative;
    top: 12%;
    left: 32%;
    width: 25%;
    height: 20%;
    margin: 0 auto;
    text-align: center;
    color: white;
}
/* 使用電力の表示定義 */
.web-energyValue02[b-mws8azr2qc] {
    position: relative;
    top: 38%;
    left: 32%;
    width: 25%;
    height: 20%;
    margin: 0 auto;
    text-align: center;
    color: white;
}
/* エネルギーグラフ表示定義 */
.chart-container01[b-mws8azr2qc] {
    position:relative;
    width: 32vw;
    height: calc(800 / 600 * 32vw);
}
/* ****************** */
/* 平均気温の表示定義 */
/* ****************** */
.web-meanTemperature[b-mws8azr2qc] {
    position: relative;
    width: 23%;
    left: 36%;
    height: 22vh;
    line-height: 1; /* 行間の余白を無くす*/
}
.web-meanTemperature01[b-mws8azr2qc] {
    color: darkblue;
    text-align: center;
}
.web-meanTemperature02[b-mws8azr2qc] {
    color: darkblue;
    margin: -5%;
    display: inline-block;
}
/* ******************************** */
/* 電気量予想・使用電気量の表示定義 */
/* ******************************** */
.web-amountValue[b-mws8azr2qc] {
    display: flex; /*フレックスボックスを使って「項目名」「実績値」を横並びで表示させる*/
    justify-content: space-between; /* ２つのコンテンツを表示領域の右端と左端にそれぞれ表示　*/
    align-items: stretch; /* 表示領域に合わせてサイズを自動的に調整する */
    flex-basis: 54%; /* 初期値の幅 */
    line-height: 1; /* 行間の余白を無くす*/
}
.web-amountValue01[b-mws8azr2qc] {
    color: darkblue;
}
.web-amountValue02[b-mws8azr2qc] {
    color: darkblue;
    margin: -9%;
    display: inline-block;
}
/* ************************************ */
/* 気温および電力使用量グラフの表示定義 */
/* ************************************ */
.chart-container02[b-mws8azr2qc] {
    position: relative;
    width: 75vw;
    height: calc(580 / 1300 * 75vw);
}
/* ************************** */
/* ランキンググラフの表示定義 */
/* ************************** */
.chart-container03[b-mws8azr2qc] {
    position: relative;
    width: 75vw;
    height: calc(700 / 1300 * 75vw);
}
/* ******************************** */
/* 使用電力アラート機能　建屋マップ */
/* ******************************** */
.web-AlertCampusMap[b-mws8azr2qc] {
    position: relative;
    height: auto;
    display: block; /* 不要な隙間を防止 */
}
.web-AlertCampusMap01[b-mws8azr2qc] {
    width: 90vw;
}
/* ********************************** */
/* 日間エネルギーグラフの表示位置定義 */
/* ********************************** */
.chart-container04[b-mws8azr2qc] {
    position: relative;
    width: 73vw;
    height: calc(380 / 1200 * 73vw);
}

/* ********************************** */
/* ラベルの表示定義                   */
/* ********************************** */
/* 使用電力アラート機能　建屋マップのラベル */
.campus-label01[b-mws8azr2qc] {
    position: absolute;
    top: 72.24%;
    left: 10%;
    width: 28%;
    height: 0.8%;
    margin: 0 auto;
}
.campus-label01-01[b-mws8azr2qc] {
}
.campus-label02[b-mws8azr2qc] {
    position: absolute;
    top: 72.45%;
    left: 20%;
    width: 16.5%;
    height: 0.8%;
    margin: 0 auto;
}
.campus-label02-01[b-mws8azr2qc] {
    display: flex; /*フレックスボックスを使って「項目名」「実績値」を横並びで表示させる*/
    justify-content: space-between; /* ２つのコンテンツを表示領域の右端と左端にそれぞれ表示　*/
    align-items: center; /* 表示領域に合わせてサイズを自動的に調整する */
    flex-basis: 100%; /* 初期値の幅 */
    line-height: 1; /* 行間の余白を無くす*/
}

.campus-label02-02[b-mws8azr2qc] {
    width: 38%;
}
.campus-label02-03[b-mws8azr2qc] {
    color: white;
}
.campus-label02-04[b-mws8azr2qc] {
    width: 42%;
}
/* ********************************** */
/* 諭吉アイコンの表示定義             */
/* ********************************** */
.yukichi-image[b-mws8azr2qc] {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: auto;
}

.yukichi-icon01[b-mws8azr2qc] {
    position: absolute;
    top: 35.5%;
    left: 38%;
    max-width: 100%;
    width: 8.33%;
}

.yukichi-icon02[b-mws8azr2qc] {
    position: absolute;
    top: 41.1%;
    left: 73%;
    max-width: 100%;
    width: 8.33%;
}

.yukichi-icon03-01[b-mws8azr2qc] {
    position: absolute;
    top: 55%;
    left: 7%;
    max-width: 100%;
    width: 8.33%;
}

.yukichi-icon03-02[b-mws8azr2qc] {
    position: absolute;
    top: 60.8%;
    left: 7%;
    max-width: 100%;
    width: 8.33%;
}

.yukichi-icon04[b-mws8azr2qc] {
    position: absolute;
    top: 74.5%;
    left: 60%;
    max-width: 100%;
    width: 8.33%;
}
/* ********************************** */
/* キッチンアイコンの表示定義         */
/* ********************************** */
.rest-icon01[b-mws8azr2qc] {
    position: absolute;
    top: 9%;
    left: 85%;
    max-width: 100%;
    width: auto;
}
.rest-icon02[b-mws8azr2qc] {
    position: absolute;
    top: 13.8%;
    left: 13%;
    max-width: 100%;
    width: auto;
}
.rest-icon03[b-mws8azr2qc] {
    position: absolute;
    top: 16.2%;
    left: 14%;
    max-width: 100%;
    width: auto;
}
.rest-icon04[b-mws8azr2qc] {
    position: absolute;
    top: 18.1%;
    left: 78%;
    max-width: 100%;
    width: auto;
}
/* ********************************** */
/* フォントサイズ定義                 */
/* ********************************** */
/* calc(最小フォントサイズ + ((画面幅 - 最小画面幅) / (最大画面幅 - 最小画面幅)) * (最大フォントサイズ - 最小フォントサイズ)) */

/*for スマートフォン*/
@media screen and (max-width:767px) {
    .responsive-font01[b-mws8azr2qc] {
        /* calc(1rem + (1000px - 570px) / (1870px - 570px) * (8rem - 1rem)) */
        font-size: calc(1rem + 1vw);
    }

    .responsive-font02[b-mws8azr2qc] {
        font-size: calc(3rem + 1vw);
    }

    .responsive-font03[b-mws8azr2qc] {
        font-size: calc(2rem + 2vw);
    }

    .responsive-font04[b-mws8azr2qc] {
        font-size: calc(0.1rem + 2vw);
    }

    .responsive-font05[b-mws8azr2qc] {
        font-size: calc(0.5rem + 1vw);
    }

    .container[b-mws8azr2qc] {
        top: 5%; /* モバイルでは位置を調整 */
    }

    .web-part[b-mws8azr2qc] {
        height: 200px; /* モバイルでグラフの高さを縮小 */
    }
}

/*for タブレット*/
@media screen and (min-width:768px) and (max-width:1024px) {
    .responsive-font01[b-mws8azr2qc] {
        /* calc(1rem + (1000px - 570px) / (1870px - 570px) * (8rem - 1rem)) */
        font-size: calc(2rem + 1vw);
    }

    .responsive-font02[b-mws8azr2qc] {
        font-size: calc(4rem + 1vw);
    }

    .responsive-font03[b-mws8azr2qc] {
        font-size: calc(3rem + 2vw);
    }

    .responsive-font04[b-mws8azr2qc] {
        font-size: calc(0.5rem + 2vw);
    }

    .responsive-font05[b-mws8azr2qc] {
        font-size: calc(0.7rem + 1vw);
    }
}


/*for PC*/
@media screen and (min-width:1025px) and (max-width:1280px) {
    .responsive-font01[b-mws8azr2qc] {
        /* calc(1rem + (1000px - 570px) / (1870px - 570px) * (8rem - 1rem)) */
        font-size: calc(3rem + 1vw);
    }

    .responsive-font02[b-mws8azr2qc] {
        font-size: calc(5rem + 1vw);
    }

    .responsive-font03[b-mws8azr2qc] {
        font-size: calc(4rem + 2vw);
    }

    .responsive-font04[b-mws8azr2qc] {
        font-size: calc(1rem + 2vw);
    }

    .responsive-font05[b-mws8azr2qc] {
        font-size: calc(1rem + 1vw);
    }
}

/*for PC*/
@media screen and (min-width:1281px) and (max-width:1600px) {
    .responsive-font01[b-mws8azr2qc] {
        /* calc(1rem + (1000px - 570px) / (1870px - 570px) * (8rem - 1rem)) */
        font-size: calc(4rem + 1vw);
    }

    .responsive-font02[b-mws8azr2qc] {
        font-size: calc(6rem + 1vw);
    }

    .responsive-font03[b-mws8azr2qc] {
        font-size: calc(4.5rem + 2vw);
    }

    .responsive-font04[b-mws8azr2qc] {
        font-size: calc(1.3rem + 2vw);
    }

    .responsive-font05[b-mws8azr2qc] {
        font-size: calc(1.2rem + 1vw);
    }
}

/*for PC*/
@media screen and (min-width:1601px) {
    .responsive-font01[b-mws8azr2qc] {
        /* calc(1rem + (1000px - 570px) / (1870px - 570px) * (8rem - 1rem)) */
        font-size: calc(5rem + 1vw);
    }

    .responsive-font02[b-mws8azr2qc] {
        font-size: calc(6rem + 1vw);
    }

    .responsive-font03[b-mws8azr2qc] {
        font-size: calc(5rem + 2vw);
    }

    .responsive-font04[b-mws8azr2qc] {
        font-size: calc(1.5rem + 2vw);
    }

    .responsive-font05[b-mws8azr2qc] {
        font-size: calc(1.7rem + 1vw);
    }

    .responsive-font06[b-mws8azr2qc] {
        font-size: calc(1rem + 0.5vw);
    }
}
/* _content/PowerUsageMonitor/Areas/Web/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-8h3bfqasys] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-8h3bfqasys] {
  color: #0077cc;
}

.btn-primary[b-8h3bfqasys] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-8h3bfqasys], .nav-pills .show > .nav-link[b-8h3bfqasys] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-8h3bfqasys] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-8h3bfqasys] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-8h3bfqasys] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-8h3bfqasys] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-8h3bfqasys] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* _content/PowerUsageMonitor/Areas/Web/Views/ShibakyouritsuCampus/index.cshtml.rz.scp.css */

/* グラフ表示タグのスタイル定義 */
canvas[b-h42dm5bwy8] {
    width: 100% !important;
    height: 100% !important;
}

/* 背景の表示 */
.background-container[b-h42dm5bwy8] {
    width: 97.5vw;
    background-image: url('images/mitacampus.webp');
    background-size: 100% auto; /* 幅をコンテナに合わせ、縦はアスペクト比を維持 */
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;

}
/* ************************** */
/* 各コンテンツの表示位置定義 */
/* ************************** */
/* 緊急情報テロップ表示位置定義 */
.campus-container01[b-h42dm5bwy8] {
    position: absolute;
    top: 21%; /* 背景イメージの21%地点 */
    left: 0;
    width: 100%;
}
/* エネルギー使用率とグラフの表示位置定義 */
.campus-container02[b-h42dm5bwy8] {
    position: absolute;
    top: 27.3%;
    left: 0;
    width: 100%;
}
/* 平均気温の表示位置定義 */
.campus-container03[b-h42dm5bwy8] {
    position: absolute;
    top: 36%;
    left: 38%;
    width: 100%;
}
/* 電力量予想・使用電力量の表示位置定義 */
.campus-container04[b-h42dm5bwy8] {
    position: absolute;
    top: 38.2%;
    left: 25%;
    width: 100%;
}
/* 気温および電力使用量グラフの表示位置定義 */
.campus-container05[b-h42dm5bwy8] {
    position: absolute;
    top: 41%;
    left: 2%;
    width: 100%
}
/* ランキンググラフの表示位置定義 */
.campus-container06[b-h42dm5bwy8] {
    position: absolute;
    top: 51.3%;
    left: 6%;
    width: 95%;
}
/* 使用電力アラート機能　建屋マップの表示位置定義 */
.campus-container07[b-h42dm5bwy8] {
    position: absolute;
    top: 59%;
    left: 4%;
    width: 100%;
}
/* 日間エネルギーグラフの表示位置定義 */
.campus-container08[b-h42dm5bwy8] {
    position: absolute;
    top: 70%;
    left: 18%;
    width: 80%;
}
/* ************************ */
/* 緊急情報テロップ表示表域 */
/* ************************ */
.web-telop[b-h42dm5bwy8] {
    position: relative;
    width: 100%;
    height: 35vh;
}
/* ******************************** */
/* エネルギーと電力使用率の表示定義 */
/* ******************************** */
/* Carbon Neuturalの表示定義 */
.web-energyValue01[b-h42dm5bwy8] {
    display: flex; /*フレックスボックスを使って「項目名」「実績値」を横並びで表示させる*/
    justify-content: space-between; /* ２つのコンテンツを表示領域の右端と左端にそれぞれ表示　*/
    align-items: stretch; /* 表示領域に合わせてサイズを自動的に調整する */
    flex-basis: 1200px; /* 初期値の幅 */
    position: relative;
    top: 8%;
    width: 94%;
    height: 20%;
}

.web-energyValue01-1[b-h42dm5bwy8] {
    color: darkblue;
}

.web-energyValue01-2[b-h42dm5bwy8] {
    color: white;
}
/* 使用電力の表示定義 */
.web-energyValue02[b-h42dm5bwy8] {
    display: flex; /*フレックスボックスを使って「項目名」「実績値」を横並びで表示させる*/
    justify-content: space-between; /* ２つのコンテンツを表示領域の右端と左端にそれぞれ表示　*/
    align-items: stretch; /* 表示領域に合わせてサイズを自動的に調整する */
    flex-basis: 1200px; /* 初期値の幅 */
    position: relative;
    top: 33%;
    width: 94%;
    height: 20%;
}

.web-energyValue02-1[b-h42dm5bwy8] {
    width: 35%;
    color: red;
}

.web-energyValue02-2[b-h42dm5bwy8] {
    color: red;
}

.web-energyValue02-3[b-h42dm5bwy8] {
    color: white;
}
/* エネルギーグラフ表示定義 */
.chart-container01[b-h42dm5bwy8] {
    position: relative;
    background-image: linear-gradient(90deg, rgba(255, 253, 242, 1), rgba(255, 252, 202, 1));
    width: 32vw;
    height: calc(800 / 600 * 32vw);
}
/* ****************** */
/* 平均気温の表示定義 */
/* ****************** */
.web-meanTemperature[b-h42dm5bwy8] {
    position: relative;
    width: 100%;
    height: 35vh;
    line-height: 1; /* 行間の余白を無くす*/
}

.web-meanTemperature01[b-h42dm5bwy8] {
    color: darkblue;
}

.web-meanTemperature02[b-h42dm5bwy8] {
    color: darkblue;
}

.web-meanTemperature03[b-h42dm5bwy8] {
    color: darkblue;
    display: inline-block;
}
/* ******************************** */
/* 電気量予想・使用電気量の表示定義 */
/* ******************************** */
.web-amountValue[b-h42dm5bwy8] {
    display: flex; /*フレックスボックスを使って「項目名」「実績値」を横並びで表示させる*/
    justify-content: space-between; /* ２つのコンテンツを表示領域の右端と左端にそれぞれ表示　*/
    align-items: stretch; /* 表示領域に合わせてサイズを自動的に調整する */
    flex-basis: 43%; /* 初期値の幅 */
    line-height: 1; /* 行間の余白を無くす*/
}

.web-amountValue01[b-h42dm5bwy8] {
    color: darkblue;
}

.web-amountValue02[b-h42dm5bwy8] {
    color: darkblue;
}

.web-amountValue03[b-h42dm5bwy8] {
    color: darkblue;
    display: inline-block;
}
/* ************************************ */
/* 気温および電力使用量グラフの表示定義 */
/* ************************************ */
.chart-container02[b-h42dm5bwy8] {
    position: relative;
    background-image: linear-gradient(90deg, rgba(255, 253, 242, 1), rgba(255, 252, 202, 1));
    width: 75vw;
    height: calc(580 / 1300 * 75vw);
}
/* ************************** */
/* ランキンググラフの表示定義 */
/* ************************** */
.chart-container03[b-h42dm5bwy8] {
    position: relative;
    width: 75vw;
    height: calc(700 / 1300 * 75vw);
}
/* ******************************** */
/* 使用電力アラート機能　建屋マップ */
/* ******************************** */
.web-AlertCampusMap[b-h42dm5bwy8] {
    position: relative;
    height: auto;
    display: block; /* 不要な隙間を防止 */
}

.web-AlertCampusMap01[b-h42dm5bwy8] {
    width: 90vw;
}
/* ********************************** */
/* 日間エネルギーグラフの表示位置定義 */
/* ********************************** */
.chart-container04[b-h42dm5bwy8] {
    position: relative;
    width: 73vw;
    height: calc(380 / 1200 * 73vw);
}

/* フォントサイズ定義 */
.responsive-font01[b-h42dm5bwy8] {
    font-size: 80px;
}

.responsive-font02[b-h42dm5bwy8] {
    font-size: 100px;
}

.responsive-font03[b-h42dm5bwy8] {
    font-size: 110px;
}

.responsive-font04[b-h42dm5bwy8] {
    font-size: 70px;
}

@media (max-width: 767px) {
    .container[b-h42dm5bwy8] {
        top: 5%; /* モバイルでは位置を調整 */
    }

    .web-part[b-h42dm5bwy8] {
        height: 200px; /* モバイルでグラフの高さを縮小 */
    }
}