@charset "UTF-8";

html{ width:100%; height:100%; font-size:17px; line-height:200%; }
body{
  margin:0; padding:0; width:100%; height:100%; text-align:left; color:#000000; background-color:#ffffff; overflow-y:scroll; overflow-x:hidden;
  font-family: "Noto Serif CJK JP Subset", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; -webkit-text-size-adjust: 100%;
}
#prvz1{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:50; transition-duration: 1s; }
#prvz2{ position:fixed; top:0; left:0; width:100%; height:100vh; z-index:51; opacity:0; transition-duration: 1s; }
#prvz2 img{ position:absolute; top:40%; left:50%; width:60%; max-width:150px; transform: translate(-50%,-50%); }
a{ color:#000000; text-decoration:underline; }
.alnk a{ color:#002299; }

form{ margin:0; padding:0; }
sup{ font-size:0.7rem; line-height:100%; }
header, nav, article, aside, section, footer, picture{ display:block; margin:0; padding:0; } 
img,svg{ display:block; max-width:100%; height:auto; border-width:0; border-color:none; }
iframe{ max-width:100%; border:0; }
p{ display:block; margin:0; padding:0; }
table{ border-collapse:collapse; margin:0; padding:0; font-size:1rem; line-height:225%; box-sizing:border-box; }
th,td{ box-sizing:border-box; border-color:#333; }
.relv{ position:relative; }
.wrapper{ margin:0 auto; padding:0; width:98%; max-width:1150px; }
.wrapper2{ margin:0 auto; padding:10px 0 0; width:94%; max-width:1000px; }
.nwk{ margin:0 auto; padding:25px 0 60px; width:94%; max-width:1000px; min-height:500px; }
.printtrun{ page-break-before:always; }
.main section{ padding-top:1px; }
.mcolor { background-color:#283328; color:#fff; }
.mcolor a{ color:#fff; }
.sbcolor { background-color:#333; color:#fff; }
.sbcolor a{ color:#fff; }
.accolor { background-color:#99673B; color:#fff; }
.accolor a{ color:#fff; }
.bfcolor::before{ background-color:#283328; color:#fff; }
.afcolor::after{ background-color:#283328; color:#fff; }
.bfcolor2::before{ background-color:#283328; color:#fff; }
.afcolor2::after{ background-color:#283328; color:#fff; }
.nexcolor{ background-color:#283328; color:#fff; }
.bordercolor,.bfborder:before,.bfborder:after{ border-color:#283328; }
.bordercolor2,.bfborder2:before,.bfborder2:after{ border-color:#777; }
.mojicolor{ color:#264726; }
.mojicolor2{ color:#827746; }
.scroll-top{ background-color:#1f2a1f; }
span.red{ color:#c30; }
.titlez{ position:relative; }
.titlez .wrapper2 > div{ position:relative; width:100%; height:0; padding-bottom:50%; background-color:#555; color:#fff; }
.titlez #maintitle { position:absolute; top:48%; left:0; margin: 0; padding: 0; width: 100%; font-size: 1.5rem; line-height: 150%; transform:translateY(-50%); z-index:10; text-align:center; font-weight:normal; }
.titlez .bg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:6; }
.titlez img{ width:100%; height:100%; object-fit:cover; }

@media print,screen and (min-width: 450px) {
  .titlez #maintitle { font-size: 1.8rem; line-height: 150%; }
  .titlez .wrapper2 > div{ padding-bottom:40%; }
}
@media print,screen and (min-width: 600px) {
  .titlez #maintitle { font-size: 2rem; line-height: 150%; }
  .titlez .wrapper2 > div{ padding-bottom:37%; }
}
@media print,screen and (min-width: 768px) {
  html{ font-size:19px; line-height:225%; }
  .titlez #maintitle { font-size: 2.1rem; line-height: 150%; }
  .titlez .wrapper2 > div{ padding-bottom:33%; }
}
@media print,screen and (min-width: 900px) {
  .nwk { padding:35px 0 100px; }
  .titlez #maintitle { font-size: 2.2rem; line-height: 150%; }
  .titlez .wrapper2 > div{ padding-bottom:23%; }
}
@media print{
  .main{ width:1000px; }
  .titlez .wrapper2 > div{ padding-bottom:15%; background-color:transparent; color:#000; border-top:1px solid #333; border-bottom:1px solid #333; }
  .titlez .bg{ display:none; }
  .wrapper2{ width:100%; }
}