body {
      color: #fff;
      background-color: rgb(50, 75, 75);
      font-family: 'Rubik', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
      font-size: 15px;
    }
    .container>.row{ margin: 0;}
    h1 {
      font-size: 1.25em;
      text-align: left;
      margin: 0.5em 0 0.25em 0;
      text-decoration: underline;
    }
    h1>*{text-decoration: underline;}
    
    .main-frame{
      background-color: rgba(255, 255, 255, 0.1);
      opacity: 0.8;
      border: 1px solid rgba(255, 255, 255, 0.9);
      box-shadow: 0px 0px 16px 0px rgba(235, 235, 235, 0.3);
}
    
    .form-control-label{font-size: 1.25em; margin-bottom: 0;}
    .form-control{font-size: 2.5em; line-height: 1; text-align: center; padding: 0.1em; font-weight: 600; width: 5em; margin: auto;}
    .sub-btn .btn {font-size: 1.25em; border: 1px solid #fff; width: 5.5em;}
    .waiting {
      font-size: 1em;
    }

    .call_num {
      font-size: 2.25em;
      line-height: 1em;
    }

    .d_row {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      align-items: center;
    }

    .align_items_end {
      align-items: flex-end;
    }

    .attention_text {
      font-size: 0.8em;
    }

    .numlist {
      text-indent: -1em;
      padding-left: 1em;
      margin-bottom: 0.5em;
      align-content:
    }

    i {font-size: 2em;}
    
    form input + .error {display : none;}
    .error {text-align: center; font-size: 0.8em;}
    .error .invalid {
      display: inline-flex;
      align-content: center;
      align-items: center;
      border: 2px solid #000;
      background-color: #b9f514;
      color: rgb(15, 15, 15);
      padding: 0.25em 1.5em;
      margin: 0.25em 0;
      font-weight: 600;
      line-height: 1;
    }
    .error .invalid i {font-size: 1.5em; display: inline-block; margin-right: 0.5em;}
    
    @media (max-width: 584px) {
      body{font-size: 14px;}
    }
    @media (max-width: 316px) {
      [class^="col-"]{max-width: 100%; flex-basis: 100%;}
    }
    .x90 {font-size: 0.9em;}
    .x110 {font-size: 1.1em;}

/*************/
    
    .main-frame{background-color: rgba(255, 255, 255, 0.1); opacity: 0.8; border: 1px solid rgba(255, 255, 255, 0.25);}

    .confirm h2, .confirm ul { font-size: 1.15em; }

    .confirm ul { padding-left: 0.5em; list-style-type: none; }

    .confirm ul li { margin-bottom: 3px; border-bottom: 1px dotted rgba(255, 255, 255, 0.35); padding: 1px 0; }

    .confirm ul li>span { display: inline-block; }

    .confirm ul li>span:first-child {
      width: 4.75em;
      background-color: #fff;
      color: rgb(50, 75, 75);
      font-size: 0.85em;
      text-align: center;
      border-radius: 0.125em;
      padding: 1px 2px;
      margin-right: 0.5em;
    }

    #reset-b + a:hover {background-color: rgba(0, 0, 0, 0.3);}
/*****************/
    .waiting h1 {white-space: nowrap;}
    .attention_text { flex-shrink: 2;}
    .end-text { margin: 0 -0.25em; }