.deftab { margin-top: 20px; font-size: 1rem; line-height: 200%; }
.deftab ul { margin: 0px 0px 0px 30px; padding: 0px; }
.deftab li { margin: 0px; padding: 0px; }
.hx01 { margin: 0px; padding: 60px 0px 0px; text-align: center; font-weight: normal; font-size: 1.5rem; line-height: 125%; }
#zentaizu { margin: 0px; padding: 30px 0px; }
.zphtz { width: 100%; display: none; flex-flow: wrap; }
.zphtz .pht { flex-basis: 68%; }
.zphtz .pht img { margin: 0px auto; width: 100%; }
.zphtz .yoko { flex-basis: 16%; font-size: 0.76rem; line-height: 150%; }
.zphtz .yoko > div { margin: 25px 0px 0px; }
.zphtz2 .yoko { font-size: 0.9rem; line-height: 150%; display: flex; flex-flow: wrap; justify-content: space-between; }
.zphtz2 .yoko > div { flex-basis: 47%; }
.zphtz2 .yoko > div > div { margin: 0px auto; max-width: 200px; box-sizing: border-box; }
.yoko img { width: 100%; }
.zp { border: 1px solid #999999; padding: 5px; text-align: center; position: relative; }
.zp img:nth-of-type(2) { margin-bottom: 3px; }
.zp img:nth-of-type(3) { position: absolute; top: 0px; right: 0px; width: 30%; max-width: 60px; z-index: 10; }
.ul01 { margin: 0px; padding: 10px 0px 0px; list-style-type: none; line-height: 150%; text-align: center; display: flex; flex-flow: wrap; justify-content: space-between; }
.ul01 li { margin: 20px 0px 0px; padding: 0px; flex-basis: 47%; }
.ul01 li p { padding: 5px 0px 0px; }
.wrp01 { padding: 0px 0px 20px; position: relative; }
.wrp01 h5 { margin: 0px; padding: 0px 0px 10px; font-size: 1.2rem; line-height: 200%; }
.wrp01 .pht { float: left; margin: 5px 20px 5px 0px; width: 50%; }
.bbnr { margin: 0px; padding: 30px 0px 20px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.bbnr li { margin: 30px 0px 0px; flex-basis: 48%; border: 1px solid #999999; box-sizing: border-box; }
.bbnr li a { position: relative; display: block; width: 100%; }
.bbnr li a::after { content: ""; position: absolute; top: 50%; right: 5px; width: 0px; height: 0px; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #777777; transform: translateY(-50%); }
.bbnr li img { width: 100%; max-width: 478px; }
.div02 { padding: 30px 15px 0px; text-align: center; }
.div02 > div { margin: 0px auto; display: inline-block; text-align: left; }
.evntwak { margin: 60px 0px 0px; padding: 15px; font-size: 0.96rem; line-height: 225%; border: 1px solid #d9d8d0; background-color: #f9f8ee; }
.evntwak .i01 { float: left; display: block; margin: 5px 20px 5px 0px; width: 45%; max-width: 260px; }
.evntwak .i02 { float: right; margin: 0px 0px 5px 10px; width: 20%; max-width: 170px; display: none; }
.evntwak img { width: 100%; }
.evntwak .h3zz { margin: 0px; padding: 0px 0px 18px; font-size: 1.1rem; line-height: 175%; font-weight: bold; }
.evntwak .i04 { display: none; padding: 0px 0px 5px; }
@media print, screen and (min-width: 560px) {
  .wrp01 .pht { width: 40%; }
  .evntwak .i04 { display: block; }
  .evntwak .i03 { display: none; }
  .evntwak .i01 { margin: 0px 30px 5px 0px; width: 30%; }
  .evntwak .i02 { display: block; }
}
@media screen and (min-width: 450px) and (max-width: 639px) {
  .ul01 { justify-content: flex-start; }
  .ul01 li { margin: 30px 5% 0px 0px; flex-basis: 30%; }
  .ul01 li:nth-of-type(3n) { margin-right: 0px; }
}
@media print, screen and (min-width: 640px) {
  .zphtz { display: flex; }
  .zphtz2 { display: none; }
  .ul01 { justify-content: flex-start; }
  .ul01 li { margin: 30px 4% 0px 0px; flex-basis: 22%; }
  .ul01 li:nth-of-type(4n) { margin-right: 0px; }
  .bbnr { display: flex; }
}
@media print, screen and (min-width: 768px) {
  .wrp01 .pht { margin: 7px 30px 5px 0px; }
}
@media screen and (min-width: 640px) and (max-width: 840px) {
  .zphtz .pht { position: relative; flex-basis: 60%; }
  .zphtz .pht img { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
  .zphtz .yoko { flex-basis: 20%; }
  .zphtz .yoko > div:first-of-type { margin: 0px; }
}
@media print, screen and (min-width: 950px) {
  .zp { padding: 8px; }
  .wrp01 { padding: 0px 0px 5px 35%; min-height: 220px; }
  .wrp01 .pht { position: absolute; top: 0px; left: 0px; width: 30%; }
}
