@charset "UTF-8";

.u-wb { word-break: normal; }
.w_mode{writing-mode: vertical-rl;}
.d-boder {border: dashed 2px white; padding-left: 1em;}
.d-boder-01 {border: dotted;}
table.m-table th.va_top,table.m-table td.va_td_top{vertical-align: top;}

.line-tate {
  writing-mode: vertical-rl; 
  -ms-writing-mode: tb-rl; 
}

.line-02 {
    background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #999 50%, #999 calc(50% + 0.5px), transparent calc(50% + 1px)) !important;
}

.f-color-w {color: white;}

.p-re {position: relative;}

.border-01 {
    position: absolute;
    width: 700%;
    bottom: 61px;
    background: white;
    border: solid 1px;
    padding: 5px;
}

.border-02 {
    position: absolute;
    border: dotted;
    width: 777%;
    height: 83%;
    top: 37px;
}

.border-022 {
    position: absolute;
    border: dotted;
    width: 777%;
    height: 97%;
}

.border-03 {
    position: absolute;
    border: solid;
    width: 150%;
    z-index: 2;
    background: white;
}

.border-04 {
    position: absolute;
    border: 6px solid red;
    border-radius: 10px;
    width: 1002%;
    height: 100%;
    left: 3px;
    top: 1px;
}

.pt30 {padding-top: 30px;}
.pt37 {padding-top: 37px !important;}

@media screen and (max-width:750px) {
  .border-02 {
    position: absolute;
    border: dotted;
    width: 890%;
    height: 60%;
    top: 37px;
  }

  .border-022 {
    position: absolute;
    border: dotted;
    width: 890%;
    height: 97%;
  }

}