.ctglnks { clear: both; margin: 30px 0px 0px; padding: 1px 15px 25px; border: 1px solid #eeebdf; }
.ctglnks ul { margin: 0px; padding: 0px; list-style-type: none; width: 100%; font-size: 0.9rem; line-height: 125%; display: flex; flex-flow: wrap; justify-content: flex-start; }
.ctglnks li { position: relative; margin: 19px 0px 0px; padding: 0px 20px 0px 25px; display: inline-block; }
.ctglnks li::before { position: absolute; top: 2px; left: 0px; width: 17px; height: 17px; content: ""; border-radius: 50%; }
.ctglnks li::after { position: absolute; top: 8px; left: 4px; width: 7px; height: 7px; content: ""; border-top: 1px solid #ada16c; border-right: 1px solid #ada16c; transform: rotate(45deg); }
.ul01 { margin: 0px; padding: 5px 0px 0px; list-style-type: none; font-size: 0.9rem; line-height: 175%; }
.ul01 > li { margin: 7px 0px 0px; padding: 0px 0px 0px 25px; position: relative; }
.ul01 > li:first-of-type { margin: 0px; }
.ul01 > li::before { content: ""; position: absolute; top: 9px; left: 5px; width: 11px; height: 11px; border-radius: 50%; }
.hx09 { position: relative; margin: 70px 0px 0px; padding: 5px 0px 5px 20px; font-size: 1.4rem; line-height: 150%; }
.hx09::before { content: ""; position: absolute; top: 9px; left: 3px; width: 0px; height: 30px; border-width: 0px 0px 0px 5px; }
.hx09 .sml { font-size: 1rem; }
.itmz { margin: 0px; padding: 15px 0px 0px 15px; width: 100%; box-sizing: border-box; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.itmz .pht { margin: 0px 0px 20px; width: calc(100% - 15px); }
.itmz .bun h3 { margin: 0px 0px 15px; padding: 0px 0px 15px; border-width: 0px 0px 1px; border-style: solid; font-size: 1.4rem; line-height: 150%; }
.itmz .bun h3 .sml { font-size: 1rem; }
.ul02 { margin: 0px; padding: 15px 0px 0px; list-style-type: none; display: flex; flex-flow: wrap; justify-content: flex-start; }
.ul02 li { margin: 10px 2% 0px 0px; width: 31%; }
.obfit { position: relative; width: 100%; height: 0px; padding-bottom: 75%; }
.obfit2 { padding-bottom: 100%; }
.obfit > div { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.obfit div > img { width: 100%; height: 100%; object-fit: cover; }
.ul03 { margin: 0px; padding: 1px 0px 0px; list-style-type: none; display: flex; flex-flow: wrap; justify-content: flex-start; line-height: 100%; }
.ul03 li { position: relative; margin: 10px 10px 0px 0px; padding: 0px 0px 0px 28px; }
.ul03 li::before { position: absolute; top: -1px; left: 2px; width: 20px; height: 20px; border-radius: 50%; content: ""; }
.ul03 li::after { position: absolute; top: 5px; left: 6px; width: 7px; height: 7px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; content: ""; transform: rotate(45deg); }
.kkdalt2 { position: relative; }
.kkdalt2::after { position: absolute; bottom: 5px; right: 5px; width: 16px; height: 16px; content: url("/hpdata/svg/megane.svg"); background-color: rgba(255, 255, 255, 0.6); z-index: 5; }
@media screen and (min-width: 400px) and (max-width: 499px) {
  .itmz { position: relative; }
  .itmz::after { clear: both; display: block; content: ""; }
  .itmz .pht { margin: 5px 20px 5px 0px; width: 45%; float: left; }
}
@media print, screen and (min-width: 450px) {
  .ul02 li { margin: 10px 2% 0px 0px; width: 23%; }
}
@media print, screen and (min-width: 500px) {
  .itmz { display: flex; padding: 15px 0px 0px 20px; }
  .itmz .pht { margin: 0px; width: 30%; max-width: 300px; }
  .itmz .bun { flex: 1 1 0%; padding: 0px 0px 0px 30px; box-sizing: border-box; font-size: 0.94rem; line-height: 215%; }
  .ul02 li { margin: 10px 2% 0px 0px; width: 31%; }
}
@media print, screen and (min-width: 600px) {
  .ul02 li { margin: 10px 10px 0px 0px; width: 100px; }
}
@media print, screen and (min-width: 768px) {
  .itmz .bun { padding-left: 40px; }
}
@media print, screen and (min-width: 1000px) {
  .itmz .bun { padding-left: 50px; }
}