.bg01 { padding: 1px 0px 0px; background-color: #f4f4f4; }
.mhx { position: relative; margin: 40px auto 20px; padding: 0px; width: 100%; height: 36px; text-align: center; }
.mhx::before { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: 0px; border-width: 1px 0px 0px; border-style: solid; border-color: #777777; z-index: 2; transform: translateY(-50%); }
.mhx h3 { position: absolute; top: 50%; left: 50%; display: block; margin: 0px; padding: 0px 20px 3px; font-size: 1.5rem; line-height: 100%; font-weight: normal; transform: translate(-50%, -50%); z-index: 3; white-space: nowrap; }
.mhx h3::before { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: 0px; border-top: 10px solid #ffffff; z-index: -1; transform: translateY(-50%); }
.mcolor .mhx h3::before { border-top-color: #18558e; }
.mcolor .mhx::before { border-color: #ffffff; }
.div01 { padding: 30px 0px 0px; flex-flow: wrap; justify-content: space-between; }
.div01 .pht { margin: 20px 0px 0px; flex-basis: 48%; text-align: center; font-size: 0.9rem; line-height: 175%; order: 2; }
.div01 .pht img { width: 100%; margin-bottom: 5px; }
.div01 .bun { margin: 10px 0px 0px; flex-basis: 48%; order: 1; }
.div01 .bun .deftab { margin: 0px; }
.adrul { margin: 0px; padding: 0px; list-style-type: none; font-size: 0.9rem; line-height: 175%; display: flex; flex-flow: wrap; justify-content: flex-start; }
.adrul li { margin: 0px 10px 0px 0px; padding: 0px; white-space: nowrap; }
.bunz01 { margin: 0px auto; width: 100%; max-width: 1000px; font-size: 0.9rem; line-height: 225%; }
.cntrbtn { padding: 40px 0px 60px; }
.cntrbtn a { position: relative; display: block; margin: 0px auto; width: 90%; max-width: 300px; padding: 13px 0px; font-size: 0.9rem; line-height: 100%; text-align: center; text-decoration: none; }
.cntrbtn a::after { position: absolute; top: 50%; right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #ffffff; transform: translateY(-50%); content: ""; }
.nyukai { margin: 0px auto; padding: 10px 0px 0px; width: 94%; font-size: 0.9rem; line-height: 225%; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.nyukai .pht { margin: 5px 0px 0px; flex-basis: 25%; border: 1px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; display: none; }
.nyukai .pht img { width: 100%; }
.nyukai .bun { margin: 0px; flex-basis: 70%; }
.hx08 { margin: 0px; padding: 40px 0px 0px; text-align: center; font-weight: normal; font-size: 1.4rem; line-height: 100%; }
.ul01 { margin: 0px auto; padding: 10px 0px 0px; width: 100%; list-style-type: none; font-size: 0.8rem; 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 .pht { margin-bottom: 5px; position: relative; width: 100%; height: 0px; padding-bottom: 74%; }
.btnz3 { margin: 0px auto; padding: 5px 0px 0px; width: 100%; max-width: 1100px; text-align: center; font-size: 0.9rem; line-height: 100%; list-style-type: none; flex-flow: wrap; justify-content: space-between; font-weight: bold; }
.btnz3 li { margin: 10px 0px 0px; padding: 0px; flex-basis: 48%; border: 1px solid #777777; box-sizing: border-box; }
.btnz3 a { position: relative; display: block; width: 100%; padding: 15px 0px; text-decoration: none; }
.btnz3 a::after { position: absolute; top: 50%; right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; content: ""; transform: translateY(-50%); }
.cntrbtn .bo { border: 1px solid #ffffff; }
.naiyou { margin: 0px; padding: 10px 0px 0px; list-style-type: none; font-size: 0.9rem; line-height: 200%; }
.naiyou li { position: relative; margin: 5px 0px 0px; padding: 0px 0px 0px 25px; }
.naiyou li::before { position: absolute; top: 10px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background-color: #f5a100; content: ""; }
.centerlnk { padding: 30px 0px 50px; text-align: center; }
.pagebottombnr { margin: 0px; padding: 20px 0px 60px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.pagebottombnr li { margin: 20px 0px 0px; padding: 0px; flex-basis: 48%; }
.pagebottombnr img { width: 100%; }
.jigyou { margin: 0px auto; padding: 5px 0px 10px; list-style-type: none; width: 100%; max-width: 1100px; font-size: 1rem; line-height: 175%; counter-reset: number 0; flex-flow: wrap; justify-content: space-between; }
.jigyou li { position: relative; margin: 10px 0px 0px; padding: 14px 0px 0px 55px; box-sizing: border-box; flex-basis: 48%; }
.jigyou li::before { position: absolute; top: 12px; left: 8px; width: 36px; font-size: 1.1rem; line-height: 36px; text-align: center; counter-increment: number 1; content: counter(number); border-radius: 50%; font-family: arial, sans-serif; }
.jigyou br { display: none; }
.bnrarea { padding: 5px 0px 0px; }
.ulbnr2 { margin: 0px; padding: 1px 0px; list-style-type: none; flex-flow: wrap; justify-content: space-between; }
.ulbnr2 li { margin: 10px 0px 0px; padding: 0px; flex-basis: 48%; }
.ulbnr2 img { width: 100%; }
.ulbnr1 { margin: 0px; padding: 1px 0px; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.ulbnr1 .u01 { margin: 10px 0px 0px; padding: 0px; flex-basis: 49%; }
.ulbnr1 .u02 { margin: 0px; padding: 0px; list-style-type: none; flex-basis: 49%; flex-flow: wrap; justify-content: space-between; }
.ulbnr1 .u02 li { margin: 10px 0px 0px; padding: 0px; flex-basis: 48%; }
.ulbnr1 img { width: 100%; }
.infoz { padding: 10px 0px 0px; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.infoz .hx02 { margin: 20px 0px 0px; flex-basis: 15%; border: 1px solid #777777; box-sizing: border-box; }
.infoz .hx02 h3 { text-align: center; margin: 0px; padding: 5px 0px; width: 100%; font-size: 1rem; line-height: 100%; }
.infoz .newslist { margin-top: 5px; flex-basis: 80%; }
.infoz .newslist ul { margin: 0px; padding: 0px; list-style-type: none; }
.infoz .newslist li { margin: 0px; padding: 0px; border-bottom: 1px dashed #777777; }
.infoz .newslist li a { position: relative; padding: 15px 20px 5px 5px; width: 100%; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; box-sizing: border-box; text-decoration: none; }
.infoz .newslist li a::after { position: absolute; top: 50%; right: 10px; width: 0px; height: 0px; border-width: 7px; border-style: solid; content: ""; transform: translateY(-50%); }
.infoz .newslist li a .ud { width: 90px; font-size: 0.8rem; line-height: 100%; font-weight: bold; }
.infoz .newslist .ctg { padding: 3px 0px; width: 100px; font-size: 0.7rem; line-height: 100%; text-align: center; }
.infoz .newslist .mj { width: 100%; padding: 5px 15px 10px 0px; font-size: 1rem; line-height: 175%; font-weight: bold; box-sizing: border-box; }
.infoz .newslist .nw { color: #cc3300; font-size: 0.7rem; margin-left: 7px; white-space: nowrap; }
.infoz .grm { margin: 0px; padding: 20px 0px 0px; list-style-type: none; flex-basis: 100%; display: flex; flex-flow: wrap; justify-content: center; }
.infoz .grm li { margin: 10px 2% 0px; padding: 0px; flex-basis: 46%; max-width: 189px; }
.infoz .grm li img { width: 100%; }
.infoz .rgt { padding: 10px 0px 0px; text-align: right; font-size: 0.8rem; line-height: 150%; }
.msg { position: relative; margin: 0px auto; padding: 1px 0px 0px; width: 100%; max-width: 1140px; font-size: 0.94rem; line-height: 225%; box-sizing: border-box; }
.msg .pht { float: left; margin: 7px 20px 0px 0px; width: 45%; max-width: 110px; text-align: center; font-size: 0.9rem; line-height: 150%; }
.msg .pht .addrz { justify-content: center; }
.msg .pht .addrz li { margin: 0px 5px; }
.msg .pht img { margin-bottom: 8px; }
.msg .m1 { font-size: 1rem; line-height: 175%; }
.msg .m2 { padding: 0px 0px 20px; }
.msg .m2 .addrz { align-items: flex-end; }
.msg .m2 .addrz li { margin-top: 15px; }
.msg .m2 .addrz li:last-of-type { margin-right: 0px; }
.msg .btnz { clear: left; padding: 22px 0px 0px; }
.msg .btnz a { position: relative; display: block; width: 90%; max-width: 240px; padding: 5px 0px; font-size: 0.8rem; line-height: 100%; text-align: center; text-decoration: none; }
.msg .btnz a::after { position: absolute; top: 50%; right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #ffffff; transform: translateY(-50%); content: ""; }
.yeg { margin: 40px auto 0px; padding: 15px 25px; width: 100%; max-width: 1000px; box-sizing: border-box; border: 1px dashed #777777; word-break: break-all; }
.yeg img { float: left; margin: 0px 25px 5px 0px; width: 40%; max-width: 100px; }
.blkbg .mhx::before, .blkbg .mhx h3::before, .bluebg .mhx::before, .bluebg .mhx h3::before { display: none; }
.blkbg .infoz .newslist .nw, .bluebg .infoz .newslist .nw { color: #ffffff; }
.blkbg .naiyou li::before, .bluebg .naiyou li::before { background-color: rgba(255, 255, 255, 0.4); }
@media print, screen and (min-width: 360px) {
  .ulbnr2, .ulbnr1 .u02, .btnz3 { display: flex; }
}
@media print, screen and (min-width: 450px) {
  .pagebottombnr { display: flex; }
}
@media print, screen and (min-width: 500px) {
  .infoz .newslist .mj { padding-left: 15px; width: calc(100% - 190px); }
  .infoz .newslist li a .ud, .infoz .newslist .ctg { margin-top: 12px; }
}
@media print, screen and (min-width: 640px) {
  .msg .pht { margin-right: 30px; }
  .btnz3 li { margin: 20px 0px 0px; flex-basis: 23%; }
  .btnz3 a { padding: 17px 0px; }
  .jigyou { display: flex; }
}
@media print, screen and (min-width: 500px) and (max-width: 899px) {
  .ul01 { justify-content: flex-start; }
  .ul01 li { margin: 20px 2% 0px 0px; flex-basis: 32%; }
  .ul01 li:nth-of-type(3n) { margin-right: 0px; }
}
@media print, screen and (min-width: 710px) {
  .nyukai { display: flex; width: 100%; }
  .nyukai .pht { display: block; }
}
@media print, screen and (min-width: 768px) {
  .msg { padding: 10px 0px 0px 23%; }
  .msg .pht { position: absolute; top: 2px; left: 0px; float: none; margin: 0px; width: 19%; max-width: 216px; }
  .bnrarea { padding: 0px; }
  .ulbnr2 li { flex-basis: 23%; max-width: 271px; }
  .ulbnr1 { display: flex; }
  .ulbnr1 .u01, .ulbnr1 .u02 { max-width: 574px; }
  .ulbnr1 .u02 li { max-width: 271px; }
  .ulbnr2, .ulbnr1 { padding: 20px 0px 0px; }
  .pagebottombnr { justify-content: flex-start; }
  .pagebottombnr li { margin: 30px 2% 0px 0px; flex-basis: 32%; max-width: 377px; }
  .pagebottombnr li:nth-of-type(3n) { margin-right: 0px; }
  .mhx h3 { font-size: 2rem; line-height: 100%; }
  .hx08 { font-size: 1.6rem; line-height: 100%; }
  .div01 .deftab th.th_left { background-color: #18558e; color: #ffffff; }
  .jigyou li { flex-basis: 33%; }
  .jigyou br { display: inline; }
  .infoz { display: flex; }
  .infoz .newslist { margin-top: 20px; }
  .infoz .hx02 > div { position: relative; width: 100%; height: 0px; padding-bottom: 100%; }
  .infoz .hx02 h3 { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); }
  .blkbg .div01 .deftab th.th_left, .bluebg .div01 .deftab th.th_left { background-color: rgba(255, 255, 255, 0.1); }
}
@media print, screen and (min-width: 900px) {
  .div01 { display: flex; }
  .div01 .bun { margin-top: 20px; }
  .div01 .pht { max-width: 566px; }
  .ul01 li { flex-basis: 15%; }
  .msg .btnz a { padding: 10px 0px; }
  .jigyou br { display: none; }
}
@media print, screen and (min-width: 901px) {
  .infoz .hx02 { flex-basis: 11%; }
  .infoz .newslist { flex-basis: 66%; }
  .infoz .grm { flex-basis: 16%; display: block; padding-top: 10px; }
  .infoz .grm li { margin: 10px 0px 0px; }
}
@media print {
  .mhx::before, .mhx h3::before { display: none; }
  body > .mcolor { background-color: transparent; color: #222222; }
}