@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:#222222; background-color:#ffffff; overflow-y:scroll; overflow-x:hidden;
  font-family:"Noto Sans CJK JP Subset","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","メイリオ",sans-serif; -webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
a{ color:#222222; 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:0.94rem; line-height:0%; box-sizing:border-box; }
th,td{ box-sizing:border-box; border-color:#bbb; }
.relv{ position:relative; }
.wrapper{ margin:0 auto; padding:0; width:96%; max-width:1180px; }
.nwk{ margin:0 auto; padding:10px 0 0; width:94%; max-width:1180px; }
.nwk2{ margin:0 auto; padding:10px 0 0; width:94%; max-width:1180px; }
.printtrun{ page-break-before:always; }
.main section{ padding-top:1px; }
.mcolor { background-color:#0C89BA; color:#fff; }
.mcolor a{ color:#fff; }
.sbcolor { background-color:#0C89BA; color:#fff; }
.sbcolor a{ color:#fff; }
.accolor { background-color:#F6921D; color:#fff; }
.accolor a{ color:#fff; }
.bfcolor::before{ background-color:#0C89BA; color:#fff; }
.afcolor::after{ background-color:#0C89BA; color:#fff; }
.bfcolor2::before{ background-color:#0C89BA; color:#fff; }
.afcolor2::after{ background-color:#0C89BA; color:#fff; }
.bfcolor3::before{ background-color:#F6921D; color:#fff; }
.nexcolor{ background-color:#0C89BA; color:#fff; }
.bgcolor{ background-color:#f6f6f6; background-image:url(/commonfldr/img/bg/e004.png); }
.bgcolor3{ border:1px solid #ccc; background-image:url(/commonfldr/img/bg/e005.png); }
.bordercolor,.bfborder:before,.bfborder:after{ border-color:#0C89BA; }
.bordercolor2,.bfborder2:before,.bfborder2:after{ border-color:#777; }
.bordercolor3,.bfborder3:before,.bfborder3:after{ border-color:#F6921D; }
.mojicolor{ color:#0C89BA; }
.mojicolor2{ color:#F6921D; }
.scroll-top{ background-color:#F6921D; }
.skkcolor:before{ border-color: transparent transparent transparent #0C89BA; }
.skkcolora:after{ border-color: transparent transparent transparent #0C89BA; }
.skkcolora2:after{ border-color: transparent transparent transparent #F6921D; }
span.red{ color:#c30; }

.h1z { width:80%; max-width: 300px; z-index:10; }
.h1z a{ display:block; position:relative; width:100%; color:#222; text-decoration:none; }
.h1z a:hover{ color:#222; }
.h1z img{ position: absolute; top:0; left:0; width:65px; }
.h1z h1,.h1z div.mh1 { margin: 0px; padding: 13px 0 13px 70px; font-size: 1.6rem; line-height: 100%; font-weight:bold; }
.h1z div.mh2 { text-align:center; font-size:0.66rem; line-height:100%; white-space:nowrap; }

article{ padding:0 0 30px; }
aside { padding-bottom:25px; line-height:180%; box-sizing:border-box; }
aside .asidebox{ margin-top:40px; }
aside .asidebox:first-of-type{ margin-top:0; }
aside .fixed{ margin-bottom:0; padding-bottom:30px; }
aside h3{ margin:0; padding:10px 3px; font-size:1rem; line-height:150%; border-bottom:1px solid #777; }
aside h3.lnk{ padding:0; }
aside h3 a{ position:relative; display:block; padding:10px 3px; text-decoration:none; }
aside h3 a:after{ content:""; position:absolute; top:50%; right:10px; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent transparent #F6921D; transform:translateY(-50%); }
aside ul{ margin:0; padding:5px 0; list-style-type:none; }
aside li{ margin:0; padding:10px 5px; color:#999; border-bottom:1px dashed #777; }
aside .ilink_wak{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
aside .ilink_img{ position:relative; width:80px; }
aside li img{ width:100%; height:100%; object-fit:cover; }
aside .waksen{ outline:1px solid #ddd; }
aside li p{ flex:1; padding-left:15px; box-sizing:border-box; }
aside li p.nopad{ padding-left:0; }
aside li a.ilink_wak{ text-decoration:none; }
aside span.font_sans{ font-size:0.9rem; line-height:100%; color:#999; }
aside .plnk ul{ padding:0; }
aside .plnk li { position: relative; margin:0; padding:0; border-width:0 0 1px; border-style:dashed; }
aside .plnk li a,aside .plnk li.hit{ position: relative; display:block; padding: 11px 10px 11px 26px; text-decoration:none; }
aside .plnk li a::before,aside .plnk li.hit::before{ position: absolute; top: 18px; left: 3px; width: 15px; height: 15px; content: ""; border-width:1px; border-style:solid; border-radius: 50%; }
aside .plnk li a::after,aside .plnk li.hit::after { position: absolute; top: 23px; left: 7px; width: 5px; height: 5px; content: ""; border-width:2px 2px 0 0; border-style:solid; transform: rotate(45deg); }
aside .ilvh{ margin:30px 0 0; width:100%; }

#maintitle { position:relative; margin: 10px 0 20px; padding: 20px; width: 100%; font-size: 1.5rem; line-height: 150%; border:1px solid #777; background-image:url(/commonfldr/img/bg/e005.png); box-sizing:border-box; }

.blkbg{ background-color:#000; color:#fff; }
.blkbg a{ color:#ff0; }
.blkbg .mojicolor,.blkbg .mojicolor2,.blkbg span.red{ color:#fff; }
.blkbg .mcolor,.blkbg .sbcolor,.blkbg .accolor { background-color:#333; color:#fff; }
.blkbg .bgcolor{ background-color:#222; color:#fff; }
.blkbg .scroll-top,.blkbg .nexcolor{ background-color:#444; }
.blkbg .bordercolor,.blkbg .bfborder:before,.blkbg .bfborder:after{ border-color:#999; }
.blkbg .bordercolor3,.blkbg .bfborder3:before,.blkbg .bfborder3:after{ border-color:#999; }
.blkbg .bfcolor::before,.blkbg .bfcolor2::before,.blkbg .bfcolor3::before{ background-color:#777; }
.blkbg .skkcolor:before,.blkbg .skkcolora:after,.blkbg .skkcolora2:after{ border-left-color: #fff; }
.blkbg input[type="text"],.blkbg textarea{ background-color:transparent; color:#fff; }
.blkbg aside h3 a:after{ border-left-color:#ff0; }

.bluebg{ background-color:#00f; color:#ff0; }
.bluebg a,.bluebg span.red{ color:#ff0; }
.bluebg .mojicolor,.bluebg .mojicolor2{ color:#fff; }
.bluebg .mcolor,.bluebg .sbcolor,.bluebg .accolor { background-color:#00e; color:#ff0; }
.bluebg .bgcolor,.bluebg .bfcolor3::before{ background-color:#00e; color:#ff0; }
.bluebg .scroll-top{ background-color:#00c; }
.bluebg input[type="text"],.bluebg textarea{ background-color:transparent; color:#ff0; }
.bluebg aside h3 a:after{ border-left-color:#ff0; }
.bluebg .bordercolor,.bluebg .bfborder:before,.bluebg .bfborder:after{ border-color:rgba(255,255,255,0.5); }
.bluebg .bordercolor3,.bluebg .bfborder3:before,.bluebg .bfborder3:after{ border-color:rgba(255,255,255,0.5); }
.bluebg .bfcolor::before,.bluebg .bfcolor2::before,.bluebg .bfcolor3::before{ background-color:rgba(255,255,255,0.3); }

.blkbg .h1z a,.bluebg .h1z a{ color:#ff0; text-decoration:none; }
.blkbg aside .plnk a,.bluebg aside .plnk a{ text-decoration:underline; }
.blkbg .skkcolor:before,.blkbg .skkcolora:after,.blkbg .skkcolora2:after{ border-left-color: #fff; }

@media print,screen and (min-width: 450px) {
  aside .ilvh{ max-width:500px; }
}
@media print,screen and (min-width: 768px) {
  html{ font-size:18px; line-height:225%; }
  #maintitle { padding: 27px 25px 30px; width: 100%; font-size: 1.5rem; line-height: 150%; }
}
@media print,screen and (min-width: 900px) {
  .nwk { padding:40px 0 60px; }
  .nwk2 { padding-bottom:60px; display:flex; flex-flow:row wrap; justify-content:space-between; }
  #maintitle { margin:0 0 30px; }
  article { padding-top:30px; flex-basis:68%; max-width:802px; }
  aside { padding:20px 0px 30px 0; flex-basis:26%; max-width:300px; font-size:0.9rem; line-height:150%; }
  aside .fixed{ position: sticky; top: 20px; z-index: 1; }
  aside span.font_sans{ font-size:0.75rem; line-height:100%; }
  aside .plnk li a::before,aside .plnk li.hit::before{ top: 17px; }
  aside .plnk li a::after,aside .plnk li.hit::after { top: 22px; }
}
@media print{
  .main{ width:1000px; }
  .nwk2 { display:block; padding-bottom:60px; }
  article { padding-top:30px; max-width:1000px; }
  aside { display:none; }
}