@charset "UTF-8";
#event .icon01 { background-color: #fa6060 !important; }
#event .icon02 { background-color: #f09100 !important; }
#event .icon03 { background-color: #2882a8 !important; }
#event .icon04 { background-color: #52bac9 !important; }
#event .icon05 { background-color: #a0b428 !important; }
#event .icon06 { background-color: #a89428 !important; }
#event .icon07 { background-color: #28a86d !important; }

.news-flex .sy-cate.icon01{
  background-color: #D4B382 !important;;
}
.news-flex .sy-cate.icon02{
  background-color: #C19270 !important;;
}
.news-flex .sy-cate.icon03{
  background-color: #d59639 !important;;
}

#box-06 .inner .system-list .sy-cate.icon01 {background-color: #D4B382;}
#box-06 .inner .system-list .sy-cate.icon02 {background-color: #C19270;}
#box-06 .inner .system-list .sy-cate.icon03 {background-color: #d59639;}
#box-06 .inner .system-list .sy-cate.icon04 {background-color: #d6ac51;}
#box-06 .inner .system-list .sy-cate.icon05 {background-color: #9d7c36;}

.bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-box .sy-cate.blog-icon01{background-color: #D4B382;}
.bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-box .sy-cate.blog-icon02{background-color: #C19270;}




@media screen and (min-width: 768px), print {
  #review-bottom{width: 100%;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;margin-top: 100px; margin-bottom: 70px;}
  #review-bottom .midashi{background-color: #524743;width: 880px;margin: 0 auto;overflow: hidden;padding: 20px 25px 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: #fabe00;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;}
  #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: 14px;}
  #review-bottom .midashi .review-info .star-rating .star-rating-front{font-size: 20px;color: #fabe00;width: 92%;overflow: hidden;position: relative;z-index: 9;margin-top: 4px;}
  #review-bottom .midashi .review-info .star-rating .star-rating-back{font-size: 20px;color: #ffffff;position: absolute;top: 4px;left: 0;}
  #review-bottom .midashi .review-info .kuchi-num{float: left; font-size: 24px;font-weight: bold;color: #ffffff;margin-left: 14px;margin-top: 0;}
  #review-bottom .midashi .review-info .review-star-num{float: left;font-size: 24px;font-weight: bold;color: #fff;margin-left: 24px;margin-top: 0;}
  #review-bottom .midashi .review-info .review-btn{float: right;}
  #review-bottom .kuchi-frame{width: 880px;height: 300px;margin: 0 auto;padding: 25px 40px;border-left: 1px solid #a1a1a1;border-right: 1px solid #a1a1a1;border-bottom: 1px solid #a1a1a1;overflow-y: scroll;}
  #review-bottom .kuchi-frame ul{}
  #review-bottom .kuchi-frame ul li{border-bottom: 1px dotted #a1a1a1;padding-bottom: 25px;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: 10px;}
  #review-bottom .kuchi-frame ul li dt .star-rating{float: left;position: relative;}
  #review-bottom .kuchi-frame ul li dt .star-rating .star-rating-front{font-size: 16px;color: #fabe00;width: 80%;overflow: hidden;position: relative;z-index: 9;}
  #review-bottom .kuchi-frame ul li dt .star-rating .star-rating-back{font-size: 16px;color: #e8e8e8;position: absolute;top: 0;left: 0;}
  #review-bottom .kuchi-frame ul li dt .review-date{font-size: 16px;margin-left: 30px;float: left;}
  #review-bottom .kuchi-frame ul li dt .review-name{font-size: 16px;font-weight: bold; margin-left: 30px;float: left;}
  #review-bottom .kuchi-frame ul li dd{font-size: 12px;color: #666666; line-height: 24px;}
	
	body { background-image: url(../images/index/mv-area.jpg); background-repeat: no-repeat; background-position: center 0; }
  header { height: 145px; }
  header .h-box { width: 1100px; margin: 0 auto; position: relative; }
  header .h-logo { position: absolute; top: 38px; left: -50px; }
  header .h-sns-list { position: absolute; top: 76px; left: 324px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  header .h-sns-list li { width: 30px; margin-right: 30px; }
  header .h-sns-list li:last-child { margin-right: 0; }
  header .h-sns-list02 { position: absolute; right: 0px; top: 38px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  header .h-sns-list02 li { width: 190px; margin-right: 10px; }
  header .h-sns-list02 li:nth-child(1) {top: 3px;position: relative; }
  header .h-sns-list02 li:nth-child(2) {top: 28px;position: relative; }
  header .h-sns-list02 li:last-child { margin-right: 0; top: 20px; position: relative; top: 28px; }
  #bx-sra-pc { width: 1000px; margin: 0 auto; position: relative; left: 0px; }
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width: 10px; }
  #bx-sra-pc .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 245px; right: -50px; width: 10px; z-index: 200; }
  #bx-sra-pc .bx-wrapper .bx-pager.bx-default-pager a { border-radius: 0px; }
  #bx-sra-pc .bx-wrapper .bx-pager.bx-default-pager a:hover, #bx-sra-pc .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #fff; border: 3px solid #1a1a1a; }
  #bx-sra-pc .bx-wrapper .bx-pager.bx-default-pager a:hover, #bx-sra-pc .bx-wrapper .bx-pager.bx-default-pager a { background-color: #1a1a1a; margin-bottom: 20px; }
  #bx-sra-pc .bx-wrapper .bx-pager.bx-default-pager a:hover { background-color: #fff; border: 3px solid #1a1a1a; }
  .mv-ttl { width: 1100px; height: 130px; margin: 0 auto; position: relative; }
  .mv-ttl .ttl { position: absolute; top: -150px; left: -53px; z-index: 500; }
  .mv-ttl .mv-tel { position: absolute; right: 10px; bottom: 61px; }
  .mv-ttl .mv-time {font-size: 14px; letter-spacing: 1px; position: absolute; right: 5px; bottom: 30px; }

  #event { width: 1200px; margin: 80px auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background-color: #ffffff; padding: 36px 50px 52px; }
  #event .deco { position: absolute; top: -50px; left: 305px; }
  #event .inner { position: relative; }
  #event .inner .ttl2 { color: #1a1a1a; font-family: 'Barlow', sans-serif; font-size: 38px; font-weight: 500; letter-spacing: 1.9px; line-height: normal; text-transform: uppercase; text-align: center; margin-bottom: 10px; }
  #event .inner .txt-001 { text-align: center; margin-bottom: 30px; }
  #event .inner .system-list { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #event .inner .system-list li { width: 260px; margin-right: 20px; }
  #event .inner .system-list li:nth-child(4n) { margin-right: 0px; }
  #event .inner .system-list .system-pic { width: 260px; height: 180px; }
  #event .inner .system-list .system-pic img { max-width: 100%; width: auto; height: 180px; height: auto; }
  #event .inner .system-list .sy-cate { width: 260px; background-color: #fa6060; text-align: center; color: #ffffff; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; text-align: center; padding: 3px 2px 3px; margin-bottom: 15px; }
  #event .inner .system-list .sy-date { color: #4d4d4d; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; margin-bottom: 11px; padding-left: 3px; }
  #event .inner .system-list .system-ttl-01 { color: #1a1a1a; font-size: 16px; letter-spacing: 0.8px; line-height: normal; }
  #event .inner .btn-01 { position: absolute; top: 52px; right: 7px; color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: normal; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 1px top 3px; padding-right: 36px; padding-top: 5px; }
  #event .sy-txtare .wysiwyg{
color: #4d4d4d;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.8px;
margin-bottom: 10px;
  }

  .o-list { width: 1100px; margin: 0 auto; margin-bottom: 111px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  .o-list li { width: 340px; }
  .news-flex { width: 1100px; margin: 0 auto; margin-bottom: 139px; position: relative; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .news-flex .box-l { margin-right: 203px; }
  .news-flex .box-l .ttl { color: #1a1a1a; font-family: 'Barlow', sans-serif; font-size: 26px; font-weight: 400; letter-spacing: 1.3px; }
  .news-flex .box-r { width: 820px; position: relative; top: -9px; }
  .news-flex .box-r .system-list li { border-bottom: 1px dotted #000; }
  .news-flex .box-r .system-list li a { padding-top: 24px; padding-bottom: 10px; padding-left: 22px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .news-flex .box-r .system-list .sy-deta { color: #c9a063; font-family: Meiryo; font-size: 12px; font-weight: 400; letter-spacing: 1.2px; line-height: normal; /* Text style for "2020/00/00" */ /* letter-spacing: normal; */ line-height: normal; margin-right: 13px; }
  .news-flex .box-r .system-list .sy-cate { background-color: #1a1a1a; color: #ffffff; font-size: 12px; font-weight: 400; letter-spacing: 1.2px; display: inline-block; min-width: 87px; height: 20px; text-align: center; position: relative; top: -1px; margin-right: 32px; }
  .news-flex .box-r .system-list .sy-ttl { color: #1a1a1a; font-size: 16px; line-height: normal; letter-spacing: 1.6px; top: -2px; position: relative; }
  .news-flex .btn-01 { position: absolute; top: 59px; left: 7px; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 0; padding-right: 37px; }
  /*============================ #box-01 ============================*/
  #box-01 { margin-bottom: 127px; }
  #box-01 .inner .flex-01 { width: 1100px; margin: 0 auto; margin-bottom: 50px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-01 .inner .flex-01 .box-l { width: 490px; margin-right: 60px; }
  #box-01 .inner .flex-01 .box-l .ttl { position: relative; left: 5px; top: 13px; }
  #box-01 .inner .flex-01 .box-r { width: 550px; }
  #box-01 .inner .flex-01 .box-r .txt-box { color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 36px; }
  #box-01 .inner .flex-01 .box-r .txt-box .p-mb { margin-bottom: 36px; }
  #box-01 .inner #sra-bg-box { margin-bottom: 30px; }
  #box-01 .inner #sra-bg-box li { background-repeat: no-repeat; background-position: center 0; height: 480px; }
  #box-01 .inner #sra-bg-box li:nth-child(1) { background-image: url(../images/index/bg-sra-01.jpg); }
  #box-01 .inner #sra-bg-box li:nth-child(2) { background-image: url(../images/index/bg-sra-02.jpg); }
  #box-01 .inner #sra-bg-box li:nth-child(3) { background-image: url(../images/index/bg-sra-03.jpg); }
  #bgbg-area { /* margin-bottom: 100px; */ background-image: url(../images/index/bg-t-01.jpg), url(../images/index/bg-ptn.png); background-repeat: no-repeat,repeat; background-position: center top 0px,right 0px bottom 0px; padding-top: 77px; padding-bottom: 71px; }
  /*============================ #youtube-area ============================*/
  .youtube-area { width: 800px; margin: 0 auto 80px; } 
  .youtube-area iframe {  }
  /*============================ #box-02 ============================*/
  #box-02 .inner { width: 1400px; margin: 0 auto; }
  #box-02 .inner .ttl { color: #b1774c; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 36px; font-weight: 400; letter-spacing: 3.6px; line-height: normal; text-align: center; margin-bottom: 54px; }
  #box-02 .inner .ttl .ss { color: #1a1a1a; font-size: 20px; font-weight: 400; letter-spacing: 2px; line-height: normal; display: block; margin-bottom: 12px; }
  #box-02 .inner .flex-01 { margin-bottom: 100px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; background-color: #fff; }
  #box-02 .inner .flex-01 .box-l { width: 50%; }
  #box-02 .inner .flex-01 .box-r { width: 50%; padding: 132px 40px 40px; }
  #box-02 .inner .flex-01 .box-r .ttl-02 { text-align: center; margin-bottom: 30px; }
  #box-02 .inner .flex-01 .box-r .bg-txt { width: 508px; margin: 0 auto; margin-bottom: 33px; }
  #box-02 .inner .flex-01 .box-r .bg-txt .mb-01 { margin-bottom: 7px; }
  #box-02 .inner .flex-01 .box-r .bg-txt p { color: #1a1a1a; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 1px; text-align: center; border-bottom: 1px dotted #000; padding-top: 5px; padding-bottom: 3px; padding-right: 0px; padding-left: 9px; }
  #box-02 .inner .flex-01 .box-r .txt-box { width: 510px; margin: 0 auto; color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 30px; margin-bottom: 36px; }
  /*============================ #box-03 ============================*/
  #box-03 { width: 1190px; margin: 0 auto; position: relative; }
  #box-03 .inner .ttl { position: absolute; top: -20px; left: -6px; }
  #box-03 .inner .flex-01 { width: 1000px; margin-left: 185px; margin-bottom: 78px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-03 .inner .flex-01 .pic { margin-bottom: 15px; }
  #box-03 .inner .flex-01 .ttl-box-01 { border-bottom: 1px dotted #000; padding-bottom: 14px; margin-bottom: 15px; }
  #box-03 .inner .flex-01 .ttl-box-01 .ttl-02 { text-align: center; color: #1a1a1a; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 2px; line-height: 28px; }
  #box-03 .inner .flex-01 .txt-box-01 { color: #4d4d4d; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: 24px; }
  #box-03 .inner .flex-01 .box-l { width: 490px; margin-right: 20px; }
  #box-03 .inner .flex-01 .box-r { width: 490px; }
  #box-03 .inner .flex-02 { width: 1000px; margin-left: 185px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-03 .inner .flex-02 .pic { margin-bottom: 11px; }
  #box-03 .inner .flex-02 .ttl-box-01 { border-bottom: 1px dotted #000; padding-bottom: 10px; margin-bottom: 12px; }
  #box-03 .inner .flex-02 .ttl-box-01 .ttl-02 { color: #1a1a1a; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 24px; text-align: center; }
  #box-03 .inner .flex-02 .txt-box-01 { color: #4d4d4d; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: 24px; }
  #box-03 .inner .flex-02 .box-l { width: 320px; margin-right: 20px; }
  #box-03 .inner .flex-02 .box-m { width: 320px; margin-right: 20px; }
  #box-03 .inner .flex-02 .box-r { width: 320px; }

  #box-qa{ width:1200px; margin:0 auto 90px; padding-top:90px; }
  #box-qa .txt-01{ text-align:center; margin-bottom:10px; }  
  #box-qa .ttl{ text-align:center; font-size:34px; letter-spacing:6.5px; color:#42311D; margin-bottom:30px; }
  #box-qa .btn{ text-align:center; padding-top:40px; }
  #box-qa .inner .inc-sys .list2 li{ margin-bottom:20px; position:relative; }
  #box-qa .inner .inc-sys .list2 li::before{ content: url(../images/index/qa-arrow.png); position: absolute; top: 15px; right: 22px; }  
  #box-qa .inner .inc-sys .list2 .q-txt .sy-txt { color: #1a1a1a; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 16px; font-weight: 500; font-style: normal; letter-spacing: 0.8px; line-height: 30px; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; }
  #box-qa .inner .inc-sys .list2 .a-txt .sy-txt { color: #1a1a1a; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 16px; font-weight: 500; font-style: normal; letter-spacing: 0.8px; line-height: 30px; margin-bottom: 0; padding-top: 2px; padding-bottom: 7px; }
  .dn { display: none; }
  #box-qa .inner .inc-sys .ttl2 { color: #1a1a1a; font-size: 18px; font-weight: 500; letter-spacing: 0.9px; line-height: 40px; margin-bottom: 5px; }
  #box-qa .inner .inc-sys .list2 .q-txt { border-radius: 10px; border-bottom: 3px solid #B1774C; background-color: #DFDBD5; padding: 11px 20px 7px; color: #1a1a1a; font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 40px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-qa .inner .inc-sys .list2 .q-txt .cc { color: #28B0C5; font-size: 30px; font-weight: 500; letter-spacing: 1.1px; line-height: 40px; width: 45px; }
  #box-qa .inner .inc-sys .list2 .q-txt .sy-txt { width: 1047px; }
  #box-qa .inner .inc-sys .list2 .a-txt { border-radius: 10px; color: #1a1a1a; font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 30px; border-bottom: 3px solid #B1774C; background-color: #F2F2F3; padding: 28px 20px 25px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-qa .inner .inc-sys .list2 .a-txt .cc { color: #B1774C; font-size: 30px; font-weight: 500; letter-spacing: 1.1px; line-height: 40px; width: 45px; position: relative; top: -4px; }
  #box-qa .inner .inc-sys .list2 .a-txt .sy-txt { width: 1047px; }
  .ca2-box { margin-top: 0; } 




  /*============================ #box-04 ============================*/
  #box-04 { background-image: url(../images/index/bg-02.jpg); background-repeat: no-repeat; background-position: center 0; padding: 50px 0 50px; }
  #box-04 .inner .ttl { text-align: center; margin-bottom: 30px; }
  #box-04 .inner .pic { margin-bottom: 15px; }
  #box-04 .inner .txt-box { width: 340px; color: #4d4d4d; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: 24px; margin-left: 10px; }
  #box-04 .inner .list { width: 1180px; margin: 0 auto; position: relative; left: 13px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-04 .inner .list .li01 { width: 360px; margin-right: 40px; }
  #box-04 .inner .list .li02 { width: 360px; margin-right: 40px; }
  #box-04 .inner .list .li03 { width: 360px; padding-right: 0px; }

  /*============================ #box-05 ============================*/
  #box-05 {margin: 0 auto 80px; background-image: url(../images/index/bg-03.jpg); background-repeat: no-repeat; background-position: center 0; padding-top: 80px; padding-bottom: 50px; border-bottom: 30px solid #524743;}
  #box-05 .inner { /*============================ #event ============================*/ }
  #box-05 .inner .ttl { text-align: center; color: #28b0c5; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 46px; font-weight: 400; letter-spacing: 4.6px; line-height: normal; margin-bottom: 43px; position: relative; left: 3px; }
  #box-05 .inner .ttl .ss { color: #1a1a1a; font-size: 28px; font-weight: 400; letter-spacing: 2.8px; line-height: normal; display: block; margin-bottom: -1px; }
  #box-05 .inner .list { width: 1145px; margin: 0 auto; margin-bottom: 91px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-05 .inner .list .li-pic { margin-bottom: 14px; }
  #box-05 .inner .list .li-txt { color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; text-align: center; padding-left: 23px; }
  #box-05 .inner .list .li02 .li-txt { padding-left: 4px; }
  #box-05 .inner .list .li01 { margin-right: 40px; padding-left: 0px; }
  #box-05 .inner .list .li02 { position: relative; }
  #box-05 .inner .list .li02 .deco { position: absolute; top: -60px; right: -30px; }

    /* movie -------------------------------------*/
    #movie{margin-bottom: 120px;}
    #movie .ttl{font-size: 32px;text-align: center;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;color: #52bac9;}
    #movie .txt-01{font-size: 16px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;text-align: center;margin-bottom: 30px;}
    #movie .system-list {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;width: 1280px;margin: 0 auto;}
    #movie .system-list li {line-height: 1.4;width: 22%;margin-right: 4%;background: #fff;position: relative;margin-bottom: 20px;float: left;}
    #movie .system-list li:nth-child(4n) { margin-right: 0; }
    #movie .system-list li a:hover { text-decoration: none; }
    #movie .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
    #movie .system-list .btn::after { content: ' >'; }
    #movie .system-pic {position: relative;width: 100%;height: 170px;overflow: hidden;text-align: center;margin-bottom: 15px;}
    #movie .system-pic img {width: 100%;height: 170px;}
    #movie .system-pic a::before{content: url(../images/common/yt-pic.png);position: absolute;top: 60px;left: 50%;z-index: 3;margin-left: -44px;}
    #movie .system-coment { font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
    #movie .system-ttl-01 {margin-bottom: 20px;font-size: 18px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 700;}
    #movie .system-txt{font-size: 16px;line-height: 1.6;letter-spacing: 0.8px;font-weight: normal;}
    #movie .system-category-set { margin-bottom: 15px; margin-top: -15px; }
    #movie .system-category {margin-bottom: 1px;font-size: 14px;font-weight: bold;color: #fff;text-align: center;padding: 8px;background-color: #ccc;}
    #movie .serchcategory { margin-bottom: 100px; }
    #movie .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
    #movie .icon01 { background: #52bac9; }
    #movie .icon02 { background: #D4B382; }
    .moviecon{width: 800px;height: auto;padding:40px;background: #fff;margin: 0 auto;}
    .moviecon iframe{width: 100%;height: 400px;}

  /*============================ #box-06 ============================*/
  #box-06 { padding-top: 66px; padding-bottom: 62px; }
  #box-06 .inner { width: 1100px; margin: 0 auto; position: relative; }
  #box-06 .inner .ttl { margin-bottom: 9px; color: #1a1a1a; font-family: 'Barlow', sans-serif; font-size: 42px; font-weight: 400; letter-spacing: 2.1px; line-height: normal; margin-bottom: 7px; margin-left: 4px; }
  #box-06 .inner .txt-01 { margin-bottom: 30px; margin-left: 2px; }
  #box-06 .inner .system-list { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-06 .inner .system-list li { width: 260px; margin-right: 20px; margin-bottom: 5px; }
  #box-06 .inner .system-list li:nth-child(4n) { margin-right: 0px; }
  #box-06 .inner .system-list li:nth-child(n +5) { display: none; }
  #box-06 .inner .system-list .system-pic.fit { width: 260px; height: 180px; }
  #box-06 .inner .system-list .system-pic.fit img { width: 100%; height: 180px; }
  #box-06 .inner .system-list .sy-cate { background-color: #1a1a1a; color: #ffffff; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; text-align: center; padding: 3px 3px 3px; margin-bottom: 2px; /* padding: 0 2px; */ }
  #box-06 .inner .system-list .sy-txt-box { margin-top: 16px; color: #c9a063; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; margin-bottom: 11px; padding-left: 5px; padding-right: 5px; }
  #box-06 .inner .system-list .sy-txt-box span:nth-child(2n) { margin-left: 7px; }
  #box-06 .inner .system-list .system-ttl-01 { color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; }
  #box-06 .btn-01 { position: absolute; top: 59px; right: 8px; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 0px; padding-right: 36px; }


  #box-06 .serchcategory { margin-bottom: 40px; }

  #box-06 .sub-title{
    padding: 0px 0px 8px;
    color: #1a1a1a;
    margin-bottom: 30px;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: #1a1a1a solid 1px;
}

  #box-06 .serchcategory .icon {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 0.688em;
    font-weight: bold;
    color: #1a1a1a;
    text-align: center;
    padding: 10px 20px;
    background-color: #E3E3E3 !important;
}

  /*============================ #voice ============================*/
  #voice { background-image: url(../images/index/voice-bg.png); background-repeat: repeat; background-position: center 0; padding-top: 76px; padding-bottom: 32px; }
  #voice .inner { width: 1160px; margin: 0 auto; position: relative; }
  #voice .inner .ttl { color: #1a1a1a; font-family: 'Barlow', sans-serif; font-size: 42px; font-weight: 400; letter-spacing: 2.1px; line-height: normal; margin-bottom: 7px; padding-left: 34px; }
  #voice .inner .txt-01 { margin-bottom: 29px; padding-left: 32px; }
  #voice .inner .system-list { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #voice .inner .system-list li { margin-right: 40px; }
  #voice .inner .system-list li:nth-child(3n) { margin-right: 0px; }
  #voice .inner .system-list .system-pic.fit { width: 330px; border: 10px solid #e6e6e6; margin-left: 30px; }
  #voice .inner .system-list .system-pic.fit img { width: 100%; height: 220px; }
  #voice .inner .system-list .sy-box { width: 330px; background-color: #ffffff; padding: 18px 22px; position: relative; top: -28px; }
  #voice .inner .system-list .sy-box .sy-txt-box { color: #c9a063; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; margin-bottom: 11px; }
  #voice .inner .system-list span:nth-child(2n) { margin-left: 7px; }
  #voice .inner .system-list .sy-box .sttl { color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; }
  #voice .inner .btn-01 { position: absolute; top: 59px; right: 37px; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 0; padding-right: 39px; }
  /*============================ #box-07 ============================*/
  #box-07 .inner { width: 1200px; min-height: 604px; margin: 0 auto; position: relative; padding-bottom: 130px; margin-bottom: 0px; }
  #box-07 .inner .ttl { text-align: center; margin-bottom: 62px; }
  #box-07 .inner .ttl .en { display: block; position: relative; left: -177px; margin-bottom: 20px; }
  #box-07 .inner .ttl .jp { text-align: center; color: #1a1a1a; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 42px; font-weight: 400; letter-spacing: 4.2px; line-height: 58px; position: relative; left: 21px; }
  #box-07 .inner .pic { position: absolute; right: -42px; bottom: 37px; }
  #box-07 .inner .en { color: #1a1a1a; font-family: 'Barlow', sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0.9px; line-height: normal; margin-bottom: 32px; padding-left: 3px; }
  #box-07 .inner .txt-box { width: 361px; color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 30px; text-transform: uppercase; margin-bottom: 58px; padding-left: 1px; }
  #box-07 .inner .btn-01 a { width: 360px; height: 60px; background-color: #1a1a1a; display: block; color: #ffffff; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; text-align: center; padding: 20px 1px 1px; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 40px top 18px; }
  .bg-area { width: 1200px; margin: 0 auto; margin:50px auto 50px; background-image: url(../images/index/blog-bg.png); background-repeat: repeat; background-position: center 0; padding: 40px 100px 48px; }
  .bg-area .flex-01 { margin-bottom: 27px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .bg-area .flex-01 .box-l { width: 360px; margin-right: 40px; }
  .bg-area .flex-01 .box-l .list li { margin-bottom: 20px; }
  .bg-area .flex-01 .box-l .sns-box { border: 3px solid #e9e9e9; background-color: #ffffff; padding: 40px 0px 40px; }
  .bg-area .flex-01 .box-l .sns-box .en { text-align: center; margin-bottom: 24px; }
  .bg-area .flex-01 .box-l .sns-box .sns-list { width: 230px; margin: 0 auto; margin-bottom: 17px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .bg-area .flex-01 .box-l .sns-box .sns-list li { margin-right: 40px; }
  .bg-area .flex-01 .box-l .sns-box .sns-list li:last-child { margin-right: 0; }
  .bg-area .flex-01 .box-l .sns-box .s-en { text-align: center; color: #1a1a1a; font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.6px; line-height: normal; }
  .bg-area .flex-01 .box-r { width: 600px; background-color: #ffffff; /*============================ #blog ============================*/ }
  .bg-area .flex-01 .box-r #blog .inner { position: relative; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box { padding: 20px; overflow-y: scroll; height: 460px; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list { position: relative; top: -17px; margin-bottom: -17px; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list li { padding-top: 16px; padding-bottom: 21px; border-bottom: 1px dotted #1a1a1a; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list li a { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .system-pic.fit { width: 170px; height: 130px; margin-right: 19px; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .system-pic.fit img { width: 100%; height: 130px; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-box { width: 348px; padding-top: 16px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-box .sy-date { width: 103px; color: #c9a063; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; margin-right: 15px; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-box .sy-cate { min-width: 100px; height: 30px; background-color: #1a1a1a; color: #ffffff; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: normal; padding: 5px 1px 1px; text-align: center; position: relative; top: -6px; margin-right: 1px; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .system-ttl-01 { color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; position: relative; top: -7px; left: -2px; width: 355px; }
  #blog { position: relative; }
  #blog .btn-01 { position: absolute; top: 49px; right: 28px; background-image: url(../images/index/btn-deco-02.png); background-repeat: no-repeat; background-position: right 0; padding-right: 39px; }
  #blog .btn-01 a { color: #fff; }
  .bg-area .txt-02 { text-align: center; color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; }
  /*============================ #tochi ============================*/
  #tochi { background-image: url(../images/index/bg-04.jpg), url(../images/index/tochi-bg.png); background-repeat: no-repeat,repeat; background-position: center bottom,0 0; padding-top: 60px; padding-bottom: 70px; position: relative; }
  #tochi .inner { width: 1100px; margin: 0 auto; position: relative; }
  #tochi .inner .flex-01 { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #tochi .inner .flex-01 .box-l { width: 215px; margin-right: 65px; padding-top: 69px; }
  #tochi .inner .flex-01 .box-r { width: 820px; position: relative; }
  #tochi .inner .flex-01 .box-r .system-list { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #tochi .inner .flex-01 .box-r .system-list li { width: 260px; background-color: #ffffff; padding: 20px 20px 40px; position: relative; margin-right: 20px; }
  #tochi .inner .flex-01 .box-r .system-list li:nth-child(3n) { margin-right: 0px; }
  #tochi .inner .flex-01 .box-r .system-list .system-pic.fit { width: 220px; height: 160px; margin-bottom: 11px; }
  #tochi .inner .flex-01 .box-r .system-list .system-pic.fit img { width: 100%; height: 160px; }
  #tochi .inner .flex-01 .box-r .system-list .system-ttl-01 { color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; padding: 0 5px; margin-bottom: 12px; }
  #tochi .inner .flex-01 .box-r .system-list .sy-num { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: center; align-items: center; color: #c1272d; text-align: center; }
  #tochi .inner .flex-01 .box-r .system-list .sy-num .bb { color: #c1272d; font-family: 'Barlow', sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 1.5px; line-height: normal; margin-right: 5px; }
  #tochi .inner .flex-01 .box-r .system-list .sy-num .num { padding-top: 8px; }
  #tochi .inner .flex-01 .box-r .system-list .sy-btn-01 a { width: 100%; position: absolute; bottom: 0; left: 0; display: block; background-color: #1a1a1a; color: #ffffff; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: normal; text-align: center; padding: 5px 1px 5px; }
  #tochi .inner .deco { position: absolute; /* bottom: 0; */ top: 266px; left: 4px; }
  #tochi .btn-01 { position: absolute; top: 138px; left: 5px; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 0px; padding-right: 37px; font-size: 16px; } 
  .recruit-bnr { margin-top: 30px; } 

.seo-box{
width: 1100px;
margin: 0 auto;
margin-bottom: 65px;
margin-top: -11px;
color: #666666;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.6px;
line-height: 24px;
}

}


  @media screen and (min-width: 766px) and (max-width: 1400px) {
    #box-02 .inner{
      width: 100%;
    }
    #box-02 .inner .flex-01 .box-l img{
width: 100%;
    }
    #box-03 {
      width: 1240px;
  }
  #box-04 .inner .list {
    width: 1240px;
}
  }



@media screen and (max-width: 767px) {
  #review-bottom{width: 94%;margin: 30% auto 17%;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
  #review-bottom .midashi{background-color: #524743;padding: 6.5% 4% 2.5%;position: relative;}
  #review-bottom .midashi .review-g-logo{width: 28%; position: absolute;top: -7vw;left: 3vw;}
  #review-bottom .midashi .review-company{font-size: 3.4vw;color: #ffffff;}
  #review-bottom .midashi .review-info{overflow: hidden;}
  #review-bottom .midashi .review-info .review-evaluation{float: left;font-size: 3.4vw;font-weight: bold;color: #fff;}
  #review-bottom .midashi .review-info .star-rating{float: left;position: relative;margin-left: 3%;}
  #review-bottom .midashi .review-info .star-rating .star-rating-front{font-size: 3.4vw;color: #fabe00;width: 92%;overflow: hidden;position: relative;z-index: 9;}
  #review-bottom .midashi .review-info .star-rating .star-rating-back{font-size: 3.4vw;color: #ffffff;position: absolute;top: 0;left: 0;}
  #review-bottom .midashi .review-info .kuchi-num{float: left; font-size: 3.4vw;font-weight: bold;color: #ffffff;margin-left: 3%;}
  #review-bottom .midashi .review-info .review-star-num{float: left;font-size: 3.4vw;font-weight: bold;color: #fff;}
  #review-bottom .midashi .review-info .review-btn{width: 20%; float: right;}
  #review-bottom .kuchi-frame{width: 100%;height: 100vw;padding: 7% 5%;border-left: 1px solid #a1a1a1;border-right: 1px solid #a1a1a1;border-bottom: 1px solid #a1a1a1;overflow-y: scroll;margin-bottom: 8%;}
  #review-bottom .kuchi-frame ul{}
  #review-bottom .kuchi-frame ul li{border-bottom: 1px dotted #a1a1a1;padding-bottom: 5%;margin-bottom: 5%;}
  #review-bottom .kuchi-frame ul li:last-child{margin-bottom: 0;}
  #review-bottom .kuchi-frame ul li dt{font-size: 3.8vw;overflow: hidden;margin-bottom: 3%;}
  #review-bottom .kuchi-frame ul li dt .star-rating{float: left;position: relative;}
  #review-bottom .kuchi-frame ul li dt .star-rating .star-rating-front{font-size: 3.8vw;color: #fabe00;width: 80%;overflow: hidden;position: relative;z-index: 9;}
  #review-bottom .kuchi-frame ul li dt .star-rating .star-rating-back{font-size: 3.8vw;color: #e8e8e8;position: absolute;top: 0;left: 0;}
  #review-bottom .kuchi-frame ul li dt .review-date{font-size: 3.8vw;margin-left: 3%;float: left;}
  #review-bottom .kuchi-frame ul li dt .review-name{font-size: 3.8vw;font-weight: bold; margin-left: 3%;float: left;}
  #review-bottom .kuchi-frame ul li dd{font-size: 3.4vw;color: #666666; line-height: 6.4vw;}
  #review-bottom .review-btn{width: 34%;margin: 0 auto;}
  #review-bottom .review-btn img{width: 100%;}
	
	body { background-image: url(../images/index/sp-mv-area.jpg); background-repeat: no-repeat; background-position: center 0; background-size: contain; }
  #bx-sra { width: 91.063vw; margin: 0 auto; margin-bottom: 4.831vw; }
  .mv-ttl { width: 58.01vw; margin-left: 4.469vw; margin-bottom: 22.705vw; }
  .mv-tel { display: none; }
  #g-nav2 { display: none; }
  .news-flex { width: 94.203vw; margin: 0 auto; position: relative; }
  .news-flex .box-l .ttl { color: #1a1a1a; font-family: 'Barlow', sans-serif; font-size: 7.729vw; font-weight: 400; font-style: normal; letter-spacing: 0.386vw; line-height: normal; text-align: left; }
  .news-flex .box-r .system-list li { border-bottom: 1px dotted #000; }
  .news-flex .box-r .system-list li a { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; padding-top: 5.797vw; padding-bottom: 4.415vw; }
  .news-flex .box-r .system-list .sy-deta { color: #c9a063; font-family: Meiryo; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.314vw; line-height: normal; text-align: left; margin-right: 2.536vw; }
  .news-flex .box-r .system-list .sy-cate { color: #ffffff; font-family: Meiryo; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.314vw; line-height: normal; width: 21.135vw; height: 4.831vw; background-color: #1a1a1a; text-align: center; margin-right: 2px; margin-bottom: 10px; }
  .news-flex .box-r .system-list .sy-ttl { color: #1a1a1a; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.193vw; line-height: normal; width: 100%; }
  .news-flex .btn-01 { position: absolute; top: 2.899vw; right: 0px; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 0; padding-right: 6.763vw; }
  #bx-sra .bx-wrapper .bx-pager, #bx-sra .bx-wrapper .bx-controls-auto { position: absolute; bottom: -47.101vw; width: 100%; z-index: 200; }
  #bx-sra .bx-wrapper .bx-pager.bx-default-pager a { background: #e2e2e2; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 10px; outline: 0; border-radius: 0px; }
  #bx-sra .bx-wrapper .bx-pager.bx-default-pager a:hover, #bx-sra .bx-wrapper .bx-pager.bx-default-pager a.active { background: #111111; }
  .o-list { width: 86vw; margin: 0 auto; margin-bottom: 11.594vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  .o-list li { margin-bottom: 4vw;}
  /*============================
#box-01
============================*/
  #box-01 { margin-bottom: 26.57vw; }
  #box-01 .inner { /*============================
#sra-bg-box
============================*/ }
  #box-01 .inner .flex-01 .box-r .txt-box { width: 94.203vw; margin: 0 auto; margin-bottom: 14.493vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.193vw; line-height: 7.246vw; text-align: left; }
  #box-01 .inner .flex-01 .box-r .txt-box .p-mb { margin-bottom: 5.266vw; }
  #box-01 .inner #sra-bg-box { margin-bottom: 6.039vw; }
  #box-01 .inner .cc-btn-01 a { width: 62.802vw; height: 14.493vw; margin: 0 auto; border: 1px solid #1a1a1a; background-color: #ffffff; text-align: center; padding-top: 4.348vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: normal; display: block; margin: 0 auto; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 8px top 17px; }
  
/*============================ #youtube-area ============================*/
  .youtube-area { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0 0 10vw; } 
  .youtube-area iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


    /* movie -------------------------------------*/
    #movie{margin-bottom: 15.1vw;}
#movie .ttl{font-size: 5.2vw;text-align: center;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;color: #52bac9;}
#movie .txt-01{font-size: 3.6vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;text-align: center;margin-bottom: 3.9vw;}

    #movie .system-list {padding: 3vw;margin-bottom: 6.5vw;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;}
    #movie .system-list li {line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 2.6vw;}
    #movie .system-list li:nth-child(2n) { margin-right: 0; }
    #movie .system-list li a:hover { text-decoration: none; }
    #movie .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
    #movie .system-list .btn::after { content: ' >'; }
    #movie .system-pic {position: relative;width: 100%;height: 30.7vw;overflow: hidden;text-align: center;margin-bottom: 2.0vw;}
    #movie .system-pic img {width: 100%;height: 30.7vw;}
    #movie .system-pic a::before{content: "";position: absolute;background: url(../images/common/yt-pic.png)no-repeat top center;background-size: 100% auto;top: 13.3vw;left: 50%;z-index: 3;margin-left: -5vw;width: 10vw;height: 10vw;}
    #movie .system-coment { font-size: 0.75em; margin-bottom: 0.7vw; line-height: 1.4; }
    #movie .system-ttl-01 {margin-bottom: 2.6vw;font-size: 4.2vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 700;}
    #movie .system-txt{font-size: 3.5vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: normal;}
    #movie .system-category-set { margin-bottom: 2.0vw; margin-top: -2.0vw; }
    #movie .system-category {margin-bottom: 0.1vw;font-size: 2.8vw;color: #fff;text-align: center;padding: 1.0vw;background-color: #ccc;}
    #movie .serchcategory { margin-bottom: 13.0vw; }
    #movie .serchcategory .icon { display: inline-block; margin-bottom: 2.0vw; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 1.3vw 2.6vw; }
    #movie .icon01 { background: #52bac9; }
    #movie .icon02 { background: #D4B382; }
    .moviecon{padding:10vw 3.2vw;background: #fff;margin: 0 1vw;}
    .moviecon iframe{width: 100%;height: 52.2vw;}
    #movie .cc-btn-01 a { width: 62.802vw; height: 14.493vw; margin: 0 auto; border: 1px solid #1a1a1a; background-color: #ffffff; text-align: center; padding-top: 4.348vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: normal; display: block; margin: 0 auto; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 8px top 17px; }

    


  /*============================
#bgbg-area
============================*/
  #bgbg-area { background-image: url(../images/index/sp-bg-t-01.jpg), url(../images/index/bg-ptn.png); background-repeat: no-repeat,repeat; background-position: center top 0px,right 0px bottom 0px; background-size: 100%,5vw; padding-top: 27.778vw; padding-bottom: 10vw; /*============================ #box-02 ============================*/ /*============================ #box-03 ============================*/ }
  #bgbg-area #box-02 .inner .ttl { color: #b1774c; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 5.8vw; font-weight: 400; font-style: normal; letter-spacing: 0.628vw; line-height: normal; text-align: center; margin-bottom: 13.043vw; }
  #bgbg-area #box-02 .inner .ttl .ss { color: #1a1a1a; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 3.382vw; font-weight: 400; font-style: normal; letter-spacing: 0.338vw; line-height: normal; text-align: center; display: block; margin: 2vw; }
  #bgbg-area #box-02 .inner .flex-01 { width: 94.203vw; margin: 0 auto; }
  #bgbg-area #box-02 .inner .flex-01 .box-r { background-color: #ffffff; padding: 13.285vw 4.227vw 15.7vw; }
  #bgbg-area #box-02 .inner .flex-01 .box-r .ttl-02 { width: 80.193vw; margin: 0 auto; margin-bottom: 7.488vw; }
  #bgbg-area #box-02 .inner .flex-01 .box-r .bg-txt { margin-bottom: 8.333vw; }
  #bgbg-area #box-02 .inner .flex-01 .box-r .txt-box { color: #1a1a1a; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.193vw; line-height: 7.246vw; text-align: left; margin-bottom: 8.454vw; }
  #bgbg-area #box-02 .inner .flex-01 .box-r .cc-btn-01 a { width: 62.802vw; height: 14.493vw; margin: 0 auto; border: 1px solid #1a1a1a; background-color: #ffffff; text-align: center; padding-top: 4.348vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: normal; display: block; margin: 0 auto; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 8px top 17px; }
  #bgbg-area #box-02 .inner .flex-01 .box-r .bg-txt p { color: #1a1a1a; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.865vw; font-weight: 500; letter-spacing: 0.242vw; text-align: center; border-bottom: 1px dotted #000; padding-top: 2.657vw; padding-bottom: 1.932vw; padding-right: 0px; padding-left: 2.174vw; }
  #bgbg-area #box-03 .inner .flex-01, #bgbg-area #box-03 .inner .flex-02 { width: 94.203vw; margin: 0 auto; }
  #bgbg-area #box-03 .inner .flex-01 .pic, #bgbg-area #box-03 .inner .flex-02 .pic { margin-bottom: 4.348vw; }
  #bgbg-area #box-03 .inner .flex-01 .ttl-box-01, #bgbg-area #box-03 .inner .flex-02 .ttl-box-01 { color: #1a1a1a; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.386vw; line-height: 6.763vw; border-bottom: 1px dotted #000; padding-bottom: 3.382vw; margin-bottom: 3.623vw; text-align: center; }
  #bgbg-area #box-03 .inner .flex-01 .txt-box-01, #bgbg-area #box-03 .inner .flex-02 .txt-box-01 { color: #4d4d4d; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.157vw; line-height: 6.039vw; margin-bottom: 9.662vw; }
  #bgbg-area #box-03 .inner .flex-02 .box-l .ttl-box-01 { font-size: 3.382vw; }


  #box-qa{ margin:0 auto 12vw; padding-top:12vw; }
  #box-qa .txt-01{ text-align:center; margin-bottom:2vw; padding:0 42vw; }  
  #box-qa .ttl{ text-align:center; font-size:6vw; letter-spacing:0.9vw; color:#42311D; margin-bottom:3vw; }
  #box-qa .btn{ padding:8vw 6vw 0; }  
  #box-qa .inner .inc-sys { width: 94.203vw; margin: 0 auto; margin-top: 6vw; font-family: -apple-system, "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; margin-top: 7vw; }
  #box-qa .inner .inc-sys .ttl2 { color: #1a1a1a; font-size: 3.865vw; font-weight: 500; letter-spacing: 0.217vw; line-height: 7.246vw; margin-bottom: 1.932vw; }
  #box-qa .inner .inc-sys .list2 .q-txt { border-radius: 10px; border-bottom: 3px solid #B1774C; background-color: #DFDBD5; padding: 3.5vw 4vw 3vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 500; letter-spacing: 0.193vw; line-height: 7.246vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-qa .inner .inc-sys .list2 .q-txt .cc { color: #b1774c; font-size: 6vw; font-weight: 500; letter-spacing: 0.266vw; line-height: 7.246vw; width: 6vw; }
  #box-qa .inner .inc-sys .list2 .a-txt { border-radius: 10px; color: #1a1a1a; font-size: 3.865vw; font-weight: 500; letter-spacing: 0.193vw; line-height: 7.246vw; border-bottom: 3px solid #B1774C; background-color: #F2F2F3; padding: 3.5vw 4vw 3vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-qa .inner .inc-sys .list2 .a-txt .cc { color: #c1272d; font-size: 6vw; font-weight: 500; letter-spacing: 0.266vw; line-height: 7.246vw; width: 6vw; position: relative; top: 0.242vw; }
  #box-qa .inner .inc-sys .list2 .a-txt .sy-txt { width: 82vw; }
  #box-qa .inner .inc-sys .list2 .q-txt .sy-txt { width: 77vw; margin-bottom: 0; padding-top: .7vw; }
  #box-qa .inner .inc-sys .list2 .a-txt .sy-txt { width: 77vw; margin-bottom: 0; padding-top: 0.65vw; padding-bottom: 1vw; }
  #box-qa .inner .inc-sys .list2 li { margin-bottom: 3vw; position:relative; }
  #box-qa .inner .inc-sys .list2 li::before{ content: url(../images/index/sp-qa-arrow.png); position: absolute; top: 4.4vw; right: 1vw; transform: scale(0.5);}

  .dn { display: none; } 


  /*============================
#box-04
============================*/
  #box-04 { background-image: url(../images/index/sp-bg-02.jpg); background-repeat: no-repeat; background-position: center 0; background-size: 135%; padding-bottom: 1px; }
  #box-04 .inner .list .pic { margin-bottom: 4.589vw; }
  #box-04 .inner .list .txt-box { width: 94.203vw; margin: 0 auto; color: #4d4d4d; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.157vw; line-height: 6.039vw; text-align: left; }
  #box-04 .inner .list .li01 .txt-box { margin-bottom: 8.696vw; }
  #box-04 .inner .list .li02 .txt-box { margin-bottom: 8.696vw; }
  #box-04 .inner .list .li03 .txt-box { margin-bottom: 10.696vw; }

  /*============================
#box-05
============================*/
  #box-05 {margin: 0 auto 10vw; background: url(../images/index/sp-bg-03.jpg) no-repeat; background-size: 100%; padding-top: 15.338vw; padding-bottom: 1vw; border-bottom: 10vw solid #524743; }
  #box-05 .inner { /*============================
#event
============================*/ }
  #box-05 .inner .ttl { margin-bottom: 11.473vw; color: #28b0c5; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 8.454vw; font-weight: 400; font-style: normal; letter-spacing: 0.845vw; line-height: 12.077vw; text-align: center; }
  #box-05 .inner .ttl .ss { color: #1a1a1a; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 4.348vw; font-weight: 400; font-style: normal; letter-spacing: 0.435vw; line-height: normal; text-align: center; display: block; }
  #box-05 .inner .list .li-pic { margin-bottom: 3.623vw; }
  #box-05 .inner .list .li-txt { width: 94.203vw; margin: 0 auto; color: #4d4d4d; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.157vw; line-height: 6.039vw; text-align: center; }
  #box-05 .inner .list .li01 .li-txt { margin-bottom: 8.696vw; }
  #box-05 .inner .list .li02 .li-txt { margin-bottom: 8.696vw; }
  #box-05 .inner .list .li02 .deco { display: none; }
  /*============================
#event
============================*/
  #event { }
  #event .inner { width: 94.203vw; margin: 10vw auto; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background-color: #ffffff; padding-bottom: 10.87vw; margin-bottom: -5vw; }
  #event .inner .spttl { width: 73.671vw; margin: 0 auto; position: relative; top: -3.261vw; margin-bottom: 6.763vw; }
  #event .inner .system-list { width: 83.696vw; margin: 0 auto; }
  #event .inner .system-list li { margin-bottom: 7.246vw; }
  #event .inner .system-list .flex { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #event .inner .system-list .flex .box-l { width: 39.855vw; margin-right: 3.623vw; }
  #event .inner .system-list .flex .box-r { width: 39.391vw; padding-top: 3.623vw; }
  #event .inner .system-list .system-pic.fit { width: 39.855vw; height: 27.778vw; }
  #event .inner .system-list .system-pic.fit img { width: 100%; height: 27.778vw; }
  #event .inner .system-list .sy-date { color: #4d4d4d; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.157vw; line-height: normal; text-align: left; margin-bottom: 2.899vw; }
  #event .inner .system-list .system-ttl-01 { color: #1a1a1a; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.193vw; line-height: normal; text-align: left; }
  #event .inner .sy-cate { color: #ffffff; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.157vw; line-height: normal; text-align: center; padding: 1.449vw 0.725vw 0.725vw; }
  #event .inner .btn-01 a { width: 62.802vw; height: 14.493vw; margin: 0 auto; margin-top: 10vw; border: 1px solid #1a1a1a; background-color: #ffffff; text-align: center; padding-top: 4.348vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: normal; display: block; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 8px top 17px; }
  /*============================
#box-06
============================*/
  #box-06 .inner .system-list { width: 90.58vw; margin: 0 auto; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #box-06 .inner .system-list li { width: 43.478vw; margin-right: 3.623vw; margin-bottom: 10.628vw; }
  #box-06 .inner .system-list li:nth-child(2n) { margin-right: 0px; }
  #box-06 .inner .system-list .system-pic.fit { width: 43.478vw; height: 30.193vw; }
  #box-06 .inner .system-list .system-pic.fit img { width: 100%; height: 30.193vw; }
  #box-06 .inner .system-list .sy-txt-box { color: #c9a063; font-family: Meiryo; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.157vw; line-height: normal; text-align: left; text-transform: uppercase; margin-top: 1.932vw; margin-bottom: 1.208vw; }
  #box-06 .inner .system-list .sy-txt-box .sy-area { margin-right: 0.5em; }
  #box-06 .inner .btn-01 a { width: 62.802vw; height: 14.493vw; margin: 0 auto; border: 1px solid #1a1a1a; background-color: #ffffff; text-align: center; padding-top: 4.348vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: normal; display: block; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 8px top 17px; margin-bottom: 23.43vw; }
  #box-06 .sy-cate { color: #ffffff; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.157vw; line-height: normal; text-align: center; background-color: #1a1a1a; padding: 6px 12px; }


  #box-06 .sub-title{
    padding: 0px 0px 2vw;
    color: #1a1a1a;
    margin: -3vw 3vw 5vw;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: #1a1a1a solid 1px;
}

#box-06 .serchcategory{
  width: 90.58vw;
  margin: 0 auto;
  margin-bottom: 5vw;
}

  #box-06 .serchcategory .icon {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 3%;
    font-size: 1.2rem;
    color: #1a1a1a;
    text-align: center;
    padding: 4.5% 3%;
    background-color: #E3E3E3 !important;
}


  /*============================
#voice
============================*/
  #voice { background-image: url(../images/index/bg-ptn.png); background-repeat: repeat; background-position: center 0; padding-bottom: 1px; }
  #voice .inner .sp-sra { width: 89.372vw; margin: 0 auto; }
  #voice .inner .system-list .system-pic { border: 12px solid #e6e6e6; }
  #voice .inner .system-list .system-pic img { width: 100%; height: 58.213vw; }
  #voice .inner .system-list .sy-box { width: 77.295vw; margin: 0 auto; background-color: #ffffff; padding: 4.831vw 5.193vw 4.831vw 4.106vw; top: -9.662vw; position: relative; }
  #voice .inner .system-list .sy-box .sy-txt-box { color: #c9a063; font-size: 3.382vw; font-weight: 400; font-style: normal; letter-spacing: 0.169vw; line-height: normal; text-align: left; margin-bottom: 2.899vw; }
  #voice .inner .system-list .sy-box .sy-txt-box .sy-area { margin-right: 0.5em; }
  #voice .inner .system-list .sy-box .sttl { color: #1a1a1a; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.193vw; line-height: normal; text-align: left; }
  #voice .inner .btn-01 a { width: 62.802vw; height: 14.493vw; margin: 0 auto; border: 1px solid #1a1a1a; background-color: #ffffff; text-align: center; padding-top: 4.348vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: normal; display: block; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 8px top 17px; margin-bottom: 15.7vw; margin-top: -2vw; }
  #voice .bx-wrapper .bx-controls-direction a { position: absolute; top: 35%; margin-top: -16px; outline: 0; width: 4.831vw; height: 6.039vw; text-indent: -9999px; z-index: 300; background-size: contain; }
  #voice .bx-wrapper .bx-prev { left: -16px; background: url(../images/index/sp-bx-l.png) no-repeat; }
  #voice .bx-wrapper .bx-next { right: -16px; background: url(../images/index/sp-bx-r.png) no-repeat; }
  #voice .bx-wrapper .bx-prev:hover { background-position: 0px; }
  #voice .bx-wrapper .bx-next:hover { background-position: 0px; }
  /*============================
#box-07
============================*/
  #box-07 .inner .txt-box { width: 89.614vw; margin: 0 auto; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.193vw; line-height: 5.797vw; text-align: left; margin-bottom: 12.077vw; }
  #box-07 .inner .btn-01 a { width: 62.802vw; height: 14.493vw; margin: 0 auto; border: 1px solid #1a1a1a; background-color: #1a1a1a; text-align: center; padding-top: 4.348vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: normal; display: block; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 8px top 17px; margin-bottom: 15.7vw; margin-top: -2vw; color: #ffffff; }
  .bg-area { background-image: url(../images/index/blog-bg.png); background-repeat: repeat; background-position: center 0; padding: 16.908vw 6.522vw 19.444vw; }
  .bg-area .flex-01 .box-l { margin-bottom: 12.077vw; }
  .bg-area .flex-01 .box-l .list { width: 76.087vw; margin: 0 auto; }
  .bg-area .flex-01 .box-l .list li { margin-bottom: 6.039vw; }
  .bg-area .flex-01 .box-l .sns-box { width: 76.087vw; margin: 0 auto; background-color: #ffffff; padding: 6.039vw 10.628vw 3.865vw; }
  .bg-area .flex-01 .box-l .sns-box .en { text-align: center; margin-bottom: 3.14vw; }
  .bg-area .flex-01 .box-l .sns-box .sns-list { margin-bottom: 4.831vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  .bg-area .flex-01 .box-l .sns-box .s-en { color: #1a1a1a; font-family: 'Barlow', sans-serif; font-size: 2.415vw; font-weight: 400; font-style: normal; letter-spacing: 0.121vw; line-height: normal; text-align: center; }
  .bg-area .flex-01 .box-r { /*============================
#blog
============================*/ }
.recruit-bnr { width: 87.087vw; margin: 10vw auto 0vw; }

  .bg-area .flex-01 .box-r #blog .inner .wap-box { background-color: #fff; padding: 0 3.382vw 9.058vw; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list li { padding: 4.831vw 0 3.865vw; border-bottom: 1px dotted #000; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list li:nth-child(n +4) { display: none; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list li a { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .system-pic.fit { width: 28.986vw; height: 21.739vw; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .system-pic.fit img { height: 21.739vw; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-box { width: 48.913vw; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-box .sy-date { color: #c9a063; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.157vw; line-height: normal; text-align: left; display: inline-block; margin-right: 5px; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-wap { width: 27.155vw; position: relative; top: -5px; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-box .sy-cate { display: inline-block; width: 20.531vw; background-color: #1a1a1a; color: #ffffff; font-size: 3.14vw; font-weight: 400; font-style: normal; letter-spacing: 0.157vw; line-height: normal; text-align: center; }
  .bg-area .flex-01 .box-r #blog .inner .wap-box .system-list .sy-box .system-ttl-01 { width: 100%; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.193vw; line-height: normal; text-align: left; margin-top: 3vw; }
  .bg-area .flex-01 .box-r #blog .btn-01 a { width: 62.802vw; height: 14.493vw; margin: 0 auto; border: 1px solid #1a1a1a; background-color: #ffffff; text-align: center; padding-top: 4.348vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: normal; display: block; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 8px top 17px; margin-top: 6vw; }
  .bg-area .txt-02 { width: 86.957vw; margin: 0 auto; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.193vw; line-height: normal; text-align: left; text-transform: uppercase; margin-top: 6.522vw; }
  /*============================
#tochi
============================*/
  #tochi { background-image: url(../images/index/sp-bg-04.jpg), url(../images/index/tochi-bg.png); background-repeat: no-repeat,repeat; background-position: center bottom,center; background-size: 100%,5vw; padding-bottom: 1px; margin-bottom: 12.986vw; }
  #tochi .inner .flex-01 .box-r .system-list { width: 94.203vw; margin: 0 auto; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #tochi .inner .flex-01 .box-r .system-list li { position: relative; width: 45.411vw; background-color: #ffffff; padding: 3.623vw 3.23vw 12vw; margin-right: 3.382vw; }
  #tochi .inner .flex-01 .box-r .system-list li:nth-child(2n) { margin-right: 0px; }
  #tochi .inner .flex-01 .box-r .system-list li:nth-child(n + 3) { display: none; }
  #tochi .inner .flex-01 .box-r .system-list .system-pic.fit { width: 38.406vw; height: 27.899vw; }
  #tochi .inner .flex-01 .box-r .system-list .system-pic.fit img { width: 100%; height: 27.899vw; }
  #tochi .inner .flex-01 .box-r .system-list .system-ttl-01 { color: #1a1a1a; font-size: 3.865vw; font-weight: 400; font-style: normal; letter-spacing: 0.193vw; line-height: normal; text-align: left; margin-top: 1.812vw; margin-bottom: 1.691vw; }
  #tochi .inner .deco { display: none; }
  #tochi .inner .btn-01 a { width: 62.802vw; height: 14.493vw; margin: 0 auto; border: 1px solid #1a1a1a; background-color: #ffffff; text-align: center; padding-top: 4.348vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: normal; display: block; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 8px top 17px; margin-top: 6vw; margin-bottom: 19.324vw; }
  #tochi .inner .flex-01 .box-r .system-list .sy-num { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: center; align-items: center; color: #c1272d; text-align: center; }
  #tochi .inner .flex-01 .box-r .system-list .sy-num .bb { color: #c1272d; font-family: 'Barlow', sans-serif; font-size: 30px; font-weight: 500; letter-spacing: 1.5px; line-height: normal; margin-right: 5px; }
  #tochi .inner .flex-01 .box-r .system-list .sy-num .num { padding-top: 8px; }
  #tochi .inner .flex-01 .box-r .system-list .sy-btn-01 a { width: 100%; position: absolute; bottom: 0; left: 0; display: block; background-color: #1a1a1a; color: #ffffff; font-size: 3.382vw; font-weight: 400; letter-spacing: 0.169vw; line-height: normal; text-align: center; padding: 1.208vw 0.242vw 1.208vw; }
  /* topics -------------------------------------*/
  #topics { width: 100%; padding: 15% 3%; }
  #topics h2 { text-align: center; font-size: 1.4rem; font-weight: bold; margin-bottom: 10%; }
  #topics .btn { text-align: center; }
  #topics .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 5% 3%; text-align: center; display: block; background: #000; }
  #topics .btn a:hover { background: #333; text-decoration: none; }
  #topics .inner-Box { width: 100%; margin: 0 auto; }
  #topics .system-list { margin-bottom: 10%; }
  #topics .system-list li { width: 100%; background: #fff; overflow: hidden; position: relative; border-bottom: 1px dotted #ccc; margin-bottom: 5%; padding-bottom: 5%; }
  #topics .system-list li a:hover { text-decoration: none; }
  #topics .system-date { font-size: 1.2rem; margin-bottom: 3%; }
  #topics .system-date::before { content: "■"; }
  #topics .system-ttl { width: 80%; font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6; }
  #topics .system-category { font-size: 1.2rem; color: #fff; text-align: center; padding: 2%; background-color: #111; width: 28%; margin-bottom: 3%; }
  #topics .icon01 { background: #111; }
  #topics .icon02 { background: #222; }
  #topics .icon03 { background: #333; }
  #topics .icon04 { background: #444; }
  #topics .icon05 { background: #555; }
  #topics .icon06 { background: #666; }
  #instagram { width: 100%; margin: 15% auto; }
  #instagram .instagram-ttl { margin-bottom: 10%; text-align: center; font-size: 1.4rem; font-weight: bold; }
  #instagram .instagram li { width: 25vw; height: 25vw; float: left; text-align: center; overflow: hidden; }
  #instagram .instagram li img { width: 100%; height: auto; }


  .seo-box{
    width: 94.203vw;
    margin: 0 auto;
    color: #666666;
    font-size: 2.899vw;
    font-weight: 400;
    letter-spacing: 0.145vw;
    line-height: 5.556vw;
    margin-bottom: 10.266vw;
    margin-top: -2vw;
    }




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