.obfit { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; overflow:hidden; }
.obfit img{ width: 100%; height: 100%; object-fit: cover; }
.clearfix:after{ content:""; display:block; clear:both; }
.mgn30{ margin-top:20px; }
.pdd30{ padding-top:20px; }
.gosa{ padding:0 0 0 17px; }
.hx01{ position:relative; margin:35px 0 0; padding:5px 0 5px 20px; font-size:1.2rem; line-height:100%; }
.hx01:before{ content:""; position:absolute; top:50%; left:0; width:0; height:30px; border-width:0 0 0 5px; transform: translateY(-50%); }
.gosic{ font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","メイリオ",sans-serif; }
.font_sans{ font-family:arial,sans-serif; }
.font_serif{ font-family:"Times New Roman",serif; }
.min{ font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.scroll-top{ position: fixed; right: 10px; bottom: -45px; width: 45px; height: 45px; z-index: 30; cursor: pointer; }
.scroll-top:before,.scroll-top:after{ content:""; position: absolute; top: 46%; width:48%; height:6%; background-color:#fff; }
.scroll-top:before{ left: 11%; transform: rotate(-45deg); }
.scroll-top:after{ right: 11%; transform: rotate(45deg); }
.ueimg img{ width:29%; max-width:200px; z-index:10; }

.deftab { margin: 30px 0 0; width: 100%; line-height: 200%; }
.deftab th, .deftab td { padding: 10px 15px; border: 1px solid #999; }
.deftab th{ text-decoration: none; font-weight:normal; background-color:#f9f9f9; }
.deftab thead th{ text-align:center; padding:0; line-height: 150%; }
.deftab tbody th{ vertical-align:top; text-align:left; }
.defcol2 th.th_left { width: 25%; }
.defcol2 td { width: 75%; }
.defcol3 th.th_left { width: 24%; }
.defcol3 td { width: 38%; }
.defcol4 th.th_left { width: 25%; }
.defcol4 td { width: 25%; }
.defcol5 th.th_left { width: 20%; }
.defcol5 td { width: 20%; }
.defcol8 th.th_left { width: 30%; }
.defcol8 td { width: 10%; text-align:center; }
.wrgrp { display: flex; flex-flow: row wrap; line-height: 200%; }
.nwgrp { line-height: 200%; }
.wrgrp > div { box-sizing: border-box; }
.nwgrp > div { box-sizing: border-box; }
.sbgrp { justify-content: flex-start; }
.sbgrp > div { margin-top: 20px; }
.phtgrp > div > div:first-of-type { margin-bottom: 5px; }
.phtgrp > div > div:first-of-type img { width: 100%; height: auto; }
.phtgrp > div > div.waku { padding: 3px; border: 1px solid #cccccc; }
.box04 { flex-basis: 50%; }
.box05 { flex-basis: 33.3%; }
.box06 { flex-basis: 50%; }
.grpcntr{ text-align: center; font-size: 0.9rem; line-height: 150%; }
.obx{ position:relative; width:100%; height:0; padding-bottom:100%; }
.obx > div{ position:absolute; top:0; left:0; width:100%; height:100%; }
.obx > div img{ width:100%; height:100%; object-fit:cover; }
.grdimg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; }

.menubtn{ position:relative; width:100%; height:100%; cursor:pointer; }
.menubtn:before,.menubtn:after{ content:""; position:absolute; left:23%; width:54%; height:6%; background-color:#00823e; }
.menubtn:before{ top:31%; }
.menubtn:after{ bottom:31%; }
.menubtn > div{ position:absolute; top:47%; left:23%; width:54%; height:6%; background-color:#00823e; }


.pfmenu{ margin:40px 0 0; padding:10px 20px 20px; list-style-type:none; border:1px solid #bbb; background-image:url(/commonfldr/img/bg/e004.png); display:flex; flex-flow: row wrap; justify-content: flex-start; }
.pfmenu li{ position: relative; display:inlione-block; margin:10px 0 0 0; padding:5px 22px; line-height:100%; white-space:nowrap; }
.pfmenu li:before{ content:""; position: absolute; top:50%; left:0; width:14px; height:14px; border-radius:50%; border:1px solid #009344; z-index:2; transform: translateY(-50%); }
.pfmenu li:after{ content:""; position: absolute; top:50%; left:4px; width:5px; height:5px; border-top:1px solid #009344; border-right:1px solid #009344; z-index:3; transform: translateY(-50%) rotate(45deg); }

.btn05 { position: relative; display:block; margin:10px auto 0; padding:30px 0; width:80%; max-width:350px; text-align:center; text-decoration:none; font-size:1rem; line-height:100%; }
.btn05::after{ position: absolute; top: 50%; right: 15px; width: 10px; height: 10px; content: ""; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: translateY(-50%) rotate(45deg); }
@media screen and (max-width: 767px) {
  .deftab thead{ display:none; }
  .deftab th, .deftab td { display: block; padding: 5px 10px; width: 100%; border-top-width: 0; position: relative; }
  .deftab th.th_left { width: 100%; }
  .deftab tr:first-child th { border-top-width: 1px; }
  .defthdr th:before, .defthdr td:before{ content: attr(data-label); display: inline-block; float: left; text-align: left;
	padding-right: 15px; white-space: nowrap; font-weight:bold; }
}
@media screen and (max-width: 639px) {
  .sbgrp > div.box04 { margin-right:2%; flex-basis: 49%; }
  .sbgrp > div.box04:nth-of-type(2n){ margin-right:0; }
  .sbgrp > div.box05 { margin-right:2%; flex-basis: 32%; }
  .sbgrp > div.box05:nth-of-type(3n){ margin-right:0; }
  .sbgrp > div.box06 { margin-right:2%; flex-basis: 49%; }
  .sbgrp > div.box06:nth-of-type(2n){ margin-right:0; }
}
@media print,screen and (min-width: 640px) {
  .nwgrp { display: flex; flex-flow: row nowrap; }
  .box02 { flex-basis: 50%; }
  .box03 { flex-basis: 33.3%; }
  .box04 { flex-basis: 25%; }
  .box05 { flex-basis: 20%; }
  .box06 { flex-basis: 33.3%; }
  .sbgrp > div.box02 { margin-right:2%; flex-basis: 49%; }
  .sbgrp > div.box02:nth-of-type(2n){ margin-right:0; }
  .sbgrp > div.box03 { margin-right:2%; flex-basis: 32%; }
  .sbgrp > div.box03:nth-of-type(3n){ margin-right:0; }
  .sbgrp > div.box04 { margin-right:1.3%; flex-basis: 24%; }
  .sbgrp > div.box04:nth-of-type(4n){ margin-right:0; }
  .sbgrp > div.box05 { margin-right:1.2%; flex-basis: 19%; }
  .sbgrp > div.box05:nth-of-type(5n){ margin-right:0; }
  .sbgrp > div.box06 { margin-right:2%; flex-basis: 32%; }
  .sbgrp > div.box06:nth-of-type(3n){ margin-right:0; }
}
@media print,screen and (min-width: 768px) {
  .nv{ display:none; }
  .hx01{ margin-top:50px; }
  .mgn30{ margin-top:30px; }
  .scroll-top{ bottom: -73px; width: 73px; height: 73px; }
}
@media print{
  .ueimg{ display:none; }
}





