/*******************************

*******************************/
#case .sec01 {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1em 1em 0; }
  #case .sec01 h2 {
    display: flex;
    align-items: flex-start;
    font-size: 1.25em; }
    #case .sec01 h2 .icon {
      background: #082E96;
      width: 3em;
      height: 3em;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      border-radius: 100%;
      margin-right: 0.5em;
      font-family: din-condensed, sans-serif;
      line-height: 1;
      white-space: nowrap;
      font-weight: 400; }
    #case .sec01 h2 .txt {
      width: calc(100% - 4em);
      margin-top: 0.65em; }
  #case .sec01 .situation, #case .sec01 .point, #case .sec01 .comment {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2em; }
    @media screen and (max-width: 768px) {
      #case .sec01 .situation, #case .sec01 .point, #case .sec01 .comment {
        display: block; } }
    #case .sec01 .situation dt, #case .sec01 .point dt, #case .sec01 .comment dt {
      border-radius: 500px;
      padding: 0.15em;
      width: 10em;
      text-align: center;
      color: #fff;
      font-weight: 500;
      margin-right: 1em; }
    #case .sec01 .situation dd, #case .sec01 .point dd, #case .sec01 .comment dd {
      width: calc(100% - 11em);
      margin-top: -0.4em; }
      @media screen and (max-width: 768px) {
        #case .sec01 .situation dd, #case .sec01 .point dd, #case .sec01 .comment dd {
          width: 100%;
          margin-top: 0.5em; } }
      #case .sec01 .situation dd .li01, #case .sec01 .point dd .li01, #case .sec01 .comment dd .li01 {
        margin-left: 1.6em; }
        #case .sec01 .situation dd .li01 li, #case .sec01 .point dd .li01 li, #case .sec01 .comment dd .li01 li {
          list-style: disc; }
          @media screen and (max-width: 768px) {
            #case .sec01 .situation dd .li01 li:not(:last-child), #case .sec01 .point dd .li01 li:not(:last-child), #case .sec01 .comment dd .li01 li:not(:last-child) {
              margin-bottom: 0.75em; } }
  #case .sec01 .situation dt {
    background: #329ac4; }
  #case .sec01 .point dt {
    background: #3181bb; }
  #case .sec01 .comment dt {
    background: #1d58a9; }