@charset "EUC-JP";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*                                                        */
/* ● format_old_site.css                                 */
/*    ・2025年リニューアル以前のスタイル                  */
/*                                                        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    各種import                                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    カラー設定                                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* カラー定義
 ------------------------------------ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    プロパティ                                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    mixin 定義                                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 疑似要素

       ::before, ::after で親要素にフィットさせる処理 （ボタンの背景など）
 ------------------------------------ */
/* サイトロゴ

  想定しているHTML構造 ※見出しレベル h1〜h6 は任意
  <h1 class="SiteLogo">
    <a href="">
      <img src="<?php $this->BcBaser->themeUrl(); ?>img/common/logo/site_logo.svg" alt="" />
    </a>
  </h1>

  適用例 ）
    .SiteLogo{
        @include config.site-logo();
    }
------------------------------------------------------------------------ */
/* 基本リンク

  適用例 ）
    .hogehoge{
      @include config.hvr-txt-underline();
    }
------------------------------------------------------------------------ */
/* 基本ページ幅

  適用例 ）
    .hogehoge{
        @include config.page-width-default();
    }
------------------------------------------------------------------------ */
/* スクロールバーをカスタマイズ

  適用例 ）
    .hogehoge{
        @include config.customScrollBar();
    }
------------------------------------------------------------------------ */
/* flex 関連のプロパティをまとめて定義

  適用例 ）
    .hogehoge{
        @include config.flex();
    }
    .hogehoge{
        @include config.flex(center, flex-end);
    }
------------------------------------------------------------------------ */
/* テキストを任意の行数で切る （引数で行数を指定）

   適用例 ）
    .hogehoge{
        @include config.custom_txt_overflow(2);
    }
 ------------------------------------------------------------------------ */
/* clearfix

  適用例 ）
    .hogehoge{
        @include config.clearfix();
    }
------------------------------------------------------------------------ */
/* dotline

  適用例 ）
    .hogehoge{
        @include config.dotline();
    }
------------------------------------------------------------------------ */
/* lattice パターン

  適用例 ）
    .hogehoge{
        @include config.lattice();
    }
------------------------------------------------------------------------ */
/* エリアのデザインパターン

  適用例 ）
    .hogehoge{
        @include config.decorated_area();
    }
------------------------------------------------------------------------ */
/* レスポンシブ 対応用 ブレイクポイントによる条件分岐
   適用例 ）
   @include config.media-query(under-bp-m) {
      $breakpoint-m よりも小さいウィンドウ幅の処理をここに書く
   }
 ------------------------------------------------------------------------ */
/* 単位を除去して数値のみ返す関数
 ------------------------------------------------------------------------ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    詳細                                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
body.OldSiteStyle .Container {
  margin: 0 auto 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*   Text Setting [Common]                          */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*   Link Setting [Common]                          */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* Other Site Link */
  /* PDF Link */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*   List Setting [Common]                          */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ul,ol */
  /* dl */
  /* LinkList */
  /* TextList */
  /* ItemList */
  /* ThumbnailList */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*   Table Setting [Common]                         */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* DefaultTable */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*   Form Setting [Common]                          */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ReadOnly */
  /* フォーム部品全体 */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*    Default Box Style                             */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ButtonBox
  --------------------------------------------------- */
  /* ImageBox
  --------------------------------------------------- */
  /* GoPageTop
  --------------------------------------------------- */
  /* BottomButton 古い記述用 */
  /* PageNavigation
  --------------------------------------------------- */
  /* PageJump
  --------------------------------------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*   Option Class [Common]                          */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* Float
  --------------------------------------------------- */
  /* Align
  --------------------------------------------------- */
  /* Bold
  --------------------------------------------------- */
  /* Clear
  --------------------------------------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*   Decoration Class [Common]                      */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* Photo
  --------------------------------------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*    Original Style [Base Design]                  */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ContentsDivision
  --------------------------------------------------- */
  /* MainContentsArea
  --------------------------------------------------- */
  /*   TableLayout   */
  /* SideBarArea
  --------------------------------------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /*    Block Style [Common]                          */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* GetAdobeReaderBlock
  --------------------------------------------------- */
}
@media screen and (min-width: 768px), print {
  body.OldSiteStyle .Container {
    padding: 50px 0;
    width: 970px;
    width: 1170px;
  }
  body.OldSiteStyle .Container .MainContentsArea {
    width: 640px;
    width: 840px;
  }
  body.OldSiteStyle .Container .SideBarArea {
    width: 263px;
  }
}
@media screen and (max-width: 767px) {
  body.OldSiteStyle .Container {
    padding: 25px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  body.OldSiteStyle .Container .MainContentsArea,
  body.OldSiteStyle .Container .SideBarArea {
    width: 100%;
  }
}
body.OldSiteStyle .Container .DefaultText,
body.OldSiteStyle .Container .LeadText {
  font-size: 87.5%;
  line-height: 1.5;
  text-align: justify;
  margin: 0 0 1em;
}
body.OldSiteStyle .Container a {
  color: #2f1b13;
  text-decoration: none;
}
body.OldSiteStyle .Container a:link {
  color: #2f1b13;
  text-decoration: none;
}
body.OldSiteStyle .Container a:visited {
  color: #2f1b13;
  text-decoration: none;
}
body.OldSiteStyle .Container a:active {
  color: #2f1b13;
  text-decoration: none;
}
body.OldSiteStyle .Container a:hover {
  color: #03c;
  text-decoration: underline;
}
body.OldSiteStyle .Container .LinkList {
  list-style: none;
  margin: 0;
  line-height: 1.25;
  display: list-item;
}
body.OldSiteStyle .Container .LinkList li {
  padding: 0.3em 0;
}
body.OldSiteStyle .Container .LinkList li .Link {
  background: url(../old_site/img/common/icon/right_green.png) no-repeat 0 50%;
  padding-left: 13px;
  display: block;
}
body.OldSiteStyle .Container .LinkList li .Link .Icon {
  display: none;
}
body.OldSiteStyle .Container .ThumbnailList {
  list-style: none;
}
body.OldSiteStyle .Container .DefaultTable {
  margin: 0 auto 10px;
  border-collapse: collapse;
  width: 100%;
}
body.OldSiteStyle .Container .DefaultTable th,
body.OldSiteStyle .Container .DefaultTable td {
  padding: 7px;
  font-size: 87.5%;
}
body.OldSiteStyle .Container .DefaultTable thead th {
  border: 1px solid #ddd;
  background: #ffef87;
}
body.OldSiteStyle .Container .DefaultTable tbody th,
body.OldSiteStyle .Container .DefaultTable tbody td,
body.OldSiteStyle .Container .DefaultTable tfoot th,
body.OldSiteStyle .Container .DefaultTable tfoot td {
  padding: 10px;
  border: 1px solid #ddd;
}
body.OldSiteStyle .Container .DefaultTable tbody th,
body.OldSiteStyle .Container .DefaultTable tfoot th {
  background: #f5f5f5 url(../old_site/img/common/decoration/rpt_table_body_head.gif) repeat-x 0 0;
  width: 20%;
  font-weight: normal;
}
body.OldSiteStyle .Container .ReadOnly {
  background-color: transparent !important;
  border: 0px none !important;
  vertical-align: middle;
  padding: 0;
}
body.OldSiteStyle .Container .InputErrorMessage {
  margin: 1em 0 1em 0;
  padding: 0.8em 0.8em 0.8em 0.8em;
  color: #b22222;
}
body.OldSiteStyle .Container input,
body.OldSiteStyle .Container textarea {
  font-size: 12px;
  padding: 3px 3px 3px 3px;
  vertical-align: middle;
}
body.OldSiteStyle .Container select {
  max-width: calc(100vw - 100px);
}
body.OldSiteStyle .Container .InputList {
  list-style: none;
}
body.OldSiteStyle .Container .ButtonBox {
  margin: 15px 0;
  text-align: center;
}
body.OldSiteStyle .Container .ButtonBox p {
  text-align: center;
}
body.OldSiteStyle .Container .ButtonBox p span {
  margin: 0 5px;
}
body.OldSiteStyle .Container .ButtonBox input {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.OldSiteStyle .Container .ButtonBox p span .Button {
  cursor: pointer;
}
body.OldSiteStyle .Container .ImageBox p {
  margin: 0 0 10px;
}
body.OldSiteStyle .Container .ImageBox p span {
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
}
body.OldSiteStyle .Container .ImageBox p.Image a img {
  border: 2px solid #fff;
}
body.OldSiteStyle .Container .ImageBox p.Image a:hover img {
  border: 2px solid #f90;
}
body.OldSiteStyle .Container .ImageBox p span.Caption {
  margin-top: 0.5em;
  font-size: 75%;
  line-height: 1.25;
}
body.OldSiteStyle .Container #BottomButton {
  text-align: right;
}
body.OldSiteStyle .Container .PageNavigation {
  background: url(../old_site/img/common/decoration/rpt_navigation.gif) repeat-x 0 0;
  padding: 0.5em 0;
}
body.OldSiteStyle .Container .PageNavigation p {
  width: 970px;
  margin: 0 auto;
  padding-left: 14px;
  font-size: 62.5%;
}
body.OldSiteStyle .Container .PageNavigation p span.Unit {
  color: #2f1b13;
}
body.OldSiteStyle .Container .PageJump {
  margin: 15px 0;
}
body.OldSiteStyle .Container .PageJump p {
  font-size: 10px;
  line-height: 1.1;
}
body.OldSiteStyle .Container .PageJump p span {
  position: relative;
  display: block;
  float: left;
  width: 16px;
  height: 10px;
  height: 20px;
  margin: 0 1px;
  text-align: center;
  padding: 3px 0;
  border: 1px solid #ddd;
  border-radius: 3px;
}
body.OldSiteStyle .Container .PageJump p span a,
body.OldSiteStyle .Container .PageJump p span .Active {
  position: absolute;
  top: 0;
  top: -1px;
  left: 0;
  display: block;
  text-align: center;
  border: none;
  float: none;
  margin: 0;
  padding: 3px 0;
  width: 16px;
  height: 10px;
  height: 22px;
  border-radius: 3px;
}
body.OldSiteStyle .Container .PageJump p span a {
  color: #221e1f;
  text-decoration: none;
}
body.OldSiteStyle .Container .PageJump p span a:hover {
  border: 1px solid #1dc368;
  background: #1dc368;
}
body.OldSiteStyle .Container .PageJump p span .Active {
  color: #fff;
  background: #00693c;
}
body.OldSiteStyle .Container .PageJump p span.First,
body.OldSiteStyle .Container .PageJump p span.Prev,
body.OldSiteStyle .Container .PageJump p span.Next,
body.OldSiteStyle .Container .PageJump p span.Last,
body.OldSiteStyle .Container .PageJump p span.First a,
body.OldSiteStyle .Container .PageJump p span.Prev a,
body.OldSiteStyle .Container .PageJump p span.Next a,
body.OldSiteStyle .Container .PageJump p span.Last a {
  width: 6em;
}
body.OldSiteStyle .Container .FloatLeft {
  float: left;
}
body.OldSiteStyle .Container .FloatRight {
  float: right;
}
body.OldSiteStyle .Container .FloatNone {
  float: none;
}
body.OldSiteStyle .Container .AlignCenter {
  text-align: center;
}
body.OldSiteStyle .Container .AlignLeft {
  text-align: left;
}
body.OldSiteStyle .Container .AlignRight {
  text-align: right;
}
body.OldSiteStyle .Container .Bold {
  font-weight: bold;
}
body.OldSiteStyle .Container .ClearBoth {
  clear: both;
}
body.OldSiteStyle .Container .ClearLeft {
  clear: left;
}
body.OldSiteStyle .Container .ClearRight {
  clear: right;
}
body.OldSiteStyle .Container .ClearNone {
  clear: none;
}
body.OldSiteStyle .Container .Photo {
  padding: 2px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
body.OldSiteStyle .Container .MainContentsArea {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  border: 2px solid #9cceb3;
  background: #fff url(../old_site/img/common/decoration/rpt_contents_header.gif) repeat-x 0 0;
  padding: 0 1em 1em;
  border-radius: 15px;
}
body.OldSiteStyle .Container .MainContentsArea ul { /* 古いデザイン用 */
  list-style: none;
  line-height: 1.3;
}
body.OldSiteStyle .Container .MainContentsArea div.Heading { /* 古いデザイン用 */
  margin-bottom: 1.5em;
}
body.OldSiteStyle .Container .MainContentsArea div.Heading h4 { /* 古いデザイン用 */
  margin: 1.3em 0 2em;
}
body.OldSiteStyle .Container .MainContentsArea .DotLine {
  border: 1px solid #ddd;
  background: url(../old_site/img/common/decoration/heading_line.gif) no-repeat 0 50%;
  margin-bottom: 0.8em;
  padding: 7px 20px;
  font-size: 100%;
}
body.OldSiteStyle .Container .MainContentsArea .TableLayout {
  width: 100%;
  margin-top: initial;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: 1px solid #b5b5b5;
}
body.OldSiteStyle .Container .MainContentsArea .TableLayout th,
body.OldSiteStyle .Container .MainContentsArea .TableLayout td {
  padding: 7px 8px;
  font-size: 82%;
  border: 1px dotted #b5b5b5;
}
body.OldSiteStyle .Container .MainContentsArea .TableLayout th {
  width: 25%;
  background: #abebc9 url(../old_site/img/common/decoration/rpt_table_body_head_green.gif) repeat-x 0 0;
  vertical-align: top;
  text-align: center;
}
body.OldSiteStyle .Container .MainContentsArea .TableLayout td {
  background: #f2f2f2 url(../old_site/img/common/decoration/rpt_table_body_detail_gray.gif) repeat-x 0 0;
}
body.OldSiteStyle .Container .MainContentsArea .TableLayout .SubItem th {
  background: #add8e6;
  text-align: left;
  color: #b5b5b5;
}
body.OldSiteStyle .Container .MainContentsArea .TableLayout .SubItem td {
  width: 50%;
  vertical-align: top;
}
body.OldSiteStyle .Container .MainContentsArea .TableLayout .SubItem li {
  height: 25px;
}
body.OldSiteStyle .Container html > body .MainContentsArea .TableLayout .SubItem li {
  height: auto;
  min-height: 25px;
}
body.OldSiteStyle .Container .MainContentsArea .TableLayout .SubItem td.First {
  border-left: none;
}
body.OldSiteStyle .Container .SideBarArea {
  /* SideBarBlockGroup */
}
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  position: relative;
}
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup form[name=MenuAreaForm],
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup .SideBarBlockGroupContents {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
  gap: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  /* AdminMenuBlock */
}
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup form[name=MenuAreaForm] .AdminMenuBlock,
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup .SideBarBlockGroupContents .AdminMenuBlock {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #ccf6df;
  padding: 1.5rem;
  border: 2px solid #9cceb3;
  border-radius: 15px;
}
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup form[name=MenuAreaForm] .AdminMenuBlock h2.Heading,
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup .SideBarBlockGroupContents .AdminMenuBlock h2.Heading {
  background: #1dc368;
  margin: 0 auto 0.5em;
  padding: 0.3em;
  color: #fff;
  border-radius: 5px;
}
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup form[name=MenuAreaForm] .AdminMenuBlock .LinkList,
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup .SideBarBlockGroupContents .AdminMenuBlock .LinkList {
  margin: 0;
  line-height: 1.25;
  display: list-item;
  font-size: 1.6rem;
}
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup form[name=MenuAreaForm] .AdminMenuBlock .LinkList li,
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup .SideBarBlockGroupContents .AdminMenuBlock .LinkList li {
  padding: 0.3em 0;
}
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup form[name=MenuAreaForm] .AdminMenuBlock .LinkList li .Link,
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup .SideBarBlockGroupContents .AdminMenuBlock .LinkList li .Link {
  background: url(../old_site/img/common/icon/right_green.png) no-repeat 0 50%;
  padding-left: 13px;
  display: block;
}
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup form[name=MenuAreaForm] .AdminMenuBlock .LinkList li .Link .Icon,
body.OldSiteStyle .Container .SideBarArea .SideBarBlockGroup .SideBarBlockGroupContents .AdminMenuBlock .LinkList li .Link .Icon {
  display: none;
}
body.OldSiteStyle .Container .GetAdobeReaderBlock {
  border: 1px solid #e5e5e5;
  background: #f0f0f0;
  width: 460px;
  margin: 30px auto;
}
body.OldSiteStyle .Container .GetAdobeReaderBlock .BlockContents {
  padding: 10px;
}
body.OldSiteStyle .Container .GetAdobeReaderBlock .BlockContents p {
  margin: 0;
}
body.OldSiteStyle .Container .GetAdobeReaderBlock .BlockContents .TextBox {
  margin-left: 165px;
}
body.OldSiteStyle .Container .GetAdobeReaderBlock .BlockContents .TextBox p {
  font-size: 62.5%;
  line-height: 1.2;
  margin: 0;
}
body.OldSiteStyle .Container .GetAdobeReaderBlock .BlockContents .ImageBox {
  float: left;
  width: 150px;
  margin: 0;
}
