@media (min-width: 992px){
    .form-30-lg {
    max-width: 300px;
    }
    .form-45-lg {
    max-width: 450px;
    }
    .form-60-lg {
    max-width: 600px;
    }
}
@media  (min-width: 768px) {
    .btn-acd{
        display: none;
    }
}
@media  (max-width: 768px) {
    .acd-content{
        height: 0;
        opacity: 0;
        visibility: hidden;
    }
}
.acd-content.acd-open {
    height: 260px;
    opacity: 1;
    visibility: visible;
    transition: .5s;
}
.load-table { 
    border-spacing: 10px 10px; 
    border-collapse:separate;
}
.load-icon {
    padding: 10px;
    vertical-align: middle;
    cursor: pointer;
}
.load-icon:hover, .load-icon.active:hover {
    background-color: #D9D9D9;
    border-radius: 15px;
}

.load-icon.active{
    background-color:#F7E98E;
    border-radius: 15px;
}
.loadimg{
    position: relative;
}
.loadimg p {
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: 700;
    white-space:nowrap;
    width: 10px;
    height: 18px;
    position: absolute;/*絶対配置*/
    display: block;
}

.loadimg .load_center {
    top: 40px;
    left: 86px;
    display: flex;
    justify-content: center;
}
.loadimg .load_double {
    top: 40px;
    left: 86px;
    display: flex;
    justify-content: center;
}
.loadimg .load_triple {
    top: 40px;
    left: 86px;
    display: flex;
    justify-content: center;
}
.loadimg .load_left {
    top: 40px;
    left: 80px;
    display: flex;
    justify-content: flex-end;
}
.loadimg .load_right {
    top: 40px;
    left: 95px;
    display: flex;
    justify-content: flex-start;
}
.loadimg .load_per_area {
    top: 25px;
    left: 86px;
    display: flex;
    justify-content: center;
}
.loadimg .load_heigt {
    transform:rotate(-90deg); 
    top: 62px;
    left: 22px;
    display: flex;
    justify-content: center;
}
.loadimg .load_heigt1 {
    transform:rotate(-90deg); 
    top: 69px;
    left: 22px;
    display: flex;
    justify-content: center;
}
.loadimg .load_heigt2 {
    transform:rotate(-90deg); 
    top: 62px;
    right: 24px;
    display: flex;
    justify-content: center;
}
.loadimg .load_length1 {
    top: 115px;
    left: 59px;
    display: flex;
    justify-content: flex-end;
}
.loadimg .load_length2 {
    top: 115px;
    left: 80px;
    display: flex;
    justify-content: flex-start;
}
.loadimg .load_double::before {
    content:"2 × ";
}
.loadimg .load_triple::before {
    content:"3 × ";
}
.loadimg .load_center::after,
.load_left::after,.load_right::after,
.load_double::after,.load_triple::after,
.load_tip::after {
    content:"kN";
    font-weight: 400;
}
.loadimg .load_per_area::after,.load_per_area2::after {
    content:"kN/㎡";
    font-weight: 400;
}
.loadimg .load_heigt::after,.load_heigt1::after,
.load_heigt2::after,.load_length1::after,.load_length2::after,
.load_length1a::after,.load_length2a::after,.load_heigt3::after,
.load_length3::after {
    content:"m";
    font-weight: 400;
}

.both_sides{
    top: 10px;
    left:30px;
    display: flex;
    color: white;
    justify-content: flex-end;
    background-color: #666666;
    width: auto!important;
    padding-left: 0.3em;
    padding-right: 0.3em;
    --bs-badge-font-weight: 200!important;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.35rem;
    border-radius: var(--bs-badge-border-radius);
}
.loadname {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
    margin-bottom: 0rem !important;
    font-size: 16px;
    text-align: center !important;
    font-weight: 700;
}
.bg-none{
    background-color: transparent!important;
}

.load_tip{
    top: 40px;
    left: 35px;
    display: flex;
    justify-content: center;
}

.loadimg .load_length1a {
    top: 115px;
    left: 58px;
    display: flex;
    justify-content: flex-end;
}

.loadimg .load_length2a {
    top: 93px;
    left: 70px;
    display: flex;
    justify-content: flex-start;
}

.loadimg .load_length3 {
    top: 115px;
    left: 98px;
    display: flex;
    justify-content: flex-start;
}
.loadimg .load_per_area2 {
    top: 25px;
    left: 130px;
    display: flex;
    justify-content: flex-end;
}

.popup-container {
    z-index: 1000; 
      position: fixed;  /* 画面に固定 */
      bottom: 30px;     /* 画面の下から10pxの位置に設定 */
      left: 50%;        /* 左右中央に表示 */
      transform: translateX(-50%) /* X軸の中央揃え */
  }
.popup-bottom {
    height: 50px;
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: 0.35rem;
}
.popup-bottom.popup-show {
    animation: fadeInUp 0.5s ease-out forwards;
}
.popup-bottom:not(.popup-show) {
    display: none;
}
    
.popup-bottom-body {
    background-color: rgb(33, 40, 50);
    display: flex;
    justify-content: space-between;
    padding: 0.75rem;
    word-wrap: break-word;
}

@media (min-width: 768px) {
    .responsive-nav,.responsive-hr{
        display:none;
    }
    .input-section{
        display:none;
    }
    .input-section.input-active{
        display:block!important;
    }
}
@media (max-width: 768px) {
    .responsive-heading,.responsive-section{
        display:none;
    }
    .responsive-section.active,.responsive-hr{
        display:block!important;
    }
}
.input-explanation th,.input-explanation td{
    padding-bottom: 0.3rem!important;
}

.inline-nowarp{
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.rounded-right {
    border-top-right-radius: 30rem;
    border-bottom-right-radius: 30rem;
  }