@charset "utf-8";
/* CSS Document */
body {
   font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif !important;
}
.Noindent {
   text-indent: -0.5rem !important;
}
.Noindent2 {
   text-indent: 0rem !important;
}
.text-narrow {
   transform: scale(0.9, 1);
   transform-origin: top left;
}
.font-Note {
   font-size: 0.9rem !important;
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   color: #95949a;
}
.font-remarks {
   font-size: 1rem !important;
   font-weight: bold !important;
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   width: 100%;
   margin: 0 auto !important;
}
.rewardSign {
   width: 60%;
   margin-left: auto;
   margin-top: 3rem;
}
.rewardtable {
   width: 100%;
   margin: 0 auto;
}
.rewardtable td {
   white-space: nowrap;
}
@media (min-width: 576px) {
   .font-remarks {
      font-size: 1rem !important;
      font-weight: bold !important;
      font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      width: 90%;
      margin: 0 auto !important;
   }
   .rewardSign {
      width: 40%;
      margin-left: auto;
      margin-top: 3rem;
   }
   .rewardtable {
      width: 90%;
      margin: 0 auto;
   }
}
@media (min-width: 768px) {
   .font-remarks {
      font-size: 1rem !important;
      font-weight: bold !important;
      font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      width: 70%;
      margin: 0 auto !important;
   }
   .rewardSign {
      width: 40%;
      margin-left: auto;
      margin-top: 3rem;
   }
   .rewardtable {
      width: 70%;
      margin: 0 auto;
   }
}
@media (min-width: 992px) {
   .rewardSign {
      width: 25%;
      margin-left: auto;
      margin-top: 3rem;
   }
}
.NavBottom {
   font-size: 0.8rem;
   text-align: center;
   padding: 0.5rem 0rem 0rem 0rem;
}
.NavBottom a {
   color: #FFFFFF !important;
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.NavBottom a:hover {
   text-decoration: none;
}
.siteMap h2 {
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   font-size: 1.2rem;
   font-weight: bold;
}
.siteMap p {
   font-size: 1rem;
   text-indent: 1.6rem !important;
   margin-bottom: 1rem !important;
}
@media (min-width: 768px) {
   .siteMap h2 {
      margin-top: 2rem !important;
      font-size: 2rem;
      border-bottom: 3px solid;
      border-image: linear-gradient(90deg, rgba(168, 236, 226, 1) 51%, rgba(255, 255, 255, 1) 100%);
      border-image-slice: 2;
      width: 100%;
      font-weight: normal;
   }
   .siteMap h2:first-child {
      margin-top: 0rem;
   }
   .siteMap p {
      font-size: 1rem;
      text-indent: 0rem !important;
   }
}
.OnlyIndex {
   margin-top: -4.5rem !important;
}
@media (min-width: 768px) {
   .OnlyIndex {
      margin-top: 0rem !important;
   }
}
.ProIMG {
   padding: 0rem 6rem 0rem 6rem;
}
@media (min-width: 768px) {
   .ProIMG {
      padding: inherit;
   }
}
.Kanban-active a {
   background: #C4A316;
   color: #ffffff !important;
}
.MainNav {
   display: flex;
   justify-content: space-around;
   padding: 0px;
   margin-bottom: 0px;
}
.MainNav li {
   width: 20%;
   font-size: 0.8rem;
   list-style: none;
   border-right: 1px solid;
   text-align: center;
   background: rgb(72, 204, 182);
   background: linear-gradient(0deg, rgba(72, 204, 182, 1) 0%, rgba(180, 237, 229, 1) 45%, rgba(180, 237, 229, 1) 55%, rgba(72, 204, 182, 1) 100%);
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   font-weight: bold;
}
.MainNav li:last-child {
   border-right: none;
}
.MainNav li a {
   color: #246B5F;
   display: block;
   height: 100%;
   width: 100%;
   padding: 10px 0px 10px 0px;
   transition: .5s;
}
.MainNav li a:hover {
   text-decoration: none;
   background: #a4e5dd;
}
nav i {
   padding-right: 0.5rem;
}
nav li {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   font-size: 1.3rem;
   border-bottom: dashed 1px;
}
nav li:last-child {
   border-bottom: none;
}
.Text-area {
   margin-top: 4.5rem;
   margin-bottom: 1rem;
}
.Text-area h1 {
   margin-bottom: 1rem;
   padding-left: 0.6rem;
   font-size: 1.2rem;
   color: #00a497;
   border-left: solid 10px #C4A316;
}
.Text-area p {
   font-size: 1rem;
   text-indent: 1rem;
   margin: 0px;
   text-align: justify;
}
.Text-area article {
   column-count: 1;
   column-gap: 0em;
}
@media (min-width: 768px) {
   .Text-area {
      margin-top: 1rem;
      margin-bottom: 4rem;
   }
   .Text-area h1 {
      margin-bottom: 2rem;
      padding-left: 0.6rem;
      font-size: 2rem;
      color: #00a497;
      border-left: solid 20px #C4A316;
   }
   .Text-area p {
      font-size: 1.3rem;
      text-indent: 1.3rem;
      margin: 0px;
      text-align: justify;
   }
   .Text-area article {
      column-count: 1;
      column-gap: 0em;
   }
}
@media (min-width: 992px) {
   .Text-area article {
      column-count: 2;
      column-gap: 3em;
   }
}
.OfficeMap iframe {
   width: 100%;
   aspect-ratio: 16/16;
   border: 1px #000000 solid !important;
}
.ContensImg img {
   padding-top: 15px;
   max-width: 100%;
   height: auto;
}
.ContensImg a:hover {
   transition: .5s;
   opacity: 0.5;
}
.ContensImgMP-L {
   padding-left: 15px !important;
   padding-right: 7.5px !important;
}
.ContensImgMP-R {
   padding-left: 7.5px !important;
   padding-right: 15px !important;
}
@media (min-width: 992px) {
   .ContensImgMP-L {
      padding-left: 15px !important;
      padding-right: 15px !important;
   }
   .ContensImgMP-R {
      padding-left: 15px !important;
      padding-right: 15px !important;
   }
}
.footerBG {
   background-color: #00a497;
   color: #ffffff;
}
footer {
   padding: 10px 0px 10px 0px;
   font-size: 0.8rem;
}
#page-top {
   position: fixed;
   bottom: 20px;
   right: 20px;
   font-size: 20px;
   line-height: 1.5;
   z-index: 99;
}
#page-top a {
   background: #4d5aaf;
   text-decoration: none;
   color: #fff;
   width: 100px;
   padding: 12px 5px;
   text-align: center;
   display: block;
   border-radius: 10px;
   opacity: 1;
   transition: all .3s ease;
}
#page-top a:hover {
   text-decoration: none;
   opacity: .5;
}
.bg-SPgreen {
   background: rgb(168, 236, 226);
   background: linear-gradient(0deg, rgba(168, 236, 226, 1) 0%, rgba(217, 255, 250, 1) 45%, rgba(217, 255, 250, 1) 55%, rgba(168, 236, 226, 1) 100%);
}
.sitemapD {
   padding-right: 0.5rem;
}
.text-bordered {
   background-color: #DEE2E6;
   padding: 3px 6px 3px 6px;
   font-size: 90%;
   color: #000000;
   margin-right: 0.5rem;
   border-radius: 5px;
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   vertical-align: text-top;
}
.Origi tbody tr th, .Origi tbody tr td {
   font-size: 1.3rem;
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   width: 100%;
   font-weight: bold;
   text-align: center;
   float: right;
}
.Origi tbody tr th {
   background-color: #DEE2E6;
}
@media (min-width: 768px) {
   .Origi tbody tr th, .Origi tbody tr td {
      font-size: 1.3rem;
      font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      width: 50%;
      font-weight: bold;
      text-align: center;
      float: none;
   }
   .Origi tbody tr th {
      background-color: #DEE2E6;
   }
}
@media (min-width: 768px) {
   .sitemapD {
      padding-right: 0rem;
      display: none !important;
   }
}
@media (min-width: 375px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}