/* 健診結果ページ */
.dy-A {
    background-color: #b2e7ef;
  }
  
  .dy-A-background {
    background-color: rgba(178, 231, 239, 0.2);
  }
  
  .dy-ab-text {
    color: #94dfea;
  }
  
  .dy-B {
    background-color: #e5f0d6;
  }
  
  .dy-B-background {
    background-color: rgba(229, 240, 214, 0.2);
  }
  
  .dy-C {
    background-color: #f7e3c4;
  }
  
  .dy-C-background {
    background-color: rgba(247, 227, 196, 0.2);
  }
  
  .dy-cd-text {
    color: #f7e8a8;
  }
  
  .dy-D {
    background-color: #f7c9c4;
  }
  
  .dy-D-background {
    background-color: rgba(247, 201, 196, 0.2);
  }
  
  .dy-E{
    background-color: #f7c4d7;
  }
  
  .dy-E-background {
    background-color: rgba(247, 196, 215, 0.2); 
  }
  
  .dy-ef-text {
    color: #ee878d;
  }
  
  .dy-F {
    background-color: #eeabc4;
  }
  
  .dy-F-background {
    background-color: rgba(238, 171, 196, 0.2);
  }
  
  ul.dy-G {
    background-color: #f7c9c4;
  }
  
  p.dy-G {
    background: 
      linear-gradient(#f7c9c4 15%, transparent 15% 85%, #f7c9c4 15%),
      linear-gradient(to left, #f7c9c4 15%, transparent 15% 85%, #f7c9c4 15%);
  }
  
  .dy-G-background {
    background-color: rgba(247, 201, 196, 0.2);
  }
  
  .dy-g-text {
    color: #262626;
  }
  
  .dy-nav {
    padding-left: 5% !important;
  
    height: 5vw;
  }
  
  .dy-nav-item {
    margin: auto 1% auto 0;
  
    color: #5f5f5f;
  }
  
  .dy-nav-text {
    padding: 0 !important;
  
    font: 500 1vw "Noto Sans JP", "Noto Sans";
  
    color: white;
  }
  
  .dy-nav-text:hover {
    color: white;
  }
  
  .dy-result-body {
    background-color: white !important;
  }
  
  .dy-title-background {
    height: 18.5vw;
  }
  
  .container.dy-result-main {
    margin-top: 4vw;
  
    width: 70%;
  
    transform: translateY(-18.5vw);
  }
  
  .dy-title-space {
    display: flex;
  
    margin: 0;
  
    height: 5vw;
  
    justify-content: space-between;
  }
  
  .dy-title-button-container {
    display: flex;
    justify-content: center;
  }
  
  .mt-3.dy-title {
    font-size: 2vw;
    font-family: "Noto Sans JP", "Noto Sans";
  
    margin: auto 1% 0.5%;
  }
  
  .btn.btn-primary.dy-title-button {
    margin: auto 1.5% auto auto;
  
    border: none;
    border-radius: 0.5vw;
  
    height: 80%;
    min-width: 15vw;
  
    font: bold 1vw "Noto Sans JP", "Noto Sans";
  
    color: #91bdc4;
  
    background-color: white;
  
    outline: none;
  }
  
  .dy-pdf-button {
    margin: auto 1.5% auto auto;
    border: none;
    border-radius: 0.5vw;
    height: 80%;
    min-width: 15vw;
    font: bold 1vw "Noto Sans JP", "Noto Sans";
    color: #EE878D  ;
    background-color: white;
    outline: none;
  
    line-height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .dy-pdf-button > svg {
    font-size: 2vw;
    margin-right: 0.5vw;
  }
  
  .container.pt-3.dy-result-container {
    padding-top: 0 !important;
  }
  
  .dy-result-container {
    margin-top: calc(-14.5vw - 1rem);
    padding: 0 !important;
  }
  
  .dy-item-tag {
    display: flex;
  
    justify-content: center;
    align-items: center;
  
    margin: 1.0vw 0 1.0vw;
  
    border-radius: 0.3vw;
  
    height: 2vw;
    width: 10vw;
  
    font: bold 1vw "Noto Sans JP", "Noto Sans";
  
    color: white;
  
    background-color: #262626;
    white-space: nowrap;
  
  }
  
  .dy-comprehensive {
    display: flex;
  }
  
  .dy-comprehensive-judgement-space {
    padding-left: 1.5%;
  
    width: 40%;
  }
  
  .dy-comprehensive-judgement-background {
    margin-left: 4%;
  
    height: 13vw;
    width: 13vw;
  
    background-color: white;
  }
  
  .dy-comprehensive-judgement {
    display: flex;
  
    border: 0.15vw solid #e4e4e4;
    border-radius: 0.5vw;
  
    justify-content: center;
    align-items: center;
  
    height: 100%;
    width: 100%;
  
    font: bold 6vw "Noto Sans";
  
    color: #5F5F5F;
  }
  
  .dy-comprehensive-findings-space {
    width: 60%;
  }
  
  .dy-comprehensive-findings-overview {
    display: flex;
  
    margin: 3vw 0 0.5vw;
  
    height: 3vw;
  }
  
  .dy-comprehensive-findings-icon {
    margin-right: 5%;
  
    height: 100%;
  }
  
  .dy-comprehensive-findings-text {
    margin: auto 0 auto;
  
    font: bold 1.5vw "Noto Sans JP", "Noto Sans";
  
    color: #5f5f5f;
  }
  
  .dy-comprehensive-findings-details p{
    /* margin: 0 0 10%; */
  
    width: 85%;
  
    font: 200 1vw "Noto Sans JP", "Noto Sans";
  
    color: #262626;
  
    line-height: 1.75;
  }
  
  /* .dy-comprehensive-findings p{
      width: 85%;
  
      font: 200 1vw "Noto Sans JP", "Noto Sans";
    
      color: #262626;
    
      line-height: 1.75;
  } */
  
  .dy-inspections-space {
    padding-left: 1.5%;
  }
  
  .table.table-bordered.accordion.dy-inspections {
    margin: 3% 0 0 0;
  
    border: none;
    width: 100%;
  }
  
  .dy-inspection {
    border: none !important;
    border-top: 0.05vw dashed black !important;
  
    padding: 0 !important;
  
    height: 7vw;
  }
  
  .dy-first-inspection {
    border-top: none !important;
  }
  
  .dy-inspection-card-space {
    display: flex;
  
    align-items: center;
  
    height: 100%;
    width: 100%;
  }
  
  .dy-inspection-card {
    display: flex;
  
    height: 70%;
    width: 100%;
  }
  
  .dy-inspection-tag {
    display: flex;
  
    align-items: center;
  
    border-top-left-radius: 0.3vw;
    border-bottom-left-radius: 0.3vw;
  
    height: 100%;
    width: 10%;
  }
  
  .dy-inspection-name-space {
    display: flex;
    align-items: center;
    padding-right: 5vw;
    margin-left: 15%;
    border-radius: 0.5vw;
    height: 60%;
    background-color: white;
  }
  
  .dy-inspection-icon-space {
    display: flex;
  
    justify-content: center;
    align-items: center;
  
    height: 100%;
    width: 4vw;
  }
  
  .dy-inspection-icon {
    height: 70%;
    width: 2.2vw;
  }
  
  .secList.dy-inspection-name {
    font: bold 1vw "Noto Sans JP", "Noto Sans";
  
    color: #262626;
  
    text-decoration: none;
  
    white-space: nowrap;
  }
  
  .dy-inspection-result-title {
    margin: auto 2% auto 70%;
  
    font: bold 1.5vw "Noto Sans JP", "Noto Sans";
  
    color: #262626;
  }
  
  .dy-inspection-result {
    display: flex;
  
    justify-content: center;
    align-items: center;
  
    margin: auto 0 auto 0;
  
    border-radius: 0.3vw;
  
    height: 60%;
    width: 5%;
  
    font: bold 1.5vw "Noto Sans";
  
    color: #262626;
  }
  
  .dy-inspection-button-space {
    display: flex;
  
    align-items: center;
  
    margin: 0 auto;
  
    height: 100%;
    width: 2.5%;
  }
  
  .dy-inspection-button {
    width: 100%;
  
    transition: 0.8s;
  }
  
  .dy-transform-180deg {
    transform: rotate(180deg);
  }
  
  .p-0.dy-inspection-details {
    border: none;
  }
  
  
  /* トグルスタイリング */
  table.dy-result-detail {
    border-collapse: collapse;
    background-color: #FFFFFF;
    margin-top: 2.6vw;
    margin-bottom: 0;
    font: bold 1.3vw "Noto Sans JP", "Noto Sans";
    table-layout: fixed;
    width: 100%;
  }
  
  table.dy-result-detail th {
    border: none;
    width: 20%;
  }
  
  table.dy-result-detail td {
    font: normal 1.04vw "Noto Sans JP", "Noto Sans";
    vertical-align: middle;
    padding: 1.45vw 0.2vw 1.45vw 0.2vw;
  }
  
  table.dy-result-detail th.dy-value-items {
    font: bold 0.94vw "Noto Sans JP", "Noto Sans";
    width: 10%;
  }
  
  table.dy-result-detail tr:nth-child(odd) td {  
    background-color: #FBFAF8;
    border: 0px none;
  }
  
  table.dy-result-detail tr:nth-child(even) td {  
    background-color: #FFFFFF;
    border: 0px none;
  }
  
  table.dy-result-detail td.dy-result-detail-not:not(.dy-result-detail) {
    background-color: #FFFFFF;
    font: bold 1.25vw "Noto Sans JP", "Noto Sans";
    vertical-align: middle;
  }
  
  table span.dy-result-thistime {
    display:inline-block;
    width: 100%;
    height: 100%;
    border-radius: 1.46vw;
    text-align: center;
    font: bold 0.83vw "Noto Sans JP", "Noto Sans";
    background-color: #262626;
    color: #FFFFFF;
  }
  
  table span.dy-result-last {
    display:inline-block;
    width: 100%;
    height: 100%;
    border: 0.15vw solid #575757;
    border-radius: 1.46vw;
    text-align: center;
    font: bold 0.83vw "Noto Sans JP", "Noto Sans";
  }
  
  table.dy-result-detail span.dy-result-value-A {
    padding: 0.4vw 0.8vw 0.4vw 0.8vw;
    background-color: #B2E7EF;
    border-radius: 0.36vw;
    font: bold 1.05vw "Noto Sans JP", "Noto Sans";
  }
  
  table.dy-result-detail span.dy-result-value-B {
    padding: 0.4vw 0.8vw 0.4vw 0.8vw;
    background-color: #D7F8F7;
    border-radius: 0.36vw;
    font: bold 1.05vw "Noto Sans JP", "Noto Sans";
  }
  
  table.dy-result-detail span.dy-result-value-C {
    padding: 0.4vw 0.8vw 0.4vw 0.8vw;
    background-color: #F7E3C4;
    border-radius: 0.36vw;
    font: bold 1.05vw "Noto Sans JP", "Noto Sans";
  }
  
  table.dy-result-detail span.dy-result-value-D {
    padding: 0.4vw 0.8vw 0.4vw 0.8vw;
    background-color: #f7c9c4;
    border-radius: 0.36vw;
    font: bold 1.05vw "Noto Sans JP", "Noto Sans";
  }
  
  table.dy-result-detail span.dy-result-value-E {
    padding: 0.4vw 0.8vw 0.4vw 0.8vw;
    background-color: #f7c4d7;
    border-radius: 0.36vw;
    font: bold 1.05vw "Noto Sans JP", "Noto Sans";
  }
  
  table.dy-result-detail span.dy-result-value-F {
    padding: 0.4vw 0.8vw 0.4vw 0.8vw;
    background-color: #eeabc4;
    border-radius: 0.36vw;
    font: bold 1.05vw "Noto Sans JP", "Noto Sans";
  }
  
  table.dy-result-detail span.dy-result-value-G {
    padding: 0.4vw 0.8vw 0.4vw 0.8vw;
    background-color: #FFFFFF;
    border: 0.30vw solid #D98DA9;
    border-radius: 0.36vw;
    font: bold 1.05vw "Noto Sans JP", "Noto Sans";
  }
  
  table.dy-result-detail span.dy-result-↑ {
    color: #cf0f19;
    font-weight: bold;
  }
  
  table.dy-result-detail span.dy-result-↓ {
    color: #0616ff;
    font-weight: bold;
  }
  
  table.dy-inspections tr td.p-0.dy-inspection-details div.collapse.m-2 button.dy-close-btn {
    background-color: #F7F5F2;
    color: #707070;
    border: 0px none;
    border-radius: 1.3vw;
    font: bold 1.042vw "Noto Sans JP", "Noto Sans";
    padding: 0.6vw 4.793vw 0.6vw 5.63vw;
  }
  
  table.dy-inspections tr td.p-0.dy-inspection-details div.collapse.m-2 button.dy-close-btn:hover {
    background-color: #EE878D;
    color: #FFFFFF;
  }
  
  .dy-close-icon {
    width: 8%;
    font: bold 1.042vw "Noto Sans JP", "Noto Sans";
    transition: 0.8s;
    margin-left: 1.12vw;
  }
  
  button.dy-close-btn:hover path {
    stroke: #FFFFFF;
  }
  
  .dy-g-description {
    display: block;
    text-align: right;
    margin-bottom: 1rem;
    font: bold 1.05vw "Noto Sans JP", "Noto Sans";
    color: #707070;
  }