@charset "UTF-8"; 

/* PC/SP 共通は下記cssで管理 */
@import url("page-system_pcsp.css");

/* 個別システム以外、フォーム・パーツは下記cssで管理 */
@import url("page-system_base.css");

@media screen and (min-width: 768px), print {

/* ★ event -------------------------------------*/
/* 一覧 -------------------------------------*/
#event .system-default-list {
  .system-pic { text-align: center; }
  .system-pic img { aspect-ratio: 1/1; max-width: 100%; height: auto; }
  .system-pic.event-off img { filter: grayscale(1); }
  .sy_radio-box {
    > p { border: 1px solid #000; padding: 5px 5px 5px; text-align: center; font-weight: 700; }
  }
  .sy_radio-1 {
  }
  .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  .system-ttl { font-weight: bold; font-size: 18px; line-height: 32px; text-align: left; color: #000; padding: 0 14px; margin-top: 19px; }
  .system-info { border-top: 1px solid #1c1c1c; margin-top: 10px; padding-top: 17px;
    .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 9px;
      &:last-child { margin-bottom: 0; }
      .system-box-l { width: 92px; text-align: center; font-weight: 500; font-size: 14px; color: #fff; margin-right: 18px;
        .system-color { background-color: #1c1c1c; display: block; }
      }
      .system-box-r { width: 200px; font-weight: normal; font-size: 14px; text-align: left; color: #000; }
    }
  }
}
/* 詳細 -------------------------------------*/
#event .system-detail-inner {
  .system-i-pic.event-off img { filter: grayscale(1); }
  .sy_radio-box {
    > p { width: 176px; border: 1px solid #000; padding: 6px 5px; text-align: center; font-weight: 700; margin-bottom: 20px; font-size: 15px; }
  }
  .sy_radio-1 {
  }
  .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  .table-info-box { text-align: center; margin-bottom: 48px;
    .table-box { max-width: 800px; margin: 0 auto; border: 1px solid #1c1c1c;
      tr {
        &:last-child {
          .th-txt,.td-txt { border-bottom: none; line-height: 1.7; }
        }
      }
      .th-txt,
      .td-txt { padding: 10px 16px; }
      .th-txt { background-color: #1c1c1c; font-weight: 500; font-size: 16px; text-align: center; color: #fff; border-bottom: 1px solid #ccc; width: 128px; vertical-align: middle; }
      .td-txt { font-weight: normal; font-size: 16px; text-align: left; color: #000; border-bottom: 1px solid #1c1c1c; }
    }
  }
}




/* staff -------------------------------------*/
/* 一覧 -------------------------------------*/
/* #staff .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 40px 40px 30px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#staff .system-list li { line-height: 1.4; position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 20px; padding: 12px 12px 35px; background: #fff; }
#staff .system-list li:nth-child(4n) { margin-right: 0; }
#staff .system-list li a:hover { text-decoration: none; }
#staff .system-list .btn { font-size: 0.75em; position: absolute; bottom: 10px; left: 13px; width: 90%; padding: 5% 0; text-align: center; color: #fff; background: #333; }
#staff .system-list .btn::after { content: ' >'; }
#staff .system-list { overflow: hidden; width: 100%; margin-bottom: 15px; text-align: center; }
#staff .system-list img { width: 100%; height: 220px; }
*/
  /* 詳細 -------------------------------------*/
  #staff .system-contents { margin-bottom: 30px; padding: 40px; background: #eeefef; }
#staff .system-contents-inner { padding: 80px; background: #fff; }
#staff .system-comment { font-size: 1em; line-height: 1.6; margin-bottom: 25px; }
#staff .num-bx { float: left; width: 64%; padding-right: 30px; }
#staff .system-i-pic { float: left; width: 35%; margin-bottom: 20px; text-align: center; }
#staff .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 300px; }
/* 付属 -------------------------------------*/
  /* topics -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #topics .system-list { margin-bottom: 50px; padding: 20px; background: #eeefef; }
#topics .system-list-inner { padding: 20px; background: #fff; }
#topics .system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px dotted #b2b2b2; }
#topics .system-list li a:hover { text-decoration: none; }
#topics .system-list .system-date { font-size: 16px; line-height: 1.4; float: left; width: 20%; }
#topics .system-date::before { content: "■"; }
#topics .system-list .text-box { font-size: 14px; line-height: 1.6; float: left; width: 78%; }
#topics .system-list .system-ttl-01 { font-size: 16px; line-height: 1.6; }
#topics .system-list .system-category-set { margin-bottom: 10px; color: #fff; }
#topics .system-list .system-category { font-size: 0.688em; font-weight: bold; float: left; width: 20%; margin-right: 1px; padding: 5px; text-align: center; color: #fff; background: #ccc; }
/* カテゴリ -------------------------------------*/
  #topics .system-category-set p { display: inline-block; margin-right: 10px; padding: 4px 15px; background: #000 !important; }
/* 詳細 -------------------------------------*/
  #topics .system-contents { margin-bottom: 30px; padding: 20px; background: #eeefef; }
#topics .system-contents-inner { padding: 40px 20px; background: #fff; }
#topics .system-contents .system-date { font-size: 1em; display: block; margin-bottom: 15px; }
#topics .system-contents .system-category-set { width: 100%; margin-bottom: 20px; color: #fff; }
#topics .system-contents .system-category { font-size: 0.75em; font-weight: bold; float: left; width: 20%; margin-right: 2px; padding: 8px; text-align: center; color: #fff; background: #ccc; }
#topics .system-contents .system-ttl { font-size: 1.375em; font-weight: bold; line-height: 1.4; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; }
/* 付属 -------------------------------------*/
  /* case-newly -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #case-newly .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#case-newly .system-list li { line-height: 1.4; position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 30px; background: #fff; }
#case-newly .system-list li:nth-child(4n) { margin-right: 0; }
#case-newly .system-list li a:hover { text-decoration: none; }
#case-newly .system-list .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; text-align: center; color: #fff; background: #333; }
#case-newly .system-list .btn::after { content: ' >'; }
#case-newly .system-list .system-pic { overflow: hidden; width: 100%; height: 180px; margin-bottom: 15px; text-align: center; }
#case-newly .system-list .system-pic img { width: 100%; height: 180px; }
#case-newly .system-list .system-date { font-size: 0.75em; line-height: 1.4; margin-bottom: 10px; }
#case-newly .system-list .system-date::before { content: "■"; }
#case-newly .system-list .system-coment { font-size: 0.75em; line-height: 1.4; margin-bottom: 5px; }
#case-newly .system-list .system-ttl-01 { font-size: 16px; line-height: 1.4; margin-bottom: 10px; }
/* カテゴリ -------------------------------------*/
  #case-newly .system-category span { font-size: 14px; display: block; margin-bottom: 5px; padding: 4px; text-align: center; color: #fff; }
/* フォーム関連 -------------------------------------*/
  #case-newly .system-contents { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; }
#case-newly .system-contents .system-category-set { margin-top: 0; margin-bottom: 0; }
#case-newly .system-contents-inner { padding: 40px 20px; background: #fff; }
#case-newly .system-contents .system-date { font-size: 1em; display: block; margin-bottom: 15px; }
#case-newly .system-contents .system-category { font-size: 14px; float: left; width: 100%; margin-bottom: 20px; color: #fff; }
#case-newly .system-contents .system-category span { font-size: 14px; display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 4px 24px; text-align: center; color: #fff; }
#case-newly .system-contents .system-ttl { font-size: 1.375em; font-weight: bold; line-height: 1.4; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; }
#case-newly .system-contents .system-i-pic { margin-bottom: 20px; text-align: center; }
#case-newly .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; }
/* 付属 -------------------------------------*/
  /* voice -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #voice .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#voice .system-list li { line-height: 1.4; position: relative; width: 32%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 30px; background: #fff; }
#voice .system-list li:nth-child(3n) { margin-right: 0; }
#voice .system-list li a:hover { text-decoration: none; }
#voice .system-list .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%; text-align: center; color: #fff; background: #333; }
#voice .system-list .btn::after { content: ' >'; }
#voice .system-list .system-pic { overflow: hidden; width: 100%; height: 240px; margin-bottom: 15px; text-align: center; }
#voice .system-list .system-pic img { width: 100%; height: 240px; }
#voice .system-list .system-date { font-size: 0.75em; line-height: 1.4; margin-bottom: 10px; }
#voice .system-list .system-date::before { content: "■"; }
#voice .system-list .system-name { font-size: 18px; line-height: 1.4; margin-bottom: 10px; }
#voice .system-list .system-coment { font-size: 0.75em; line-height: 1.4; margin-bottom: 5px; }
#voice .system-list .system-ttl-01 { font-size: 1em; line-height: 1.4; margin-bottom: 10px; }
/* 詳細 -------------------------------------*/
  #voice { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; }
#voice .system-contents-inner { padding: 40px 20px; background: #fff; }
#voice .system-contents .system-date { font-size: 1em; display: block; margin-bottom: 15px; }
#voice .system-contents .system-category-set { margin-top: 0; margin-bottom: 0; }
#voice .system-contents .system-category { font-size: 0.75em; float: left; width: 20%; margin-right: 2px; margin-bottom: 20px; padding: 8px; text-align: center; color: #fff; }
#voice .system-contents .system-ttl { font-size: 26px; font-weight: bold; line-height: 1.4; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #ccc solid; }
#voice .system-contents .system-i-pic { margin-bottom: 20px; text-align: center; }
#voice .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; }
/* カテゴリ -------------------------------------*/
  #voice .system-gallery { margin-bottom: 30px; padding: 30px 20px; background: #eeefef; }
#voice .system-gallery h2 { text-transform: uppercase; }
#voice .gallery-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#voice .gallery-list li { font-size: 0.75em; line-height: 1.4; position: relative; width: 18.4%; margin: 0 2% 25px 0; text-align: left; }
#voice .gallery-list li:nth-of-type(5n) { margin-right: 0; }
#voice .gallery-list li a:hover { text-decoration: none; }
#voice .gallery-list li .system-Frame { display: block; overflow: hidden; width: 100%; height: 120px; margin-bottom: 8px; text-align: center; }
#voice .gallery-list li .system-Frame::after { position: absolute; top: 90px; right: 0; display: block; content: url(../images/common/icon_plus.jpg); }
#voice .gallery-list li .system-Frame img { width: 100%; height: 120px; }
/* インクルード -------------------------------------*/
  #voice .system-list02 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#voice .system-list02 li { line-height: 1.4; position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 30px; background: #fff; }
#voice .system-list02 li:nth-child(4n) { margin-right: 0; }
#voice .system-list02 li a:hover { text-decoration: none; }
#voice .system-list02 .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; text-align: center; color: #fff; background: #333; }
#voice .system-list02 .btn::after { content: ' >'; }
#voice .system-list02 .system-pic { overflow: hidden; width: 100%; height: 180px; margin-bottom: 15px; text-align: center; }
#voice .system-list02 .system-pic img { width: 100%; height: 180px; }
#voice .system-list02 .system-date { font-size: 0.75em; line-height: 1.4; margin-bottom: 10px; }
#voice .system-list02 .system-date::before { content: "■"; }
#voice .system-list02 .system-coment { font-size: 0.75em; line-height: 1.4; margin-bottom: 5px; }
#voice .system-list02 .system-ttl-01 { font-size: 1em; line-height: 1.4; margin-bottom: 20px; }
/* 付属 -------------------------------------*/
  /* blog -------------------------------------*/
  /*patern1*/
  #blog .mainContents { float: right; width: 73%; position: relative; top: 0px; }
#blog.dl-c .mainContents { top: -8px; }
/*patern2*/
  #blog .mainContents .system-list2 { margin-bottom: 50px; padding: 0px 20px 20px; /* background: #eeefef; */ }
#blog .mainContents .system-list-inner2 { padding: 40px 20px; background: #fff; }
#blog .mainContents .system-list2 li { line-height: 1.4; overflow: hidden; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px dotted #b2b2b2; }
#blog .mainContents .system-list2 li a:hover { text-decoration: none; }
#blog .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#blog .mainContents .system-list2 .sy-flex-1 .box-l { width: 20%; }
#blog .mainContents .system-list2 .sy-flex-1 .box-r { width: 78%; margin-left: 2%; }
#blog .mainContents .system-list2 .system-pic img { max-width: 100%; height: auto; }
#blog .mainContents .system-list2 .system-date { font-size: 14px; line-height: 1.4; margin-bottom: 10px; color: #BFA93C; }
#blog .mainContents .system-list2 .system-ttl-01 { font-size: 16ｐｘ; line-height: 1.6; margin-bottom: 10px; }
#blog .mainContents .system-list2 .system-contributor { font-size: 0.75em; text-align: right; color: #bbb; }
/**/
  #blog .system-category span { font-size: 14px; display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 4px; text-align: center; color: #fff; }
#blog .mainContents .system-contents { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; }
#blog .mainContents .system-contents-inner { padding: 40px 20px; background: #fff; }
#blog .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 20px; }
#blog .mainContents .system-contents .system-category { font-size: 0.75em; font-weight: bold; float: right; width: 20%; margin-right: 2px; padding: 8px; text-align: center; color: #fff; background: #ccc; }
#blog .mainContents .system-i-pic { margin-bottom: 25px; text-align: center; }
#blog .mainContents .system-i-pic img { max-width: 100%; height: auto; }
#blog .mainContents .system-date { color: #BFA93C; margin-bottom: 8px; }
#blog .mainContents .system-ttl { font-size: 20px; font-weight: bold; line-height: 1.4; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px #ccc solid; }
#blog .mainContents .footInfo { margin-top: 50px; padding-top: 20px; border-top: 1px dotted #ccc; }
#blog .mainContents .system-contributor { font-size: 0.875em; margin-bottom: 15px; text-align: right; }
/*blogサイドバー*/
  #blog aside.sidebar { float: left; width: 23%; position: relative; top: -31px; }
#blog aside.sidebar .aside-blog-ttl { margin-bottom: 20px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #ccc; }
#blog aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc; }
#blog aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
#blog aside.sidebar .list-block { margin: 20px 0 40px; }
#blog aside.sidebar .list-block .side-day { font-size: 14px; line-height: 1.4; margin-bottom: 10px; color: #BFA93C; }
#blog aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 8px; margin-bottom: 8px; }
#blog aside.sidebar .list-block .side-blog-new-list a { display: block; }
#blog aside.sidebar .acbox a { font-size: 0.875rem; line-height: 1.4; display: block; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px dotted #ddd; }
#sidebar .widget_calendar { margin-bottom: 40px; }
table#wp-calendar { font-size: 12px; width: 100%; margin: 5px auto 0 auto; margin-bottom: 30px; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
table#wp-calendar caption { font-weight: bold; width: auto; margin: 10px 0 0 0; padding: 10px; text-align: center; border: thin solid #eee; border-radius: 3px 3px 0 0; background-color: #fff; }
table#wp-calendar #today { font-weight: bold; z-index: 1; display: block; background-color: #cef; }
table#wp-calendar .pad { font-weight: bold; background-color: #eee; }
table#wp-calendar th, table#wp-calendar td { padding: 7px 0; text-align: center; vertical-align: middle; }
table#wp-calendar td { line-height: 1.8; border: thin solid #eee; background-color: #fff; }
table#wp-calendar th { font-style: normal; color: #333; border-right: thin solid #eee; border-left: thin solid #eee; background-color: #f0f0f0; }
table#wp-calendar a { font-size: 12px; padding: 0; text-decoration: underline; color: #00a0dd; }
/* 付属 -------------------------------------*/
  /* case-reform -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #case-reform .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#case-reform .system-list li { line-height: 1.4; position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 20px; background: #fff; }
#case-reform .system-list li:nth-child(4n) { margin-right: 0; }
#case-reform .system-list li a:hover { text-decoration: none; }
#case-reform .system-list .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; text-align: center; color: #fff; background: #333; }
#case-reform .system-list .btn::after { content: ' >'; }
#case-reform .system-list .system-pic { overflow: hidden; width: 100%; height: 180px; margin-bottom: 15px; text-align: center; }
#case-reform .system-list .system-pic img { width: 100%; height: 180px; }
#case-reform .system-list .system-date { font-size: 14px; line-height: 1.4; margin-bottom: 10px; }
#case-reform .system-list .system-coment { font-size: 0.75em; line-height: 1.4; margin-bottom: 5px; }
#case-reform .system-list .system-ttl-01 { font-size: 16px; line-height: 1.4; margin-bottom: 10px; }
/* カテゴリ -------------------------------------*/
  #case-reform .system-category span { font-size: 14px; display: block; margin-bottom: 5px; padding: 4px; text-align: center; color: #fff; }
/* 詳細 -------------------------------------*/
  #case-reform .system-contents { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; }
#case-reform .system-contents-inner { padding: 40px 20px; background: #fff; }
#case-reform .system-contents .system-date { font-size: 16px; display: block; margin-bottom: 30px; }
#case-reform .system-contents .system-category { font-size: 14px; float: left; width: 100%; margin-right: 2px; margin-bottom: 20px; padding: 8px; color: #fff; }
#case-reform .system-contents .system-category span { font-size: 14px; display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 4px 24px; text-align: center; color: #fff; }
#case-reform .system-contents .system-ttl { font-size: 26px; font-weight: bold; line-height: 1.4; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #ccc solid; }
#case-reform .system-contents .system-i-pic { margin-bottom: 40px; padding-bottom: 30px; text-align: center; border-bottom: 1px #ccc solid; }
#case-reform .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; }
#case-reform .bxslider img { height: auto !important; }
/* 付属 -------------------------------------*/

  /* real_estate -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #real_estate .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#real_estate .system-list li { line-height: 1.4; position: relative; width: 32%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 30px; background: #fff; }
#real_estate .system-list li:nth-child(3n) { margin-right: 0; }
#real_estate .system-list li a:hover { text-decoration: none; }
#real_estate .system-list .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; text-align: center; color: #fff; background: #333; }
#real_estate .system-list .btn::after { content: ' >'; }
#real_estate .system-list .system-pic { overflow: hidden; width: 100%; height: 220px; margin-bottom: 15px; text-align: center; }
#real_estate .system-list .system-pic img { width: auto; max-width: 100%; height: auto; max-height: 220px; }
#real_estate .system-list .system-date { font-size: 14px; line-height: 1.4; margin-bottom: 10px; }
#real_estate .system-list .system-name { font-size: 0.813em; line-height: 1.4; margin-bottom: 10px; }
#real_estate .system-list .system-coment { font-size: 1em; line-height: 1.4; margin-bottom: 15px; }
#real_estate .system-list .system-coment span { font-size: 1.25em; font-weight: bold; }
#real_estate .system-list .system-ttl-01 { font-size: 18px; line-height: 1.4; margin-bottom: 15px; }
/* アイコン -------------------------------------*/
  #real_estate .icon { position: absolute; z-index: 5; top: -20px; right: -20px; padding: 30px 20px; text-align: center; border-radius: 50%; }
#real_estate .icon01 { background: #ff0; }
#real_estate .icon02 { background: #f0f; }
#real_estate .icon03 { background: #0ff; }
/* 詳細 -------------------------------------*/
  #real_estate .system-contents { position: relative; margin-bottom: 30px; padding: 40px 20px; background: #eeefef; }
#real_estate .system-contents .system-category-set { margin-top: 0; margin-bottom: 0; }
#real_estate .system-contents-inner { padding: 40px 20px; background: #fff; }
#real_estate .system-contents .system-date { font-size: 0.75em; line-height: 1.4; text-align: right; }
#real_estate .system-contents .system-date::before { content: none; }
#real_estate .system-contents .titleArea { margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; }
#real_estate .system-contents .system-category { font-size: 0.75em; float: left; width: 20%; margin-right: 2px; margin-bottom: 20px; padding: 8px; text-align: center; color: #fff; }
#real_estate .system-contents .system-ttl { font-size: 28px; font-weight: bold; line-height: 1.4; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #333; }
#real_estate .system-contents .system-txt { font-size: 0.813em; line-height: 1.4; margin-bottom: 25px; }
#real_estate .system-contents .system-price { font-size: 1em; line-height: 1.4; }
#real_estate .system-contents .system-price span { font-size: 1.75em; font-weight: bold; line-height: 1.4; }
#real_estate .system-contents .system-icon02 { width: 20%; }
#real_estate .system-contents .system-i-pic { margin-bottom: 20px; text-align: center; }
#real_estate .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; }
#real_estate table.system-details { font-size: 0.875em; line-height: 1.6; width: 100%; margin-bottom: 50px; border: 1px solid #dcdddd; }
#real_estate table.system-details th { padding: 20px; text-align: left; vertical-align: top; border: 1px solid #dcdddd; background-color: #eeefef; }
#real_estate table.system-details td { padding: 20px; text-align: left; vertical-align: top; border: 1px solid #dcdddd; }
#real_estate table.system-details td img { max-width: 100%; height: auto; }
#real_estate .system-contents #googlemaps { height: 500px; border: 1px solid #dcdddd; }
/* 付属 -------------------------------------*/ }

@media screen and (max-width: 767px) {
/* ★ event -------------------------------------*/
/* 一覧 -------------------------------------*/
#event .system-default-list { width: 83.575vw; margin: 0 auto;
  .system-pic { text-align: center; }
  .system-pic img { aspect-ratio: 1/1; max-width: 100%; height: auto; }
  .system-pic.event-off img { filter: grayscale(1); }
  .sy_radio-box {
    > p { border: 1px solid #000; padding: 1.208vw 1.208vw 1.208vw; text-align: center; font-weight: 700; font-size: 3.623vw; }
  }
  .sy_radio-1 {
  }
  .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  > article { margin-bottom: 9.42vw; }
  .system-ttl { font-weight: bold; font-size: 4.348vw; line-height: 7.729vw; text-align: left; color: #000; padding: 0 0; margin-top: 3.865vw; }
  .system-info { border-top: 1px solid #1c1c1c; margin-top: 2.899vw; padding-top: 4.831vw;
    .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 2.415vw;
      &:last-child { margin-bottom: 0; }
      .system-box-l { width: 24.155vw; text-align: center; font-weight: 500; font-size: 3.865vw; color: #fff; margin-right: 4.831vw;
        .system-color { background-color: #1c1c1c; display: block; }
      }
      .system-box-r { width: 54.348vw; font-weight: normal; font-size: 3.865vw; text-align: left; color: #000; }
    }
  }
}
/* 詳細 -------------------------------------*/
#event .system-detail-inner {
  .system-i-pic.event-off img { filter: grayscale(1); }
  .sy_radio-box {
    > p { width: 30.918vw; border: 1px solid #000; padding: 0.483vw 1.208vw; text-align: center; font-weight: 700; margin-bottom: 3.865vw; font-size: 3.382vw; }
  }
  .sy_radio-1 {
  }
  .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  .table-info-box { text-align: center; margin-bottom: 11.594vw;
    .table-box { max-width: 100%; margin: 0 auto; border: 1px solid #1c1c1c;
      tr {
        &:last-child { 
          .th-txt,.td-txt { border-bottom: none; line-height: 1.7; }
        }
      }
      .th-txt,
      .td-txt { padding: 1.208vw 3.865vw 1.208vw; }
      .th-txt { background-color: #1c1c1c; font-weight: 500; font-size: 3.865vw; text-align: center; color: #fff; border-bottom: 1px solid #ccc; width: 30.918vw; vertical-align: middle; }
      .td-txt { font-weight: normal; font-size: 3.865vw; text-align: left; color: #000; border-bottom: 1px solid #1c1c1c; }
    }
  }
}


/* topics -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #topics .system-list { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
#topics .system-list-inner { padding: 5% 3%; background: #fff; }
#topics .system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 5%; padding: 0 0 5%; border-bottom: 1px dotted #b2b2b2; }
#topics .system-list li a:hover { text-decoration: none; }
#topics .system-list .system-date { font-size: 3vw; line-height: 1.4; margin-bottom: 2%; }
#topics .system-date::before { content: "■"; }
#topics .system-list .system-ttl-01 { font-size: 3.6vw; line-height: 1.6; }
#topics .system-list .system-category-set { margin-bottom: 2%; }
#topics .system-list .system-category { font-size: 3.4vw; width: 49%; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background: #111; }
/* カテゴリ -------------------------------------*/
  #topics .system-category-set p { display: inline-block; margin-right: 1vw; padding: 0.4vw 4vw; color: #fff; background: #000 !important; }
#topics .icon01 { background: #000 !important; }
/* 詳細 -------------------------------------*/
  #topics .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
#topics .system-contents-inner { padding: 5% 3%; background: #fff; }
#topics .system-contents .system-date { font-size: 3.4vw; display: block; margin-bottom: 3vw; }
#topics .system-contents .system-category-set { width: 100%; margin-bottom: 5%; }
#topics .system-contents .system-category { font-size: 3.4vw; width: 50%; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background: #111; }
#topics .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.4; margin-bottom: 4vw; padding-bottom: 1vw; border-bottom: 1px #ccc solid; }
/* 付属 -------------------------------------*/
  /* case-newly -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #case-newly { margin: 4vw; }
#case-newly .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2% 0 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#case-newly .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2%; background: #fff; }
#case-newly .system-list li:nth-child(2n) { margin-right: 0; }
#case-newly .system-list li a:hover { text-decoration: none; }
#case-newly .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; }
#case-newly .system-list .btn::after { content: ' >'; }
#case-newly .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 3vw; text-align: center; }
#case-newly .system-pic img { width: 100%; height: 30vw; }
#case-newly .system-date { font-size: 3vw; margin-bottom: 4vw; }
#case-newly .system-date::before { content: "■"; }
#case-newly .system-ttl-01 { font-size: 3.4vw; line-height: 1.6; margin-bottom: 3vw; }
/* カテゴリ -------------------------------------*/
  #case-newly .system-category span { font-size: 2.5vw; font-weight: bold; display: block; margin-bottom: 1vw; padding: 1vw; text-align: center; color: #fff; background-color: #ccc; }
/* 詳細 -------------------------------------*/
  #case-newly .system-coment { margin-bottom: 5%; }
#case-newly .system-contents .system-category-set { margin-top: 0; }
#case-newly .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
#case-newly .system-contents-inner { padding: 5% 3%; background: #fff; }
#case-newly .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; display: block; margin-bottom: 5%; }
#case-newly .system-contents .system-category { font-size: 3.4vw; width: 100%; margin-bottom: 1px; padding: 4% 0; text-align: center; color: #fff; }
#case-newly .system-contents .system-category-set { margin-top: 0; margin-bottom: 5%; }
#case-newly .system-contents .system-ttl { font-size: 4.4vw; font-weight: bold; line-height: 1.6; margin-bottom: 4vw; padding-bottom: 1vw; border-bottom: 1px #ccc solid; }
#case-newly .system-contents .system-i-pic { margin-bottom: 8%; text-align: center; }
#case-newly .system-contents .system-i-pic img { max-width: 100%; height: auto; }
/* 付属 -------------------------------------*/
  /* voice -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #voice .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#voice .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2vw; background: #fff; }
#voice .system-list li:nth-child(2n) { margin-right: 0; }
#voice .system-list li a:hover { text-decoration: none; }
#voice .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; }
#voice .system-list .btn::after { content: ' >'; }
#voice .system-list .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 2vw; text-align: center; }
#voice .system-list .system-pic img { width: 100%; height: 30vw; }
#voice .system-list .system-date { font-size: 3.4vw; margin-bottom: 5%; }
#voice .system-list .system-date::before { content: "■"; }
#voice .system-list .system-name { font-size: 3vw; margin-bottom: 4vw; }
#voice .system-list .system-ttl-01 { font-size: 3.4vw; line-height: 1.6; margin-bottom: 3vw; }
/* カテゴリ -------------------------------------*/
  #voice .system-category-set { margin-top: -8%; margin-bottom: 8%; }
#voice .system-category { font-size: 3.4vw; font-weight: bold; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background-color: #ccc; }
#voice .serchcategory { margin: 0 3% 10%; }
#voice .serchcategory .icon { font-size: 3.4vw; display: inline-block; margin-right: 1%; margin-bottom: 3%; padding: 4.5% 3%; text-align: center; color: #fff; }
/* 詳細 -------------------------------------*/
  #voice .system-contents .system-coment { margin-bottom: 5%; }
#voice .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
#voice .system-contents-inner { padding: 5% 3%; background: #fff; }
#voice .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; display: block; margin-bottom: 5%; }
#voice .system-contents .system-category { font-size: 3.4vw; width: 100%; margin-bottom: 0.2vw; padding: 4% 3%; text-align: center; color: #fff; }
#voice .system-contents .system-category-set { margin-top: 0; margin-bottom: 5%; }
#voice .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.6; margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px #ccc solid; }
#voice .system-contents .system-i-pic { margin-bottom: 8%; text-align: center; }
#voice .system-contents .system-i-pic img { max-width: 100%; }
#voice .system-contents .system-i-pic { margin-bottom: 8%; text-align: center; }
#voice .system-contents .system-i-pic img { max-width: 100%; height: auto; }
/* 付属 -------------------------------------*/

  /* case-reform -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #case-reform .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#case-reform .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2% 2% 14%; background: #fff; }
#case-reform .system-list li:nth-child(2n) { margin-right: 0; }
#case-reform .system-list li a:hover { text-decoration: none; }
#case-reform .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; }
#case-reform .system-list .btn::after { content: ' >'; }
#case-reform .system-list .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 8%; text-align: center; }
#case-reform .system-list .system-pic img { width: 100%; height: 30vw; }
#case-reform .system-list .system-date { font-size: 3.4vw; margin-bottom: 5%; }
#case-reform .system-list .system-date::before { content: "■"; }
#case-reform .system-list .system-ttl-01 { font-size: 3.4vw; line-height: 1.6; margin-bottom: 5%; }
/* カテゴリ -------------------------------------*/
  #case-newly .system-category span { font-size: 2.5vw; font-weight: bold; display: block; margin-bottom: 1vw; padding: 1vw; text-align: center; color: #fff; background-color: #ccc; }
/* 詳細 -------------------------------------*/
  #case-reform .system-coment { margin-bottom: 5%; }
#case-reform .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
#case-reform .system-contents-inner { padding: 5% 3%; background: #fff; }
#case-reform .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; display: block; margin-bottom: 5%; }
#case-reform .system-contents .system-category { font-size: 3.4vw; width: 100%; margin-bottom: 0.2vw; padding: 4% 3%; text-align: center; color: #fff; }
#case-reform .system-contents .system-category-set { margin-top: 0; margin-bottom: 5%; }
#case-reform .system-contents .system-ttl { font-size: 1.6rem; font-weight: bold; line-height: 1.6; margin-bottom: 8%; padding-bottom: 8%; border-bottom: 1px #ccc solid; }
#case-reform .system-contents .system-i-pic { margin-bottom: 8%; padding-bottom: 8%; text-align: center; border-bottom: 1px #ccc solid; }
#case-reform .system-contents .system-i-pic img { max-width: 100%; }
#case-reform .BAslide .Before { float: none; width: 100%; padding-bottom: 3%; border-bottom: 1px #ccc solid; }
#case-reform .BAslide .After { float: none; width: 100%; padding-bottom: 3%; border-bottom: 1px #ccc solid; }
#case-reform .arrow { position: static !important; display: block; width: 0; margin: 3% auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); border: 20px solid transparent; border-right-width: 0; border-left-color: #ccc; }
#case-reform .BAslide .bxslider img { width: auto; height: auto; max-height: 30vw; margin: 0 auto; }
#case-reform .BAslide #bx-pager a, #case-reform .BAslide #bx-pager02 a { display: inline-block; min-width: 8vw; margin-bottom: 1vw; padding: 0.5vw; text-align: center; border: 1px solid #ccc; }
#case-reform .BAslide #bx-pager img, #case-reform .BAslide #bx-pager02 img { max-height: 6vw; vertical-align: bottom; }
/* 付属 -------------------------------------*/
  /* real_estate -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #real_estate .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#real_estate .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 4vw; padding: 2% 2% 14%; background: #fff; }
#real_estate .system-list li:nth-child(2n) { margin-right: 0; }
#real_estate .system-list li a:hover { text-decoration: none; }
#real_estate .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; }
#real_estate .system-list .btn::after { content: ' >'; }
#real_estate .system-list .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 8%; text-align: center; }
#real_estate .system-list .system-pic img { width: auto; max-width: 100%; height: auto; max-height: 30vw; }
#real_estate .system-list .system-date { font-size: 3.4vw; line-height: 1.4; margin-bottom: 5%; }
#real_estate .system-list .system-date::before { content: "■"; }
#real_estate .system-list .system-information { margin-bottom: 3%; padding-bottom: 3%; border-bottom: 1px solid #eee; }
#real_estate .system-list .system-txt { font-size: 3vw; line-height: 1.4; margin-bottom: 5%; }
#real_estate .system-list .system-coment { font-size: 3.4vw; line-height: 1.4; margin-bottom: 5%; word-break: break-all; }
#real_estate .system-list .system-coment span { font-size: 3.4vw; font-weight: bold; display: inline-block; margin-top: 2%; }
#real_estate .system-list .system-ttl-01 { font-size: 3.4vw; line-height: 1.4; margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px solid #eee; }
/* アイコン -------------------------------------*/
  #real_estate .icon { font-size: 2.4vw; position: absolute; z-index: 10; top: -3vw; right: -3vw; padding: 5vw 3vw; text-align: center; border-radius: 50%; }
#real_estate .icon01 { background: #ff0; }
#real_estate .icon02 { background: #f0f; }
#real_estate .icon03 { background: #0ff; }
/* 詳細 -------------------------------------*/
  #real_estate .system-contents { position: relative; margin: 0 4vw 4vw; padding: 4% 2%; background: #eeefef; }
#real_estate .system-contents-inner { padding: 5% 3%; background: #fff; }
#real_estate .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; text-align: right; }
#real_estate .system-contents .system-date::before { content: none; }
#real_estate .system-contents .titleArea { margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px #ccc solid; }
#real_estate .system-contents .system-category { font-size: 3.4vw; width: 100%; margin-bottom: 1px; padding: 4% 3%; text-align: center; color: #fff; }
#real_estate .system-contents .system-category-set { margin-top: 0; margin-bottom: 5%; }
#real_estate .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.6; margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px dotted #333; }
#real_estate .system-contents .system-price { font-size: 3.4vw; line-height: 1.4; word-break: break-all; }
#real_estate .system-contents .system-price span { font-size: 4vw; font-weight: bold; line-height: 1.4; }
#real_estate .system-contents .system-icon02 { width: 100%; }
#real_estate .system-contents .system-i-pic { margin-bottom: 3vw; text-align: center; }
#real_estate .system-contents .system-i-pic img { max-width: 100%; height: auto; }
#real_estate table.system-details { font-size: 3.4vw; line-height: 1.6; margin-bottom: 10%; border-bottom: 1px solid #dcdddd; }
#real_estate table.system-details th { display: block; width: 100%; padding: 3%; text-align: left; vertical-align: top; border: 1px solid #dcdddd; background-color: #eeefef; }
#real_estate table.system-details td { display: block; width: 100%; padding: 3%; text-align: left; vertical-align: top; border: 1px solid #dcdddd; border-bottom: 0; }
#real_estate table.system-details td img { max-width: 100%; height: auto; }
#real_estate .system-contents #googlemaps { height: 50vw; border: 1px solid #dcdddd; }
/* 付属 -------------------------------------*/
  /* blog -------------------------------------*/
  /*patern1*/
  #blog .mainContents { margin: 0 4vw; }
#blog .mainContents .system-list2 { margin-bottom: 10%; /* padding: 4% 2%; */ /* background: #eeefef; */ }
#blog .mainContents .system-list-inner2 { padding: 5% 3%; background: #fff; }
#blog .mainContents .system-list2 li { line-height: 1.4; overflow: hidden; margin-bottom: 5%; padding: 0 0 5%; border-bottom: 1px dotted #b2b2b2; }
#blog .mainContents .system-list2 li a:hover { text-decoration: none; }
#blog .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#blog .mainContents .system-list2 .sy-flex-1 .box-l { width: 120px; }
#blog .mainContents .system-list2 .sy-flex-1 .box-r { width: 213px; margin-left: 13px; }
#blog .mainContents .system-list2 .system-pic img { max-width: 100%; height: auto; }
#blog .mainContents .system-list2 .system-date { font-size: 14px; line-height: normal; color: #bfa93c; margin-bottom: 2%; }
#blog .mainContents .system-list2 .system-ttl-01 { line-height: 26px; color: #202020; }
#blog .mainContents .system-list2 .system-contributor { font-size: 3.4vw; float: right; width: 78%; text-align: right; color: #bbb; }
/**/
  #blog .system-category span { font-size: 3vw; display: inline-block; margin-right: 2vw; margin-bottom: 4vw; padding: 1vw; text-align: center; color: #fff; }
#blog .mainContents .cate01 { background: #000 !important; }
#blog .mainContents .cate02 { background: #111 !important; }
#blog .mainContents .cate03 { background: #222 !important; }
#blog .mainContents .cate04 { background: #333 !important; }
#blog .mainContents .cate05 { background: #444 !important; }
#blog .mainContents .cate06 { background: #555 !important; }
#blog .mainContents .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
#blog .mainContents .system-contents-inner { padding: 5% 3%; background: #fff; }
#blog .mainContents .system-date { font-size: 14px; display: block; margin-bottom: 1vw; color: #BFA93C; }
#blog .mainContents .system-ttl { font-size: 17px; font-weight: bold; line-height: 1.4; margin-bottom: 3vw; padding-bottom: 2.5vw; border-bottom: 1px #ccc solid; }
#blog .mainContents .system-i-pic { margin-bottom: 3vw; text-align: center; }
#blog .mainContents .system-i-pic img { max-width: 100%; height: auto; }
#blog .mainContents .footInfo { margin-top: 10%; padding-top: 5%; border-top: 1px dotted #ccc; }
#blog .mainContents .system-contributor { font-size: 3.4vw; margin-bottom: 5%; text-align: right; }
#sidebar .widget_calendar { margin-bottom: 6vw; }
table#wp-calendar { font-size: 14px; width: 100%; margin: 1vw auto 0 auto; margin-bottom: 4vw; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
table#wp-calendar caption { font-weight: bold; width: auto; margin: 2vw 0 0 0; padding: 2vw; text-align: center; border: thin solid #eee; border-radius: 0.5vw 0.5vw 0 0; background-color: #fff; }
table#wp-calendar #today { font-weight: bold; z-index: 1; display: block; background-color: #cef; }
table#wp-calendar .pad { font-weight: bold; background-color: #eee; }
table#wp-calendar th, table#wp-calendar td { padding: 1vw 0; text-align: center; vertical-align: middle; }
table#wp-calendar td { line-height: 1.8; border: thin solid #eee; background-color: #fff; }
table#wp-calendar th { font-style: normal; color: #333; border-right: thin solid #eee; border-left: thin solid #eee; background-color: #f0f0f0; }
table#wp-calendar a { font-size: 14px; padding: 0; text-decoration: underline; color: #00a0dd; }
/*blogサイドバー*/
  aside.sidebar { width: 94% !important; margin: 0 auto; }
aside.sidebar .aside-blog-ttl { margin-bottom: 5%; padding-bottom: 5%; text-align: center; border-bottom: 1px solid #ccc; }
aside.sidebar .aside-blog-ttl span.en { font-size: 3.4vw; display: block; /* margin-bottom: 3%; */ letter-spacing: 1px; color: #ccc; line-height: normal; }
aside.sidebar .aside-blog-ttl span.jp { font-size: 14px; font-weight: bold; }
aside.sidebar .list-block { margin: 10% 0 11%; }
aside.sidebar .acbox a { font-size: 3.4vw; line-height: 1.6; display: block; margin-bottom: 3vw !important; padding-bottom: 3vw; border-bottom: 1px dotted #ddd; }
#blog aside.sidebar .list-block .side-day { font-size: 14px; line-height: 1.4; margin-bottom: 10px; color: #BFA93C; }
#blog aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 8px; margin-bottom: 8px; }
#blog aside.sidebar .list-block .side-blog-new-list a { display: block; }
/* staff -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #staff .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
#staff .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2% 2% 10%; background: #fff; }
#staff .system-list li:nth-child(2n) { margin-right: 0; }
#staff .system-list li a:hover { text-decoration: none; }
#staff .system-list li .system-ttl { font-size: 4vw; font-weight: bold; }
#staff .system-list li .system-name { font-size: 3.5vw; }
#staff .system-list li .system-en { font-size: 3vw; margin-bottom: 3vw; }
#staff .system-list li .system-job { display: inline-block; margin-bottom: 2vw; padding: 0.4vw 3vw; color: #fff; background: #333; }
#staff .system-list li .system-pic { overflow: hidden; width: 100%; height: 25vw; margin-bottom: 6%; text-align: center; }
#staff .system-list li .system-pic img { width: 100%; height: 25vw; }
/* 詳細 -------------------------------------*/
  #staff .system-contents .num-bx { margin-bottom: 5vw; }
#staff .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
#staff .system-contents-inner { padding: 5% 3%; background: #fff; }
#staff .system-contents .system-i-pic { -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; width: 100%; margin: 0 auto 8%; text-align: center; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; }
#staff .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 60vw; }
#staff .system-contents .system-ttl { font-size: 4.5vw; font-weight: bold; }
#staff .system-contents .system-name { font-size: 3.5vw; }
#staff .system-contents .system-en { font-size: 3vw; }
#staff .system-contents .system-job { display: inline-block; margin-bottom: 2vw; padding: 0.4vw 3vw; color: #fff; background: #333; }
#staff .system-contents .staff-ttl { margin-bottom: 4vw; padding: 2vw; color: #fff; background: #444; }
#staff .system-contents .staff-box { margin-bottom: 6vw; }
/* 付属 -------------------------------------*/ }