/* img{
    width: calc(100dvw/var(--scale));
} */

:root {
    --color-red1: #ed1c24;
}

*{
    font-family: "noto sans JP" sans;
    font-size: calc(3.5dvw/var(--scale));
    line-height: calc(8dvw/var(--scale));
    
}

#main_calc{
    width: var(--PC-Width);
    margin:0 auto;
}

#main_calc > p > img{
    width:500px;
    margin: 0 auto;
}

#main_calc select{
    padding: 10px;
}

#result_table{
    --border: 1px #999999 solid;;

}

#result_table td{
    --padding:5px;
}

.t_design {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: var(--PC-Width);
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
}
.t_design tr {
  background-color: #e6f1f6;
}
.t_design tr:nth-child(even) {
  background-color: #ffeed7;
}
.t_design th, .t_design td {
  padding: 1em;
}
.t_design thead th {
  background-color: #4d9bc1;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
.t_design tbody th {
  color: #4d9bc1;
}

.result_sum{
    font-size: 32px;
    text-align: center;
    margin-top: 30px;
    padding: 20px 0px;
    background-color: #fff894;
    border-radius: 20px;
}


/* @media screen and (max-width: 787px) {
  .t_design
 {
    border-radius: 0;
    text-align: left;
  }
  .t_design
 thead {
    display:none;
  }
  .t_design
 tr {
    background-color: unset;
  }
  .t_design
 th, .t_design
 td {
    display: block;
    border: 0;
    border-bottom: 1px solid #4d9bc1;
  }
  .t_design
 tbody th{
    background: #4d9bc1;
    color:#fff;
    text-align: center;
  }
  .t_design
 td::before{
    content: attr(data-label);
    background-color: #e6f1f6;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    min-width: 4em;
    text-align: center;
    margin-right: 0.5em;
    padding: 4px;
    border-radius: 100vh;
  }
} */

/* #main01{
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    width: var(--PC-Width);
}

#main01 > div{
    width: calc(var(--PC-Width) / 2);
    border: 1px #999999 solid;
}

#admin01 input{
    width: calc((var(--PC-Width) / 5) );
} */




footer{
    margin: 0 auto;
    width: calc(100dvw/var(--scale));
    margin-top: calc(4.9dvw/var(--scale));
    text-align: center;
    background-color: black;
    padding: calc(20dvw/var(--scale)) 0;
    color: white;
    position: relative;
    z-index: 1;
}

footer a{
    color: white;
    text-decoration: none;
}

footer a:hover{
    font-weight: bold;
}

footer span{
    color: var(--color-lightblue1);
}

footer .top_btn{
    width: calc(15dvw/var(--scale));
    position: absolute;
    top: 4dvh;
    right: 5dvw;
}

@media (min-width: 1201px) {
    footer .top_btn{
        right:1dvw;
    }

}

footer .top_btn:hover{
    filter: brightness(1.2);
}