@charset "UTF-8";

#c7 .system-category span{
  
}
#c7 .system-category span.reform{
  display: inline-block !important;
}


@media screen and (min-width: 768px), print { 
  
  .sy-icon-rel{
    position: relative;
  }
  .sold_icon{
  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;
    border: 2px solid #f04d2f;
    padding: 5px 5px 5px 5px;
    width: 140px;
    height: 3em;
    font-size: 18px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    color: #f04d2f;
    font-weight: bold;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
    background: rgba(255, 255, 255, 0.8);
  }
  
  .sold-img img{
    filter: grayscale(1);
  }
  
  
  
  .mv-slide { /* height: 875px; */ /* overflow: hidden; */ }
  .mv-slide .mv-slide-box { background-image: url(../images/index/mv-00.jpg); background-repeat: no-repeat; background-position: center 0; position: relative; }
  .mv-slide .mv-slide-box:nth-child(2) { background-image: url(../images/index/mv-01.jpg); }
  .mv-slide .mv-slide-box:nth-child(3) { background-image: url(../images/index/mv-02.jpg); }
  .mv-slide .mv-slide-box:nth-child(4) { background-image: url(../images/index/mv-03.jpg); }


  .mv-slide .mv-slide-box .mv-rel-box { position: relative; width: 1200px; height: 875px; margin: 0 auto; }
  .mv-slide .mv-slide-box .mv-rel-box .mv-txt-1 { position: absolute; bottom: 15px; left: -70px; }
  .mv-slide .mv-slide-box .mv-txt-2 { position: absolute; right: 14px; bottom: -52px; z-index: 77; }

  .mv-slide .mv-slide-box:nth-child(3) .mv-txt-1 { position: absolute; left: -70px; top: 8px; }

  .mv-dots .slick-dots { bottom: 0; margin-top: 6px; margin-bottom: 15px; }
  .mv-dots .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 0; height: auto; background-color: #fff; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; }
  .mv-dots .slick-dots li button:before { content: ""; }
  .mv-dots .slick-dots li { width: 66px; height: 7px; background-color: #fff; }
  .mv-dots .slick-dots li:hover { background-color: #F04D2F; }
  .mv-dots .slick-dots li.slick-active { background-color: #F04D2F; }
  .slick-dotted.slick-slider { margin-bottom: 0; }
  .bg-wap-01 { background-color: #FDFAF1; padding-bottom: 1px; }
  .top-nav { width: 745px; margin: 0 auto; margin-bottom: 48px; font-size: 14px;}
  .top-nav a:hover { text-decoration: none; }
  .top-nav a:hover .ss { text-decoration: underline; }
  .mv-txt-2-rel-box { max-width: 1920px; margin: 0 auto; position: relative; }
  .mv-txt-2-rel-box .mv-txt-2 {position: absolute;right: 22px;top: -134px;}

.modelhouse2-bnr-box{ width: 1100px; margin: 0 auto 80px; }
.hiraya-bnr-box{ width: 1100px; margin: 0 auto 80px; }

  /*============================
#c1
============================*/
  #c1 { margin-bottom: 116px; }
  #c1 .inner {max-width: 1700px;width: 100%;/* border-radius: 30px; */background: #F5F0DF;margin: 0 auto;padding: 18px 5px 91px 5px;}
  #c1 .inner .ttl { width: 395px; margin: 0 auto; position: relative; left: -30px; margin-bottom: 22px; }
  #c1 .inner .txt-1 {font-weight: bold;font-size: 18px;letter-spacing: 0.1em;line-height: 35px;margin-bottom: 37px;text-align: center;color: #1a1a1a;}
  #c1 .inner .rel-1000 { width: 1000px; margin: 0 auto; position: relative; }
  #c1 .inner .rel-1000 .abs-pic { position: absolute; top: -236px; right: 1px; z-index: 10; }
  #c1 .inner .system-list { width: 1408px; margin: 0 auto; margin-bottom: 60px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 10; }
  #c1 .inner .system-list > div { width: 456px; background-color: #fff; border: 1px solid #E6E6E6; margin-right: 20px; -webkit-box-shadow: 30px 30px 60px rgba(0, 0, 0, 0.16); box-shadow: 30px 30px 60px rgba(0, 0, 0, 0.16); }
  #c1 .inner .system-list > div a { padding: 39px 29px 40px; display: block; }
  #c1 .inner .system-list > div:nth-child(3n) { margin-right: 0px; }
  #c1 .inner .system-list > div:hover .system-ttl-1 { text-decoration: underline; }
  #c1 .inner .system-list > div:hover .system-pic img { opacity: 1.0; }
  #c1 .inner .system-list > div:hover .kakudai { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: 0.35s; transition: 0.35s; }
  #c1 .inner .system-list > div a:hover { text-decoration: none; }
  #c1 .inner .system-list .sy-rel { position: relative; }
  #c1 .inner .system-list .sy-rel .sy-icon { position: absolute; top: -26px; left: -16px; z-index: 10; width: 76px; height: 76px; background: #ffd265; -webkit-filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.1)); filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.1)); border-radius: 50%; font-weight: bold; font-size: 16px; line-height: 28px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #c1 .inner .system-list .sy-rel .sy-icon.ch2 { background-color: #413524; font-weight: 500; font-size: 16px; line-height: 18px; text-align: center; color: #fff; }
  #c1 .inner .system-list .sy-rel .system-pic { overflow: hidden; margin-bottom: 14px; }
  #c1 .inner .system-list .sy-rel .system-pic .kakudai { -webkit-transition: 0.3s; transition: 0.3s; }
  #c1 .inner .system-list .sy-rel .system-pic img { width: 100%; height: 264px; }
  #c1 .inner .system-list .system-ttl-1 { font-weight: bold; font-size: 18px; margin-bottom: 5px; }
  #c1 .inner .system-list .flex_1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px dotted #1A1A1A; padding: 8px 0 9px; font-weight: 500; font-size: 14px; }
  #c1 .inner .system-list .flex_1 .box-l { width: 75px; font-weight: bold; font-size: 14px; padding-left: 14px; }
  #c1 .inner .system-list .flex_1 .box-r { width: calc(100% - 75px); }
  #c1 .inner .system-list .flex_1 .box-r .sy-txt-1 img{display: none;}
  #c1 .inner .btn a { display: block; position: relative; width: 580px; height: 60px; margin: 0 auto; background-color: #FFD265; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; line-height: 32px; text-align: center; }
  #c1 .inner .btn a .btn-deco { position: absolute; right: 24px; top: 5px; }
  #c1 .inner .btn a:hover { background-color: #1A1A1A; color: #fff; text-decoration: none; }
  #c1 .inner .btn a:hover .btn-deco { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  /*============================
#c2
============================*/
  #c2 { background-image: url(../images/index/c2-bg.png); background-repeat: no-repeat; background-position: center 71px; margin-bottom: 110px; }
  #c2 .inner { width: 1020px; margin: 0 auto; }
  #c2 .inner .ttl { margin-bottom: 40px; }
  #c2 .inner .ttl-2 { margin-bottom: 59px; }
  #c2 .inner .txt-1 { font-weight: bold; font-size: 18px; letter-spacing: 0.15em; margin-bottom: 18px; }
  #c2 .inner .txt-2 { line-height: 32px; margin-bottom: 44px; }
  #c2 .inner .bd-box { width: 580px; height: 293px; border-radius: 20px; margin-bottom: 60px; background: transparent; border: 4px solid #f04d2f; position: relative; padding: 61px 5px 5px 5px; }
  #c2 .inner .bd-box .en { position: absolute; top: 40px; left: 16px; }
  #c2 .inner .bd-box .ttl-3 { text-align: center; margin-bottom: 17px; }
  #c2 .inner .bd-box .txt-3 { position: relative; margin-left: 79px; line-height: normal; }
  #c2 .inner .btn a { display: block; position: relative; width: 380px; height: 60px; background-color: #1A1A1A; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; line-height: 32px; text-align: center; color: #fff; }
  #c2 .inner .btn a .btn-deco { position: absolute; right: 24px; top: 5px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  #c2 .inner .btn a:hover { background-color: #FFD265; color: #1A1A1A; text-decoration: none; font-weight: 700; }
  #c2 .inner .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
  .panel { display: none; }
  .panel.active { display: block; }
  /*============================
#c3
============================*/
  #c3 { background-image: url(../images/common/ff-ptn.jpg); background-repeat: repeat; background-position: center 0; padding-top: 100px; padding-bottom: 100px; }
  #c3 .inner .ttl { text-align: center; margin-bottom: 19px; }
  #c3 .inner .txt-1 { font-size: 18px; font-weight: bold; letter-spacing: 0.1em; line-height: 35px; text-align: center; margin-bottom: 79px; }
  #c3 .inner .cate-list-box { width: 1200px; margin: 0 auto; margin-bottom: 65px; background-color: #fff; padding: 5px 5px 5px 26px; }
  #c3 .inner .cate-list-box .tab-area { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #c3 .inner .cate-list-box .tab-area > li { width: 260px; height: 50px; border-radius: 25px; background: #fff; border: 1px solid #848484; margin-right: 20px; margin-bottom: 20px; padding-top: 2px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #c3 .inner .cate-list-box .tab-area > li:hover { cursor: pointer; cursor: hand; background-color: #1A1A1A; color: #fff; }
  #c3 .inner .cate-list-box .tab-area .tab.active { background-color: #1A1A1A; color: #fff; }
  #c3 .inner .panel-area .panel.active .system-list { 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; }
  #c3 .inner .panel-area .panel.active .system-list > li {width: 380px;margin-right: 30px;margin-bottom: 25px;padding-bottom: 40px;background-color: #FDFAF1;}
  #c3 .inner .panel-area .panel.active .system-list > li:hover .system-pic .kakudai { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: 0.35s; transition: 0.35s; }
  #c3 .inner .panel-area .panel.active .system-list > li:hover .sy-txt-2 { text-decoration: underline; }
  #c3 .inner .panel-area .panel.active .system-list > li a:hover { text-decoration: none; }
  #c3 .inner .panel-area .panel.active .system-list > li a:hover img { opacity: 1.0; }
  #c3 .inner .panel-area .panel.active .system-list > li:nth-child(3n) { margin-right: 0px; }
  #c3 .inner .panel-area .panel.active .system-list .system-pic.fit { width: 380px; overflow: hidden; background-color: #fff; }
  #c3 .inner .panel-area .panel.active .system-list .system-pic.fit .kakudai { -webkit-transition: 0.35s; transition: 0.35s; }
  #c3 .inner .panel-area .panel.active .system-list .system-pic.fit img { max-width: 100%; height: 280px; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box { padding: 33px 20px 5px; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 13px; margin-bottom: 17px; border-bottom: 1px solid #848484; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_1 .box-l { width: 148px; padding-left: 31px; padding-top: 5px; font-size: 14px; letter-spacing: 0.05em; line-height: 18px; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_1 .box-r { width: calc(100% - 148px); padding-right: 29px; text-align: right; font-weight: bold; color: #1a1a1a; font-size: 25px; letter-spacing: 0.05em; line-height: 28px; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 { 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; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .box-l { width: 170px; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .flex-in_1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .flex-in_1 .box-in-l { width: 72px; padding-left: 30px; font-weight: 500; font-size: 14px; line-height: 18px; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .flex-in_1 .box-in-r { width: calc(100% - 72px); padding-right: 15px; font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 18px; text-align: right; color: #1a1a1a; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .box-r .flex-in_1 .box-in-l { width: 72px; padding-left: 16px; font-weight: 500; font-size: 14px; line-height: 18px; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .box-r .flex-in_1 .box-in-r { width: calc(100% - 72px); padding-right: 29px; font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 18px; text-align: right; color: #1a1a1a; }
  #c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .box-r { width: 170px; }
  #c3 .inner .btn a { position: relative; width: 580px; height: 60px; margin: 0 auto; margin-top: 31px; background-color: #1A1A1A; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; line-height: 32px; text-align: center; color: #fff; }
  #c3 .inner .btn a .btn-deco { position: absolute; right: 24px; top: 5px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  #c3 .inner .btn a:hover { background-color: #FFD265; color: #1A1A1A; text-decoration: none; font-weight: 700; }
  #c3 .inner .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
  #c3 .accordion .title, #c3 .accordion .toggle { display: none; }
  /*============================
#c4
============================*/
  #c4 {background-image: url(../images/index/c4-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center 0;padding-top: 69px;padding-bottom: 121px;}
  #c4 .inner .ttl-box {/* width: 369px; */margin: 0 auto;margin-bottom: 56px;/* position: relative; *//* left: -6px; */}
  #c4 .inner .ttl-box .ttl {
    width: 369px;
    margin: 0 auto;
    margin-bottom: 13px;
}
  #c4 .inner .ttl-box .txt-1 {font-weight: bold;text-align: center;color: #fff;/* position: absolute; */font-size: 18px;letter-spacing: 0.1em;line-height: 35px;}
  #c4 .inner .list { width: 1760px; 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; }
  #c4 .inner .list > li {position: relative;width: 405px;background: #fff;margin-right: 46px;/* background-image: url(../images/index/c4-li-bg.png); */background-repeat: no-repeat;background-position: center 4px;-webkit-transition: 0.3s;transition: 0.3s;}
  #c4 .inner .list > li:hover { -webkit-transform: translateY(-24px); transform: translateY(-24px); -webkit-transition: 0.3s; transition: 0.3s; }
  #c4 .inner .list > li a {/* position: relative; */display: block;padding-top: 212px;padding-bottom: 100px;}
  #c4 .inner .list > li a:hover { text-decoration: none; }
  #c4 .inner .list > li a:hover img { opacity: 1.0; }
  #c4 .inner .list > li a:hover .li-ttl img { opacity: 1.0; }
  #c4 .inner .list > li a:hover .li-en img { opacity: 1.0; }
  #c4 .inner .list > li a:hover .btn { background-color: #1a1a1a; color: #fff; }
  #c4 .inner .list > li a:hover .btn .btn-deco { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  #c4 .inner .list > li a:hover .li-txt { text-decoration: underline; }
  #c4 .inner .list > li:nth-child(4n) { margin-right: 0px; }
  #c4 .inner .list > li:nth-child(1) .li-ttl {width: 210px;top: 78px;}
  #c4 .inner .list > li:nth-child(2) .li-ttl {width: 252px;top: 66px;}
  #c4 .inner .list > li:nth-child(3) .li-ttl {width: 162px;top: 47px;}
  #c4 .inner .list > li:nth-child(4) .li-ttl {width: 294px;top: 40px;}
  #c4 .inner .list .li-en { position: absolute; top: -11px; left: 9px; }
  #c4 .inner .list .li-ttl { margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; }
  #c4 .inner .list .li-pic {width: 310px;margin: 0 auto;margin-bottom: 11px;}
  #c4 .inner .list .li-txt { width: 310px; margin: 0 auto; }
  #c4 .inner .list .btn {width: 148px;height: 44px;margin: 0 auto;position: absolute;bottom: 40px;left: 0;right: 0;border-radius: 22px;background: #fff;border: 1px solid #1a1a1a;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  #c4 .inner .list .btn:hover { background-color: #1a1a1a; color: #fff; }
  #c4 .inner .list .btn:hover .btn-deco { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  #c4 .inner .list .btn .btn-deco { position: absolute; top: 0; right: 14px; }
  /*============================
#c5
============================*/
  #c5 {background-image: url(../images/index/c5-bg-b.jpg), url(../images/index/c5-bg-b.jpg), url(../images/index/c5-bg-p.jpg);background-repeat: no-repeat,no-repeat,repeat;background-position: top center,bottom center,0 0;padding-top: 70px;padding-bottom: 109px;}
  #c5 .inner .ttl-box { width: 1200px; margin: 0 auto; }
  #c5 .inner .ttl-box .flex_1 { margin-bottom: 69px; 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; }
  #c5 .inner .ttl-box .flex_1 .box-l { margin-left: 39px; margin-right: 18px; }
  #c5 .inner .ttl-box .flex_1 .box-l .ttl { margin-bottom: -38px; }
  #c5 .inner .ttl-box .flex_1 .box-l .txt-1 { font-weight: bold; font-size: 17px; line-height: 32px; margin-left: 12px; }
  #c5 .inner .ttl-box .flex_1 .box-r { width: 623px; height: 268px; position: relative; background-image: url(../images/index/c5-box.png); background-repeat: no-repeat; background-position: center 0; padding: 40px 5px 5px 37px; margin-top: 47px; }
  #c5 .inner .ttl-box .flex_1 .box-r .ttl-2 {text-align: center;font-weight: bold;font-size: 18px;letter-spacing: 0.1em;line-height: 35px;padding-left: 0px;margin-bottom: 11px;position: relative;left: -4px;}
  #c5 .inner .ttl-box .flex_1 .box-r .list { width: 514px; margin: 0 auto; }
  #c5 .inner .ttl-box .flex_1 .box-r .list li { position: relative; border-bottom: 1px dotted #000; padding-left: 6px; line-height: normal; padding-bottom: 5px; padding-top: 4px; margin-bottom: 7px; }
  #c5 .inner .ttl-box .flex_1 .box-r .list li .ss { position: absolute; left: -27px; top: 2px; }
  #c5 .inner .ttl-box .flex_1 .box-r .pic { position: absolute; bottom: -61px; right: -14px; }
  #c5 .inner .top_lp_box { width: 1504px; margin: 0 auto; }
  #c5 .inner .top_lp_box .top_lp_li_box img:hover { opacity: 1.0; }
  #c5 .inner .top_lp_box .top_lp_li_box a:hover { text-decoration: none; }
  #c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-l { width: 747px; margin-right: 20px; }
  #c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-l .system-pic.fit img {max-width: 100%;width: 100%;height: 414px;}
  #c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r { width: 737px; }
  #c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r .sy-pic-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; }
  #c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r .sy-pic-list li { width: 359px; margin-right: 19px; margin-bottom: 20px; text-align: center; background-color: #fff; }
  #c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r .sy-pic-list li:nth-child(2n) { margin-right: 0px; }
  #c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r .sy-pic-list .system-pic2 { text-align: center; }
  #c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r .sy-pic-list .system-pic2.fit img {max-width: 100%;height: 198px;display: inline-block;}
  #c5 .inner .top_lp_box .sy-w-box a { display: block; width: 860px; min-height: 265px; margin: 0 auto; padding-bottom: 88px; background: #fff; border: 1px solid #848484; -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); position: relative; top: -70px; margin-bottom: -30px; padding: 42px 40px 100px; }
  #c5 .inner .top_lp_box .sy-w-box a:hover .sy-ttl { text-decoration: underline; }
  #c5 .inner .top_lp_box .sy-w-box a .sy-ttl { font-weight: bold; font-size: 26px; line-height: 28px; text-align: center; padding-bottom: 24px; margin-bottom: 22px; border-bottom: 1px solid #848484; }
  #c5 .inner .top_lp_box .sy-w-box a .flex_1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8px; }
  #c5 .inner .top_lp_box .sy-w-box a .flex_1 .box-l { width: 90px; }
  #c5 .inner .top_lp_box .sy-w-box a .flex_1 .box-r { width: 320px; }
  #c5 .more { width: 76px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 40px; }
  #c5 .btn a { display: block; position: relative; width: 580px; height: 60px; margin: 0 auto; background-color: #FFD265; border: 1px solid #848484; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; line-height: 32px; text-align: center; }
  #c5 .btn a .btn-deco { position: absolute; right: 24px; top: 5px; }
  #c5 .btn a:hover { background-color: #1A1A1A; color: #fff; text-decoration: none; }
  #c5 .btn a:hover .btn-deco { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  #c5 .top_lp_box.slide-over { width: 4782px; margin: 0 auto; position: relative; left: -1431px; }
  #c5 .top_lp_box.slide-over .slick-list { padding: 0 !important; }
  #c5 .top_lp_box.slide-over .top_lp_li_box { margin: 0 45px; }
  .kiritori-pic { width: 1280px; margin: 0 auto; position: relative; }
  .kiritori-pic .in { margin-left: -320px; margin-right: -320px; }
  .kiritori-pic .in .slick_lp_mae { width: 48px; height: 48px; background: #fff; border: 1px solid #848484; position: absolute; left: 186px; top: 580px; z-index: 100; border-radius: 50%; }
  .kiritori-pic .in .slick_lp_mae:hover { cursor: pointer; cursor: hand; background-color: #1a1a1a; }
  .kiritori-pic .in .slick_lp_mae:hover .ss { -webkit-filter: none; filter: none; }
  .kiritori-pic .in .slick_lp_mae .ss { display: block; -webkit-filter: brightness(0); filter: brightness(0); -webkit-transform: rotate(270deg); transform: rotate(270deg); position: absolute; top: 19px; left: -5px; width: 15px; height: 8px; }
  .kiritori-pic .in .slick_lp_mae .ss img { width: 100%; height: auto; }
  .kiritori-pic .in .slick_lp_ushiro { width: 48px; height: 48px; background: #fff; border: 1px solid #848484; position: absolute; right: 191px; top: 580px; z-index: 100; border-radius: 50%; }
  .kiritori-pic .in .slick_lp_ushiro:hover { cursor: pointer; cursor: hand; background-color: #1a1a1a; }
  .kiritori-pic .in .slick_lp_ushiro:hover .ss { -webkit-filter: none; filter: none; }
  .kiritori-pic .in .slick_lp_ushiro .ss { display: block; -webkit-filter: brightness(0); filter: brightness(0); -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 19px; left: 37px; width: 15px; height: 8px; }
  .kiritori-pic .in .slick_lp_ushiro .ss img { width: 100%; height: auto; }
  /*============================
#c6
============================*/
  #c6 {padding-top: 118px;background-image: url(../images/index/c6-ptn.jpg);background-repeat: repeat;background-position: center 0;padding-bottom: 70px;margin-bottom: 98px;overflow: hidden;}
  #c6 .inner { max-width: 1920px; width: 100%; margin: 0 auto; position: relative; }
  #c6 .inner .slick_mae { width: 48px; height: 48px; border-radius: 50%; background-color: #1A1A1A; position: absolute; right: 71px; top: -39px; text-align: center; padding-top: 5px; }
  #c6 .inner .slick_mae:hover { cursor: pointer; cursor: hand; background-color: #006D90; }
  #c6 .inner .slick_mae .ss { display: inline-block; }
  #c6 .inner .slick_ushiro { width: 48px; height: 48px; border-radius: 50%; background-color: #1A1A1A; position: absolute; right: 129px; top: -39px; text-align: center; padding-top: 5px; }
  #c6 .inner .slick_ushiro:hover { background-color: #006D90; cursor: pointer; cursor: hand; }
  #c6 .inner .slick_ushiro .ss { display: inline-block; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }
  #c6 .inner .kiritori { width: 1100px; margin: 0 auto; position: relative; }
  #c6 .inner .kiritori .in { margin-left: -410px; margin-right: -410px; }
  #c6 .inner .flex_1 { 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; }
  #c6 .inner .flex_1 .box-l { width: 450px; margin-right: 60px; }
  #c6 .inner .flex_1 .box-l .ttl {margin-bottom: 33px;position: relative;top: -12px;left: -13px;}
  #c6 .inner .flex_1 .box-l .flex_2 { margin-left: 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; }
  #c6 .inner .flex_1 .box-l .flex_2 .box-l2 { width: 92px; margin-right: 13.5px; }
  #c6 .inner .flex_1 .box-l .flex_2 .box-l2 .pic-1 { position: relative; }
  #c6 .inner .flex_1 .box-l .flex_2 .box-r2 { width: calc(100% - 105.5px); }
  #c6 .inner .flex_1 .box-l .flex_2 .box-r2 .txt-2 { font-weight: bold; font-size: 18px; letter-spacing: 0.1em; line-height: 26px; }
  #c6 .inner .flex_1 .box-r { width: 590px; position: relative; margin-top: 50px; padding-bottom: 50px; }
  #c6 .inner .flex_1 .box-r .deco-box { width: 1065px; height: 271px; background-color: #006D90; position: absolute; bottom: 0; left: 56px; }
  #c6 .inner .flex_1 .box-r .sy-tochi { position: relative; z-index: 10; 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; /* opacity: 0; */ -webkit-transition: opacity .3s linear; transition: opacity .3s linear; }
  #c6 .inner .flex_1 .box-r .sy-tochi.slick-initialized { opacity: 1; }
  #c6 .inner .flex_1 .box-r .sy-tochi.slide-two { width: 650px; }
  #c6 .inner .flex_1 .box-r .sy-tochi.slide-two .sy-tochi-item { width: 320px; margin-right: 10px; }
  #c6 .inner .flex_1 .box-r .sy-tochi.slide-two .sy-tochi-item:last-child { margin-right: 0; }
  #c6 .inner .flex_1 .box-r .sy-tochi.slide-three { width: 670px; overflow: hidden; }
  #c6 .inner .flex_1 .box-r .sy-tochi.slide-three .sy-tochi-item { width: 320px; margin-right: 10px; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05); }
  #c6 .inner .flex_1 .box-r .sy-tochi.slide-four { width: 990px; overflow: hidden; }
  #c6 .inner .flex_1 .box-r .sy-tochi.slide-four .sy-tochi-item { width: 320px; margin-right: 10px; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }
  #c6 .inner .flex_1 .box-r .sy-tochi.slide-over { width: 1320px; overflow: hidden; }
  #c6 .inner .flex_1 .box-r .sy-tochi.slide-over .sy-tochi-item { width: 320px; margin-right: 10px; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item { width: 320px; margin-right: 10px; background-color: #FFFFFF; -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item a:hover { text-decoration: none; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item a:hover img { opacity: 1.0; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item:hover .sy-pic .kakudai { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: 0.35s; transition: 0.35s; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item:hover .sy-ttl { text-decoration: underline; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-pic.fit { overflow: hidden; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-pic.fit .kakudai { -webkit-transition: 0.35s; transition: 0.35s; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-pic.fit .kakudai img { max-width: 100%; height: 200px; }
  #c6 .inner .slick-slider .slick-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; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box { padding: 20px 25px 40px; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .sy-cate-list-box { 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; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .sy-cate-list-box .sy-cate { border: 1px solid #848484; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; text-align: left; color: #1a1a1a; padding: 3px 5px 4px 5px; margin-right: 5px; margin-bottom: 11px; line-height: normal; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .sy-ttl { font-weight: 500; line-height: 24px; color: #1a1a1a; margin-bottom: 31px; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 { border-bottom: 1px dotted #000; padding-bottom: 9px; padding-top: 9px; 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; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 .box-l2 { width: 77px; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 .box-l2 .sy-txt-1 { line-height: 26px; padding-left: 9px; }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 .box-r2 { font-size: 18px; width: calc(100% - 77px); }
  #c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 .box-r2 .sy-txt-2.txt-red { font-weight: bold; line-height: 26px; color: #f04d2f; }
  #c6 .inner .btn-box { width: 1100px; margin: 0 auto; /* margin-top: 45px; */ position: relative; }
  #c6 .inner .btn { margin-left: 20px; }
  #c6 .inner .btn a {position: relative;width: 350px;height: 60px;display: block;background: #1a1a1a;line-height: 32px;text-align: center;color: #fff;padding-top: 15px;top: -99px;}
  #c6 .inner .btn a:hover { text-decoration: none; background-color: #FFD265; font-weight: bold; color: #1a1a1a; }
  #c6 .inner .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
  #c6 .inner .btn .btn-deco { position: absolute; right: 25px; top: 5px; }
  /*============================
#c7
============================*/
  #c7 { margin-bottom: 150px; margin-top:100px; }
  #c7 .inner .ttl {text-align: center;margin-bottom: 14px;}
  #c7 .inner .txt-1 { font-weight: bold; font-size: 18px; letter-spacing: 0.1em; line-height: 35px; text-align: center; margin-bottom: 44px; }
  #c7 .inner .system-list { width: 1376px; 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; }
  #c7 .inner .system-list > li { width: 320px; margin-right: 32px; margin-bottom: 98px; }
  #c7 .inner .system-list > li:nth-child(4n) { margin-right: 0px; }
  #c7 .inner .system-list > li:hover .system-pic .kakudai { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: 0.35s; transition: 0.35s; }
  #c7 .inner .system-list > li:hover .system-ttl_1 { text-decoration: underline; }
  #c7 .inner .system-list > li a:hover { text-decoration: none; }
  #c7 .inner .system-list > li a:hover img { opacity: 1.0; }
  #c7 .inner .system-list .kakudai { -webkit-transition: 0.35s; transition: 0.35s; }
  #c7 .inner .system-list .system-pic { overflow: hidden; text-align: center; /* margin-bottom: 15px; */ }
  #c7 .inner .system-list .system-pic img { width: 100%; height: 212px; }
  #c7 .inner .system-list .sy-w-box { padding: 19px 13px 5px 13px; }
  #c7 .inner .system-list .sy-txt-1 { font-size: 14px; line-height: 28px; color: #848484; margin-bottom: 3px; }
  #c7 .inner .system-list .system-ttl_1 { font-weight: bold; line-height: 26px; color: #1a1a1a; }
  #c7 .inner .btn-box .btn a { position: relative; width: 580px; height: 60px; display: block; background: #1a1a1a; margin: 0 auto; margin-top: -16px; line-height: 32px; text-align: center; color: #fff; padding-top: 15px; }
  #c7 .inner .btn-box .btn a:hover { text-decoration: none; background-color: #FFD265; font-weight: bold; color: #1a1a1a; }
  #c7 .inner .btn-box .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
  #c7 .inner .btn-box .btn .btn-deco { position: absolute; right: 24px; top: 5px; }

#c7 .system-category span{
  font-size: 13px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 1px 16px 0px;
  text-align: center;
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
}
  /*============================
#c8
============================*/
  #c8 { background-image: url(../images/index/c8-bg.png); background-repeat: no-repeat; background-position: center 0; padding-top: 48px; max-width: 1920px; width: 100%; height: 1135px; margin: 0 auto; margin-bottom: 120px; }
  #c8 .inner .box-ll { width: 730px; margin-left: 101px; }
  #c8 .inner .ttl { margin-bottom: 32px; }
  #c8 .inner .txt-1 { font-weight: 500; line-height: 32px; color: #fff; margin-bottom: 33px; margin-left: 8px; }
  #c8 .inner .w-box { width: 724px; margin-left: 8px; background-color: #fff; padding: 26px 5px 36px 5px; -webkit-filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.2)); filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.2)); margin-bottom: 60px; }
  #c8 .inner .w-box .ttl-2 { font-weight: bold; font-size: 18px; letter-spacing: 0.1em; line-height: 35px; color: #1a1a1a; margin-bottom: 10px; text-align: center; }
  #c8 .inner .w-box .list { width: 514px; margin-left: 114px; }
  #c8 .inner .w-box .list li { position: relative; padding-top: 8px; padding-bottom: 2px; padding-left: 8px; border-bottom: 1px dotted #1A1A1A; margin-bottom: 5px; }
  #c8 .inner .w-box .list .ss { position: absolute; left: -26px; top: 3px; }
  #c8 .inner .btn-box .btn a { position: relative; width: 400px; height: 60px; margin-left: 8px; display: block; background: #1a1a1a; line-height: 32px; text-align: center; color: #fff; padding-top: 15px; }
  #c8 .inner .btn-box .btn a:hover { text-decoration: none; background-color: #FFD265; font-weight: bold; color: #1a1a1a; }
  #c8 .inner .btn-box .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
  #c8 .inner .btn-box .btn .btn-deco { position: absolute; right: 24px; top: 5px; }
  /*============================
#c9
============================*/
  #c9 {margin-bottom: 170px;}
  #c9 .inner .ttl { text-align: center; margin-bottom: 17px; }
  #c9 .inner .txt-1 { font-weight: bold; font-size: 18px; line-height: 32px; text-align: center; color: #1a1a1a; margin-bottom: 25px; }
  #c9 .inner .kiritori { width: 1280px; margin: 0 auto; position: relative; }
  #c9 .inner .kiritori .in { margin-left: -320px; margin-right: -320px; }
  #c9 .inner .rel-box { width: 960px; margin: 0 auto; position: relative; }
  #c9 .inner .rel-box .arrows2 { position: relative; z-index: 50; }
  #c9 .inner .rel-box .arrows2 > div:hover { cursor: pointer; cursor: hand; background-color: #F04D2F; }
  #c9 .inner .rel-box .arrows2 .slick_mae2 { width: 32px; height: 80px; background-color: #1A1A1A; line-height: 0; position: absolute; left: -16px; top: 150px; }
  #c9 .inner .rel-box .arrows2 .slick_mae2 .ss { display: inline-block; -webkit-transform: rotate(270deg); transform: rotate(270deg); position: absolute; top: 34px; left: 3px; }
  #c9 .inner .rel-box .arrows2 .slick_ushiro2 { width: 32px; height: 80px; background-color: #1A1A1A; line-height: 0; position: absolute; right: -16px; top: 150px; }
  #c9 .inner .rel-box .arrows2 .slick_ushiro2 .ss { display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 33px; left: 4px; }
  #c9 .inner .voice-sra { width: 960px; 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; }
  #c9 .inner .voice-sra.slide-over { width: 3160px; margin: 0 auto; position: relative; left: -620px; }
  #c9 .inner .voice-sra.slide-over .voice-sra-item { margin-left: 30px; margin-right: 30px; }
  #c9 .inner .voice-sra .voice-sra-item {width: 960px;margin: 0 auto;margin-bottom: 45px;/* border-radius: 14px; */background: #F5F0DF;border: 2px solid #848484;padding: 47px 32px 29px;position: relative;}
  #c9 .inner .voice-sra .voice-sra-item:hover .system-pic .kakudai { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: 0.35s; transition: 0.35s; }
  #c9 .inner .voice-sra .voice-sra-item:hover .system-ttl_1 { text-decoration: underline; }
  #c9 .inner .voice-sra .voice-sra-item:hover .deco { background-color: #fff; }
  #c9 .inner .voice-sra .voice-sra-item a:hover { text-decoration: none; }
  #c9 .inner .voice-sra .voice-sra-item a:hover img { opacity: 1.0; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 .box-l { width: 400px; margin-right: 25px; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 .box-l .system-pic { text-align: center; overflow: hidden; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 .box-l .system-pic .kakudai { -webkit-transition: 0.35s; transition: 0.35s; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 .box-l .system-pic img { max-width: 100%; height: 300px; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r { width: 446px; padding-top: 22px; padding-bottom: 64px; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r .sy-txt-1 { display: inline-block; background-color: #1A1A1A; padding: 2px 17px 2px 21px; margin-bottom: 27px; font-size: 14px; letter-spacing: 0.05em; line-height: normal; text-align: left; color: #fafaf5; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r .system-ttl_1 { font-size: 20px; line-height: 34px; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r .deco { position: absolute; right: 53px; bottom: 38px; width: 38px; height: 38px; border: 1px solid #000; text-align: center; line-height: 0; padding-bottom: 5px; padding-top: 13px; border-radius: 50%; }
  #c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r .deco .ss { display: inline-block; }
  #c9 .inner .btn-box .btn a { position: relative; width: 580px; margin: 0 auto; margin-top: 15px; height: 60px; display: block; background: #1a1a1a; line-height: 32px; text-align: center; color: #fff; padding-top: 15px; }
  #c9 .inner .btn-box .btn a:hover { text-decoration: none; background-color: #F04D2F; }
  #c9 .inner .btn-box .btn .btn-deco { position: absolute; right: 19px; top: 5px; }
  /*============================
#c10
============================*/
.c10-bnr{
  width: 840px;
  margin: 0 auto;
  margin-bottom: 240px;
  box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.2);
}

  .info-flex_1 {width: 1100px;margin: 0 auto;margin-bottom: 94px;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;}
  .info-flex_1 .ttl-box .system-list li { border-bottom: 1px dotted #000; }
  .info-flex_1 .ttl-box .system-list li a { padding-top: 18px; padding-bottom: 16px; 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; }
  .info-flex_1 .ttl-box .system-list .system-pic { width: 120px; margin-right: 10px; }
  .info-flex_1 .ttl-box .system-list .system-pic img { max-width: 100%; height: auto; }
  .info-flex_1 .ttl-box .system-list .info-txt-box { width: calc(100% - 130px); padding-top: 11px; }
  .info-flex_1 .ttl-box .system-list .info-txt-box .sy-date { font-size: 14px; letter-spacing: 0.05em; line-height: normal; margin-bottom: 8px; }
  .info-flex_1 .ttl-box .system-list .info-txt-box .system-ttl-1 { font-size: 16px; letter-spacing: 0.05em; line-height: 32px; color: #1a1a1a; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .info-flex_1 .ttl-box .more { width: 109px; position: absolute; top: 43px; right: 0; padding-left: 6px; border-bottom: 1px solid #000; background-image: url(../images/index/c11-deco.svg); background-repeat: no-repeat; background-position: right 7px top 10px; }
  .info-flex_1 .ttl-box .more a:hover { text-decoration: none; }
  .info-flex_1 .ttl-box .more:hover { opacity: 0.8; }
  .info-flex_1 .box-l { width: 510px; position: relative; }
  .info-flex_1 .box-l .ttl {position: relative;left: -3px;margin-bottom: 3px;}
  .info-flex_1 .box-r { width: 510px; position: relative; }
  .info-flex_1 .box-r .ttl {position: relative;left: -3px;margin-bottom: 3px;}
  .o-bnr-set .o-bnr-set-list { width: 520px; margin: 0 auto; margin-bottom: 150px; 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; } 

  .seo-box{
    background-image: url(../images/index/seo-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 90px;
    padding-bottom: 160px;
  }
  .seo-box .inner{
    width: 950px;
    margin: 0 auto;
  }
  .seo-box .inner .txt-1{
    text-align: center;
    margin-bottom: 30px;
  }

.seo-box .inbox{ position:relative; padding-left:300px; padding-top:30px; }
.seo-box .inbox .pic{ width:250px; position:absolute; top:0; left:0; }
.seo-box .inbox .pic img{ width:100%; }

  .seo-box .inner .txt-2{
font-size: 14px;
letter-spacing: 0.05em;
line-height: 27px;
color: #1a1a1a;
  }


}

@media screen and (min-width: 766px) and (max-width: 1919px) { 
  #c1 .inner{
    width: calc(100% - 80px);
  }
  #c1 .inner .system-list {
    width: calc(100% - 100px);
  }
  #c1 .inner .system-list > div{
    width: 32%;
    margin-right: 2%;
  }

  #c4 .inner .list{
    width: calc(100% - 80px);
  }
  #c4 .inner .list > li{
   width: 24.25%;
   margin-right: 1%;
  }

}

@media screen and (min-width: 766px) and (max-width: 1600px) {

  #c4 .inner .list > li .li-ttl img{
    width: 100%;
  }

  #c4 .inner .list > li:nth-child(1) .li-ttl{
   width: 143.58px;
   top: 108px;
  }
  #c4 .inner .list > li:nth-child(2) .li-ttl{
    width: 173.96px;
    top: 99px;
   }
   #c4 .inner .list > li:nth-child(3) .li-ttl{
    width: 114.65px;
    top: 86px;
   }
   #c4 .inner .list > li:nth-child(4) .li-ttl{
    width: 206.5px;
    top: 81px;
   }
   #c4 .inner .list .li-pic img{
    width: 100%;
   }

   #c4 .inner .list .li-pic{
    width: 220px;
   }
   #c4 .inner .list .li-txt{
    width: 220px;
   }
   #c4 .inner .list > li a{
    padding-top: 208px;
   }
   #c4 .inner .list .li-en img{
    width: 100%;
   }
   #c4 .inner .list .li-en{
    width: 11px;
   }
   #c4 .inner .list > li{
    background-size: 290px;
   }

   #c7 .inner .system-list{
    width: calc(100% - 180px);
   }

   #c7 .inner .system-list li{
    width: 23.5%;
    margin-right: 2%;
   }

   #c8{
    height: 1000px;
   }

}

@media screen and (min-width: 766px) and (max-width: 1300px) { #c8 { background-image: url(../images/index/c8-bg-mac.png); }
  #c8 .inner .box-ll { margin-left: 40px; } }

  
@media screen and (max-width: 767px) { 
  
  
  .sy-icon-rel{
    position: relative;
  }
  .sold_icon{
  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;
    border: 2px solid #f04d2f;
    padding: 1.208vw 1.208vw 1.208vw 1.208vw;
    width: 33.816vw;
    height: 3em;
    font-size: 4.348vw;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    color: #f04d2f;
    font-weight: bold;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
    background: rgba(255, 255, 255, 0.8);
  }
  
  .sold-img img{
    filter: grayscale(1);
  }
  
  .top-nav { display: none; }
.sp-mv {-webkit-transition: opacity .25s ease; transition: opacity .25s ease;  opacity: 0; }
.sp-mv.slick-initialized { opacity: 1; }
.mv-dots { display: none; }
.sp-mv-dots .slick-dots { bottom: 0; margin-top: -0.483vw; margin-bottom: -1.932vw; }
.sp-mv-dots .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 0; height: auto; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; background-color: #fff; }
.sp-mv-dots .slick-dots li button:before { content: ""; }
.sp-mv-dots .slick-dots li { width: 15.942vw; height: 0.966vw; background-color: #fff; }
.sp-mv-dots .slick-dots li:hover { background-color: #f04d2f; }
.sp-mv-dots .slick-dots li.slick-active { background-color: #f04d2f; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.sp-mv-txt {width: 100vw;margin: 0 auto;margin-bottom: 2.415vw;margin-top: 1.932vw;/* margin-left: -0.483vw; */}
.bg-wap-01 { background-color: #fdfaf1; }

.modelhouse2-bnr-box{
  width: 90.097vw;
  margin: 0 auto 12vw; }
.hiraya-bnr-box{ margin: 0 5vw 12vw; }

/*============================
#c1
============================*/
#c1 { margin-bottom: 16.667vw; }
#c1 .inner {width: 95.894vw;margin: 0 auto;padding: 3.623vw 1.208vw 12.077vw 1.208vw;/* border-radius: 3.382vw; */background: #F5F0DF;}
#c1 .inner .ttl {position: relative;left: -4.106vw;width: 64.734vw;margin: 0 auto;margin-bottom: 3.589vw;}
#c1 .inner .txt-1 {font-size: 3.865vw;font-weight: bold;line-height: 6.763vw;margin-bottom: 8.213vw;text-align: center;letter-spacing: 0.1em;color: #1a1a1a;}
#c1 .inner .rel-1000 {position: relative;  width: 100%; margin: 0 auto; }
#c1 .inner .rel-1000 .abs-pic { position: absolute; z-index: 10; top: -21.739vw; right: 8.454vw; width: 16.667vw; }
#c1 .inner .system-list {position: relative; z-index: 10; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 83.575vw; margin: 0 auto; margin-bottom: 9.662vw; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c1 .inner .system-list > div { width: 100%; border: 1px solid #e6e6e6; background-color: #fff; -webkit-box-shadow: 30px 30px 60px rgba(0, 0, 0, 0.16); box-shadow: 30px 30px 60px rgba(0, 0, 0, 0.16); }
#c1 .inner .system-list > div a {display: block;  padding: 5.556vw 4.589vw 7.729vw; }
#c1 .inner .system-list > div:hover .system-ttl-1 { text-decoration: underline; }
#c1 .inner .system-list > div:hover .system-pic img { opacity: 1.0; }
#c1 .inner .system-list > div:hover .kakudai {-webkit-transition: 0.35s; transition: 0.35s;  -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#c1 .inner .system-list > div a:hover { text-decoration: none; }
#c1 .inner .system-list .sy-rel { position: relative; }
#c1 .inner .system-list .sy-rel .sy-icon {font-size: 3.865vw; font-weight: bold; line-height: 6.763vw;  position: absolute; z-index: 10; top: -2.899vw; left: -3.14vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 18.357vw; height: 18.357vw; border-radius: 50%; background: #ffd265; -webkit-filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.1)); filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.1)); -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c1 .inner .system-list .sy-rel .sy-icon.ch2 {font-size: 3.865vw; line-height: 4.348vw; text-align: center; color: #fff;  background-color: #413524; }
#c1 .inner .system-list .sy-rel .system-pic { overflow: hidden; margin-bottom: 3.382vw; }
#c1 .inner .system-list .sy-rel .system-pic .kakudai { -webkit-transition: 0.3s; transition: 0.3s; }
#c1 .inner .system-list .sy-rel .system-pic img { width: 100%; height: 49.275vw; }
#c1 .inner .system-list .system-ttl-1 {font-size: 4.348vw;  font-weight: bold; margin-bottom: 1.691vw; }
#c1 .inner .system-list .flex_1 {font-size: 3.382vw;  display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1.932vw 0 2.174vw; border-bottom: 1px dotted #1a1a1a; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c1 .inner .system-list .flex_1 .box-l {font-size: 3.382vw; font-weight: bold; line-height: 1.65;  width: 12.319vw; padding-left: 1.449vw; }
#c1 .inner .system-list .flex_1 .box-r {line-height: 1.67;  width: calc(100% - 12.319vw); }
#c1 .inner .system-list .flex_1 .box-r .sy-txt-1 img{display: none;}
#c1 .inner .btn a {font-weight: bold; line-height: 7.729vw; position: relative;  display: block; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 77.295vw; height: 19.324vw; margin: 0 auto; text-align: center; background-color: #ffd265; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c1 .inner .btn a .btn-deco { position: absolute; top: 3.865vw; right: 4.831vw; }
#c1 .inner .btn a:hover {text-decoration: none; color: #fff;  background-color: #1a1a1a; }
#c1 .inner .btn a:hover .btn-deco { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#c1 .sp-event-sra-arrows { position: relative; z-index: 50; }
#c1 .sp-event-sra-arrows .sp-event-slick_mae {line-height: 0; position: absolute; top: 42.754vw; left: -3.382vw;  width: 6.28vw; height: 19.324vw; background-color: #1a1a1a; }
#c1 .sp-event-sra-arrows .sp-event-slick_mae .ss {position: absolute; top: 8.213vw; left: 0.483vw;  display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#c1 .sp-event-sra-arrows .sp-event-slick_ushiro {line-height: 0; position: absolute; top: 42.754vw; right: -3.14vw;  width: 6.28vw; height: 19.324vw; background-color: #1a1a1a; }
#c1 .sp-event-sra-arrows .sp-event-slick_ushiro .ss {position: absolute; top: 7.971vw; left: 0.483vw;  display: inline-block; -webkit-transform: rotate(270deg); transform: rotate(270deg); }
/*============================
#c2
============================*/
#c2 {padding-bottom: 14.493vw; background-color: #fdfaf1;  background-repeat: no-repeat; background-position: center 17.15vw; }
#c2 .inner { width: 100%; margin: 0 auto; }
#c2 .inner .sp-img { margin-bottom: 10.145vw; }
#c2 .inner .ttl { width: 40.58vw; margin: 0 auto; margin-bottom: 5.556vw; }
#c2 .inner .ttl-2 { width: 78.14vw; margin: 0 auto; margin-bottom: 9.42vw; }
#c2 .inner .txt-1 {font-size: 4.348vw;  font-weight: bold; margin-bottom: 3.14vw; text-align: center; letter-spacing: 0.15em; }
#c2 .inner .txt-2 {line-height: 7.729vw;  width: 83.575vw; margin: 0 auto; margin-bottom: 8.454vw; }
#c2 .inner .bd-box {position: relative;  width: 91.787vw; margin: 0 auto; margin-bottom: 9.662vw; padding: 8.213vw 1.208vw 3.382vw 1.208vw; border: 3px solid #f04d2f; border-radius: 3.382vw; background: transparent; }
#c2 .inner .bd-box .en { width: 49.034vw; margin: 0 auto; }
#c2 .inner .bd-box .ttl-3 { width: 78.623vw; margin: 0 auto; margin-bottom: 5.556vw; }
#c2 .inner .bd-box .txt-3 {font-size: 3.865vw; line-height: normal; position: relative;  width: 79.469vw; margin: 0 auto; margin-bottom: 4.348vw; letter-spacing: 0.05em; }
#c2 .inner .btn a {line-height: 7.729vw; position: relative;  display: block; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 77.295vw; height: 19.324vw; margin: 0 auto; text-align: center; color: #fff; background-color: #1a1a1a; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c2 .inner .btn a .btn-deco { position: absolute; top: 3.865vw; right: 4.831vw; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#c2 .inner .btn a:hover {font-weight: 700; text-decoration: none; color: #1a1a1a;  background-color: #ffd265; }
#c2 .inner .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
.panel { display: none; }
.panel.active { display: block; }
/*============================
#c3
============================*/
#c3 {padding-top: 14.976vw; padding-bottom: 19.324vw;  background-image: url(../images/common/ff-ptn.jpg); background-repeat: repeat; background-position: center 0; }
#c3 .inner .ttl {width: 45.894vw;margin: 0 auto;margin-bottom: 4.797vw;text-align: center;}
#c3 .inner .txt-1 {font-size: 4.348vw;  font-weight: bold; line-height: 7.729vw; margin-bottom: 3.623vw; text-align: center; letter-spacing: 0.1em; }
#c3 .inner .cate-list-box { width: 100%; margin: 0 auto; margin-bottom: 9.662vw; background-color: #fff; /* padding: 1.208vw 1.208vw 1.208vw 6.28vw; */ }
#c3 .inner .cate-list-box .tab-area { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c3 .inner .cate-list-box .tab-area > li {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  width: 100%; height: 12.077vw; padding-top: 0.483vw; border: 1px solid #848484; border-top: none; background: #fff; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c3 .inner .cate-list-box .tab-area > li:hover { cursor: pointer; cursor: hand; color: #fff; background-color: #1a1a1a; }
#c3 .inner .cate-list-box .tab-area .tab.active {color: #fff;  background-color: #1a1a1a; }
#c3 .inner .panel-area .panel.active .system-list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 91.787vw; margin: 0 auto; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c3 .inner .panel-area .panel.active .system-list > li { width: 44.686vw; margin-right: 2.415vw; margin-bottom: 9.662vw; padding-bottom: 2.899vw; background-color: #fdfaf1; }
#c3 .inner .panel-area .panel.active .system-list > li:hover .system-pic .kakudai {-webkit-transition: 0.35s; transition: 0.35s;  -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#c3 .inner .panel-area .panel.active .system-list > li:hover .sy-txt-2 { text-decoration: underline; }
#c3 .inner .panel-area .panel.active .system-list > li a:hover { text-decoration: none; }
#c3 .inner .panel-area .panel.active .system-list > li a:hover img { opacity: 1.0; }
#c3 .inner .panel-area .panel.active .system-list > li:nth-child(2n) { margin-right: 0; }
#c3 .inner .panel-area .panel.active .system-list .system-pic.fit {overflow: hidden;  width: 100%; background-color: #fff; }
#c3 .inner .panel-area .panel.active .system-list .system-pic.fit .kakudai { -webkit-transition: 0.35s; transition: 0.35s; }
#c3 .inner .panel-area .panel.active .system-list .system-pic.fit img { max-width: 100%; height: 32.85vw; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box { padding: 3.382vw 2.415vw 1.208vw; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_1 {margin-bottom: 3.623vw;  padding-bottom: 3.865vw; text-align: center; border-bottom: 1px solid #848484; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_1 .box-l {font-size: 3.382vw; line-height: 4.348vw;  width: 100%; margin-bottom: 1.932vw; text-align: center; letter-spacing: 0.05em; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_1 .box-r {font-size: 6.039vw;  font-weight: bold; line-height: 6.763vw; letter-spacing: 0.05em; color: #1a1a1a; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .box-l { width: 100%; margin-bottom: 1.208vw; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .flex-in_1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 3.382vw 0 4.831vw; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .flex-in_1 .box-in-l {font-size: 3.382vw; line-height: 4.348vw;  width: 3em; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .flex-in_1 .box-in-r {font-size: 3.865vw; font-weight: bold; line-height: 4.348vw;  width: calc(100% - 3em); text-align: right; letter-spacing: 0.05em; color: #1a1a1a; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .box-r .flex-in_1 .box-in-l {font-size: 3.382vw; line-height: 4.348vw;  width: 3em; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .box-r .flex-in_1 .box-in-r {font-size: 3.865vw; font-weight: bold; line-height: 4.348vw;  width: calc(100% - 3em); text-align: right; letter-spacing: 0.05em; color: #1a1a1a; }
#c3 .inner .panel-area .panel.active .system-list .sy-p-box .flex_2 .box-r { width: 100%; }
#c3 .inner .btn a {line-height: 7.729vw;  position: relative; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 77.295vw; height: 19.324vw; margin: 0 auto; margin-top: 7.488vw; text-align: center; color: #fff; background-color: #1a1a1a; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c3 .inner .btn a .btn-deco { position: absolute; top: 3.865vw; right: 4.831vw; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#c3 .inner .btn a:hover {font-weight: 700; text-decoration: none; color: #1a1a1a;  background-color: #ffd265; }
#c3 .inner .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
#c3 .accordion { width: 83.575vw; margin: 0 auto; background-color: #fff; }
#c3 .accordion .toggle { display: none; }
#c3 .accordion .option { position: relative; margin-bottom: 9.662vw; }
#c3 .accordion .title,#c3 .accordion .content {-webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateZ(0); transform: translateZ(0);  -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#c3 .accordion .title {font-weight: bold; position: relative; display: block; padding: 2.415vw 1.208vw 2.415vw; text-align: center; color: #333; border: 1px solid #848484;  border-radius: 0; }
#c3 .accordion .title::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#c3 .accordion .content {overflow: hidden;  max-height: 0; }
#c3 .accordion .content p {font-size: 0.9em; line-height: 1.5;  margin: 0; padding: 0.5em 1em 1em; }
#c3 .accordion .toggle:checked + .title + .content { max-height: 120.773vw; -webkit-transition: all 0.6s; transition: all 0.6s; }
#c3 .accordion .toggle:checked + .title::before { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }
#c3 .accordion .title:hover { cursor: pointer; cursor: hand; }
#c3 .accordion .title .ss {line-height: 0;  position: absolute; top: 4.106vw; right: 5.314vw; }
#c3 .accordion .toggle:checked + .title .ss { -webkit-transform: scale(1, -1); transform: scale(1, -1); }
/*============================
#c4
============================*/
#c4 {padding-top: 29.227vw;padding-bottom: 13.043vw;background-image: url(../images/index/sp-c4-bg.jpg);background-repeat: no-repeat;background-position: center 0;background-size: cover;}
#c4 .inner .ttl-box {position: relative;width: 100%;margin: 0 auto;margin-bottom: 6.976vw;}
#c4 .inner .ttl-box .ttl {width: 73.913vw;margin: 0 auto;margin-bottom: 7.213vw;position: relative;left: 5px;}
#c4 .inner .ttl-box .txt-1 {font-size: 4.348vw;font-weight: bold;line-height: 7.729vw;width: 346px;margin: 0 auto;letter-spacing: 0.1em;color: #fff;}
#c4 .inner .list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 91.787vw; margin: 0 auto; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c4 .inner .list > li {position: relative;width: 100%;margin-bottom: 3.865vw;-webkit-transition: 0.3s;transition: 0.3s;background: #fff;/* background-image: url(../images/index/sp-c4-li-bg.png); */background-repeat: no-repeat;background-position: center 2px;background-size: 58.937vw;}
#c4 .inner .list > li a {/* position: relative; */display: block;padding-top: 25.99vw;padding-bottom: 23.845vw;}
#c4 .inner .list > li a:hover { text-decoration: none; }
#c4 .inner .list > li a:hover img { opacity: 1.0; }
#c4 .inner .list > li a:hover .li-ttl img { opacity: 1.0; }
#c4 .inner .list > li a:hover .li-en img { opacity: 1.0; }
#c4 .inner .list > li a:hover .btn {color: #fff;  background-color: #1a1a1a; }
#c4 .inner .list > li a:hover .btn .btn-deco { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#c4 .inner .list > li a:hover .li-txt { text-decoration: underline; }
#c4 .inner .list > li:nth-child(4n) { margin-right: 0; }
#c4 .inner .list > li:nth-child(1) .li-ttl {top: 7.633vw;width: 45.652vw;}
#c4 .inner .list > li:nth-child(2) .li-ttl {top: 6.633vw;width: 55.314vw;}
#c4 .inner .list > li:nth-child(3) .li-ttl {top: 6.908vw;width: 68.599vw;}
#c4 .inner .list > li:nth-child(4) .li-ttl {top: 7.391vw;width: 74.517vw;}
#c4 .inner .list > li:nth-child(2) a {padding-top: 32.1vw;}
#c4 .inner .list > li:nth-child(3) a {padding-top: 25.99vw;}
#c4 .inner .list > li:nth-child(4) a {padding-top: 34.203vw;}
#c4 .inner .list .li-en {position: absolute; top: -1.932vw; left: 2.174vw;  width: 2.174vw; }
#c4 .inner .list .li-ttl {position: absolute; top: 0; right: 0; left: 0;  margin: 0 auto; }
#c4 .inner .list .li-pic { width: 74.879vw; margin: 0 auto; margin-bottom: 4.348vw; }
#c4 .inner .list .li-txt {font-size: 3.865vw; line-height: 6.763vw;  width: 74.879vw; margin: 0 auto; letter-spacing: 0.05em; }
#c4 .inner .list .btn {position: absolute;right: 0;bottom: 8.628vw;left: 0;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;align-items: center;-ms-flex-align: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 35.749vw;height: 10.628vw;margin: 0 auto;border: 1px solid #1a1a1a;border-radius: 5.314vw;background: #fff;-webkit-box-lines: multiple;-moz-box-lines: multiple;}
#c4 .inner .list .btn:hover {color: #fff;  background-color: #1a1a1a; }
#c4 .inner .list .btn:hover .btn-deco { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#c4 .inner .list .btn .btn-deco { position: absolute; top: 0; right: 3.623vw; }
/*============================
#c5
============================*/
#c5 {padding-top: 0;padding-bottom: 12.251vw;background-image: url(../images/index/sp-c5-bg-b.png), url(../images/index/c5-bg-p.jpg);background-repeat: no-repeat,repeat;background-position: bottom center,0 0;background-size: 100%,19.324vw;}
#c5 .inner .ttl-box { width: 100%; margin: 0 auto; }
#c5 .inner .ttl-box .flex_1 {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  margin-bottom: 10.628vw; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c5 .inner .ttl-box .flex_1 .box-l { marginright: 4.348vw; }
#c5 .inner .ttl-box .flex_1 .box-l .ttl { margin-bottom: 3.382vw; }
#c5 .inner .ttl-box .flex_1 .box-l .txt-1 {font-size: 4.106vw;  font-weight: bold; line-height: 7.246vw; text-align: center; }
#c5 .inner .ttl-box .flex_1 .box-r {position: relative;  width: 83.575vw; height: 80.435vw; margin: 0 auto; margin-top: 5.072vw; padding: 7.005vw 1.208vw 1.208vw 3.623vw; background-image: url(../images/index/sp-c5-box.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; }
#c5 .inner .ttl-box .flex_1 .box-r .ttl-2 {font-size: 4.348vw; font-weight: bold; line-height: 6.763vw; position: relative; left: -0.966vw; margin-bottom: 2.899vw; padding-left: 0;  text-align: center; letter-spacing: 0.1em; }
#c5 .inner .ttl-box .flex_1 .box-r .list { width: 67.633vw; margin-left: 7.971vw; }
#c5 .inner .ttl-box .flex_1 .box-r .list li {font-size: 3.865vw; line-height: 6.28vw;  position: relative; margin-bottom: 4.348vw; padding-top: 0.966vw; padding-bottom: 1.208vw; padding-left: 1.449vw; letter-spacing: 0.05em; border-bottom: 1px dotted #000; }
#c5 .inner .ttl-box .flex_1 .box-r .list li .ss { position: absolute; top: 0; left: -6.763vw; }
#c5 .inner .ttl-box .flex_1 .box-r .pic {position: absolute; right: -8.213vw; bottom: -8.937vw;  width: 35.749vw; }
#c5 .inner .top_lp_box { width: 95.652vw; margin: 0 auto; }
#c5 .inner .top_lp_box .top_lp_li_box { margin-right: 1.932vw; margin-left: 1.932vw; padding-bottom: 5.797vw; }
#c5 .inner .top_lp_box .top_lp_li_box img:hover { opacity: 1.0; }
#c5 .inner .top_lp_box .top_lp_li_box a:hover { text-decoration: none; }
#c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-l { width: 100%; margin-bottom: 1.691vw; }
#c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-l .system-pic.fit img {width: 100%;  max-width: 100%; height: 64.01vw; }
#c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r { width: 100%; }
#c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r .sy-pic-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r .sy-pic-list li { width: 21.498vw; margin-right: 1.932vw; margin-bottom: 2.415vw; 
text-align: center;
background-color: #fff;
}
#c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r .sy-pic-list li:nth-child(4n) { margin-right: 0; }
#c5 .inner .top_lp_box .top_lp_li_box .sy-flex_1 .box-r .sy-pic-list .system-pic2.fit img {height: 14.976vw;display: inline-block;}
#c5 .inner .top_lp_box .sy-w-box a {position: relative;  display: block; width: 100%; margin: 0 auto; padding: 8.454vw 3.865vw 8.213vw; padding-bottom: 21.256vw; border: 1px solid #848484; background: #fff; -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); }
#c5 .inner .top_lp_box .sy-w-box a:hover .sy-ttl { text-decoration: underline; }
#c5 .inner .top_lp_box .sy-w-box a .sy-ttl {font-size: 5.556vw;  font-weight: bold; line-height: 6.763vw; margin-bottom: 5.072vw; padding-bottom: 3.623vw; text-align: center; letter-spacing: 0.05em; border-bottom: 1px solid #848484; }
#c5 .inner .top_lp_box .sy-w-box a .flex_1 { font-size: 3.382vw; line-height: 4.348vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.449vw; padding: 0 1.932vw; letter-spacing: 0.05em; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c5 .inner .top_lp_box .sy-w-box a .flex_1 .box-l { width: 21.256vw; }
#c5 .inner .top_lp_box .sy-w-box a .flex_1 .box-r { width: calc(100% - 21.256vw); }
#c5 .more {position: absolute; right: 0; bottom: 9.662vw; left: 0; display: none;  width: 18.357vw; margin: 0 auto; }
#c5 .btn a {font-weight: bold; line-height: 7.729vw; position: relative;  display: block; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 77.295vw; height: 19.324vw; margin: 0 auto; margin-top: 4.106vw; text-align: center; border: 1px solid #848484; background-color: #ffd265; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c5 .btn a .btn-deco { position: absolute; top: 3.623vw; right: 4.589vw; }
#c5 .btn a:hover {text-decoration: none; color: #fff;  background-color: #1a1a1a; }
#c5 .btn a:hover .btn-deco { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.kiritori-pic {position: relative;  width: 100%; margin: 0 auto; }
.kiritori-pic .in { /* margin-left: -77.295vw; */ /* margin-right: -77.295vw; */ }
.kiritori-pic .in .slick_lp_mae {position: absolute; z-index: 100; top: 28.019vw; left: 2.657vw;  width: 8.213vw; height: 8.213vw; border: 1px solid #848484; border-radius: 50%; background: #fff; }
.kiritori-pic .in .slick_lp_mae .ss {position: absolute; top: 3.382vw; left: -2.899vw;  display: block; width: 2.568vw; height: 1.37vw; -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-filter: brightness(0); filter: brightness(0); }
.kiritori-pic .in .slick_lp_mae .ss img { width: 100%; height: auto; }
.kiritori-pic .in .slick_lp_ushiro {position: absolute; z-index: 100; top: 28.019vw; right: 2.415vw;  width: 8.213vw; height: 8.213vw; border: 1px solid #848484; border-radius: 50%; background: #fff; }
.kiritori-pic .in .slick_lp_ushiro .ss {position: absolute; top: 3.14vw; left: 7.971vw;  display: block; width: 2.568vw; height: 1.37vw; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-filter: brightness(0); filter: brightness(0); }
.kiritori-pic .in .slick_lp_ushiro .ss img { width: 100%; height: auto; }
/*============================
#c6
============================*/
#c6 {overflow: hidden;margin-bottom: 16.527vw;padding-top: 6.28vw;padding-bottom: 19.324vw;background-image: url(../images/index/c6-ptn.jpg);background-repeat: repeat;background-position: center 0;}
#c6 .inner {position: relative; width: 100%;  max-width: 100%; margin: 0 auto; }
#c6 .inner .slick_mae {position: absolute; z-index: 30; top: 170.29vw; left: 0;  width: 6.763vw; height: 19.324vw; padding-top: 1.208vw; text-align: center; background-color: #1a1a1a; }
#c6 .inner .slick_mae .ss {position: absolute; top: 6.28vw; right: -1.691vw;  display: block; width: 13.768vw; -webkit-transform: rotate(270deg); transform: rotate(270deg); /* 中心を基準点に時計回りに回転する */ }
#c6 .inner .slick_mae .ss img { height: 3.077vw; }
#c6 .inner .slick_ushiro {position: absolute; z-index: 30; top: 170.29vw; right: 0;  width: 6.763vw; height: 19.324vw; padding-top: 1.208vw; text-align: center; background-color: #1a1a1a; }
#c6 .inner .slick_ushiro .ss {position: absolute; top: 6.28vw; right: -5.314vw;  display: block; width: 13.768vw; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#c6 .inner .flex_1 {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 100%; margin: 0 auto; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c6 .inner .flex_1 .box-l { width: 100%; }
#c6 .inner .flex_1 .box-l .ttl {width: 99.155vw;margin-bottom: 6.039vw;}
#c6 .inner .flex_1 .box-l .flex_2 { margin-bottom: 2.415vw; }
#c6 .inner .flex_1 .box-l .flex_2 .box-l2 {position: relative;  width: 21.981vw; margin: 0 auto; margin-bottom: 2.899vw; }
#c6 .inner .flex_1 .box-l .flex_2 .box-l2 .pic-1 { position: relative; left: 4.589vw; }
#c6 .inner .flex_1 .box-l .flex_2 .box-r2 {font-size: 4.348vw; line-height: 6.28vw;  text-align: center; letter-spacing: 0.1em; }
#c6 .inner .flex_1 .box-l .flex_2 .box-r2 .txt-2 {font-size: 4.348vw;  font-weight: bold; line-height: 6.28vw; letter-spacing: 0.1em; }
#c6 .inner .flex_1 .box-r {position: relative;  width: 100%; margin-top: 6.763vw; padding-bottom: 12.077vw; }
#c6 .inner .flex_1 .box-r .deco-box {position: absolute; bottom: 2.415vw;  width: 100%; height: 46.135vw; background-color: #006d90; }
#c6 .inner .flex_1 .box-r .sy-tochi {position: relative; z-index: 10; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 91.787vw; margin: 0 auto; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; opacity: 0; -webkit-box-lines: multiple; -moz-box-lines: multiple; }

#c6 .inner .flex_1 .box-r .sy-tochi .slick-list{
  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;
}


#c6 .inner .flex_1 .box-r .sy-tochi.slick-initialized { opacity: 1; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item { width: 100%; margin-right: 7.246vw; margin-left: 7.246vw; background-color: #fff; -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item a:hover { text-decoration: none; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item a:hover img { opacity: 1.0; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item:hover .sy-pic .kakudai {-webkit-transition: 0.35s; transition: 0.35s;  -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item:hover .sy-ttl { text-decoration: underline; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-pic.fit { overflow: hidden; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-pic.fit .kakudai { -webkit-transition: 0.35s; transition: 0.35s; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-pic.fit .kakudai img { max-width: 100%; height: auto; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box { padding: 4.348vw 6.039vw 9.662vw; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .sy-cate-list-box { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .sy-cate-list-box .sy-cate {font-size: 3.382vw; line-height: normal; margin-right: 1.208vw; margin-bottom: 2.657vw; padding: 0.725vw 1.208vw 0.966vw 1.208vw; text-align: left; letter-spacing: 0.05em; color: #1a1a1a;  border: 1px solid #848484; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .sy-ttl { line-height: 5.797vw; margin-bottom: 7.488vw; color: #1a1a1a; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 2.174vw; padding-bottom: 2.174vw;  border-bottom: 1px dotted #000; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 .box-l2 { width: 18.357vw; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 .box-l2 .sy-txt-1 { line-height: 6.28vw; padding-left: 2.174vw; }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 .box-r2 { font-size: 4.348vw; width: calc(100% - 18.357vw); }
#c6 .inner .flex_1 .box-r .sy-tochi .sy-tochi-item .sy-txt-box .flex_2 .box-r2 .sy-txt-2.txt-red { font-weight: bold; line-height: 6.28vw; color: #f04d2f; }
#c6 .inner .btn-box {position: relative;  width: 77.295vw; margin: 0 auto; margin-top: 7.246vw; }
#c6 .inner .btn a {line-height: 7.729vw;  position: relative; display: block; width: 77.295vw; height: 19.324vw; padding-top: 6.039vw; text-align: center; color: #fff; background: #1a1a1a; }
#c6 .inner .btn a:hover {font-weight: bold;  text-decoration: none; color: #1a1a1a; background-color: #ffd265; }
#c6 .inner .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
#c6 .inner .btn .btn-deco { position: absolute; top: 3.865vw; right: 4.589vw; }
/*============================
#c7
============================*/
#c7 { margin-bottom: 26.57vw; margin-top:14vw; }
#c7 .inner .ttl {width: 56.522vw;margin: 0 auto;margin-bottom: 5.314vw;}
#c7 .inner .txt-1 {font-size: 4.348vw;  font-weight: bold; line-height: 7.729vw; margin-bottom: 8.213vw; text-align: center; letter-spacing: 0.1em; }
#c7 .inner .system-list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 91.787vw; margin: 0 auto; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c7 .inner .system-list > li {width: 44.686vw;margin-right: 2.415vw;margin-bottom: 7.488vw;}
#c7 .inner .system-list > li:nth-child(2n) { margin-right: 0; }
#c7 .inner .system-list > li:hover .system-pic .kakudai {-webkit-transition: 0.35s; transition: 0.35s;  -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#c7 .inner .system-list > li:hover .system-ttl_1 { text-decoration: underline; }
#c7 .inner .system-list > li a:hover { text-decoration: none; }
#c7 .inner .system-list > li a:hover img { opacity: 1.0; }
#c7 .inner .system-list .kakudai { -webkit-transition: 0.35s; transition: 0.35s; }
#c7 .inner .system-list .system-pic { overflow: hidden; text-align: center; /* margin-bottom: 3.623vw; */ }
#c7 .inner .system-list .system-pic img { width: 100%; height: 29.469vw; }
#c7 .inner .system-list .sy-w-box { padding: 1.932vw 1.932vw 1.208vw 1.932vw; }
#c7 .inner .system-list .sy-txt-1 {font-size: 3.382vw; line-height: 6.763vw; margin-bottom: 0.242vw; letter-spacing: 0.05em;  color: #848484; }
#c7 .inner .system-list .system-ttl_1 { font-weight: bold; line-height: 6.28vw; color: #1a1a1a; }
#c7 .inner .btn-box .btn a {line-height: 7.729vw;  position: relative; display: block; width: 77.295vw; height: 19.324vw; margin: 0 auto; margin-top: 0; padding-top: 6.039vw; text-align: center; color: #fff; background: #1a1a1a; }
#c7 .inner .btn-box .btn a:hover {font-weight: bold;  text-decoration: none; color: #1a1a1a; background-color: #ffd265; }
#c7 .inner .btn-box .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
#c7 .inner .btn-box .btn .btn-deco { position: absolute; top: 3.865vw; right: 4.831vw; }

#c7 .system-category span{
  width: 100%;
  font-size: 3.382vw;
  display: inline-block;
  margin-right: 2.415vw;
  margin-bottom: 1.208vw;
  padding: 0.483vw 3.865vw;
  text-align: center;
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
  line-height: 1.4;
  }

/*============================
#c8
============================*/
#c8 {width: 100%; max-width: 100%; margin: 0 auto; margin-bottom: 18.599vw; padding-top: 7.488vw; padding-bottom: 19.324vw; background-color: #fdfaf1;  background-image: url(../images/index/sp-c8-bg.jpg); background-repeat: no-repeat; background-repeat: no-repeat; background-position: center 0; background-position: center 0; background-size: 100%; }
#c8 .inner .box-ll { width: 100%; }
#c8 .inner .ttl { margin-bottom: 2.657vw; }
#c8 .inner .txt-1 {line-height: 7.729vw;  width: 87.681vw; margin-bottom: 6.039vw; margin-left: 8.213vw; color: #fff; }
#c8 .inner .w-box {position: relative; top: -9.903vw;  width: 91.787vw; margin: 0 auto; margin-bottom: -0.242vw; padding: 6.763vw 1.208vw 7.488vw 1.208vw; background-color: #fff; -webkit-filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.2)); filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, 0.2)); }
#c8 .inner .w-box .ttl-2 {font-size: 4.348vw;  font-weight: bold; line-height: 8.454vw; margin-bottom: 1.449vw; text-align: center; letter-spacing: 0.1em; color: #1a1a1a; }
#c8 .inner .w-box .list { width: 66.908vw; margin-left: 14.251vw; }
#c8 .inner .w-box .list li {font-size: 3.865vw; line-height: 6.28vw;  position: relative; margin-bottom: 3.14vw; padding-top: 1.932vw; padding-bottom: 1.449vw; padding-left: 1.932vw; letter-spacing: 0.05em; border-bottom: 1px dotted #1a1a1a; }
#c8 .inner .w-box .list .ss { position: absolute; top: 0.966vw; left: -6.522vw; }
#c8 .inner .btn-box .btn a {font-size: 3.865vw; font-weight: bold; line-height: 5.314vw;  position: relative; display: block; width: 77.295vw; height: 19.324vw; margin: 0 auto; padding-top: 4.589vw; text-align: center; letter-spacing: 0.05em; color: #fff; background: #1a1a1a; }
#c8 .inner .btn-box .btn a:hover {font-weight: bold;  text-decoration: none; color: #1a1a1a; background-color: #ffd265; }
#c8 .inner .btn-box .btn a:hover .btn-deco { -webkit-filter: brightness(0); filter: brightness(0); }
#c8 .inner .btn-box .btn .btn-deco { position: absolute; top: 6.28vw; right: 4.831vw; }
/*============================
#c9
============================*/
#c9 {margin-bottom: 19.739vw;}
#c9 .inner .ttl { width: 45.411vw; margin: 0 auto; margin-bottom: 5.314vw; text-align: center; }
#c9 .inner .txt-1 {font-size: 4.348vw;  font-weight: bold; line-height: 7.729vw; margin-bottom: 8.454vw; text-align: center; letter-spacing: 0.1em; color: #1a1a1a; }
#c9 .inner .kiritori {position: relative;  width: 100%; margin: 0 auto; }
#c9 .inner .rel-box {position: relative;  width: 100%; margin: 0 auto; }
#c9 .inner .rel-box .arrows2 { position: relative; z-index: 50; }
#c9 .inner .rel-box .arrows2 .slick_mae2 {line-height: 0; position: absolute; top: 47.343vw; left: 0;  width: 6.763vw; height: 19.324vw; background-color: #1a1a1a; }
#c9 .inner .rel-box .arrows2 .slick_mae2 .ss {position: absolute; top: 8.213vw; left: 0.725vw;  display: inline-block; -webkit-transform: rotate(270deg); transform: rotate(270deg); }
#c9 .inner .rel-box .arrows2 .slick_ushiro2 {line-height: 0; position: absolute; top: 47.343vw; right: 0;  width: 6.763vw; height: 19.324vw; background-color: #1a1a1a; }
#c9 .inner .rel-box .arrows2 .slick_ushiro2 .ss {position: absolute; top: 7.971vw; left: 0.966vw;  display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#c9 .inner .voice-sra {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  width: 91.304vw; margin: 0 auto; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
#c9 .inner .voice-sra .voice-sra-item {
  position: relative;
  width: 108.304vw !important;
  margin: 0 auto;
  margin-right: 3.865vw;
  margin-bottom: 3.623vw;
  margin-left: 3.865vw;
  padding: 4.348vw 4.106vw 4.106vw;
  border: 2px solid #848484;
  /* border-radius: 1.932vw; */
  background: #F5F0DF;
  }
#c9 .inner .voice-sra .voice-sra-item:hover .system-pic .kakudai {-webkit-transition: 0.35s; transition: 0.35s;  -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#c9 .inner .voice-sra .voice-sra-item:hover .system-ttl_1 { text-decoration: underline; }
#c9 .inner .voice-sra .voice-sra-item:hover .deco { background-color: #fff; }
#c9 .inner .voice-sra .voice-sra-item a:hover { text-decoration: none; }
#c9 .inner .voice-sra .voice-sra-item a:hover img { opacity: 1.0; }
#c9 .inner .voice-sra .voice-sra-item .flex_1 .box-l { width: 100%; margin-bottom: 3.14vw; }
#c9 .inner .voice-sra .voice-sra-item .flex_1 .box-l .system-pic {overflow: hidden;  text-align: center; }
#c9 .inner .voice-sra .voice-sra-item .flex_1 .box-l .system-pic .kakudai { -webkit-transition: 0.35s; transition: 0.35s; }
#c9 .inner .voice-sra .voice-sra-item .flex_1 .box-l .system-pic img { max-width: 100%; height: 55.314vw; }
#c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r { width: 100%; /* padding-top: 5.314vw; */ padding-bottom: 10.628vw; }
#c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r .sy-txt-1 {font-size: 3.382vw; line-height: normal;  display: inline-block; margin-bottom: 3.382vw; padding: 0.966vw 4.106vw 0.966vw 5.072vw; text-align: left; letter-spacing: 0.05em; color: #fafaf5; background-color: #1a1a1a; }
#c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r .system-ttl_1 { font-size: 4.831vw; line-height: 8.213vw; }
#c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r .deco {line-height: 0;  position: absolute; right: 4.348vw; bottom: 6.522vw; width: 5.314vw; height: 5.314vw; padding-top: 1.208vw; padding-bottom: 1.208vw; text-align: center; border: 1px solid #000; border-radius: 50%; }
#c9 .inner .voice-sra .voice-sra-item .flex_1 .box-r .deco .ss { display: inline-block; }
#c9 .inner .btn-box .btn a {font-weight: bold; line-height: 7.729vw;  position: relative; display: block; width: 77.295vw; height: 19.324vw; margin: 0 auto; margin-top: 3.623vw; padding-top: 6.039vw; text-align: center; color: #fff; background: #1a1a1a; }
#c9 .inner .btn-box .btn a:hover { text-decoration: none; background-color: #f04d2f; }
#c9 .inner .btn-box .btn .btn-deco { position: absolute; top: 3.865vw; right: 7.488vw; }

#c9 .inner .slick-list{
  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;
}

/*============================
#c10
============================*/
.c10-bnr{
  width: 91.787vw;
  margin: 0 auto;
  margin-bottom: 21.739vw;
}


.info-flex_1 {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 91.787vw;margin: 0 auto;margin-bottom: 16.667vw;-webkit-box-lines: multiple;-moz-box-lines: multiple;}
.info-flex_1 .ttl-box .system-list li { border-bottom: 1px dotted #000; }
.info-flex_1 .ttl-box .system-list li a {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  padding-top: 4.348vw; padding-bottom: 3.865vw; -webkit-box-lines: multiple; -moz-box-lines: multiple; }
.info-flex_1 .ttl-box .system-list .system-pic { width: 28.986vw; margin-right: 3.382vw; }
.info-flex_1 .ttl-box .system-list .system-pic img { max-width: 100%; height: auto; }
.info-flex_1 .ttl-box .system-list .info-txt-box { width: calc(100% - 32.367vw); padding-top: 1.932vw; }
.info-flex_1 .ttl-box .system-list .info-txt-box .sy-date { font-size: 3.382vw; line-height: normal; margin-bottom: 2.415vw; letter-spacing: 0.05em; }
.info-flex_1 .ttl-box .system-list .info-txt-box .system-ttl-1 {font-size: 3.865vw; line-height: 5.797vw; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; letter-spacing: 0.05em;  color: #1a1a1a; -webkit-line-clamp: 2; }
.info-flex_1 .ttl-box .more { width: 38.647vw; margin: 0 auto; margin-top: 9.179vw; margin-bottom: 0; padding-left: 2.657vw; border-bottom: 1px solid #000; background-image: url(../images/index/sp-c11-deco.svg); background-repeat: no-repeat; background-position: right 1.691vw top 1.208vw; }
.info-flex_1 .ttl-box .more a:hover { text-decoration: none; }
.info-flex_1 .ttl-box .more:hover { opacity: 0.8; }
.info-flex_1 .box-l {position: relative;  width: 100%; margin-bottom: 19.565vw; }
.info-flex_1 .box-l .ttl {position: relative;  width: 64.372vw; margin: 0 auto; margin-bottom: 3.14vw; }
.info-flex_1 .box-r {position: relative;  width: 100%; }
.info-flex_1 .box-r .ttl { width: 31.039vw; margin: 0 auto; margin-bottom: 3.865vw; }

.o-bnr-set{
  margin-bottom: 30.159vw;
}

.o-bnr-set .o-bnr-set-list { width: 82.126vw; margin: 0 auto; margin-bottom: -13.285vw; }
.o-bnr-set .o-bnr-set-list li:nth-child(1) { margin-bottom: 4.831vw; }

.seo-box{
  background-image: url(../images/index/sp-seo-bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100vw;
  padding-top: 14.01vw;
  padding-bottom: 13.768vw;
}
.seo-box .inner{
  width: 100%;
  margin: 0 auto;
}

.seo-box .inbox{ position:relative; }
.seo-box .inbox .pic{ width:74vw; margin:0 auto 5vw; }
.seo-box .inbox .pic img{ width:100%; }

.seo-box .inner .txt-1{
  width: 37.077vw;
  margin: 0 auto;
  margin-bottom: 6.522vw;
}
.seo-box .inner .txt-2{width: 83.816vw;margin: 0 auto;color: #1a1a1a;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 5.797vw;}


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