@charset "UTF-8";
@media screen and (min-width: 768px),print {

.main-title{ background: url(../images/keijiban/h1.png)no-repeat top right;}

main{margin-bottom: -164px!important;}
#contentsmain{width: 1200px;margin: 35px auto;border: 2px solid #FFF;padding: 0 78px 60px;position: relative;z-index: 3;}
#contentsmain h2{position: relative;top: -32px;margin-bottom: -11px;}
#keijiban .system-list{background: url(../images/index/contents07-line01.png)no-repeat top center,url(../images/index/contents07-line01.png)no-repeat bottom center;padding: 32px 0;margin: 0 0 -3px;background-size: contain;}
#keijiban .system-list li{ border-bottom: 1px dotted #fff; padding: 0 0 17px; margin-bottom: 18px; }
#keijiban .system-list li:last-child{border-bottom: none;margin: 0 0 -6px;padding: 0;}
#keijiban .system-list li .system-date{ position: relative; }
#keijiban .system-list li .system-date span.date{ position: absolute; top: 0; left: 09; }
#keijiban .system-list li .system-date span.ttln{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-left: 117px; }

.page-list {font-size: 18px;margin: 50px 0 51px;text-align: center;}
.page-list a {background: #fff;padding: 5px 9px;display: inline-block;color: #303030;line-height: 1;margin: 0 3.5px;border: 1px solid #fff;}
.page-list .current {padding: 5px 9px;display: inline-block;line-height: 1;margin: 0 3.5px;border: 1px solid #707070;}
.page-list a.next,.page-list a.prev,.page-list a.last,.page-list a.first {padding: 5px 9px;display: inline-block;line-height: 1;margin: 0 3.5px;border: none;background: none;color: #fff;}

#keijiban #toc_container {background: #292929;padding: 35px 46px;border: none;margin: 0 0 70px 0;}
#keijiban #toc_container .toc_title { font-size: 21px; letter-spacing: 1.05px; margin-bottom: 22px; }
#keijiban #toc_container .toc_list {}
#keijiban #toc_container .toc_list li { font-size: 20px; letter-spacing: 1px; font-weight: bold; border-bottom: #707070 1px solid; padding-bottom: 12px; margin-bottom: 16px; }
#keijiban #toc_container .toc_list li a { display: block; }
#keijiban #toc_container .toc_number {}
#keijiban #toc_container .toc_depth_1 {}

#keijiban .system-contents {width: 1200px;margin: 35px auto 75px auto;border: 2px solid #FFF;padding: 0 50px 78px;}
#keijiban .system-contents .inner-Box{border: 2px solid #707070;padding: 69px 86px 20px;}
#keijiban .system-contents .main-tttl{position: relative;top: -33px;left: 28px;margin-bottom: -9px;}

#keijiban .system-contents .system-date{font-size: 20px;letter-spacing: 1px;border-bottom: 1px dotted #fff;padding-bottom: 10px;margin-bottom: 30px;}
#keijiban .system-contents .system-ttl{font-size: 35px;line-height: 46px;letter-spacing: 1.38px;font-weight: 700;margin-bottom: 61px;}
#keijiban .system-contents .wysiwyg{ }

#contentssub{background: #292929;z-index: 3;position: relative;padding-bottom: 41px;}
#contentssub h2{text-align: center;position: relative;left: -2px;margin-bottom: 33px;}
#contentssub .inbox{width: 1200px;margin: 35px auto;/* border: 2px solid #FFF; */padding: 65px 78px 0;}

}




@media screen and (min-width: 768px) and (max-width: 1340px) {
  main {margin-bottom: -12.24vw!important;}
  #contentsmain {width: 89.55vw; margin: 2.61vw auto; border: 2px solid #FFF; padding: 0 5.82vw 5vw; position: relative; z-index: 3;}
  #contentsmain h2 {position: relative; top: -2.39vw; margin-bottom: -0.82vw;}
  #keijiban .system-list {background: url(../images/index/contents07-line01.png) no-repeat top center, url(../images/index/contents07-line01.png) no-repeat bottom center;padding: 2.39vw 0;margin: 0 0 -0.22vw;background-size: contain,contain;}
  #keijiban .system-list li {border-bottom: 1px dotted #fff;p;padding: 0 0 1vw;margin-bottom: 1vw;}
  #keijiban .system-list li:last-child {border-bottom: none; margin: 0 0 -0.45vw; padding: 0;}
  #keijiban .system-list li .system-date {position: relative;}
  #keijiban .system-list li .system-date span.date {position: static;top: 0;left: 0vw;margin: 0 0 4px 0;display: block;}
  #keijiban .system-list li .system-date span.ttln {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-left: 0;}
  
  .page-list {/* font-size: 1.34vw; */margin: 3.73vw 0 3.81vw;text-align: center;}
  .page-list a {background: #fff; padding: 0.37vw 0.67vw; display: inline-block; color: #303030; line-height: 1; margin: 0 0.26vw; border: 1px solid #fff;}
  .page-list .current {padding: 0.37vw 0.67vw;display: inline-block;line-height: 1;margin: 0 0.26vw;border: 1px solid #707070;}
  .page-list a.next, .page-list a.prev, .page-list a.last, .page-list a.first {padding: 0.37vw 0.67vw; display: inline-block; line-height: 1; margin: 0 0.26vw; border: none; background: none; color: #fff;}
  
  #keijiban #toc_container {background: #292929;padding: 2.61vw 3.43vw;border: none;margin: 0 0 5vw 0;}
  #keijiban #toc_container .toc_title {font-size: 1.57vw; letter-spacing: 0.08vw; margin-bottom: 1.64vw;}
  #keijiban #toc_container .toc_list {}
  #keijiban #toc_container .toc_list li {font-size: 1.49vw; letter-spacing: 0.07vw; font-weight: bold; border-bottom: #707070 1px solid; padding-bottom: 0.9vw; margin-bottom: 1.19vw;}
  #keijiban #toc_container .toc_list li a {display: block;}
  #keijiban #toc_container .toc_number {}
  #keijiban #toc_container .toc_depth_1 {}
  
  #keijiban .system-contents {width: 89.55vw; margin: 2.61vw auto 5.6vw auto; border: 2px solid #FFF; padding: 0 3.73vw 5.82vw;}
  #keijiban .system-contents .inner-Box {border: 2px solid #707070;padding: 4.15vw 3.42vw;}
  #keijiban .system-contents .main-tttl {position: relative; top: -2.46vw; left: 2.09vw; margin-bottom: -0.67vw;}
  
  #keijiban .system-contents .system-date {/* font-size: 1.49vw; *//* letter-spacing: 0.07vw; */border-bottom: 1px dotted #fff;padding-bottom: 1vw;margin-bottom: 1.3vw;}
  #keijiban .system-contents .system-ttl {font-size: 2.7vw;line-height: 1.6;letter-spacing: 0.1vw;font-weight: 700;margin-bottom: 4.55vw;}
  #keijiban .system-contents .wysiwyg {}
  
  #contentssub {background: #292929; z-index: 3; position: relative; padding-bottom: 3.06vw;}
  #contentssub h2 {text-align: center; position: relative; left: -0.15vw; margin-bottom: 2.46vw;}
  #contentssub .inbox {width: 89.55vw; margin: 2.61vw auto; padding: 4.85vw 5.82vw 0;}
}





@media screen and (max-width: 767px) {
.main-title{ background: url(../images/keijiban/sp-h1.png)no-repeat top right;background-size: 100% auto;}
#contentsmain{margin: 9.7vw 8.9vw;border: 0.5vw solid #FFF;padding: 0 3.7vw 8vw;position: relative;z-index: 3;}
#contentsmain h2{position: relative;top: -14.6vw;margin-bottom: -7.2vw;left: 3vw;width: 78.6vw;}

#keijiban .system-list{background: url(../images/index/sp-contents07-line01.png)no-repeat top center,url(../images/index/sp-contents07-line01.png)no-repeat bottom center;padding: 6.3vw 0;margin: 0 0 -0.7vw;background-size: 100% auto;}
#keijiban .system-list li{border-bottom: 0.2vw dotted #fff;padding: 0 3.8vw 5.7vw;margin-bottom: 4.3vw;}
#keijiban .system-list li:last-child{border-bottom: none;margin: 0 0 -1.4vw;padding: 0;}
#keijiban .system-list li .system-date{ position: relative; }
#keijiban .system-list li .system-date span.date{position: relative;display: block;font-size: 3.86vw;letter-spacing: 0.23vw;}
#keijiban .system-list li .system-date span.ttln{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 3.38vw;letter-spacing: 0.23vw;line-height: 6.28vw;}

.page-list {font-size: 5.79vw;margin: 13.2vw -3.4vw 12.3vw;text-align: center;}
.page-list a {background: #fff;padding: 2vw 3.2vw;display: inline-block;color: #303030;line-height: 1;margin: 0 0.8vw;border: 0.2vw solid #fff;}
.page-list .current {padding: 2vw 3.2vw;display: inline-block;line-height: 1;margin: 0 0.8vw;border: 0.2vw solid #707070;}
.page-list a.next,.page-list a.prev,.page-list a.last,.page-list a.first {padding: 2vw 3.2vw;display: inline-block;line-height: 1;margin: 0 0.8vw;border: none;background: none;color: #fff;}

#keijiban #toc_container {background: #292929;padding: 6.6vw 1.6vw;border: none;margin-bottom: 8.7vw;}
#keijiban #toc_container .toc_title {font-size: 3.62vw;letter-spacing: 0.3vw;margin-bottom: 0vw;}
#keijiban #toc_container .toc_list {}
#keijiban #toc_container .toc_list li {font-size: 3.38vw;letter-spacing: 0.16vw;font-weight: bold;border-bottom: #707070 0.2vw solid;padding-bottom: 2.6vw;margin-bottom: 2.1vw;position: relative;padding-left: 4vw;line-height: 6.28vw;}
#keijiban #toc_container .toc_list li a { display: block; }
#keijiban #toc_container .toc_number {}
#keijiban #toc_container .toc_depth_1 {
    position: absolute;
    top: 0vw;
    left: 0vw;
}

#keijiban .system-contents {margin: 9.6vw 3vw 18.1vw;border: 0.5vw solid #FFF;padding: 0 4vw 7.8vw;}
#keijiban .system-contents .inner-Box{border: 0.5vw solid #707070;padding: 5.7vw 2.8vw 0vw;}
#keijiban .system-contents .main-tttl{position: relative;top: -14.6vw;left: 0.8vw;margin-bottom: -6.2vw;margin-right: -9vw;}

#keijiban .system-contents .system-date{font-size: 3.86vw;letter-spacing: 0.19vw;border-bottom: 0.2vw dotted #fff;padding-bottom: 1.7vw;margin-bottom: 5vw;}
#keijiban .system-contents .system-ttl{font-size: 4.6vw;line-height: 1.7;letter-spacing: 0.23vw;font-weight: 700;margin-bottom: 8.4vw;}
#keijiban .system-contents .wysiwyg{ }

#contentssub{background: #292929;z-index: 3;position: relative;margin-bottom: 18vw;padding-bottom: 9.9vw;}
#contentssub h2{text-align: center;position: relative;left: -0.5vw;margin: 0 11.4vw 10.6vw;}
#contentssub .inbox{margin: 8.5vw auto;/* border: 0.5vw solid #FFF; */padding: 15.7vw 12.8vw 0;}


}