@charset "UTF-8"; 
.slick-list {padding-top: 0;}
#box-05 .inner .system-list .flex-in-01 .box-in-l .ss.mizutype01 {background-color: #EA72A7;}
#box-05 .inner .system-list .flex-in-01 .box-in-l .ss.mizutype03 {background-color: #FAAA3C;}
#box-05 .inner .system-list .flex-in-01 .box-in-l .ss.mizutype02 {background-color: #5FB9E8;}
#box-05 .inner .system-list .flex-in-01 .box-in-l .ss.mizutype05 {background-color: #B4D14B;}
#box-05 .inner .system-list .flex-in-01 .box-in-l .ss.mizutype06 {background-color: #B06BDB;}
@media screen and (min-width: 768px), print {
.kiritori-box {width: 1280px;margin: 0 auto;}
.kiritori-box .in{margin-left: -320px;margin-right: -320px;}
.arrow_box_rel{width: 1280px;margin: 0 auto;position: relative;}
#ee {margin-top: 0;}
.kiritori-box {width: 1280px;margin: 0 auto;margin-bottom: 90px;}
.kiritori-box .in {margin-left: -320px;margin-right: -320px;}
.base-container {padding: 0 50px 1px;}
.slider-mv-box {position: relative;margin-bottom: -16px;height: 600px;}
.slider-mv {width: 3390px;margin: 0 auto;position: relative;left: -729px;top: -6px;}
.slider-mv-pic {width: 1100px;}
.slider-mv-box .slick-list {padding-top: 0;}
.arrow_box {width: 1100px;margin: 0 auto;position: relative;}
.arrow_box > div:hover {cursor: pointer;cursor: hand;opacity: 0.8;}
.slider-mv-box .prev-arrow {background-image: url(../images/index/bx-icon.png);background-repeat: no-repeat;background-position: center 0;width: 60px;height: 60px;position: absolute;left: -80px;top: -335px;}
.slider-mv-box .next-arrow {background-image: url(../images/index/bx-icon.png);background-repeat: no-repeat;background-position: center 0;width: 60px;height: 60px;-webkit-transform: scale(-1, 1);transform: scale(-1, 1);position: absolute;right: -60px;top: -335px;}
.bnr-area {background-image: url(../images/index/bnr-area-01.png);background-repeat: no-repeat;background-position: center 0;height: 190px;}
.bnr-area .inner {width: 1200px;margin: 0 auto;position: relative;}
.bnr-area .inner .txt-01 {position: relative;top: 19px;left: -13px;}
.bnr-area .inner .list {width: 875px;position: absolute;top: 19px;left: 347px;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;}
.bnr-area .inner .list li {margin-right: 7.7px;}
/*============================
#box-01
============================*/
#box-01 .inner .kiritori-box .in .ttl {text-align: center;}
#box-01 .inner .kiritori-box .in .rel-box {text-align: center;position: relative;background-image: url(../images/index/c1-b-pic.png);background-repeat: no-repeat;background-position: center bottom;padding-bottom: 215px;margin-bottom: 30px;}
#box-01 .inner .kiritori-box .in .rel-box .rel-box_inner {width: 758px;margin: 0 auto;position: relative;top: -71px;}
#box-01 .inner .kiritori-box .in .rel-box .ttl-01 {margin-bottom: 25px;}
#box-01 .inner .kiritori-box .in .rel-box .txt-01 {color: #1a1a1a;font-size: 16px;line-height: 28px;position: relative;}
#box-01 .inner .kiritori-box .in .rel-box .txt-02 {position: absolute;top: -39px;right: -231px;}
#box-01 .inner .kiritori-box .in .s-box-01 {width: 840px;margin: 0 auto;background: #f2f2f2;border: 1px solid #e6e6e6;background-color: #F2F2F2;padding: 15px 5px 11px 70px;background-image: url(../images/index/c1-icon-02.svg);background-repeat: no-repeat;background-position: 120px 20px;margin-bottom: 5px;}
#box-01 .inner .kiritori-box .in .s-box-01 .txt-03 {font-weight: bold;font-size: 16px;line-height: 31.5px;text-align: center;color: #1a1a1a;}
#box-01 .inner .kiritori-box .in .s-box-01 .txt-03 a {font-weight: normal;text-decoration: underline;}
#box-01 .inner .kiritori-box .in .s-box-01 .txt-03 a .pin-icon{display: inline-block; width: 18px;}
#box-01 .inner .kiritori-box .in .s-box-01 .txt-03 a .pin-icon img{width: 100%;height: auto;position: relative;top: -3px;}
#box-01 .inner .kiritori-box .in .btn {width: 1200px;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;}
#box-01 .inner .kiritori-box .in .btn a.hekomi.top-hokomi-01 {background-image: url(../images/index/c1-hekomi.png);padding-bottom: 10px;width: 580px;margin-right: 40px;}
#box-01 .inner .kiritori-box .in .btn a.hekomi.top-hokomi-01:last-child{margin-right: 0;}
#box-01 .inner .kiritori-box .in .btn a.hekomi.top-hokomi-01:hover img {-webkit-transform: translate(0px, 11px);transform: translate(0px, 11px);}
/*============================
#box-02
============================*/
#box-02 {background-image: url(../images/index/c2-bg.png);background-repeat: no-repeat;background-position: center 0;padding-top: 240px;padding-bottom: 220px;position: relative;z-index: 10;}
#box-02 .inner {background-image: url(../images/index/c2-bg-01.png);background-repeat: no-repeat;background-position: center 0;border-top: 10px solid #DFEFFB;width: 1200px;margin: 0 auto;position: relative;height: 780px;padding-top: 204px;}
#box-02 .inner .txt-01 {position: absolute;top: -25px;right: 150px;z-index: 10;}
#box-02 .inner .ttl {width: 1085px;margin: 0 auto;position: absolute;left: 0;right: 0;top: -100px;}
#box-02 .inner .pic-01 {position: absolute;top: -98px;left: 38px;}
#box-02 .inner .txt-02 {width: 492px;margin: 0 auto;position: relative;left: 100px;margin-bottom: 24px;}
  #review-bottom {
      width: 100%;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      margin-bottom: 80px;
  }

  #review-bottom .midashi {
      background-color: #1E68B7;
      width: 1000px;
      margin: 0 auto;
      overflow: hidden;
      padding: 17px 25px 20px 31px;
      position: relative;
      left: -10px;
  }

  #review-bottom .midashi .review-g-logo {
      float: left;
      position: relative;
      margin-top: 3px;
  }

  #review-bottom .midashi .review-g-logo .kuchi-num {
      font-weight: bold;
      background: #FBBC04;
      color: #fff;
      padding: 5px;
      font-size: 14px;
      display: inline-block;
      line-height: 1em;
      border-radius: 14px;
      position: absolute;
      border: solid 1px #fff;
      top: -8px;
      right: -7px;
      min-width: 1em;
      text-align: center;
  }

  #review-bottom .midashi .review-company {
      font-size: 18px;
      color: #ffffff;
      float: left;
      margin-left: 24px;
      margin-top: 17px;
      margin-bottom: 14px;
  }

  #review-bottom .midashi .review-info {
      width: 720px;
      float: left;
      overflow: hidden;
  }

  #review-bottom .midashi .review-info .review-evaluation {
      float: left;
      font-size: 24px;
      font-weight: bold;
      color: #fff;
      margin-left: 24px;
      margin-top: 11px;
  }

  #review-bottom .midashi .review-info .star-rating {
      float: left;
      position: relative;
      margin-left: 22px;
      position: relative;
      top: -3px;
  }

  #review-bottom .midashi .review-info .star-rating .star-rating-front {
      font-size: 26px;
      color: #FBBC04;
      width: 92%;
      overflow: hidden;
      position: relative;
      z-index: 9;
      margin-top: 4px;
  }

  #review-bottom .midashi .review-info .star-rating .star-rating-back {
      font-size: 26px;
      color: #ffffff;
      position: absolute;
      top: 4px;
      left: 0;
  }

  #review-bottom .midashi .review-info .kuchi-num {
      float: left;
      font-size: 26px;
      font-weight: bold;
      color: #ffffff;
      margin-left: 33px;
      margin-top: 0;
  }

  #review-bottom .midashi .review-info .review-star-num {
      float: left;
      font-size: 26px;
      font-weight: bold;
      color: #fff;
      margin-left: 28px;
      margin-top: 0;
  }

  #review-bottom .midashi .review-info .review-btn {
      float: right;
  }

  #review-bottom .kuchi-frame {
      background-color: #fff;
      width: 1000px;
      height: 390px;
      margin: 0 auto;
      padding: 42px 99px;
      border-left: 1px solid #a1a1a1;
      border-right: 1px solid #a1a1a1;
      border-bottom: 1px solid #a1a1a1;
      overflow-y: scroll;
      position: relative;
      left: -10px;
  }

  #review-bottom .kuchi-frame ul li {
      border-bottom: 1px dotted #a1a1a1;
      padding-bottom: 14px;
      margin-bottom: 30px;
  }

  #review-bottom .kuchi-frame ul li:last-child {
      margin-bottom: 0;
  }

  #review-bottom .kuchi-frame ul li dt {
      font-size: 16px;
      overflow: hidden;
      margin-bottom: 14px;
  }

  #review-bottom .kuchi-frame ul li dt .star-rating {
      float: left;
      position: relative;
      margin-left: 3px;
  }

  #review-bottom .kuchi-frame ul li dt .star-rating .star-rating-front {
      font-size: 30px;
      color: #FBBC04;
      width: 80%;
      overflow: hidden;
      position: relative;
      z-index: 9;
  }

  #review-bottom .kuchi-frame ul li dt .star-rating .star-rating-back {
      font-size: 30px;
      color: #e8e8e8;
      position: absolute;
      top: 0;
      left: 0;
  }

  #review-bottom .kuchi-frame ul li dt .review-date {
      font-size: 14px;
      margin-left: 29px;
      float: left;
      position: relative;
      top: 5px;
  }

  #review-bottom .kuchi-frame ul li dt .review-name {
      font-size: 16px;
      font-weight: bold;
      margin-left: 18px;
      float: left;
      position: relative;
      top: 5px;
  }

  #review-bottom .kuchi-frame ul li dd {
      font-size: 16px;
      letter-spacing: 0.05em;
      line-height: 26px;
      color: #4d4d4d;
  }

#review-bottom .review-btn{ position:absolute; top:241px; right:130px; }
/*============================
#box-03
============================*/
#box-03 {background-image: url(../images/index/c3-bg.png);background-repeat: no-repeat;background-position: center 0;padding-top: 270px;margin-top: -170px;padding-bottom: 79px;background-color: #F3EFDC;}
#box-03 .inner .ttl-01 {text-align: center;width: 1164px;margin: 0 auto;position: relative;right: -37px;}
#box-03 .inner .list {width: 1100px;margin: 0 auto;}
#box-03 .inner .list > li {background-color: #FFFFFF;border: 20px solid #F2F2F2;position: relative;margin-bottom: 40px;background-image: url(../images/index/c3-icon.png);background-repeat: no-repeat;background-position: right 20px bottom 21px;}
#box-03 .inner .list .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;}
#box-03 .inner .list .flex-01 .box-l {width: 360px;margin: 30px 30px 30px 20px;}
#box-03 .inner .list .flex-01 .box-l .menu-01 {position: absolute;top: -20px;left: -20px;z-index: 10;}
#box-03 .inner .list .flex-01 .box-l .pic {position: relative;}
#box-03 .inner .list .flex-01 .box-r {width: 620px;padding-top: 15px;}
#box-03 .inner .list .flex-01 .box-r .ttl {margin-bottom: 15px;}
#box-03 h4{font-size:24px; font-weight: 700;margin-bottom: 15px;margin-left: 12px;}
#box-03 .li-1{letter-spacing: 0.05em;line-height: 26px;color: #4d4d4d;padding-left: 12px;margin-bottom: 5px;}
/*============================
#box-04
============================*/
#box-04 {margin-bottom: 221px;}
/*============================
#box-05
============================*/
#box-05 {}
#box-05 .pic-staff {position: absolute;top: -60px;right: 109px;}
#box-05 .inner {width: 1400px;margin: 0 auto;background-color: #DFEFFB;position: relative;padding-top: 40px;margin-bottom: 140px;}
#box-05 .inner .ttl {width: 560px;margin: 0 auto;position: absolute;left: 0;right: 0;top: -117px;}
#box-05 .inner .system-list {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;}
#box-05 .inner .system-list li {width: 270px;margin-right: 40px;margin-bottom: 40px;background-color: #FFFFFF;}
#box-05 .inner .system-list li:nth-child(4n) {margin-right: 0px;}
#box-05 .inner .system-list .system-pic.fit {position: relative;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: bottom; -ms-flex-align: bottom; -webkit-align-items: bottom; align-items: bottom;}
#box-05 .inner .system-list .system-pic.fit img {max-width: 100%;width: auto;height: 180px;}
#box-05 .inner .system-list .sy-box {background-color: #FDF200;text-align: center;padding: 7px 5px 5px 6px;font-weight: bold;font-size: 14px;line-height: 26px;}
#box-05 .inner .system-list .sy-box .cc {font-size: 18px;line-height: 26px;color: #ff001d;margin-left: 5px;}
#box-05 .inner .system-list .sy-p {padding: 16px 15px 28px;}
#box-05 .inner .system-list .flex-in-01 {margin-bottom: 7px;}
#box-05 .inner .system-list .flex-in-01 .box-in-l {margin-bottom: 8px;}
#box-05 .inner .system-list .flex-in-01 .box-in-l .ss {background-color: #EA72A7;font-size: 14px;letter-spacing: 0.05em;line-height: 26px;color: #fff;display: inline-block;padding: 4px 16px 4px;line-height: normal;border-radius: 5px;}
#box-05 .inner .system-list .flex-in-01 .box-in-r {width: 145px;font-size: 14px;letter-spacing: 0.05em;line-height: 26px;color: #808080;padding-top: 1px;}
#box-05 .inner .system-list .system-ttl-01 {font-size: 16px;letter-spacing: 0.05em;line-height: 26px;color: #1a1a1a;}
#box-05 .inner .btn {width: 900px;margin: 0 auto;position: relative;bottom: -20px;left: 0;right: 0;}
#box-05 .inner .btn a.hekomi.top-hokomi-02 {background-image: url(../images/index/c5-hekomi.png);padding-bottom: 10px;}
#box-05 .inner .btn a.hekomi.top-hokomi-02:hover img {-webkit-transform: translate(0px, 11px);transform: translate(0px, 11px);}
#box-05 .tab-area {display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;cursor: pointer;max-width: 1200px;width: 100%;margin: 50px auto 21px;position: relative;z-index: 10;}
#box-05 .tab {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 120px;padding: 10px;background-color: #FFFFFF;border-radius: 30px;border: 1px solid #F2F2F2;margin-right: 10px;margin-bottom: 10px;line-height: 16px;}
#box-05 .sentaku {display: none;}
#box-05 .tab:last-child {margin-right: 0;}
#box-05 .tab.active {background-color: #1A1A1A;color: #fff;border: 1px solid #1A1A1A;}
#box-05 .panel {display: none;max-width: 1200px;width: 100%;margin: 0 auto;padding: 20px 0 0;}
#box-05 .panel.active {display: block;}
#box-05 .panel-ul {margin: 0 auto;max-width: 150px;list-style-type: disc;line-height: 1.8;}
/*============================
#box-06
============================*/
#box-06 {background-image: url(../images/index/c6-bg.png);background-repeat: no-repeat;background-position: center 0;padding-top: 76px;padding-bottom: 72px;}
#box-06 .inner .ttl {width: 884px;margin: 0 auto;margin-bottom: 24px;position: relative;left: -10px;}
#box-06 .inner .deco {width: 288px;margin: 0 auto;position: relative;left: -4px;}
#box-06 .inner .interview-slider-box {width: 2160px;margin: 0 auto;position: relative;left: -108px;}
#box-06 .inner .interview-slider-box .interview-slider {width: 680px;background: #fff;border-bottom: 10px solid #F0EBD0;padding: 30px 30px 28px 30px;margin-bottom: 50px;margin-right: 40px;}
#box-06 .inner .interview-slider-box .interview-slider a:hover{text-decoration: none;}
#box-06 .inner .interview-slider-box .interview-slider:hover .flex-01 .box-r .s-ttl{text-decoration: underline;}
#box-06 .inner .interview-slider-box .interview-slider .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;}
#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-l {width: 240px;margin-right: 20px;border: 1px solid #CCCCCC;}
#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-l img {width: 100%;height: 180px;}
#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r {width: 350px;padding-top: 15px;}
#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r .flex-in-01 {margin-bottom: 12px;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;}
#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r .flex-in-01 .box-in-l {width: 110px;border-radius: 5px;background: #8c6239;font-size: 14px;letter-spacing: 0.05em;line-height: 26px;color: #fff;margin-right: 13px;text-align: center;padding-bottom: 1px;}
#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r .flex-in-01 .box-in-r {font-size: 14px;letter-spacing: 0.05em;line-height: 26px;color: #808080;}
#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r .s-ttl {font-weight: bold;font-size: 20px;letter-spacing: 0.05em;line-height: 33px;color: #1a1a1a;}
#box-06 .inner .btn {width: 900px;margin: 0 auto;}
#box-06 .inner .btn a.hekomi.top-hokomi-03 {background-image: url(../images/index/c6-hekomi.png);padding-bottom: 10px;}
#box-06 .inner .btn a.hekomi.top-hokomi-03:hover img {-webkit-transform: translate(0px, 11px);transform: translate(0px, 11px);}
#box-06 .interview-slider_rel {width: 820px;margin: 0 auto;position: relative;z-index: 10;}
#box-06 .interview-slider_rel .arrow_box2 {position: absolute;top: 345px;width: 100%;}
#box-06 .interview-slider_rel .arrow_box2 > div:hover {cursor: pointer;cursor: hand;opacity: 0.8;}
#box-06 .interview-slider_rel .arrow_box2 .prev-arrow2 {background-image: url(../images/index/bx-icon-02.png);background-repeat: no-repeat;background-position: center 0;width: 60px;height: 60px;position: absolute;left: -9px;top: -240px;}
#box-06 .interview-slider_rel .arrow_box2 .next-arrow2 {background-image: url(../images/index/bx-icon-02.png);background-repeat: no-repeat;background-position: center 0;width: 60px;height: 60px;-webkit-transform: scale(-1, 1);transform: scale(-1, 1);position: absolute;right: 9px;top: -240px;}
/*============================
#box-07
============================*/
#box-07 {background-image: url(../images/index/c7-bg.png);background-repeat: no-repeat;background-position: center 0;padding-top: 82px;padding-bottom: 80px;}
#box-07 .inner .ttl {width: 994px;margin: 0 auto;margin-bottom: 49px;}
#box-07 .inner .list {width: 1420px;margin: 0 auto;margin-bottom: 50px;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;}
#box-07 .inner .list > div {width: 340px;background-color: #fff;margin-right: 20px;border-radius: 10px;padding: 20px 20px 54px;}
#box-07 .inner .list > div:nth-child(4n) {margin-right: 0px;}
#box-07 .inner .list .pic {margin-bottom: 9px;}
#box-07 .inner .list .pic img {width: 100%;/* height: 160px; */}
#box-07 .inner .list .s-ttl {font-weight: bold;font-size: 20px;letter-spacing: 0.05em;line-height: 33px;color: #1a1a1a;}
#box-07 .inner .rel-box {width: 301px;margin: 0 auto;position: relative;left: 47px;}
#box-07 .inner .rel-box .deco {position: absolute;bottom: -79px;left: -154px;}
.parara-bg {background-image: url(../images/index/c8-bg.png);background-repeat: no-repeat;background-position: center 0;background-attachment: fixed;padding-top: 59px;}
/*============================
#box-08
============================*/
#box-08 .inner .ttl {width: 1049px;margin: 0 auto;position: relative;left: 18px;margin-bottom: 19px;}
#box-08 .inner .list {width: 1200px;margin: 0 auto;}
#box-08 .inner .list > li {position: relative;}
#box-08 .inner .list > li .txt-01 {font-size: 18px;letter-spacing: 0.05em;line-height: 33px;color: #1a1a1a;margin-bottom: 10px;}
#box-08 .inner .list .li-01 {height: 580px;}
#box-08 .inner .list .li-01 .pic {position: relative;right: -10px;}
#box-08 .inner .list .li-01 .txt-box {position: absolute;top: 348px;left: 105px;}
#box-08 .inner .list .li-01 .txt-box .txt-01 {margin-bottom: 10px;}
#box-08 .inner .list .li-01 .txt-box .txt-02 {font-weight: bold;text-decoration: underline;font-size: 18px;letter-spacing: 0.05em;line-height: 39px;color: #f87d02;}
#box-08 .inner .list .li-01 .txt-box .txt-02 a {color: #f87d02;}
#box-08 .inner .list .li-02 {height: auto;margin-bottom: 17px;padding-bottom: 110px;}
#box-08 .inner .list .li-02 .pic {position: relative;left: 5px;}
#box-08 .inner .list .li-02 .txt-box {position: absolute;right: 99px;bottom: 0;text-align: left;padding-left: 640px;}
#box-08 .inner .list .li-02 .txt-box .txt-02 {font-weight: bold;text-decoration: underline;font-size: 18px;letter-spacing: 0.05em;line-height: 39px;color: #f87d02;}
#box-08 .inner .list .li-02 .txt-box .txt-02 a {color: #f87d02;}
#box-08 .inner .list .li-03 {height: auto;}
#box-08 .inner .list .li-03 .pic {position: relative;left: 10px;}
#box-08 .inner .list .li-03 .txt-box {position: absolute;top: 348px;left: 105px;}
#box-08 .inner .btn {width: 900px;margin: 0 auto;}
#box-08 .inner .btn a.hekomi.top-hokomi-04 {background-image: url(../images/index/c8-hekomi.png);padding-bottom: 10px;}
#box-08 .inner .btn a.hekomi.top-hokomi-04:hover img {-webkit-transform: translate(0px, 10px);transform: translate(0px, 10px);}

/*============================
#box-09
============================*/
#box-09 {background-image: url(../images/index/c9-bg.png);background-repeat: no-repeat;background-position: center -20px;padding-top: 110px;}
#box-09 .inner .ttl {width: 576px;margin: 0 auto;margin-bottom: 27px;position: relative;left: 14px;}
#box-09 .inner .system-list {width: 1920px;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;}
#box-09 .inner .system-list li {width: 220px!important;position: relative;margin-right: 30px;margin-bottom: 50px;}
#box-09 .inner .system-list li:nth-child(4n) {}
#box-09 .inner .system-list .system-pic {width: 200px;border: 10px solid #fff;border-radius: 50%;margin: 0 auto;z-index: 10;position: relative;}
#box-09 .inner .system-list .system-pic img {width: 100%;height: 180px;border-radius: 50%;}
#box-09 .inner .system-list .sy-box {width: 220px;height: 110px;border-radius: 5px;background: #2784d8;text-align: center;position: relative;top: -31px;padding: 37px 1em 1em;margin-bottom: -31px;}
#box-09 .inner .system-list .sy-box .system-ttl-01 {font-weight: bold;font-size: 18px;letter-spacing: 0.05em;line-height: 33px;color: #fff;margin-bottom: -9px;}
#box-09 .inner .system-list .sy-box .sy-txt {font-weight: 500;font-size: 12px;letter-spacing: 0.05em;line-height: 33px;color: #ffeb00;}

#box-09 .slider-mv-staff {overflow: hidden;}
#box-09 .slider-mv-box {position: relative;margin-bottom: 200px;height: auto;}
#box-09 .slider-mv {width: 3550px;margin: 0 auto;position: relative;left: -729px;top: -6px;}
#box-09 .slider-mv-pic {width: 1100px;}
#box-09 .slider-mv-box .slick-list {padding-top: 0;}
#box-09 .arrow_box4 {width: 1100px;margin: 0 auto;position: relative;}
#box-09 .arrow_box4 > div:hover {cursor: pointer;cursor: hand;opacity: 0.8;}
#box-09 .slider-mv-box .prev-arrow4 {background-image: url(../images/index/bx-icon.png);background-repeat: no-repeat;background-position: center 0;width: 60px;height: 60px;position: absolute;left: -80px;top: -200px;}
#box-09 .slider-mv-box .next-arrow4 {background-image: url(../images/index/bx-icon.png);background-repeat: no-repeat;background-position: center 0;width: 60px;height: 60px;-webkit-transform: scale(-1, 1);transform: scale(-1, 1);position: absolute;right: -60px;top: -200px;}
#box-09 .slick-track {}



/*============================
#box10
============================*/
#box10 {background-image: url(../images/index/c10-bg.png);background-repeat: no-repeat;background-position: center 0px;height: 1170px;}
#box10 .inner .ttl {width: 600px;margin: 0 auto;margin-bottom: -23px;position: relative;top: -63px;left: -6px;}
#box10 .inner .system-list {width: 1200px;margin: 0 auto;margin-bottom: 21px;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;}
#box10 .inner .system-list > li {width: 270px;background: #f2f2f2;border: 1px solid #ccc;padding: 19px 18px 39px 18px;margin-bottom: 40px;margin-right: 40px;}
#box10 .inner .system-list > li:nth-child(4n) {margin-right: 0px;}
#box10 .inner .system-list .system-pic {margin-bottom: 10px;}
#box10 .inner .system-list .system-pic.fit img {width: 100%;height: 160px;}
#box10 .inner .system-list .sy-date {font-size: 14px;letter-spacing: 0.05em;line-height: 26px;color: #808080;margin-bottom: 12px;}
#box10 .inner .system-list .system-ttl-01 {font-size: 16px;letter-spacing: 0.05em;line-height: 26px;color: #1a1a1a;}
#box10 .inner .btn {width: 900px;margin: 0 auto;}
#box10 .inner .btn a.hekomi.top-hokomi-05 {background-image: url(../images/index/c10-hekomi.png);padding-bottom: 10px;}
#box10 .inner .btn a.hekomi.top-hokomi-05:hover img {-webkit-transform: translate(0px, 11px);transform: translate(0px, 11px);}
.o-box {background-color: #F2F2F2;padding: 85px 0 109px;}
.o-box .inner {width: 1200px;margin: 0 auto;}
.o-box .inner .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;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.o-box .inner .flex-01 .box-l {width: 580px;}
.o-box .inner .flex-01 .box-r {width: 1000px;margin: 0 auto;margin-bottom: 40px;background-color: #FFFFFF;}
.o-box .inner .flex-01 .box-r .ttl-box {background-color: #005897;height: 70px;position: relative;margin-bottom: 10px;}
.o-box .inner .flex-01 .box-r .ttl-box .ttl {position: absolute;top: 16px;left: 29px;}
.o-box .inner .flex-01 .box-r .ttl-box .btn {position: absolute;top: 20px;right: 24px;}
.o-box .inner .flex-01 .box-r .system-list {padding: 0px 33px 13px 33px;overflow-y: scroll;height: 270px;}
.o-box .inner .flex-01 .box-r .system-list > li a {display: block;border-bottom: 1px solid #F2F2F2;padding-top: 13px;padding-bottom: 27px;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;}
.o-box .inner .flex-01 .box-r .system-list .sy-date {font-size: 14px;letter-spacing: 0.05em;line-height: 26px;color: #808080;width: 107px;}
.o-box .inner .flex-01 .box-r .system-list .system-ttl-01 {width: calc(100% - 107px);font-weight: 500;font-size: 16px;letter-spacing: 0.05em;line-height: 26px;color: #1a1a1a;}
#o-btn{width: 900px;margin: 0 auto;}
#o-btn .btn a.hekomi.top-hokomi-new {background-image: url(../images/index/o-btn-new-hekomi.png);padding-bottom: 10px;}
#o-btn .btn a.hekomi.top-hokomi-new:hover img {-webkit-transform: translate(0px, 10px);transform: translate(0px, 10px);}
.top_ano #ee {background-image: url(../images/index/top-ee-bg-02.png), url(../images/common/ee-bg-01.png);}
/*============================
#box-12
============================*/
#box-12 {background-image: url(../images/index/c12-bg_b.png), url(../images/index/c12-bg.png);background-repeat: no-repeat;background-position: center bottom -1px,0 center;padding: 142px 0 180px;}
#box-12 .inner {width: 1200px;margin: 0 auto;}
#box-12 .inner .s-box-01 {margin-bottom: 296px;position: relative;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;}
#box-12 .inner .s-box-01 .s-box-01-txt-box {width: 390px;/* padding-left: 20px; */margin-left: 20px;}
#box-12 .inner .s-box-01 .s-box-01-txt-box .s-ttl {
width: 270px;
margin-bottom: 40px;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box .txt-01 {
font-weight: bold;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 26px;
color: #1a1a1a;
margin-bottom: 27px;
margin-left: 6px;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box .txt-box {
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 26px;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box .txt-box .p-mb {
margin-bottom: 25px;
margin-left: 2px;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box .txt-box .ano {
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
margin-left: 2px;
}

#box-12 .inner .s-box-01 .s-pic {
position: absolute;
top: -73px;
right: 29px;
}

#box-12 .inner .s-box-02 .s-ttl-02 {
width: 170px;
margin-bottom: 30px;
margin-left: 20px;
}

#box-12 .inner .s-box-02 .bg-box {
background-color: #3461AC;
padding: 40px 5px 20px 5px;
margin-bottom: 50px;
}

#box-12 .inner .s-box-02 .bg-box .com-list {
width: 1100px;
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;
}

#box-12 .inner .s-box-02 .bg-box .com-list > li {
width: 540px;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
border-top: 10px solid #E6E6E6;
background-color: #fff;
padding: 20px 5px 20px 20px;
}

#box-12 .inner .s-box-02 .bg-box .com-list > li:nth-child(2n) {
margin-right: 0px;
}

#box-12 .inner .s-box-02 .bg-box .com-list .com-txt-01 {
position: absolute;
top: 0;
right: 20px;
}

#box-12 .inner .s-box-02 .bg-box .com-list .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;
}

#box-12 .inner .s-box-02 .bg-box .com-list .flex-01 .box-l {
width: 130px;
margin-right: 19px;
}

#box-12 .inner .s-box-02 .bg-box .com-list .flex-01 .box-r {
width: 350px;
padding-top: 9px;
}

#box-12 .inner .s-box-02 .bg-box .com-list .flex-01 .box-r .com-ttl {
font-weight: bold;
font-size: 18px;
letter-spacing: 0.05em;
line-height: 26px;
color: #3461ac;
margin-bottom: 9px;
}

#box-12 .inner .s-box-02 .bg-box .com-list .flex-01 .box-r .txt-box {
font-size: 14px;
letter-spacing: 0.05em;
line-height: 24px;
}

#box-12 .inner .btn {
width: 900px;
margin: 0 auto;
}

#box-12 .inner .btn a.hekomi.top-hokomi-06 {
background-image: url(../images/index/c12-hekomi.png);
padding-bottom: 10px;
}

#box-12 .inner .btn a.hekomi.top-hokomi-06:hover img {
-webkit-transform: translate(0px, 11px);
transform: translate(0px, 11px);
}
.insta-img-box {width: 1100px; margin: 20px auto 100px;
}



  /* form -------------------------------------*/
  #main-form { margin-bottom: 60px; }
  #main-form h2 { font-size: 18px; font-weight: bold; margin-bottom: 30px; padding: 10px; background: #ccc; }
  #form h3 { font-size: 16px; margin-bottom: 30px; text-align: center; }
  #form .list {
    width: 760px;
    margin: 0 auto;
    margin-bottom: 63px;
    color: #666;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 28px;
    }
  #form .list span { color: #f00; }
  
  .btn-type01 { overflow: hidden; width: 400px; height: 80px; cursor: pointer; text-indent: -9999px; border: none; background: url("../images/common/con-btn-01.svg") no-repeat; }
  .btn-type02 { overflow: hidden; width: 400px; height: 80px; cursor: pointer; text-indent: -9999px; border: none; background: url("../images/common/con-btn-02.svg") no-repeat top center; }
  .btn-type03 { overflow: hidden; width: 400px; height: 80px; cursor: pointer; text-indent: -9999px; border: none; background: url("../images/common/con-btn-03.svg") no-repeat; }

  .btn-confirm { text-align: center; }
  .btn-send { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
  .form-Box {line-height: 1.6;/* margin-bottom: 30px; */background-image: url(../images/common/form-box-bg.png);background-repeat: no-repeat;background-position: center 0;background-color: #83D4EF;padding-top: 120px;padding-bottom: 108px;}
  .form-Box .form-Box-inner {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    padding: 80px 0 80px;
    background: #fff;
    position: relative;
  }
  .form-Box .form-list { font-size: 14px; margin-bottom: 30px; }
  .form-Box .error { margin-top: 0.3em; margin-bottom: 1em; }
  .form-Box .attention-color { color: #f00; }
  .form-Box .form-list li { margin-bottom: 3px; padding-left: 1em; text-indent: -1em; }

  .form-Box table {font-size: 0.875em;line-height: 1.6;width: 100%;margin-bottom: 50px;/* border: 1px solid #dcdddd; */}
  
  .form-Box tr{
background-image: url(../images/common/form-box-line.png);
background-repeat: repeat-x;
background-position: 0 bottom;
  }
  
  .form-Box th {width: 30%;padding: 20px;text-align: left;vertical-align: top;/* border: 1px solid #dcdddd; *//* background-color: #eeefef; */font-weight: bold;font-size: 20px;letter-spacing: 0.05em;line-height: 36px;}
  .form-Box td {width: 70%;padding: 20px;text-align: left;vertical-align: top;/* border: 1px solid #dcdddd; */font-size: 18px;}
  .form-Box td:last-child {width: 70%;padding: 20px 20px 40px 20px;text-align: left;vertical-align: top;/* border: 1px solid #dcdddd; */font-size: 18px;}
  .form-Box td label{display: block; height: 5px;}
  .form-Box td img { max-width: 100%; height: auto; }
  .form-Box .from-btn-01 { text-align: center; }
  .form-Box .from-btn-02 { 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; width: 680px; margin-top: 24px; margin-right: auto; margin-left: auto; text-align: center; }
  .form-Box .button { margin: 0; padding: 0; border: 0; }
  .form-Box .button:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
  .form-Box input[type="text"], .form-Box input[type="email"], .form-Box input[type="tel"], .form-Box input[type="date"], .form-Box select, .form-Box textarea {font-size: 16px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 1%;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
  .form-Box textarea { width: 100%; min-height: 120px; }

.form-Box-txt-01{
  width: 1410px;
  margin: 0 auto;
  position: relative;
  top: -152px;
  left: 15px;
  margin-bottom: -119px;
}

.form-Box-txt-02{
font-size: 48px; font-weight: bold; letter-spacing: 6px; text-align: center; line-height: 1; margin-bottom: 50px; position: relative;
/* width: 1243px;
  margin: 0 auto;
  position: relative;
  top: -152px;
  left: 15px;
  margin-bottom: -119px; */
}
.form-Box-txt-02 span{
font-size: 20px; text-align: center; color: rgb(0 0 0 / .3); letter-spacing: 2px;
}

.form-Box-txt-02::before{
content: ""; width: 160px; height: 110px; margin: 0 auto; position: absolute; left: 2%; top: -15%;
    background: url(../images/index/bg-ttl-01-br.png) no-repeat top center; background-size: 60%;

}

.form-Box-txt-02::after{
/* content: ""; width: 180px; height: 160px; margin: 0 auto; position: absolute; right: 16%; top: -10%;
    background: url(../images/index/bg-ttl-01-bl.png) no-repeat top center; background-size: 60%;
transform: scaleX(-1); */

}


.form-Box-bd{
  width: 780px;
  margin: 0 auto;
  border: 1px solid #282828;
  padding: 40px 30px 40px;
}


  .required::after { content: "【必須】"; color: #f00; }
  .priv-title { margin-bottom: 20px; text-align: center; }
  .priv-text { overflow-y: scroll; height: 250px; margin-bottom: 30px; padding: 20px; border: #ccc solid 1px; background: #fff; }
  .priv-text .priv-ttl { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
  .priv-text p { font-size: 13px; margin-bottom: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ccc solid 1px; }
  .priv { margin-bottom: 30px; text-align: center; }
  .priv-text .tt { font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #333; }
  .btn-item { display: inline-block; }
  .borderwrap { width: 1200px; margin: 0 auto 40px; }
  .borderwrap .otoiawase { font-size: 18px; font-weight: 700; margin-bottom: 30px; padding: 10px; background: #ccc; }





}

@media screen and (min-width: 766px) and (max-width: 1500px) {
#box-07 .inner .list {
width: 1200px;

}
#box-07 .inner .list > div {
width: 285px;
background-color: #fff;
margin-right: 20px;
border-radius: 10px;
padding: 20px 20px 54px;
}
#box-05 .inner{
width: 100%;
}
#box-05 .inner .system-list li {
width: 260px;
}
#box-05 .pic-staff{
right: 28px;
}
}


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

.slider-mv_sp_wap{
width: 100%;
height: 155.000vw;
overflow: hidden;
}

#ee {
margin-top: 0;
}

.kiritori-box {
width: 100%;
margin: 0 auto;
margin-bottom: 10.174vw;
}

.kiritori-box .in {
/* margin-left: -77.295vw; */
/* margin-right: -77.295vw; */
}

.base-container {
padding: 0 0px 0.242vw;
}

.slider-mv-box {
position: relative;
margin-bottom: -3.865vw;
}

.slider-mv {
width: 100%;
margin: 0 auto;
position: relative;
left: -176.087vw;
top: -1.449vw;
}

.slider-mv-pic {
width: 100%;
}

.slider-mv-box .slick-list {
padding-top: 0;
}

.arrow_box {
width: 100%;
margin: 0 auto;
position: relative;
}

.arrow_box > div:hover {
cursor: pointer;
cursor: hand;
opacity: 0.8;
}

.slider-mv-box .prev-arrow {
background-image: url(../images/index/sp-bx-icon.png);
background-repeat: no-repeat;
background-position: center 0;
width: 100%;
height: 14.493vw;
position: absolute;
left: -16.908vw;
top: -80.918vw;
}

.slider-mv-box .next-arrow {
background-image: url(../images/index/sp-bx-icon.png);
background-repeat: no-repeat;
background-position: center 0;
width: 100%;
height: 14.493vw;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
position: absolute;
right: -16.908vw;
top: -80.918vw;
}

.bnr-area {
background-image: url(../images/index/sp-bnr-area-01.png);
background-repeat: no-repeat;
background-position: center 0;
/* height: 45.894vw; */
background-size: 100%;
padding-top: 16.425vw;
padding-bottom: 11vw;
position: relative;
top: -5.488vw;
margin-bottom: -7.488vw;
}

.bnr-area .inner {
width: 100%;
margin: 0 auto;
position: relative;
}

.bnr-area .inner .txt-01 {
width: 69.324vw;
position: relative;
/* top: 4.589vw; */
/* left: -3.14vw; */
margin-left: 5.314vw;
margin-bottom: -3.865vw;
}

.bnr-area .inner .list {
width: 93.72vw;
margin-left: 2.174vw;
position: relative;
z-index: 10;
}

.bnr-area .inner .list li {
/* margin-right: 1.86vw; */
margin-bottom: 3.382vw;
}

/*============================
#box-01
============================*/
#box-01 .inner .kiritori-box .in .ttl {
text-align: center;
}

#box-01 .inner .kiritori-box .in .rel-box {
text-align: center;
position: relative;
background-image: url(../images/index/sp-c1-b-pic.png);
background-repeat: no-repeat;
background-position: center 71.014vw;
background-size: 100%;
padding-bottom: 0px;
margin-bottom: 0px;
}

#box-01 .inner .kiritori-box .in .rel-box .rel-box_inner {
width: 100%;
margin: 0 auto;
position: relative;
/* top: -17.15vw; */
}

#box-01 .inner .kiritori-box .in .rel-box .ttl-01 {
width: 82.126vw;
margin: 0 auto;
margin-bottom: 7.971vw;
padding-top: 0px;
margin-top: -0.725vw;
}

#box-01 .inner .kiritori-box .in .rel-box .txt-01 {
width: 85.507vw;
margin: 0 auto;
margin-bottom: 80.435vw;
font-size: 3.623vw;
line-height: 6.763vw;
text-align: left;
color: #1a1a1a;
}

#box-01 .inner .kiritori-box .in .rel-box .txt-02 {
width: 77.174vw;
margin: 0 auto;
position: relative;
left: -0.966vw;
margin-bottom: 6.039vw;
}

#box-01 .inner .kiritori-box .in .s-box-01 {
width: 82.126vw;
margin: 0 auto;
background: #f2f2f2;
border: 1px solid #e6e6e6;
background-color: #F2F2F2;
padding: 13.043vw 0px 5.072vw 0px;
background-image: url(../images/index/c1-icon-02.svg);
background-repeat: no-repeat;
background-position: 37.44vw 5.314vw;
margin-bottom: 7.246vw;
}

#box-01 .inner .kiritori-box .in .s-box-01 .txt-03 {
width: 56vw;
margin: 0 auto;
font-weight: bold;
font-size: 3.623vw;
line-height: 5.918vw;
/* text-align: center; */
color: #1a1a1a;
}

#box-01 .inner .kiritori-box .in .s-box-01 .txt-03 a {
font-weight: normal;
text-decoration: underline;
text-align: center;
display: block;
margin-top: 2.415vw;
}
#box-01 .inner .kiritori-box .in .s-box-01 .txt-03 a .pin-icon{display: inline-block; width: 3.5vw;}
#box-01 .inner .kiritori-box .in .s-box-01 .txt-03 a .pin-icon img{width: 100%;height: auto;position: relative;top: -3px;}

#box-01 .inner .kiritori-box .in .btn {
width: 94.203vw;
margin: 0 auto;
}
#box-01 .inner .kiritori-box .in .btn a{display: inline-block;margin-bottom: 8vw;}
#box-01 .inner .kiritori-box .in .btn a:last-child{margin-bottom: 0;}


/*============================
#box-02
============================*/
#box-02 {
/* background-image: url(../images/index/sp-c2-bg.png); */
background-repeat: no-repeat;
background-position: center 0;
background-size: 100%;
padding-top: 25.382vw;
/* padding-bottom: 21.739vw; */
position: relative;
z-index: 10;
}

#box-02 .inner {
background-image: url(../images/index/sp-c2-bg-01.png);
background-repeat: no-repeat;
background-position: center 0;
background-size: 100%;
margin: 0 auto;
position: relative;
/*============================
#gmb-review_list
============================*/
padding-top: 46.246vw;
padding-bottom: 0.1vw;
}

#box-02 .inner .txt-01 {
width: 92.271vw;
margin: 0 auto;
position: absolute;
top: -36.473vw;
left: 0;
right: 0;
}

#box-02 .inner .ttl {
width: 94%;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: -7.005vw;
}

#box-02 .inner .pic-01 {
position: absolute;
top: -23.671vw;
left: 9.179vw;
display: none;
}

#box-02 .inner .txt-02 {
width: 88.164vw;
margin: 0 auto;
position: relative;
/* left: -1.208vw; */
}

    #review-bottom {
        width: 94.203vw;
        margin: 0 auto;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
        margin-bottom: 15.324vw;
    }
  
    #review-bottom .midashi {
        background-color: #1E68B7;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        padding: 2.899vw 6.039vw 3.623vw 3.623vw;
        position: relative;
    }
  
    #review-bottom .midashi .review-g-logo {
        float: left;
        position: relative;
        margin-top: 0.725vw;
        width: 21.739vw;
    }
  
    #review-bottom .midashi .review-box {
        float: left;
        position: relative;
        margin-top: 0.725vw;
        width: 60.386vw;
    }
  
    #review-bottom .midashi .review-g-logo .kuchi-num {
        font-weight: bold;
        background: #FBBC04;
        color: #fff;
        padding: 1.208vw;
        font-size: 3.382vw;
        display: inline-block;
        line-height: 1em;
        border-radius: 3.382vw;
        position: absolute;
        border: solid 1px #fff;
        top: -1.932vw;
        right: -1.691vw;
        min-width: 1em;
        text-align: center;
    }
  
    #review-bottom .midashi .review-company {
        font-size: 3.623vw;
        color: #ffffff;
        float: left;
        margin-left: 4.589vw;
        margin-top: 0.242vw;
        margin-bottom: 0.966vw;
        font-weight: bold;
        letter-spacing: 0px;
    }
  
    #review-bottom .midashi .review-info {
        width: 100%;
        float: left;
        overflow: hidden;
    }
  
    #review-bottom .midashi .review-info .review-evaluation {
        float: left;
        font-size: 5.797vw;
        font-weight: bold;
        color: #fff;
        margin-left: 5.797vw;
        margin-top: 2.657vw;
    }
  
    #review-bottom .midashi .review-info .star-rating {
        float: left;
        position: relative;
        margin-left: 0.483vw;
        position: relative;
        top: -1.208vw;
    }
  
    #review-bottom .midashi .review-info .star-rating .star-rating-front {
        font-size: 4.348vw;
        color: #FBBC04;
        width: 92%;
        overflow: hidden;
        position: relative;
        z-index: 9;
        margin-top: 0.966vw;
    }
  
    #review-bottom .midashi .review-info .star-rating .star-rating-back {
        font-size: 4.348vw;
        color: #ffffff;
        position: absolute;
        top: 0.966vw;
        left: 0;
    }
  
    #review-bottom .midashi .review-info .kuchi-num {
        float: left;
        font-size: 4.348vw;
        font-weight: bold;
        color: #ffffff;
        margin-left: 4.589vw;
        margin-top: -0.966vw;
    }
  
    #review-bottom .midashi .review-info .review-star-num {
        float: left;
        font-size: 4.348vw;
        font-weight: bold;
        color: #fff;
        margin-left: 4.589vw;
        margin-top: 0;
    }
  
    #review-bottom .midashi .review-info .review-btn {
        float: right;
    }
  
    #review-bottom .kuchi-frame {
        background-color: #fff;
        width: 100%;
        height: 99.275vw;
        margin: 0 auto;
        padding: 6.522vw 5.314vw 6.763vw 4.106vw;
        border-left: 1px solid #a1a1a1;
        border-right: 1px solid #a1a1a1;
        border-bottom: 1px solid #a1a1a1;
        overflow-y: scroll;
        position: relative;
    }
  
    #review-bottom .kuchi-frame ul li {
        border-bottom: 1px dotted #a1a1a1;
        padding-bottom: 4.589vw;
        margin-bottom: 5.556vw;
    }
  
    #review-bottom .kuchi-frame ul li:last-child {
        margin-bottom: 0;
    }
  
    #review-bottom .kuchi-frame ul li dt {
        font-size: 3.865vw;
        overflow: hidden;
        margin-bottom: 3.382vw;
    }
  
    #review-bottom .kuchi-frame ul li dt .star-rating {
        float: left;
        position: relative;
        margin-left: -0.725vw;
    }
  
    #review-bottom .kuchi-frame ul li dt .star-rating .star-rating-front {
        font-size: 3.865vw;
        color: #FBBC04;
        width: 80%;
        overflow: hidden;
        position: relative;
        z-index: 9;
    }
  
    #review-bottom .kuchi-frame ul li dt .star-rating .star-rating-back {
        font-size: 3.865vw;
        color: #e8e8e8;
        position: absolute;
        top: 0;
        left: 0;
    }
  
    #review-bottom .kuchi-frame ul li dt .review-date {
        font-size: 3.382vw;
        margin-left: 1.449vw;
        float: left;
        position: relative;
        top: -0.242vw;
    }
  
    #review-bottom .kuchi-frame ul li dt .review-name {
        font-size: 3.865vw;
        font-weight: bold;
        margin-left: 2.657vw;
        float: left;
        position: relative;
        top: -0.483vw;
    }
  
    #review-bottom .kuchi-frame ul li dd {
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
        color: #4d4d4d;
    }
#review-bottom .review-btn{ margin: 9vw 16vw 0; }

/*============================
#box-03
============================*/
#box-03 {
background-repeat: no-repeat;
background-position: center 0;
/* padding-top: 65.217vw; */
/* margin-top: -41.063vw; */
padding-bottom: 17.15vw;
background-color: #F3EFDC;
}

#box-03 .inner .ttl-01 {
text-align: center;
width: 100%;
margin: 0 auto;
position: relative;
/* right: -8.937vw; */
}

#box-03 .inner .list {
width: 94.203vw;
margin: 0 auto;
}

#box-03 .inner .list > li {
background-color: #FFFFFF;
border: 15px solid #F2F2F2;
position: relative;
margin-bottom: 7.246vw;
background-image: url(../images/index/sp-c3-icon.png);
background-repeat: no-repeat;
background-position: right 2.415vw bottom 2.415vw;
background-size: 9.662vw;
}

#box-03 .inner .list .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;
}

#box-03 .inner .list .flex-01 .box-l {
width: 100%;
}

#box-03 .inner .list .flex-01 .box-l .menu-01 {
width: 24.155vw;
position: absolute;
top: -3.382vw;
left: -3.623vw;
z-index: 10;
}

#box-03 .inner .list .flex-01 .box-l .pic {
position: relative;
}

#box-03 .inner .list .flex-01 .box-r {
width: 100%;
padding-top: 3.623vw;
padding-bottom: 13.527vw;
}

#box-03 .inner .list .flex-01 .box-r .ttl {
width: 84.541vw;
margin: 0 auto;
margin-bottom: 2.415vw;
}

#box-03 h4 {
width: 77.295vw;
margin: 0 auto;
font-size: 4.382vw;
letter-spacing: 0.05em;
line-height: 5.314vw;
font-weight: 700;
margin-bottom: 3vw;
margin-top: 5vw;
}

#box-03 .li-1 {
margin: 0 auto;
font-size: 3.382vw;
letter-spacing: 0.05em;
line-height: 5.314vw;
color: #4d4d4d;
margin-bottom: 1vw;
text-indent: -1em;
  padding-left: 2em;
  margin-right: 5vw;
}

/*============================
#box-04
============================*/
#box-04 {
margin-bottom: 43.478vw;
}

/*============================
#box-05
============================*/
#box-05 {
/* ------------------------- */
/* タブ */
/* ------------------------- */
/* ------------------------- */
/* タブの中身 */
/* ------------------------- */
}

#box-05 .pic-staff {
position: absolute;
top: 19.082vw;
right: 16.184vw;
z-index: 15;
width: 5.797vw;
}

#box-05 .inner {
width: 100%;
margin: 0 auto;
background-color: #DFEFFB;
position: relative;
padding-top: 9.662vw;
/* margin-bottom: 33.816vw; */
padding-bottom: 19.324vw;
}

#box-05 .inner .ttl {
width: 72.464vw;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: -23.671vw;
}

#box-05 .inner .system-list {
width: 94.203vw;
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;
}

#box-05 .inner .system-list li {
width: 45.894vw;
margin-right: 2.415vw;
margin-bottom: 5.072vw;
background-color: #FFFFFF;
}

#box-05 .inner .system-list li:nth-child(2n) {
margin-right: 0px;
}

#box-05 .inner .system-list .system-pic.fit {
position: relative;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: bottom; -ms-flex-align: bottom; -webkit-align-items: bottom; align-items: bottom;
}

#box-05 .inner .system-list .system-pic.fit img {
max-width: 100%;
width: auto;
height: 31.401vw;
}

#box-05 .inner .system-list .sy-box {
background-color: #FDF200;
text-align: center;
padding: 1.208vw 1.208vw 1.208vw 3.623vw;
font-weight: bold;
font-size: 3.14vw;
line-height: 6.28vw;
}

#box-05 .inner .system-list .sy-box .cc {
font-size: 3.865vw;
line-height: 6.28vw;
color: #ff001d;
margin-left: 1.208vw;
}

#box-05 .inner .system-list .sy-p {
padding: 3.865vw 3.623vw 6.763vw;
}

#box-05 .inner .system-list .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;
margin-bottom: 0.725vw;
}

#box-05 .inner .system-list .flex-in-01 .box-in-l {
width: 100%;
margin-bottom: 1.208vw;
}

#box-05 .inner .system-list .flex-in-01 .box-in-l .ss {
background-color: #EA72A7;
font-size: 3.382vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
color: #fff;
display: inline-block;
padding: 0.583vw 2.966vw 0.583vw;
line-height: normal;
border-radius: 1.208vw;
}

#box-05 .inner .system-list .flex-in-01 .box-in-r {
width: 100%;
font-size: 3.382vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
color: #808080;
padding-top: 0.242vw;
}

#box-05 .inner .system-list .system-ttl-01 {
color: #1a1a1a;
font-size: 3.382vw;
letter-spacing: 0.05em;
line-height: 5.314vw;
}

#box-05 .inner .btn {
width: 86.957vw;
margin: 0 auto;
margin-top: 1.932vw;
}

#box-05 .tab-area {
cursor: pointer;
max-width: 100%;
width: 77.295vw;
margin: 7.488vw auto 7.488vw;
position: relative;
z-index: 10;
position: relative;
}

#box-05 .sentaku {
width: 100%;
padding: 3.623vw 7.005vw 3.623vw;
background-color: #FFFFFF;
border-radius: 7.246vw;
border: 1px solid #F2F2F2;
/* margin-right: 2.415vw; */
line-height: 3.865vw;
position: relative;
z-index: 10;
}

#box-05 .tab {
width: 100%;
padding: 3.623vw 7.005vw 3.623vw;
background-color: #FFFFFF;
border-radius: 7.246vw;
border: 1px solid #F2F2F2;
/* margin-right: 2.415vw; */
line-height: 3.865vw;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}

#box-05 .tab:last-child {
margin-right: 0;
}

#box-05 .tab.active {
background-color: #1A1A1A;
color: #fff;
border: 1px solid #1A1A1A;
}

#box-05 .tab-area.open-box .sentaku {
border-radius: 0px;
}

#box-05 .tab-area.open-box .tab {
position: relative;
opacity: 1.0;
border-radius: 0px;
}

#box-05 .panel {
display: none;
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 0px 0 0;
}

#box-05 .panel.active {
display: block;
}

#box-05 .panel-ul {
margin: 0 auto;
max-width: 100%;
list-style-type: disc;
line-height: 1.8;
}

/*============================
#box-06
============================*/
#box-06 {
background-image: url(../images/index/sp-c6-bg.png);
background-repeat: no-repeat;
background-position: center 0;
background-size: cover;
padding-top: 17.633vw;
padding-bottom: 21.739vw;
}

#box-06 .inner .ttl {
width: 78.019vw;
margin: 0 auto;
margin-bottom: 7.005vw;
}

#box-06 .inner .deco {
width: 58.454vw;
margin: 0 auto;
position: relative;
left: 1.449vw;
}

#box-06 .inner .interview-slider-box {
width: 246.377vw;
margin: 0 auto;
position: relative;
left: -70.773vw;
}

#box-06 .inner .interview-slider-box .interview-slider {
width: 100%;
background: #fff;
border-bottom: 10px solid #F0EBD0;
padding: 4.831vw 4.831vw 12.319vw 4.831vw;
margin-bottom: 9.903vw;
margin-right: 4.831vw;
}

#box-06 .inner .interview-slider-box .interview-slider .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;
}

#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-l {
width: 100%;
/* margin-right: 4.831vw; */
margin-bottom: 3.382vw;
border: 1px solid #CCCCCC;
}

#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-l img {
width: 100%;
height: 45.894vw;
}

#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r {
width: 100%;
}

#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r .flex-in-01 {
margin-bottom: 2.899vw;
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;
}

#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r .flex-in-01 .box-in-l {
width: 26.5vw;
border-radius: 1.208vw;
background: #8c6239;
font-size: 3.382vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
color: #fff;
margin-right: 4vw;
text-align: center;
padding-bottom: 0.242vw;
}

#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r .flex-in-01 .box-in-r {
font-size: 3.382vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
color: #808080;
width: 37vw;
}

#box-06 .inner .interview-slider-box .interview-slider .flex-01 .box-r .s-ttl {
font-weight: bold;
letter-spacing: 0.05em;
color: #1a1a1a;
font-size: 4.348vw;
line-height: 7.488vw;
}

#box-06 .inner .btn {
width: 86.957vw;
margin: 0 auto;
}

#box-06 .interview-slider_rel {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
}

#box-06 .interview-slider_rel .arrow_box2 {
position: absolute;
top: 83.333vw;
width: 100%;
}

#box-06 .interview-slider_rel .arrow_box2 > div:hover {
cursor: pointer;
cursor: hand;
opacity: 0.8;
}

#box-06 .interview-slider_rel .arrow_box2 .prev-arrow2 {
background-image: url(../images/index/bx-icon-02.png);
background-repeat: no-repeat;
background-position: center 0;
width: 9.662vw;
height: 9.662vw;
position: absolute;
left: 4.106vw;
top: -37.44vw;
}

#box-06 .interview-slider_rel .arrow_box2 .next-arrow2 {
background-image: url(../images/index/bx-icon-02.png);
background-repeat: no-repeat;
background-position: center 0;
width: 9.662vw;
height: 9.662vw;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
position: absolute;
right: 4.106vw;
top: -37.44vw;
}

/*============================
#box-07
============================*/
#box-07 {
background-image: url(../images/index/sp-c7-bg.png);
background-repeat: no-repeat;
background-position: center 0;
background-size: 100%;
padding-top: 26.329vw;
padding-bottom: 23.913vw;
}

#box-07 .inner .ttl {
width: 86.957vw;
margin: 0 auto;
margin-bottom: 9.903vw;
}

#box-07 .inner .list {
width: 260.87vw;
margin: 0 auto;
margin-bottom: 9.662vw;
position: relative;
left: -78.019vw;
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;
}

#box-07 .inner .list .li01 {
width: 82.126vw;
background-color: #fff;
margin-right: 4.831vw;
border-radius: 2.415vw;
padding: 4.831vw 4.831vw 13.043vw;
}

#box-07 .inner .list .pic {
margin-bottom: 2.174vw;
}

#box-07 .inner .list .pic img {
width: 100%;
height: 38.647vw;
}

#box-07 .inner .list .s-ttl {
font-weight: bold;
color: #1a1a1a;
font-size: 4.831vw;
letter-spacing: 0.05em;
line-height: 7.971vw;
}

#box-07 .inner .rel-box {
width: 72.464vw;
margin: 0 auto;
position: relative;
/* left: 11.353vw; */
}

#box-07 .inner .rel-box .deco {
position: absolute;
bottom: -23.913vw;
left: -9.662vw;
width: 21.256vw;
}

.parara-bg { margin: 0 auto; padding-top: 15vw; background: url(../images/reason/sp-all-bg01.png) repeat-y center top; background-size: 100% auto; }

#box-07 .yotube-slider_rel {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
}

#box-07 .yotube-slider_rel .arrow_box3 {
position: absolute;
top: 83.333vw;
width: 100%;
}

#box-07 .yotube-slider_rel .arrow_box3 > div:hover {
cursor: pointer;
cursor: hand;
opacity: 0.8;
}

#box-07 .yotube-slider_rel .arrow_box3 .prev-arrow3 {
background-image: url(../images/index/bx-icon-02.png);
background-repeat: no-repeat;
background-position: center 0;
width: 9.662vw;
height: 9.662vw;
position: absolute;
left: 4.106vw;
top: -50.966vw;
}

#box-07 .yotube-slider_rel .arrow_box3 .next-arrow3 {
background-image: url(../images/index/bx-icon-02.png);
background-repeat: no-repeat;
background-position: center 0;
width: 9.662vw;
height: 9.662vw;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
position: absolute;
right: 4.106vw;
top: -50.966vw;
}

/*============================
#box-08
============================*/
#box-08 .inner .ttl {
width: 94.203vw;
margin: 0 auto;
position: relative;
/* left: 4.348vw; */
margin-bottom: 4.348vw;
}

#box-08 .inner .list {
width: 100%;
margin: 0 auto;
}

#box-08 .inner .list > li {
position: relative;
}

#box-08 .inner .list > li .txt-01 {
font-size: 3.865vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
text-align: center;
color: #1a1a1a;
margin-bottom: 19.565vw;
padding: 0 6vw 0;
}

#box-08 .inner .list .li-01 {
/* height: 140.097vw; */
margin-bottom: 11.836vw;
}

#box-08 .inner .list .li-01 .pic {
width: 85.87vw;
margin: 0 auto;
position: relative;
right: 0.725vw;
margin-bottom: 1.691vw;
}

#box-08 .inner .list .li-01 .txt-box {
/* position: absolute; */
top: 84.058vw;
left: 25.362vw;
}

#box-08 .inner .list .li-01 .txt-box .txt-01 {
margin-bottom: 5.556vw;
}

#box-08 .inner .list .li-01 .txt-box .txt-02 {
width: 74.638vw;
margin: 0 auto;
font-weight: bold;
text-decoration: underline;
color: #f87d02;
font-size: 3.865vw;
letter-spacing: 0.05em;
line-height: 10.87vw;
}

#box-08 .inner .list .li-01 .txt-box .txt-02 a {
color: #f87d02;
}

#box-08 .inner .list .li-02 {
height: auto;
margin-bottom: 21.014vw;
}

#box-08 .inner .list .li-02 .pic {
width: 87.681vw;
margin: 0 auto;
position: relative;
right: 0px;
margin-bottom: 4.106vw;
}

#box-08 .inner .list .li-02 .txt-box {
text-align: right;
}

#box-08 .inner .list .li-02 .txt-box .txt-02 {
width: 74.638vw;
margin: 0 auto;
font-weight: bold;
text-decoration: underline;
color: #f87d02;
font-size: 3.865vw;
letter-spacing: 0.05em;
line-height: 10.87vw;
}

#box-08 .inner .list .li-02 .txt-box .txt-02 a {
color: #f87d02;
}

#box-08 .inner .list .li-02 .txt-box .txt-02 {
width: 74.638vw;
margin: 0 auto;
font-weight: bold;
text-decoration: underline;
color: #f87d02;
font-size: 3.865vw;
letter-spacing: 0.05em;
line-height: 10.87vw;
}

#box-08 .inner .list .li-02 .txt-box .txt-02 a {
color: #f87d02;
}

#box-08 .inner .list .li-03 {
height: auto;
}

#box-08 .inner .list .li-03 .pic {
width: 92.995vw;
margin: 0 auto;
position: relative;
right: 0px;
margin-bottom: 4.106vw;
}

#box-08 .inner .list .li-03 .txt-box {
/* position: absolute; */
/* top: 84.058vw; */
/* left: 25.362vw; */
}

#box-08 .inner .btn {
width: 86.957vw;
margin: 0 auto;
}

/*============================
#box-09
============================*/
#box-09 {
background-image: url(../images/index/sp-c9-bg.png);
background-repeat: no-repeat;
background-position: center 34.783vw;
background-size: 100%;
padding-top: 50.483vw;
/* height: 437.198vw; */
}

#box-09 .inner .ttl {
width: 93.961vw;
margin: 0 auto;
margin-bottom: 6.522vw;
position: relative;
/* left: 3.382vw; */
}

.system-list_box {
background-color: #F2FAFC;
padding-bottom: 10vw;
}

#box-09 .inner .system-list {
width: 95%;
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;
}

#box-09 .inner .system-list li {
width: 100%!important;
position: relative;
margin-right: 3vw;
margin-bottom: 5vw;
}


#box-09 .inner .system-list .system-pic {
width: 41vw;
border: 10px solid #fff;
border-radius: 50%;
margin: 0 auto;
z-index: 10;
position: relative;
}

#box-09 .inner .system-list .system-pic img {
width: 36vw;
height: 36vw;
border-radius: 50%;
}

#box-09 .inner .system-list .sy-box {
width: 100%;
height: 26vw;
border-radius: 1.208vw;
background: #2784d8;
text-align: center;
position: relative;
top: -7.488vw;
padding: 8vw 5vw;
margin-bottom: -7.488vw;
}

#box-09 .inner .system-list .sy-box .system-ttl-01 {
font-weight: bold;
font-size: 4.348vw;
letter-spacing: 0.05em;
line-height: 7.971vw;
color: #fff;
margin-bottom: -2.174vw;
}

#box-09 .inner .system-list .sy-box .sy-txt {
font-size: 2.899vw;
letter-spacing: 0.05em;
line-height: 7.971vw;
color: #ffeb00;
}


#box-09 .slider-mv-sp_staff {overflow: hidden;}
#box-09 .slider-mv-box {position: relative;margin-bottom: -3.8vw;height: auto;}
#box-09 .slider-mv {position: relative;left: -5vw;top: -1.4vw;}
#box-09 .slider-mv-pic {width: 100%;}
#box-09 .slider-mv-box .slick-list {padding-top: 0;}


/*============================
#box10
============================*/
#box10 {
background-image: url(../images/index/sp-box10-bg-u.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
padding-bottom: 24.155vw;
}

#box10 .inner .ttl {
width: 100%;
margin: 0 auto;
}

#box10 .inner .system-list {
width: 94.203vw;
margin: 0 auto;
margin-bottom: 7.246vw;
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;
}

#box10 .inner .system-list > li {
width: 45.894vw;
background: #f2f2f2;
border: 1px solid #ccc;
padding: 3.623vw 3.623vw 5.556vw 3.623vw;
margin-bottom: 4.831vw;
margin-right: 2.415vw;
}

#box10 .inner .system-list > li:nth-child(2n) {
margin-right: 0px;
}

#box10 .inner .system-list .system-pic {
margin-bottom: 1.449vw;
}

#box10 .inner .system-list .system-pic.fit img {
width: 100%;
height: 26.57vw;
}

#box10 .inner .system-list .sy-date {
font-size: 3.382vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
color: #808080;
margin-bottom: 1.449vw;
}

#box10 .inner .system-list .system-ttl-01 {
font-size: 3.865vw;
letter-spacing: 0.05em;
line-height: 5.797vw;
color: #1a1a1a;
}

#box10 .inner .btn {
width: 86.957vw;
margin: 0 auto;
}

.o-box {
background-color: #F2F2F2;
padding: 12.802vw 0 15.981vw;
}

.o-box .inner {
width: 100%;
margin: 0 auto;
}

.o-box .inner .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;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.o-box .inner .flex-01 .box-l {
width: 94.203vw;
margin: 0 auto;
}

.o-box .inner .flex-01 .box-r {
width: 94.203vw;
margin: 0 auto;
background-color: #FFFFFF;
}

.o-box .inner .flex-01 .box-r .ttl-box {
background-color: #005897;
height: 16.908vw;
position: relative;
margin-bottom: 1.932vw;
}

.o-box .inner .flex-01 .box-r .ttl-box .ttl {
position: absolute;
top: 4.348vw;
left: 5.797vw;
width: 49.517vw;
}

.o-box .inner .flex-01 .box-r .ttl-box .btn {
position: absolute;
top: 4.831vw;
right: 3.865vw;
width: 20.894vw;
}

.o-box .inner .flex-01 .box-r .system-list {
padding: 0px 4.831vw 3.865vw 4.831vw;
overflow-y: scroll;
height: 67.874vw;
}

.o-box .inner .flex-01 .box-r .system-list > li a {
display: block;
border-bottom: 1px solid #F2F2F2;
padding-top: 3.865vw;
padding-bottom: 5.314vw;
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;
}

.o-box .inner .flex-01 .box-r .system-list .sy-date {
font-size: 3.382vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
color: #808080;
width: 100%;
margin-bottom: 1.449vw;
}

.o-box .inner .flex-01 .box-r .system-list .system-ttl-01 {
/* width: calc(100% - 25.845vw); */
font-size: 3.865vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
color: #1a1a1a;
}

.top_ano #ee {

}

#o-btn{
width: 86.957vw;
margin: 0 auto;
margin-top: 7.729vw;
}


/*============================
#box-12
============================*/
#box-12 {
/* background-image: url(../images/index/sp-c12-bg.png); */
/* background-repeat: no-repeat; */
/* background-position: 0 center; */
/* background-size: cover; */
/* padding-top: 14.251vw; */
/* padding-bottom: 0.242vw; */
}

#box-12 .inner {
width: 100%;
margin: 0 auto;
/* background-image: url(../images/index/sp-c12-bg.png); */
/* background-repeat: no-repeat; */
/* background-position: 0 center; */
/* background-size: cover; */
/* padding-top: 14.251vw; */
/* padding-bottom: 0.242vw; */
}

#box-12 .inner .s-box-01 {
/* margin-bottom: 16.908vw; */
background-image: url(../images/index/sp-c12-bg.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: cover;
padding-top: 14.251vw;
padding-bottom: 36.232vw;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box {
width: 100%;
/* padding-left: 4.831vw; */
/* margin-left: 4.831vw; */
margin-bottom: 5.314vw;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box .s-ttl {
width: 65.217vw;
margin: 0 auto;
margin-bottom: 8.213vw;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box .txt-01 {
font-weight: bold;
font-size: 4.831vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
color: #1a1a1a;
margin-bottom: 7.729vw;
text-align: center;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box .txt-box {
width: 91.787vw;
margin: 0 auto;
font-size: 3.865vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box .txt-box .p-mb {
margin-bottom: 6.039vw;
margin-left: 0.483vw;
}

#box-12 .inner .s-box-01 .s-box-01-txt-box .txt-box .ano {
font-size: 3.14vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
margin-left: 0.483vw;
}

#box-12 .inner .s-box-01 .s-pic {
width: 96.739vw;
margin-left: 3.14vw;
/* position: absolute; */
/* top: -23.188vw; */
/* right: 7.005vw; */
}

#box-12 .inner .s-box-02 {
position: relative;
}

#box-12 .inner .s-box-02 .s-ttl-02 {
width: 41.063vw;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: -19.082vw;
}

#box-12 .inner .s-box-02 .hito {
width: 43.3vw;
position: absolute;
top: -38.889vw;
right: -10vw;
}

#box-12 .inner .s-box-02 .bg-box {
background-color: #3461AC;
padding: 7.246vw 2.899vw 4.831vw 2.899vw;
margin-bottom: 7.246vw;
}

#box-12 .inner .s-box-02 .bg-box .com-list {
width: 100%;
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;
}

#box-12 .inner .s-box-02 .bg-box .com-list > li {
width: 100%;
/* margin-right: 4.831vw; */
margin-bottom: 4.831vw;
position: relative;
border-top: 10px solid #E6E6E6;
background-color: #fff;
padding: 4.831vw 2.415vw 4.831vw 2.415vw;
}

#box-12 .inner .s-box-02 .bg-box .com-list > li:nth-child(2n) {
margin-right: 0px;
}

#box-12 .inner .s-box-02 .bg-box .com-list .com-txt-01 {
width: 24.155vw;
position: absolute;
top: 0;
right: 2.415vw;
}

#box-12 .inner .s-box-02 .bg-box .com-list .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;
}

#box-12 .inner .s-box-02 .bg-box .com-list .flex-01 .box-l {
width: 21.739vw;
margin-right: 2.174vw;
}

#box-12 .inner .s-box-02 .bg-box .com-list .flex-01 .box-r {
width: calc(100% - 26.329vw);
padding-top: 0.483vw;
}

#box-12 .inner .s-box-02 .bg-box .com-list .flex-01 .box-r .com-ttl {
font-weight: bold;
font-size: 3.623vw;
letter-spacing: 0.05em;
line-height: 6.28vw;
color: #3461ac;
margin-bottom: 0.966vw;
}

#box-12 .inner .s-box-02 .bg-box .com-list .flex-01 .box-r .txt-box {
font-size: 2.899vw;
letter-spacing: 0.05em;
line-height: 4.589vw;
}

#box-12 .inner .btn {
width: 86.957vw;
margin: 0 auto;
margin-bottom: 29.71vw;
}

.insta-img-box {width: 90vw; margin: 6vw auto 6vw;
}

     /* form -------------------------------------*/
     .form-Box { line-height: 1.6; margin-bottom: 0vw; padding: 8.923vw 3.865vw 13%; background-color: #83d4ef; }

     .form-Box .list{margin-bottom: 10px;}

     .form-Box .form-Box-inner { padding: 8% 5%; background: #fff; }
     .form-Box .form-list { font-size: 3.4vw; margin-bottom: 10%; }
     .form-Box .error { margin-bottom: 1vw; }
     .form-Box .attention-color { color: #f00; }
     .form-Box .form-list li { margin-bottom: 0.725vw; padding-left: 1vw; text-indent: -1vw; }
     .form-Box table { font-size: 1.4rem; line-height: 1.6; width: 100%; margin-bottom: 10%; border-bottom: 1px solid #dcdddd; }
     .form-Box tr { margin-bottom: 0 !important; }
     .form-Box th { display: block; width: 100%; padding: 3%; text-align: left; vertical-align: top; border: 1px solid #dcdddd; background-color: #eeefef; }
     .form-Box td { display: block; width: 100%; padding: 7% 3%; text-align: left; vertical-align: top; border: 1px solid #dcdddd; border-bottom: 0; }
     .form-Box td label{display: block; height: 2vw;}   
     .form-Box .from-btn-01 { text-align: center; }
     .form-Box .from-btn-02 { margin-top: 10%; }
     .form-Box .from-btn-02 p { margin-bottom: 3%; }
     .form-Box input[type="text"],.form-Box input[type="email"],.form-Box input[type="tel"],.form-Box input[type="date"],.form-Box select,.form-Box textarea { font-size: 16px !important; -webkit-box-sizing: border-box; box-sizing: border-box; width: 99%; margin-bottom: 2%; padding: 2%; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
     .form-Box input.input-txt1 { width: 30%; }
     .form-Box textarea { font-size: 3.4vw; line-height: 1.6; min-height: 20vw; }
     .form-Box select { font-size: 3.4vw; -webkit-box-sizing: border-box; box-sizing: border-box; width: 60%; padding: 3% 2% 4%; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
   
   
     .form-Box-txt-01 {position: relative; top: -73.43vw; left: -6.522vw;  width: 100vw; margin: 0 auto; margin-bottom: -67.15vw;
    }
     
     .form-Box-txt-02 {;
    }

    .form-Box-txt-02{
font-size: 7vw;
        font-weight: bold;
        text-align: center;
        line-height: 1;
        margin-bottom: 5vw;
        position: relative;
        line-height: 1.3;
}
.form-Box-txt-02 span{
font-size: 3vw; text-align: center; color: rgb(0 0 0 / .3); position: relative; top: -2vw;
}

.form-Box-txt-02::before{
content: "";
        width: 14vw;
        height: 14vw;
        margin: 0 auto;
        position: absolute;
        left: 9vw;
        top: 0vw;
        background: url(../images/index/bg-ttl-01-br.png) no-repeat top center;
        background-size: 14vw;
}

.form-Box-txt-02::after{
/* content: ""; width: 9vw; height: 9vw; margin: 0 auto; position: absolute; right: 0vw; top: 0vw;
    background: url(../images/index/bg-ttl-01-bl.png) no-repeat top center; background-size: 9vw;
transform: scaleX(-1); */
}

   
     .required::after { content: "【必須】"; color: #f00; }
     .btn-type01 { overflow: hidden; width: 100%; height: 20vw; cursor: pointer; text-indent: -2415.217vw; border: none; background: url("../images/common/con-btn-01.svg") no-repeat; background-size: 100% auto; }
     .btn-type02 { overflow: hidden; width: 100%; height: 20vw; cursor: pointer; text-indent: -2415.217vw; border: none; background: url("../images/common/con-btn-02.svg") no-repeat; background-size: 100% auto; }
     .btn-type03 { overflow: hidden; width: 100%; height: 20vw; cursor: pointer; text-indent: -2415.217vw; border: none; background: url("../images/common/con-btn-03.svg") no-repeat; background-size: 100% auto; }
     .priv-title { margin-bottom: 4%; text-align: center; }
     .priv-text { overflow-y: scroll; height: 60vw; margin-bottom: 4vw; padding: 4vw; border: #ccc solid 1px; background: #fff; }
     .priv-text .priv-ttl { font-size: 1.5rem; font-weight: bold; margin-bottom: 2%; }
     .priv-text p { font-size: 1.3rem; margin-bottom: 4%; margin-bottom: 4%; padding-bottom: 4%; border-bottom: #ccc solid 1px; }
     .priv { margin-bottom: 5%; text-align: center; }
     .priv-text .tt { font-size: 4vw; font-weight: bold; margin-bottom: 4vw; }


}

/*# sourceMappingURL=page-top.css.map */