.titlez #maintitle, .accolor, .bfcolor2::before { background-color: #e26a61; color: #ffffff; }
.titlez::before, .titlez::after { background-color: #ce4545; }
.knrn li::before { border-color: #ce4545; }
.knrn li::after { border-left-color: #ce4545; }
.bg01 { border: 1px solid #dcd292; background-color: #fdfbea; }
.div01 { padding: 0px 0px 20px; flex-flow: wrap; justify-content: space-between; }
.div01 .pht { position: relative; flex-basis: 50%; }
.div01 .pht .p1 { position: absolute; bottom: -20px; left: 50%; width: 80%; max-width: 410px; transform: translateX(-50%); }
.div01 .pht .p1 img { width: 100%; }
.div01 .moji { padding: 35px 0px 0px; flex-basis: 45.5%; }
.div01 .tiz { position: relative; width: 100%; height: 0px; padding-bottom: 25%; }
.div01 .tiz .p1 { position: absolute; bottom: 0px; left: 0px; width: 100%; max-width: 500px; z-index: 5; }
.div01 .tiz .p2 { position: absolute; bottom: 10px; right: 0px; width: 37%; z-index: 3; }
.div01 .tiz img { width: 100%; }
.div01 .moji p { padding: 15px 0px 0px; }
.div01 .moji ul { margin: 18px 0px 0px; padding: 3px 12px 12px; list-style-type: none; line-height: 150%; }
.div01 .moji li { position: relative; margin: 12px 0px 0px; padding: 0px 0px 0px 25px; }
.div01 .moji li::before { content: ""; position: absolute; top: 6px; left: 2px; width: 12px; height: 12px; background-color: #8bc53f; border-radius: 50%; }
.div01 .moji .sd1 br { display: none; }
.div01 .moji .sd2 { padding: 5px 0px 0px; font-size: 0.86rem; line-height: 175%; }
.div02 { position: relative; padding: 10px 0px; }
.div02 div { position: absolute; top: -10px; left: 0px; width: 78px; display: none; }
.ul01 { margin: 0px; padding: 0px 0px 25px; list-style-type: none; font-size: 0.86rem; 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: 48%; }
.ul01 p { padding: 8px 0px 0px; }
.ul04 { margin: 0px; padding: 30px 0px 20px; list-style-type: none; font-size: 0.86rem; line-height: 150%; text-align: center; display: flex; flex-flow: wrap; justify-content: space-between; }
.ul04 li { margin: 25px 0px 0px; padding: 0px; flex-basis: 48%; }
.ul04 p { padding: 8px 0px 0px; }
.div03 { flex-flow: wrap; justify-content: space-between; }
.div03 .pht { flex-basis: 28%; margin: 20px 0px 0px; font-size: 0.8rem; line-height: 175%; text-align: center; display: none; }
.div03 .pht div { margin: 0px 0px 5px; padding: 4px; border: 1px solid #cccccc; }
.wks { position: relative; margin: 30px 0px 0px; padding: 0px; font-size: 0.94rem; line-height: 225%; }
.wks img { position: absolute; top: -18px; right: -5px; width: 94px; }
.wks p { padding: 10px 100px 15px 22px; }
.bnr01 { margin: 0px; padding: 10px 0px 0px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.bnr01 li { margin: 20px 0px 0px; padding: 0px; flex-basis: 49%; border: 1px solid #cccccc; box-sizing: border-box; }
.bnr01 li a { position: relative; display: block; width: 100%; }
.bnr01 li img { width: 100%; max-width: 468px; }
.bnr01 li a::after { content: ""; position: absolute; top: 50%; right: 5px; width: 0px; height: 0px; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #999999; transform: translateY(-50%); }
.bnr02 { margin: 0px; padding: 20px 0px 0px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.bnr02 li { margin: 20px 0px 0px; padding: 0px; flex-basis: 32%; border: 1px solid #cccccc; box-sizing: border-box; }
.bnr02 li a { position: relative; display: block; width: 100%; }
.bnr02 li a::after { content: ""; position: absolute; top: 50%; right: 5px; width: 0px; height: 0px; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #999999; transform: translateY(-50%); }
.bnr02 li img { width: 100%; max-width: 305px; }
.ul03 { margin: 0px; padding: 10px 0px 0px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.ul03 li { margin: 40px 0px 0px; padding: 0px; flex-basis: 47%; }
.ul03 li > div { display: flex; flex-flow: wrap; justify-content: space-between; }
.ul03 h3 { margin: 0px; padding: 2px 0px; font-size: 1rem; line-height: 150%; text-align: center; font-weight: normal; background-image: url("/commonfiles/bgi/e008.png"); }
.ul03 .pht { margin: 20px 0px 0px 1%; flex-basis: 30%; max-width: 180px; }
.ul03 .data { margin: 20px 0px 0px; flex-basis: 64%; font-size: 0.93rem; line-height: 225%; }
.ul03 .lnk { position: relative; margin: 8px 0px 0px; padding: 0px 0px 0px 25px; line-height: 150%; }
.ul03 .lnk::before { content: ""; position: absolute; top: 5px; left: 2px; width: 14px; height: 14px; border: 1px solid #ce4545; border-radius: 50%; }
.ul03 .lnk::after { content: ""; position: absolute; top: 8px; left: 8px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #ce4545; }
.telz2 { padding: 20px 0px; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; }
.telz2 > div { display: inline-block; white-space: nowrap; }
.telz2 .t1 { margin: 2px 10px 0px 0px; padding: 5px 10px; line-height: 100%; background-color: #cc3300; color: #ffffff; }
.telz2 .t2 { margin: 0px; padding: 3px 0px 0px; font-size: 1.6rem; line-height: 100%; font-weight: bold; }
.telz2 .t3 { padding: 10px 0px 0px; line-height: 100%; }
.div04 { padding: 20px 0px 0px; }
.wks2 { margin: 10px 0px 0px; padding: 15px 25px; font-size: 0.96rem; line-height: 225%; }
.defhx3 { margin: 50px auto 25px; width: 100%; }
span.sml { font-size: 0.8rem; }
.hx08 { max-width: 500px; }
@media print, screen and (min-width: 510px) {
  .wks img { top: -27px; right: 10px; }
  .telz2 .t1 { padding: 7px 15px; }
  .telz2 .t2 { font-size: 1.8rem; }
}
@media print, screen and (min-width: 640px) {
  .div03, .ul03 { display: flex; }
  .ul04 li { flex-basis: 23%; }
  .ul01 li { margin: 30px 0px 0px; padding: 0px; flex-basis: 32%; }
  .ul01 li:last-of-type { display: none; }
  .div03 .pht { display: block; }
  .div03 .moji { flex-basis: 68%; margin: 20px 0px 0px; }
  .bnr01, .bnr02 { display: flex; }
  .bnr01 li, .bnr02 li { margin-top: 30px; }
  .div02 { padding: 10px 0px 10px 95px; }
  .div02 div { display: block; }
}
@media screen and (min-width: 510px) and (max-width: 767px) {
  .div01 .tiz { width: 100%; height: 110px; padding-bottom: 0px; }
  .div01 .tiz .p2 { bottom: 0px; max-width: 170px; }
}
@media print, screen and (min-width: 768px) {
  .nwk { padding: 0px 20px 20px; }
  .div01 { display: flex; }
  .div01 .moji { padding: 15px 0px 0px; }
  .div01 .tiz .p2 { position: absolute; bottom: 10px; right: 0px; width: 37%; max-width: 155px; z-index: 3; }
  .fz, .div01 .moji p { font-size: 0.97rem; line-height: 250%; }
  .div02 div { top: -40px; }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .div01 .moji .sd1 br { display: inline; }
}
@media screen and (min-width: 768px) and (max-width: 1109px) {
  .div01 .pht .p1 { bottom: 15%; max-width: 310px; }
  .div01 .pht .p2 { margin: 5% 0px; height: 75%; }
  .div01 .pht .p2 img { width: 100%; height: 100%; object-fit: cover; }
}
@media print, screen and (min-width: 1110px) {
  .div01 .pht .p1 { bottom: auto; top: 284px; max-width: 310px; }
  .div01 .pht .p2 { margin: 20px 0px 0px; }
  .div01 .pht .p2 img { height: auto; object-fit: contain; }
}