.dwk01 { flex-flow: wrap; justify-content: space-between; }
.dwk01 .pht { padding-bottom: 20px; flex-basis: 50%; text-align: center; font-size: 0.9rem; line-height: 150%; }
.dwk01 .pht img { margin-bottom: 10px; width: 100%; height: auto; }
.dwk01 dl { margin: 0px; padding: 0px 0px 20px; width: 100%; display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.dwk01 dt { margin: 6px 0px 0px; padding: 0px; line-height: 50px; width: 22%; max-width: 120px; text-align: center; font-weight: normal; }
.dwk01 dd { margin: 0px; padding: 0px 0px 0px 20px; font-size: 1.06rem; line-height: 250%; flex: 1 1 0%; box-sizing: border-box; }
.dwk01 span.min { font-size: 1.8rem; letter-spacing: 0.5em; line-height: 125%; }
.hx01 { margin: 0px; padding: 15px 0px 0px; font-size: 1.4rem; line-height: 100%; }
.deftab { font-size: 1rem; line-height: 175%; }
.notice { padding: 20px 0px 0px; font-size: 0.9rem; line-height: 200%; }
.dwk02 { padding: 30px 0px 0px; flex-flow: wrap; justify-content: space-between; }
.dwk02 .data { flex-basis: 65%; }
.dwk02 .pht { padding: 50px 0px 0px; flex-basis: 30%; }
.dwk02 .pht img { margin-bottom: 10px; width: 100%; height: auto; }
.bnrbx { margin: 0px auto; padding: 0px; list-style-type: none; width: 100%; max-width: 400px; }
.bnrbx li { margin: 0px 0px 15px; }
.bnrbx a { position: relative; display: block; width: 100%; text-decoration: none; border: 1px solid #cccccc; outline: #ffffff solid 2px; box-sizing: border-box; }
.bnrbx a::after { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; content: ""; border-top: 1px solid #777777; border-right: 1px solid #777777; transform: translateY(-50%) rotate(45deg); }
.bnrbx img { position: absolute; top: 50%; left: 0px; width: 18%; max-width: 60px; height: auto; transform: translateY(-50%); }
.bnrbx div { padding: 0px 0px 0px 62px; font-size: 1rem; line-height: 66px; }
.ul03 { margin: 0px; padding: 20px 0px 0px; list-style-type: none; display: flex; flex-flow: wrap; justify-content: space-between; }
.ul03 li { margin: 30px 0px 0px; padding: 0px; flex-basis: 47%; }
.ul03 div { border: 1px solid #cccccc; padding: 3px; }
.ul03 img { width: 100%; height: auto; }
.ul03 p { padding: 5px 0px 0px; font-size: 0.9rem; line-height: 175%; text-align: center; }
.nobodr { margin: 0px; padding: 0px; border: 0px; font-size: 1rem; line-height: 175%; }
.nobodr th, .nobodr td { padding: 0px 10px 0px 0px; border: 0px; background-color: #ffffff; white-space: nowrap; }
@media print, screen and (min-width: 768px) {
  .dwk01, .dwk02 { display: flex; }
  .defcol2_1 th.th_left { width: 17.5%; }
  .defcol2_2 th.th_left { width: 40%; }
  .ul03 li { flex-basis: 31%; }
  .bnrbx a:hover { outline: #f5ebbd solid 2px; }
}
@media print, screen and (min-width: 1125px) {
  .dwk01 .pht { flex-basis: 50%; }
  .dwk01 .data { flex-basis: 45%; }
  .dwk01 span.min { font-size: 2.3rem; letter-spacing: 0.5em; line-height: 150%; }
  .dwk01 dt { width: 20%; }
  .dwk01 dd { padding: 0px 0px 0px 30px; }
}
@media print, screen and (max-width: 1124px) and (min-width: 768px) {
  .dwk01 .pht { flex-basis: 45%; }
  .dwk01 .data { flex-basis: 50%; }
  .dwk01 dd { font-size: 1rem; line-height: 225%; }
}
