@charset "UTF-8";
@media screen and (min-width: 768px), print { 
  
  .pagination { margin-top: 88px; color: #333333; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-weight: 700; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



  .pagination .page-numbers.current { background-color: #ffe200; 
    width: 35px;
  height: 49px;
  border: 1px solid #0b090a;
  margin-right: 6px;
  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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  }
  
  .pagination .page-numbers.next { 
  width: 58px;
  }
  
  .pagination .page-numbers.prev { 
  width: 58px;
  }
  
  
  .pagination a {
  width: 35px;
  height: 49px;
  border: 1px solid #0b090a;
  background-color: #fff;
  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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  
  .pagination a,.pagination span{
  margin-right: 6px;
  }
  
  .pagination a:hover { background-color: #ffe200;}
  .pagination span {
  width: 35px;
  height: 49px;
  border: 1px solid #0b090a;
  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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .pagination span:hover { 
  background-color: #ffe200;
  }


.pagetop{
  position: fixed;
  bottom: 8px;
  right: 8px;
}

  .to-common{
    display: block;
  }
  .to-top{
  display: none;
  }
  .fix-list2{
    display: none;
  }

  .pc-f-menu a:hover img{
opacity: 1.0;
  }
  
  .fix-list { display: none; }
  .link-list-inc { width: 720px; margin: 0 auto; margin-bottom: 60px; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .link-list-inc-02 { width: 980px; margin: 0 auto; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #gl-navi { background-image: url(../images/common/h-bg-01.jpg), url(../images/common/h-bg-02.jpg); background-repeat: no-repeat; background-position: center 0; height: 170px; padding-top: 45px; }
  .pc-menu { position: fixed; top: -3px; right: 0; z-index: 700; }
  .pc-menu:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
  .side-fix { position: fixed; top: 150px; right: 0; z-index: 10; }
  #pc-menu-open { display: none; background: #f8f8f8; width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 10000; overflow: scroll; }
  #pc-menu-open .open-close-01 { position: absolute; top: 0; right: 0; }
  #pc-menu-open .open-main-Box .ttl { margin-bottom: 30px; }
  #pc-menu-open .open-main-Box .con-Box { margin-bottom: 30px; }
  #pc-menu-open .list-Box .con-Box { margin-bottom: 30px; }
  #pc-menu-open .open-close-02 { width: 300px; line-height: 1; cursor: pointer; font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; background: #000; }
  .pc-f-menu { position: fixed; top: -3px; right: 200px; z-index: 700; }
  /*============================
#gl-navi
============================*/
  #gl-navi.pc .h-flex { width: 1288px; margin: 0 auto;
    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; }
  #gl-navi.pc .h-flex .h-box-l { width: 1020px; height: 90px; -webkit-box-shadow: 0 0 20px rgba(35, 31, 32, 0.15);
    box-shadow: 0 0 20px rgba(35, 31, 32, 0.15); border-radius: 50px; background-color: #ffffff; padding: 20px 0px 5px 31px; position: relative; left: 18px; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 { 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; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-l { width: 179px; margin-right: 16px; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r { width: 790px; position: relative; top: -5px; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r .inner-navi { 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; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r .inner-navi li { color: #231f20; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 15px; font-weight: 700; letter-spacing: 1.6px; line-height: 20px; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r .inner-navi > li:nth-child(1) a { color: #e63c27; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r .inner-navi li a { padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 20px; display: block; -webkit-transition: 0.4s; transition: 0.4s; color: #231f20; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r .inner-navi > li a:hover { color: #e63c27; -webkit-transition: 0.4s; transition: 0.4s; text-decoration: none; }
  #fade-in li ul { visibility: hidden; opacity: 0; -webkit-transition: 0s; transition: 0s; position: absolute; width: 260px; z-index: 10; }
  #fade-in li:hover ul { visibility: visible; opacity: 1; }
  #fade-in li ul li a { visibility: hidden; opacity: 0; -webkit-transition: .5s; transition: .5s; background-color: #fbf9e4; border-bottom: 1px solid #dcc555; display: block; padding: 5px 20px 5px 20px; color: #231f20; }
  #fade-in li ul li:last-child a {border-bottom: none;}
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r .inner-navi li.gnavi01 span { padding-left: 12px; padding-right: 12px; padding-top: 20px; padding-bottom: 20px; display: block; -webkit-transition: 0.4s; transition: 0.4s; color: #231f20; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r .inner-navi > li.gnavi01 span:hover { color: #e63c27; -webkit-transition: 0.4s; transition: 0.4s; text-decoration: none; }



  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r #fade-in li ul li a { padding: 18px 20px 18px 20px;
position: relative;
    }
    #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r #fade-in li ul li a .puru-icon{
      position: absolute;
      right: 16px;
      top: 12px;
    }

  #fade-in li:hover ul li a { visibility: visible; opacity: 1; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r .inner-navi > li .sub-list a:hover { color: #231f20; background-color: #f9edb1; }
  .dropmenu li { position: relative; }
  #gl-navi.pc .h-flex .h-box-l .h-flex-in-01 .h-box-in-r .inner-navi li:last-child a { padding-right: 0; }
  #gl-navi.pc .h-flex .h-box-r { width: 254px; position: relative; right: -32px; top: -5px; }
  #gl-navi.pc .h-flex .h-box-r .flex-in-02 { 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; }
  #gl-navi.pc .h-flex .h-box-r .flex-in-02 .h-box-in-l { width: 100px; margin-right: 15px; }
  #gl-navi.pc .h-flex .h-box-r .flex-in-02 .h-box-in-r { width: 100px; }
  /*============================
#pc-menu-open
============================*/
  #pc-menu-open { padding-top: 127px; }
  #pc-menu-open .open-main-Box { width: 748px; margin: 0 auto; }
  #pc-menu-open .open-main-Box .open-menu-box { text-align: left; margin-bottom: 120px; 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; }
  #pc-menu-open .open-main-Box .open-menu-box li { background-image: url(../images/common/ff-icon-01.svg); background-repeat: no-repeat; background-position: left 19px; color: #231f20; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; line-height: 50px; padding-left: 20px; }
  #pc-menu-open .open-main-Box .open-menu-box li a { display: block; }
  #pc-menu-open .open-main-Box .open-menu-box .open-menu-list-l { width: 285px; }
  #pc-menu-open .open-main-Box .open-menu-box .open-menu-list-m { width: 245px; }
  #pc-menu-open .open-main-Box .open-menu-box-02 .open-menu-txt-01 { margin-bottom: 20px; }
  #pc-menu-open .open-main-Box .open-menu-box-02 .rel-box { color: #231f20; font-size: 14px; font-weight: 500; letter-spacing: 1.4px; line-height: 24px; }
  #pc-menu-open .open-main-Box .open-menu-box-02 .rel-box .flex-01 { 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; }
  #pc-menu-open .open-main-Box .open-menu-box-02 .rel-box .flex-01 .box-l { margin-right: 30px; }
  #pc-menu-open .open-main-Box .open-menu-box-02 .rel-box .flex-01 .box-m { margin-right: 37px; }
  #pc-menu-open .open-main-Box .open-menu-box-02 .rel-box .flex-01 .box-r { position: relative; top: 0; }
  /*---------------------------------------- 　　page-ttl(PC) ----------------------------------------*/
  .page-ttl { background-color: #f5f5f5; height: 117px; margin-bottom: 61px; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000000; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 36px; font-weight: 500; letter-spacing: 7.2px; line-height: 28px; }
  #pagelink-bunner { width: 770px; margin: 0 auto 60px; }
  #pagelink-bunner ul li { padding: 0 0 30px 0; width: 360px; }
  #pagelink-bunner ul li .photo { margin: 0 0 3% 0; }
  #pagelink-bunner ul li .ttl { text-align: center; font-size: 18px; font-weight: bold; margin: 0 0 0% 0; }
  #pagelink-bunner ul li .txt { text-align: center; font-size: 14px; }
  /*---------------------------------------- 　　footer(PC) ----------------------------------------*/
  .ee-box { background-image: url(../images/common/ee-bg-01.jpg), url(../images/common/ee-bg-02.jpg); background-repeat: no-repeat; background-position: center 0,center 10px; height: 486px; padding-top: 29px; margin-top: 200px; }
  .ee-box .ee-inner { width: 1200px; margin: 0 auto; position: relative; }
  .ee-box .ee-inner .ee-ttl { margin-bottom: 16px; padding-left: 44px; }
  .ee-box .ee-inner .ee-txt-01 { color: #231f20; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 1.6px; line-height: 28px; padding-left: 138px; }
  .ee-box .ee-inner .ee-pic { position: absolute; right: 2px; top: 5px; }
  .ee-box .ee-inner .ee-txt-02 { margin-top: 25px; padding-left: 49px; }
  /*---------------------------------------- 　　pagetop ----------------------------------------*/
  .fix-pagetop { position: fixed; bottom: 0; right: 0; }
  .fix-pagetop img { -webkit-transition: 0.3s; transition: 0.3s; }
  .fix-pagetop img:hover { -webkit-transform: translate(0px, 4px); transform: translate(0px, 4px); }
  /*---------------------------------------- 　　table-from ----------------------------------------*/
  .table-from { width: 1100px; margin-left: auto; margin-right: auto; }
  /*---------------------------------------- 　　システム詳細 (PC) ----------------------------------------*/
  #system-detail { width: 1100px; margin: 0 auto; background-color: #e6e6e6; padding: 23px 23px 23px 23px; }
  .system-inner { background-color: #fff; padding: 44px 44px 44px 44px; }
  .system-inner .recruit-table table { width: 100%; }
  .system-inner .recruit-table table th { border: 1px solid #8d8d8d; width: 25%; padding: 8px 20px 8px 20px; text-align: left; background-color: #f4f4f4; }
  .system-inner .recruit-table table td { border: 1px solid #8d8d8d; padding: 8px 20px 8px 20px; text-align: left; }
  .contents-pager { width: 1200px; margin-left: auto; margin-right: auto; margin-top: 32px; margin-bottom: 32px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #666666; font-size: 14px; font-weight: 400; line-height: 25.778px; }
  .contents-pager ul { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .contents-pager ul li { padding-right: 1.5em; }
  .contents-pager ul li :before { content: "\ff1C \a0"; color: #333333; }
  .contents-pager ul li:nth-child(2) { padding-left: 1.5em; text-align: right; background-image: url(../images/common/contents-pager-deco.jpg); background-repeat: no-repeat; background-position: left 3px; position: relative; }
  .contents-pager ul li:nth-child(2) :before { content: "|"; color: #333333; position: absolute; left: -0.2em; }
  .contents-pager ul li:nth-child(2) :after { content: "\a0 \FF1E"; color: #333333; }
  .list-Back { width: 130px; margin-left: auto; }
  .list-Back a:hover { text-decoration: none; }
  .list-Back a:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  .list-Back a { background-color: #000; background-image: url(../images/common/cc-pager-deco.png); background-repeat: no-repeat; background-position: right 20px top 50%; display: block; padding-top: .3em; padding-bottom: .2em; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #ffffff; font-size: 12px; font-weight: 700; letter-spacing: 1px; }
  /*---------------------------------------- 　　from テーブル(PC) ----------------------------------------*/
  .red, .error { color: #f10000; }
  .error { margin-top: 6px; }
  .form-list { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-weight: 500; line-height: 25px; margin-bottom: 24px; color: #191919; }
  .form-list li { padding-left: 1em; text-indent: -1em; margin-bottom: 8px; }
  .table-from { border: 1px solid #ccc; margin-bottom: 64px; width: 100%; }
  .table-from th, .table-from td { border: 1px solid #ccc; padding: 2%; }
  .table-from th { width: 290px; vertical-align: top; text-align: left; background-color: #f4f4f4; }
  .table-from td { width: 810px; }
  .table-from input[type="email"], .table-from input[type="number"], .table-from input[type="tel"], .table-from input[type="text"], .table-from textarea { padding: .8%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .from-size-01 { width: 30% !important; }
  .from-size-02 { width: 10% !important; }
  .btn-index { text-align: center; }
  .btn-Box { width: 840px; margin: 0px auto 0px; }
  footer { padding-top: 73px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  .ff-flex { width: 1102px; margin: 0 auto; 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; }
  .ff-flex .ff-box-l { width: 710px; margin-right: 82px; }
  .ff-flex .ff-box-l .ff-home { color: #231f20; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; margin-bottom: 24px; }
  .ff-flex .ff-box-l .ff-flex-in-01 { 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; }
  .ff-flex .ff-box-l .ff-flex-in-01 .ff-list { color: #231f20; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; line-height: 36px; }
  .ff-flex .ff-box-l .ff-flex-in-01 .ff-list > li { padding-left: 24px; margin-bottom: 0px; background-image: url(../images/common/ff-icon-01.svg); background-repeat: no-repeat; background-position: 3px 12px; }
  .ff-flex .ff-box-l .ff-flex-in-01 .ff-list > li a { display: block; }
  .ff-flex .ff-box-l .ff-flex-in-01 .ff-box-in-l { width: 259px; }
  .ff-flex .ff-box-l .ff-flex-in-01 .ff-box-in-m { width: 223px; }
  .ff-flex .ff-box-l .ff-flex-in-01 .ff-box-in-r { width: 220px; }
  .ff-flex .ff-box-r { width: 310px; padding-top: 2px; }
  .ff-flex .ff-box-r .ff-com-box { position: relative; }
  .ff-flex .ff-box-r .ff-com-box .ff-com-txt-01 { margin-bottom: 12px; }
  .ff-flex .ff-box-r .ff-com-box .ff-com-txt-02 { color: #231f20; font-size: 14px; font-weight: 500; letter-spacing: 1.4px; line-height: 24px; margin-bottom: 21px; }
  .ff-flex .ff-box-r .ff-com-box .ff-com-list { color: #231f20; font-size: 14px; font-weight: 500; letter-spacing: 1.4px; line-height: 24px; }
  .ff-flex .ff-box-r .ff-com-box .ff-com-sns-01 { position: absolute; bottom: 4px; right: 57px; }
  .ff-bnr { text-align: center; margin-top: 82px; margin-bottom: 59px; }
  .end_box { text-align: center; margin-bottom: 35px; }
  .end_box .copyright { color: #231f20; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 1.4px; } }


  @media screen and (max-width: 767px), print { 


    .pagination { margin-top: 11.594vw; color: #333333; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.382vw; font-weight: 700; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

    .pagination .page-numbers.current { background-color: #ffe200;
      width: 8.454vw;
      height: 11.836vw;
      border: 1px solid #0b090a;
      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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
      margin-right: 1.449vw;
    }
    
    .pagination .page-numbers.next { 
    width: 12.077vw;
    }
    
    .pagination .page-numbers.prev { 
    width: 12.077vw;
    }
    .pagination a {
    width: 8.454vw;
    height: 11.836vw;
    border: 1px solid #0b090a;
    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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    
    .pagination a,.pagination span{
    margin-right: 1.449vw;
    }
    
    .pagination a:hover { background-color: #ffe200;}
    .pagination span {
      background-color: #fff;
    width: 8.454vw;
    height: 11.836vw;
    border: 1px solid #0b090a;
    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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .pagination span:hover { 
    background-color: #ffe200;
    }

    .link-list-inc { width: 82.126vw; margin: 0 auto; margin-bottom: 7.729vw; }
    .link-list-inc li { margin-bottom: 6.039vw; }
    .link-list-inc li:last-child { margin-bottom: 0; }
    .link-list-inc-02 { width: 82.126vw; margin: 0 auto; }
    .link-list-inc-02 > li { margin-bottom: 6.039vw; }
    .sp-h-logo { width: 45.531vw; margin: 3.382vw 0 3.261vw 2.899vw; }
    .pc-menu { display: none; }
    .pc-f-menu { display: none; }
    .fix-pagetop { display: none; }
    #pc-menu-open { display: none; }
    /*---------------------------------------- 　　header(SP) ----------------------------------------*/
    /*---------------------------------------- 　★　global_nav(SP) Master ----------------------------------------*/
    /* ▼ menu ボタン 背景色・サイズの変更 */
    .sp-g-nav-btn { /*background-color: #f00; width: 13.527vw; height: 14.01vw;*/ }
    /* ▼ menu ボタン 横棒の色・サイズ変更 */
    .sp-g-nav-btn span { /*  width: 10.628vw; border-bottom: solid 3px #f95151;*/ }
    /* ▼ open menu 背景色 padding リンク文字 変更 */
    nav.sp-g-nav { /*background-color: #F00; padding: 5% 3% 30%;*/ }
    nav.sp-g-nav ul li a { /*    color: #fff;*/ }
    /* ▼ close-btnの変更 */
    .sp-g-nav-btn .tozi-sp { display: none; }
    .sp-g-nav-btn.active .tozi-sp { display: block; }
    .sp-g-nav-btn .menu-sp { display: block; }
    .sp-g-nav-btn.active .menu-sp { display: none; }
    .sp-g-nav-close-btn { text-align: center; background-color: #000; padding: .8em; color: #fff; }
    #pagelink-bunner { width: 94%; margin: 0 auto 10%; }
    #pagelink-bunner ul li { padding: 0 0 6% 0; width: 48%; }
    #pagelink-bunner ul li .photo { margin: 0 0 3% 0; }
    #pagelink-bunner ul li .ttl { text-align: center; font-size: 1.6rem; font-weight: bold; margin: 0 0 0% 0; }
    #pagelink-bunner ul li .txt { text-align: center; font-size: 1.2rem; line-height: 1.4; }
    .h-bg-box { background-image: url(../images/common/sp-h-bg-01.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: 100vw; height: 17vw; }
    .page-ttl { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24.155vw; background-color: #f5f5f5; color: #000000; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 5.797vw; font-weight: 500; letter-spacing: 0.58vw; line-height: 3.382vw; margin-bottom: 7vw; }
    .dis-n { display: none; }
    .speed span { -webkit-transition: .0s ease-in-out; transition: .0s ease-in-out; }
    /*---------------------------------------- 　　footer(SP) ----------------------------------------*/
    footer { margin-bottom: 11.7vw; }
    .ff-bnr { width: 91.787vw; margin: 0 auto; }
    .sp-fix-nav-b { position: fixed; bottom: 0; z-index: 300; }
    .ee-box { height: 141.85vw; margin-top: 12vw; background-image: url(../images/common/sp-h-bg-01.jpg), url(../images/common/sp-h-bg-01.jpg), url(../images/common/sp-ee-bg-02.jpg);
      background-repeat: no-repeat, no-repeat, repeat; background-position: center 0,center bottom,center 5px; background-size: 100vw; padding-top: 3.831vw; }
    .ee-box .ee-inner { width: 100%; margin: 0 auto; position: relative; }
    .ee-box .ee-inner .ee-ttl { width: 91.667vw; margin-left: 0.865vw; margin-bottom: 3.623vw; }
    .ee-box .ee-inner .ee-txt-01 { width: 86.725vw; margin: 0 auto; margin-bottom: 2.899vw; color: #231f20; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.362vw; line-height: 6.522vw; text-align: center; }
    .ee-box .ee-inner .ee-pic { width: 91.304vw; margin-left: 4.831vw; margin-bottom: 1.208vw; }
    .ee-box .ee-inner .ee-txt-02 { width: 94.203vw; margin: 0 auto; }
    .ff-box-l { display: none; }
    .ff-com-box { margin-top: 13.493vw; text-align: center; }
    .ff-com-box .ff-com-txt-01 { width: 45.531vw; margin: 0 auto; margin-bottom: 8.662vw; }
    .ff-com-box .ff-com-txt-02 { color: #231f20; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.382vw; font-weight: 500; letter-spacing: 0.338vw; line-height: 6.039vw; margin-bottom: 6.213vw; }
    .ff-com-box .ff-com-list { color: #231f20; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.382vw; font-weight: 500; letter-spacing: 0.338vw; line-height: 6.039vw; margin-bottom: 9.077vw; }
    .ff-com-box .ff-com-sns-01 { width: 9.662vw; margin: 0 auto; }
    .end_box { margin-top: 5vw; margin-bottom: 28vw; text-align: center; color: #231f20; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.382vw; font-weight: 500; letter-spacing: 0.338vw; }
    /*---------------------------------------- 　　システム詳細 (SP) ----------------------------------------*/
    .contents-pager { width: 94%; margin-left: auto; margin-right: auto; margin-top: 5%; margin-bottom: 5%; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #666666; font-size: 1.4rem; font-weight: 400; line-height: 6.227vw; }
    .contents-pager ul { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .contents-pager ul li { padding-right: 1.5em; }
    .contents-pager ul li :before { content: "\ff1C \a0"; color: #333333; }
    .contents-pager ul li:nth-child(2) { padding-left: 1.5em; text-align: right; background-image: url(../images/common/contents-pager-deco.jpg); background-repeat: no-repeat; background-position: left 3px; position: relative; }
    .contents-pager ul li:nth-child(2) :before { content: "|"; color: #333333; position: absolute; left: -0.2em; }
    .contents-pager ul li:nth-child(2) :after { content: "\a0 \FF1E"; color: #333333; }
    /*.contents-pager .list-back :after { content: "\a0 \FF1E"; color: #333333; }*/
    .list-Back { width: 38%; margin-left: auto; }
    .list-Back a:hover { text-decoration: none; }
    .list-Back a:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
    .list-Back a { background-color: #000; background-image: url(../images/common/cc-pager-deco.png); background-repeat: no-repeat; background-position: right 20px top 50%; display: block; padding-top: .3em; padding-bottom: .2em; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #ffffff; font-size: 2.899vw; font-weight: 700; letter-spacing: 0.242vw; }
    #system-detail { width: 100%; margin: 0 auto; background-color: #e5d197; padding: 4% 4% 4% 4%; }
    .system-inner { background-color: #fff; padding: 4% 4% 4% 4%; }
    .system-inner .recruit-table table { border-bottom: 1px solid #8d8d8d; width: 100%; }
    .system-inner .recruit-table table th { border: 1px solid #8d8d8d; width: 100%; display: block; text-align: center; padding: 3% 10% 3% 10%; text-align: left; background-color: #f4f4f4; }
    .system-inner .recruit-table table td { border-left: 1px solid #8d8d8d; border-right: 1px solid #8d8d8d; padding: 3% 10% 3% 10%; text-align: left; display: block; }
    /*---------------------------------------- 　　from テーブル(SP) ----------------------------------------*/
    .red, .error { color: #f10000; }
    .error { margin-top: 3%; }
    .form-list { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 1.4rem; font-weight: 500; margin-bottom: 5%; color: #191919; }
    .form-list li { padding-left: 1em; text-indent: -1em; margin-bottom: 3%; }
    .table-from { width: 100%; margin-bottom: 12%; border: 1px solid #ccc; }
    .table-from tr:last-child td { border-bottom: none; }
    .table-from th, .table-from td { display: block; width: 100%; }
    .table-from th { vertical-align: top; text-align: left; padding: 2% 3%; background-color: #f4f4f4; }
    .table-from td { padding: 3%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
    .table-from input[type="email"], .table-from input[type="number"], .table-from input[type="tel"], .table-from input[type="text"], .table-from textarea { padding: .8%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.6rem; }
    .from-size-01 { width: 30% !important; }
    .from-size-02 { width: 10% !important; }
    .btn-index { width: 80%; margin-left: auto; margin-right: auto; }
    .btn-Box { margin: 0 0 8% 0; }
    .btn-Box p { width: 100%; margin: 0 auto 4%; text-align: center; }
    .btn-Box p input[type="image"] { width: 80%; }
    .btn-index input[type="image"] { width: 100%; } }
  /*# sourceMappingURL=common.css.map */