@charset "UTF-8";
@media screen and (min-width: 768px),print {
  header { height: 95px; }
  .hh-logo { top: 15px; left: 20px; }
  #g-nav .navi-inner {top: 133px;left: auto;right: 249px;font-size: 14px;letter-spacing: 0.1em;line-height: 24.5px;text-align: right;color: #1a1a1a;}
  .hh-sns {top: 127px;right: 194px;}
  .pc-menu { top: 115px; right: 100px; position: absolute; }
  .h1-box { width: 1800px; margin: 0 auto; margin-bottom: 52px; position: relative; }
  .h1-box .ttl { font-weight: 500; font-size: 35px; letter-spacing: 0.1em; line-height: 61.25px; text-align: left; color: #1a1a1a; margin-left: 40px; margin-bottom: 5px; }
  .h1-box .ttl .ss { position: relative; left: 0; }
  .h1-box .ttl .ss2 { position: relative; left: -18px; letter-spacing: normal; }
  .h1-box .ttl .ss3 { position: relative; left: -14px; }
  .h1-box .txt-1 { font-weight: 400; font-size: 18px; letter-spacing: 0.1em; line-height: 31.5px; text-align: left; color: #1a1a1a; margin-left: 43px; }
  .mv { width: 1800px; margin: 0 auto; }
  .mv .slide { position: relative; width: 1800px; margin: 0; margin-right: auto; padding: 0; }
  .mv .slide .item { position: relative; height: 100%; }
  .mv .slide .item::before { position: relative; display: block; overflow: hidden; content: ""; }
  .mv .slide .item { text-align: center; }
  .mv .slide .item img { display: inline-block; width: auto; max-width: 100%; height: auto; }
  .mv .slide > .slick-list, .mv .slide > .slick-list > .slick-track, .mv .slide > .slick-list > .slick-track > .slick-slide > div { position: relative; height: 100%; }
  .mv .slide-navigation { width: 524px; margin-left: auto; position: relative; display: flex; flex-wrap: wrap; margin-top: 16px; padding: 0; }
  .mv .slide-navigation .item { position: relative; overflow: hidden; width: 84px; height: 56px; margin-right: 4px; padding: 0; cursor: pointer; background: #fff; filter: grayscale(1); }
  .mv .slide-navigation .item img { height: 56px; }
  .mv .slide-navigation .item:nth-child(6) { margin-right: 0; }
  .mv .slide-navigation .item::before { display: block; padding-top: 70%; content: ""; }
  .mv .slide-navigation .item img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: auto; }
  .mv .slide-navigation .item.current { filter: grayscale(0); }
  .kutikomi { width: 1800px; margin: 0 auto; margin-top: 17px; border-top: 1px solid #E6E6E6; position: relative; }
  .kutikomi .txt-1 { font-weight: normal; font-size: 13px; letter-spacing: 0.05em; line-height: 22.75px; text-align: left; color: #666; position: absolute; top: -55px; left: 0; }
  .kutikomi .deco { position: absolute; top: -63px; left: 239px; }
  .kutikomi .g-kutikomi-hyouka { position: absolute; top: -57px; left: 271px; }
  .kutikomi .g-kutikomi-hyouka { border-left: 1px solid #E6E6E6; padding-left: 17px; line-height: normal; }
  .kutikomi .gr-kutikomi-rating { font-weight: 700; position: relative; top: -2px; }
  .kutikomi .gr-kutikomi-rating-star { font-weight: normal; font-size: 17px; letter-spacing: 1px; text-align: left; color: #f7b90c; margin-left: 3px; position: relative; top: -2px; }
  #event { padding-top: 130px; padding-bottom: 136px; }
  #event .inner { width: 1160px; margin: 0 auto; position: relative; }
  #event .inner .ttl { width: 178px; font-weight: normal; font-size: 30px; line-height: 48px; text-align: left; color: #1a1a1a; position: absolute; top: -2px; }
  #event .inner .ttl span { display: block; }
  #event .system-default-list { width: 880px; margin-left: auto; display: flex; flex-wrap: wrap; }
  #event .system-default-list .event-item { width: 260px; position: relative; margin-right: 50px; }
  #event .system-default-list .event-item a:hover { text-decoration: none; }
  #event .system-default-list .event-item:hover .system-ttl { text-decoration: underline; }
  #event .system-default-list .event-item:nth-child(3n) { margin-right: 0px; }
  #event .system-default-list .event-item:nth-child(n+4) { display: none; }
  #event .system-default-list .system-pic { text-align: center; margin-bottom: 16px; }
  #event .system-default-list .system-pic img { aspect-ratio: 1/1; max-width: 100%; height: auto; }
  #event .system-default-list .system-pic.event-off img { filter: grayscale(1); }
  #event .system-default-list .sy_radio-box > p { width: 72px; height: 24px; background-color: #7e8d98; width: 72px; height: 24px; font-family: "Zen Old Mincho", serif; font-weight: normal; font-size: 12px; letter-spacing: 0.1em; line-height: 21px; text-align: center; color: #fff; }
  #event .system-default-list .sy_radio-box > p.sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  #event .system-default-list .system-ttl { font-weight: 500; font-size: 15px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #1a1a1a; margin-top: 11px; }
  #event .system-default-list .system-info { border-top: 1px solid #E6E6E6; margin-top: 14px; padding-top: 15px; }
  #event .system-default-list .system-info .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 0px; }
  #event .system-default-list .system-info .system-flex:last-child { margin-bottom: 0; }
  #event .system-default-list .system-info .system-flex .system-box-l { font-weight: normal; font-size: 13px; letter-spacing: 0.05em; color: #666; width: 40px; line-height: 22.75px; }
  #event .system-default-list .system-info .system-flex .system-box-l .system-color { display: block; }
  #event .system-default-list .system-info .system-flex .system-box-r { width: calc(100% - 40px); font-weight: normal; font-size: 13px; letter-spacing: 0.05em; line-height: 22.75px; text-align: left; color: #1a1a1a; }
  #event .inner .btn { position: absolute; top: 180px; left: 0; }
  #c1 { background-color: #1A1A1A; padding-top: 120px; padding-bottom: 118px; }
  #c1 .inner .flex { width: 1600px; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #c1 .inner .flex .box-l { width: 580px; margin-right: 120px; }
  #c1 .inner .flex .box-l .en { font-size: 52px; line-height: 50px; text-align: left; color: #fff; margin-bottom: 21px; margin-left: 12px; margin-top: 43px; letter-spacing: 0.2px; }
  #c1 .inner .flex .box-l .ttl { font-weight: normal; font-size: 25px; line-height: 43.75px; text-align: left; color: #fff; margin-bottom: 52px; margin-left: 10px; letter-spacing: normal; }
  #c1 .inner .flex .box-l .list >li { border-bottom: 1px solid #666666; padding: 30px 20px 29px; background-image: url(../images/index/deco-01.svg); background-repeat: no-repeat; background-position: right 25px bottom 29px; cursor: pointer; transition: background-color 0.4s ease; }
  #c1 .inner .flex .box-l .list >li.active_li .flex-in .box-in-l .li-pic img { filter: grayscale(0); }
  #c1 .inner .flex .box-l .list >li.active_li .flex-in .box-in-r .li-en { color: #fff; }
  #c1 .inner .flex .box-l .list >li.active_li .flex-in .box-in-r .li-ttl { color: #fff; }
  #c1 .inner .flex .box-l .list .flex-in { display: flex; flex-wrap: wrap; }
  #c1 .inner .flex .box-l .list .flex-in .box-in-l { width: 120px; margin-right: 20px; }
  #c1 .inner .flex .box-l .list .flex-in .box-in-l .li-pic img { filter: grayscale(1); transition: filter 0.6s ease; }
  #c1 .inner .flex .box-l .list .flex-in .box-in-r { font-family: "Zen Old Mincho", serif; font-weight: 500; padding-top: 4px; }
  #c1 .inner .flex .box-l .list .flex-in .box-in-r .li-en { font-size: 15px; text-align: left; color: #666; margin-bottom: 14px; transition: color 0.6s ease; letter-spacing: normal; }
  #c1 .inner .flex .box-l .list .flex-in .box-in-r .li-ttl { font-size: 20px; line-height: 24px; text-align: left; color: #666; transition: color 0.6s ease; letter-spacing: normal; }
  #c1 .inner .flex .box-r { width: 900px; position: relative; }
  #c1 .inner .flex .box-r .list-dl { display: grid; }
  #c1 .inner .flex .box-r .list-dl > li { grid-area: 1 / 1; opacity: 0; transition: opacity 0.7s ease; pointer-events: none; }
  #c1 .inner .flex .box-r .list-dl > li:hover .li-dl-ttl { text-decoration: underline; }
  #c1 .inner .flex .box-r .list-dl > li a { color: #fff; }
  #c1 .inner .flex .box-r .list-dl > li a:hover { text-decoration: none; }
  #c1 .inner .flex .box-r .list-dl > li.active_dl { opacity: 1; pointer-events: auto; }
  #c1 .inner .flex .box-r .list-dl .li-dl-pic { margin-bottom: 25px; }
  #c1 .inner .flex .box-r .list-dl .li-dl-ttl { font-family: "Zen Old Mincho", serif; font-weight: normal; font-size: 35px; line-height: 50px; text-align: left; color: #fff; margin-left: 1px; letter-spacing: 0.5px; margin-bottom: 10px; }
  #c1 .inner .flex .box-r .list-dl .txt-box { padding-bottom: 63px; font-size: 15px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #fff; background-image: url(../images/index/deco-01.svg); background-repeat: no-repeat; background-position: right 24px bottom 29px; border-bottom: 1px solid #666666; }
  #c1 .inner .flex .box-r .btn { margin-top: 39px; width: 178px; margin-left: auto; }
  .nagare-move-u { --nagare-w: 2520px; --nagare-h: 560px; --nagare-speed: 80s; background-image: url(../images/index/nagare.png); background-repeat: repeat-x; background-position: 0 0; background-size: auto var(--nagare-h); width: 100%; height: var(--nagare-h); animation: nagare-left var(--nagare-speed) linear infinite; will-change: background-position; }
  #c2 { padding-top: 197px; padding-bottom: 198px; }
  #c2 .inner { width: 1800px; margin: 0 auto; }
  #c2 .inner .li-ttl-box-wap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 900px; height: 600px; position: absolute; top: 0; left: 0; }
  #c2 .inner .en { font-weight: 500; font-size: 30px; line-height: 50px; text-align: center; color: #1a1a1a; letter-spacing: normal; margin-bottom: 10px; }
  #c2 .inner .ttl { font-weight: 500; font-size: 25px; line-height: 43.75px; text-align: center; color: #1a1a1a; margin-bottom: 59px; letter-spacing: normal; }
  #c2 .inner .list { display: flex; flex-wrap: wrap; }
  #c2 .inner .list >li { width: 900px; height: 600px; position: relative; overflow: hidden; }
  #c2 .inner .list >li a:hover .li-pic img { width: 900px; height: 600px; -ms-filter: blur(10px); filter: blur(10px) brightness(80%); background-color: rgba(0, 0, 0, 0.2); transform: scale(1.05); transition : .5s; opacity: 1.0; }
  #c2 .inner .list >li a:hover .li-hyouzi { display: block; opacity: 1; transition : 1s; }
  #c2 .inner .list .li-pic img { transition : .5s; }
  #c2 .inner .list .li-ttl-box { z-index: 10; }
  #c2 .inner .list .li-ttl-box .li-en { font-weight: 500; font-size: 35px; text-align: center; color: #fff; margin-bottom: 16px; letter-spacing: normal; margin-bottom: 15px; }
  #c2 .inner .list .li-ttl-box .li-ttl { font-weight: 500; font-size: 20px; line-height: 24px; text-align: center; color: #fff; margin-bottom: 31px; letter-spacing: normal; }
  #c2 .inner .list .li-ttl-box .li-txt-box { font-size: 15px; letter-spacing: 0.05em; line-height: 26px; text-align: center; color: #fff; }
  #c2 .inner .list .li-ttl-box .li-btn { width: 178px; margin: 0 auto; margin-top: 29px; }
  #c2 .li-hyouzi { display: none; opacity: 0; transition : 1s; }
  #c3 { margin-bottom: 197px; }
  #c3 .inner { max-width: 1920px; width: 100%; height: 1380px; background-image: url(../images/index/c3-pic-01.png); background-repeat: no-repeat; background-position: 0px 60px; position: relative; padding-top: 300px; }
  #c3 .inner .ttl { font-weight: normal; font-size: 46px; letter-spacing: 0.05em; line-height: 80.5px; text-align: left; color: #fff; position: absolute; top: 387px; left: 159px; }
  #c3 .inner .w-box-wap { width: 1100px; margin: 0 auto; }
  #c3 .inner .w-box { width: 770px; height: 780px; margin-left: auto; background-color: #fff; position: relative; padding: 102px 5px 5px 161px; }
  #c3 .inner .w-box .move-pic { position: absolute; bottom: -30px; right: -250px; }
  #c3 .inner .w-box .en { width: 158px; margin-bottom: 32px; }
  #c3 .inner .w-box .txt-box { font-weight: 400; font-size: 15px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #1a1a1a; }
  #c3 .inner .w-box .txt-box .p-mb { margin-bottom: 17px; }
  #c3 .inner .w-box .btn { margin-top: 34px; margin-left: -1px; }
  #c4 { margin-bottom: 198px; }
  #c4 .inner .en { font-weight: 500; font-size: 30px; line-height: 50px; text-align: center; color: #1a1a1a; margin-bottom: 9px; letter-spacing: normal; }
  #c4 .inner .ttl { font-weight: 500; font-size: 25px; line-height: 43.75px; text-align: center; color: #1a1a1a; margin-bottom: 60px; letter-spacing: normal; }
  #c4 .inner .list { width: 1160px; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #c4 .inner .list >li { width: 360px; margin-right: 40px; }
  #c4 .inner .list >li a:hover { text-decoration: none; }
  #c4 .inner .list >li a:hover .li-ttl { text-decoration: underline; }
  #c4 .inner .list >li:nth-child(3n) { margin-right: 0px; }
  #c4 .inner .list .li-pic { margin-bottom: 21px; }
  #c4 .inner .list .li-ttl { font-weight: 500; font-size: 20px; line-height: 35px; text-align: center; color: #1a1a1a; margin-bottom: 20px; letter-spacing: normal; }
  #c4 .inner .list .li-wap { font-weight: 400; font-size: 13px; letter-spacing: 0.05em; line-height: 21px; text-align: left; color: #666; }
  #c4 .inner .btn { width: 258px; margin: 0 auto; margin-top: 39px; }
  #works { width: 1600px; margin: 0 auto; margin-bottom: 120px; position: relative; }
  #works .inner .system-list { border-bottom: 1px solid #E6E6E6; }
  #works .inner .system-list >li { border-top: 1px solid #E6E6E6; padding-top: 60px; padding-bottom: 69px; min-height: 455px; position: relative; }
  #works .inner .system-list >li .sy-ch-box-2 a { color: #fff; }
  #works .inner .system-list >li a:hover { text-decoration: none; }
  #works .inner .system-list >li a:hover .system-ttl { text-decoration: underline; }
  #works .inner .system-list .system-fb { width: 1600px; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #works .inner .system-list .system-fb .system-fb-l { width: 600px; }
  #works .inner .system-list .system-fb .system-fb-l .system-pic img { aspect-ratio: 600 / 450; max-width: 100%; height: auto; }
  #works .inner .system-list .system-fb .system-fb-r { width: 959px; margin-left: 40px; }
  #works .inner .system-list .system-fb .system-fb-r .system-ttl { font-weight: normal; font-size: 25px; line-height: 43.75px; text-align: left; color: #1a1a1a; margin-bottom: 2px; letter-spacing: normal; }
  #works .inner .system-list .system-fb .system-fb-r .sy-txt { font-weight: normal; font-size: 13px; letter-spacing: 0.05em; line-height: 21px; text-align: left; color: #666; margin-left: 3px; }
  #works .inner .system-list .system-fb .system-fb-r .sy-txt .ss1 { margin-right: 5px; }
  #works .inner .system-list .system-fb .system-fb-r .sy-txt .ss-wap >span:nth-child(2)::before { content: "／"; margin-left: -4px; }
  #works .inner .system-list .system-fb .system-fb-r .sy-info .works-sra { margin-bottom: 25px; display: flex; flex-wrap: wrap; position: relative; }
  #works .inner .system-list .system-fb .system-fb-r .sy-info .works-sra-item { width: 320px; }
  #works .inner .system-list .system-fb .system-fb-r .works-sra img { aspect-ratio: 240 / 180; max-width: 100%; height: auto; }
  #works .inner .system-list .sy-rel-box .cc-more-btn_w { position: absolute; right: 0; bottom: 0; }
  #works .sy-btn-box { margin-top: 21px; }
  #works .sy-btn-box .cc-more-btn_w { position: absolute; right: 0px; bottom: 68px; }
  #works .works-sra.over-3 { width: 640px; }
  #works .works-sra.over-4 { width: 960px; }
  #works .works-sra.over-5 { width: 960px; }
  #works .page-list { margin-bottom: 0; }
  #works .ttl-box { display: flex; flex-wrap: wrap; margin-bottom: 46px; margin-left: 10px; font-weight: 500; }
  #works .ttl-box .en { font-size: 52px; line-height: 50px; text-align: left; color: #1a1a1a; letter-spacing: normal; }
  #works .ttl-box .txt-01 { margin-left: 34px; position: relative; top: 19px; font-size: 20px; line-height: 35px; text-align: left; color: #1a1a1a; letter-spacing: normal; }
  #works .btn { position: absolute; top: 6px; right: 0; }
  .mt-0 #ee { margin-top: 0; }
  .c-arrows-2 { width: 110px; height: 50px; z-index: 10; position: relative; }
  .c-arrows-2 > div { width: 50px; height: 50px; background-image: url(../images/index/btn-sra.svg); background-repeat: no-repeat; background-position: center 0; background-size: 100%; position: absolute; }
  .c-arrows-2 > div:hover { cursor: pointer; cursor: hand; }
  .c-arrows-2 .slick_mae2 { left: 0px; }
  .c-arrows-2 .slick_mae2:hover { transform: scale(1, -1); }
  .c-arrows-2 .slick_ushiro2 { right: 0px; transform: scale(-1, 1); }
  .top-seo { width: 1000px; margin: 0 auto; padding-top: 51px; padding-bottom: 75px; }
  .top-seo .top-seo-en { font-size: 20px; line-height: 50px; color: #666; letter-spacing: normal; margin-bottom: 4px; }
  .top-seo .top-seo-txt-box { font-weight: normal; font-size: 12px; letter-spacing: 0.05em; line-height: 20px; color: #666; }
  .top-seo .top-seo-txt-box .top-seo-p-mb { margin-bottom: 20px; }
  .o-bnr-box { width: 1120px; margin: 0 auto; margin-bottom: 117px; }
  .o-bnr-box .link-list { display: flex; flex-wrap: wrap; }
  .o-bnr-box .link-list >li { width: 520px; margin-right: 80px; }
  .o-bnr-box .link-list >li:nth-child(2n) { margin-right: 0px; }
  .o-bnr-box .link-list .link-li-pic { margin-bottom: 12px; }
  .o-bnr-box .link-list .link-li-txt-box { font-weight: 400; font-size: 15px; letter-spacing: 0.05em; line-height: 21px; text-align: left; color: #1a1a1a; }
  #g-kutikomi-box { width: 1180px; margin: 0 auto; margin-bottom: 120px; }
  #g-kutikomi-box .inner { display: flex; flex-wrap: wrap; }
  #g-kutikomi-box .inner .g-kutikomi-l { width: 200px; margin-right: 100px; position: relative; }
  #g-kutikomi-box .inner .g-kutikomi-l .en { font-weight: 500; font-size: 30px; line-height: 1.7; text-align: left; color: #1a1a1a; margin-bottom: -6px; position: relative; top: -6px; letter-spacing: normal; }
  #g-kutikomi-box .inner .g-kutikomi-l .ttl { font-weight: 400; font-size: 15px; letter-spacing: 0.05em; line-height: 21px; text-align: left; color: #1a1a1a; margin-bottom: 24px; }
  #g-kutikomi-box .inner .g-kutikomi-l .g-kutikomi .deco { width: 19px; margin-left: 3px; }
  #g-kutikomi-box .inner .g-kutikomi-l .g-kutikomi-hyouka { position: absolute; top: 96px; left: 35px; border-left: 1px solid #E6E6E6; padding-left: 15px; line-height: normal; }
  #g-kutikomi-box .inner .g-kutikomi-l .g-kutikomi-hyouka .ss1 { margin-right: 4px; position: relative; top: -2px; font-weight: 700; font-size: 16px; }
  #g-kutikomi-box .inner .g-kutikomi-l .g-kutikomi-hyouka .ss2 { font-weight: normal; font-size: 16px; letter-spacing: 0.1em; line-height: 28px; text-align: left; color: #f7b90c; position: relative; top: -2px; }
  #g-kutikomi-box .inner .g-kutikomi-r { width: 880px; }
  #g-kutikomi-box .inner .g-kutikomi-r .list { display: flex; flex-wrap: wrap; }
  #g-kutikomi-box .inner .g-kutikomi-r .list >li { width: 280px; margin-right: 20px; border-top: 4px solid #E6E6E6; background-color: #F5F5F5; padding: 36px 24px 40px 24px; }
  #g-kutikomi-box .inner .g-kutikomi-r .list >li:nth-child(3n) { margin-right: 0px; }
  #g-kutikomi-box .inner .g-kutikomi-r .list >li:nth-child(n+4) { display: none; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .li-ttl { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 21px; text-align: left; color: #1a1a1a; margin-bottom: 8px; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .li-hosi { color: #FBBC04; font-size: 20px; letter-spacing: 0.05em; line-height: 23px; margin-bottom: 19px; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .syouryaku { font-weight: 400; font-size: 13px; letter-spacing: 0.05em; line-height: 21px; text-align: left; color: #666; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .syouryaku .li-tuduki { width: 200px; height: 32px; background: transparent; border-radius: 16px; border: 1px solid #CCCCCC; text-align: center; padding-top: 3px; margin: 0 auto; margin-top: 24px; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .syouryaku .li-tuduki:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
  #c5 { background-color: #9E9A89; }
  #c5 .inner { width: 1320px; margin: 0 auto; position: relative; min-height: 660px; padding-top: 132px; }
  #c5 .inner .deco-en { position: absolute; bottom: 476px; right: 0; z-index: 10; animation: rotate-ccw 20s linear infinite; transform-origin: center center; }
  #c5 .inner .deco-pic { position: absolute; bottom: 0; right: 0; }
  #c5 .inner .deco-txt { position: absolute; left: 2px; bottom: 88px; }
  #c5 .inner .ttl { font-weight: 500; font-size: 35px; line-height: 61.25px; text-align: left; color: #fff; margin-bottom: 10px; letter-spacing: normal; }
  #c5 .inner .txt-1 { font-weight: 400; font-size: 15px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #fff; margin-bottom: 44px; }
  #c5 .inner .bnr-list { width: 580px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  #c5 .inner .bnr-list >li { width: 280px; }
  .bg-wap { background-image: url(../images/index/wap-bg.png); background-repeat: no-repeat; background-position: center 0; padding-top: 145px; }
  #c6 { width: 1140px; margin: 0 auto; margin-bottom: 37px; }
  #c6 .inner .flex { display: flex; flex-wrap: wrap; }
  #c6 .inner .flex .box-l { width: 590px; margin-right: 76px; padding-top: 0; }
  #c6 .inner .flex .box-r { width: 472px; padding-top: 118px; position: relative; right: -4px; }
  #c6 .inner .flex .box-r .ttl { width: 302px; margin-bottom: 33px; margin-left: 2px; }
  #c6 .inner .flex .box-r .txt-box { font-weight: 400; font-size: 15px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #1a1a1a; }
  #c6 .inner .flex .box-r .btn { margin-top: 34px; }
  #c7 { margin-bottom: 40px; }
  #c7 .inner { width: 1080px; margin: 0 auto; position: relative; padding-bottom: 32px; border-bottom: 1px solid #1A1A1A; }
  #c7 .inner .ttl { position: relative; left: -42px; margin-bottom: 29px; }
  #c7 .inner .system-list { width: 1080px; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #c7 .inner .system-list >li { width: 270px; position: relative; overflow: hidden; }
  #c7 .inner .system-list >li a:hover .system-pic img { width: 270px; height: 180px; -ms-filter: blur(10px); filter: blur(10px) brightness(80%); background-color: rgba(0, 0, 0, 0.4); transform: scale(1.1); transition : .5s; opacity: 1.0; }
  #c7 .inner .system-list >li a:hover .system-ttl { display: block; opacity: 1; transition : 1s; }
  #c7 .inner .system-list .system-pic img { aspect-ratio: 270 / 180; max-width: 100%; height: auto; transition : .5s; }
  #c7 .inner .system-list .system-ttl { padding: 31px 27px; font-weight: 400; font-size: 13px; letter-spacing: 0.05em; line-height: 21px; text-align: left; color: #fff; position: absolute; top: 0; left: 0; display: none; opacity: 0; transition : 1s; }
  #c7 .inner .en { width: 270px; margin: 0 auto; margin-top: 9px; }
  #c7 .inner .btn { position: absolute; top: 122px; right: 0; z-index: 10; }
  #c8 { background-image: url(../images/index/c8-bg.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 595px; }
  #c8 .inner { padding-top: 80px; }
  #c8 .inner .ttl { width: 587px; margin: 0 auto; margin-bottom: 39px; }
  #c8 .inner .txt-box { font-weight: 400; font-size: 17px; letter-spacing: 0.05em; line-height: 32px; text-align: center; color: #1a1a1a; }
  #c8 .inner .txt-box .p-mb { margin-bottom: 15px; }
  #c8 .inner .btn { width: 258px; margin: 0 auto; margin-top: 79px; }
  .c9 { background-color: #7E8D98; padding-top: 60px; padding-bottom: 52px; }
  .c9 .in { width: 980px; margin: 0 auto; }
  .c9 .in .flex { display: flex; flex-wrap: wrap; }
  .c9 .in .flex .box-l { width: 360px; margin-right: 40px; }
  .c9 .in .flex .box-l .map iframe { width: 100%; height: 240px; }
  .c9 .in .flex .box-r { position: relative; width: 580px; padding-top: 21px; }
  .c9 .in .flex .box-r .ttl-01 { margin-bottom: 22px; }
  .c9 .in .flex .box-r .txt-01 { font-weight: 400; font-size: 15px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #fff; margin-bottom: 38px; }
  .c9 .in .flex .box-r .txt-01 .ss1 { margin-right: 14px; }
  .c9 .in .flex .box-r .txt-01 .ss2 { margin-right: 15px; }
  .c9 .in .flex .box-r .txt-01 .ss3 { position: relative; }
  .c9 .in .flex .box-r .sns { margin-left: 15px; }
  .c9 .in .flex .box-r .btn { position: absolute; right: 0; bottom: 18px; }
  .bg-wap-02 { background-color: #F5F5F5; padding-top: 100px; padding-bottom: 1px; }
  #c10 { margin-bottom: 122px; }
  #c10 .inner .ttl { font-weight: 500; font-size: 30px; line-height: 45px; text-align: center; color: #1a1a1a; margin-bottom: 30px; letter-spacing: normal; }
  #c10 .inner .list { display: flex; flex-wrap: wrap; width: 1200px; margin: 0 auto; }
  #c10 .inner .list >li { width: 300px; border-left: 1px solid #1A1A1A; padding-top: 21px; padding-bottom: 35px; }
  #c10 .inner .list >li:nth-child(1) { border-left: none; }
  #c10 .inner .list .li-ttl { font-weight: 500; font-size: 25px; line-height: 43.75px; text-align: center; color: #1a1a1a; margin-bottom: 24px; letter-spacing: normal; }
  #c10 .inner .list .li-wap .li-txt-box { font-weight: 400; font-size: 17px; letter-spacing: 0.05em; line-height: 32px; text-align: center; color: #1a1a1a; }
  #faq { margin-bottom: 104px; }
  #faq .inner .en { font-weight: 500; font-size: 30px; line-height: 50px; text-align: center; color: #1a1a1a; margin-bottom: 1px; }
  #faq .inner .ttl { font-weight: 400; font-size: 15px; letter-spacing: 0.05em; line-height: 21px; text-align: center; color: #1a1a1a; margin-bottom: 27px; }
  #faq .inner .faq-list { width: 980px; margin: 0 auto; }
  #faq .inner .faq-list li { border-bottom: 1px solid #1A1A1A; margin-bottom: 10px; }
  #faq .inner .faq-list .faq-ttl-box { position: relative; font-weight: 500; font-size: 17px; letter-spacing: 0.05em; line-height: 25px; text-align: left; color: #1a1a1a; padding: 26px 99px 29px 79px; background-image: url(../images/system/faq-q.png); background-repeat: no-repeat; background-position: 19px 20px; }
  #faq .inner .faq-list .faq-ttl-box:hover { cursor: pointer; cursor: hand; }
  #faq .inner .faq-list .faq-ttl-box .faq-ch { right: 38px; top: 20px; width: 20px; height: 11px; position: absolute; }
  #faq .inner .faq-list .faq-ttl-box.is-open .faq-ch img { transform: scaleY(-1); }
  #faq .inner .faq-list .txt-box { display: none; font-weight: 500; font-size: 15px; letter-spacing: 0.05em; line-height: 25px; text-align: left; color: #333; padding: 27px 40px 32px 80px; background-image: url(../images/system/faq-a.png); background-repeat: no-repeat; background-position: 32px 33px; background-color: #fff; }
  #faq .inner .btn { width: 258px; margin: 0 auto; margin-top: 40px; }
  #column { background: linear-gradient(90deg, transparent 0%, transparent 210px, #fff 210px, #fff 100%); padding-top: 64px; padding-bottom: 60px; }
  #column .inner { width: 1214px; margin: 0 auto; position: relative; }
  #column .inner .en { margin-bottom: 10px; }
  #column .inner .ttl { font-weight: 400; font-size: 15px; letter-spacing: 0.05em; line-height: 21px; text-align: left; color: #1a1a1a; margin-bottom: 40px; margin-left: 7px; }
  #column .inner .btn { margin-left: 7px; }
  #column .inner .column-arrows { position: absolute; top: 205px; left: 7px; }
  #column .system-list2 { width: 1400px; position: relative; top: -170px; left: 357px; display: flex; flex-wrap: wrap; margin-bottom: -170px; }
  #column .system-list-inner2 { padding: 40px 20px; background: #fff; }
  #column .system-list2 .system-list2-item { position: relative; width: 240px; margin-right: 40px; line-height: 1.4; overflow: hidden; border: 1px solid #E6E6E6; }
  #column .system-list2 .system-list2-item a { padding: 29px 19px 42px; }
  #column .system-list2 .system-list2-item::before { content: ""; width: 100%; height: 1px; background-color: #E6E6E6; top: 4px; display: block; position: absolute; }
  #column .system-list2 .system-list2-item a { display: flex; flex-wrap: wrap; }
  #column .system-list2 .system-list2-item a .system-pic { width: 100%; margin-bottom: 14px; }
  #column .system-list2 .system-list2-item a .system-pic img { aspect-ratio: 200 / 140; max-width: 100%; max-height: 140px; height: auto; }
  #column .system-list2 .system-list2-item a:hover { text-decoration: none; }
  #column .system-list2 .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; }
  #column .system-list2 .sy-flex-1 .box-l { width: 20%; }
  #column .system-list2 .sy-flex-1 .box-r { width: 78%; margin-left: 2%; }
  #column .system-list2 .system-pic img { max-width: 100%; height: auto; }
  #column .system-list2 .system-date { font-weight: normal; font-size: 13px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #666; margin-bottom: 5px; }
  #column .system-list2 .system-ttl-01 { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #1a1a1a; }
  #column .system-list2 .system-contributor { font-size: 0.75exm; text-align: right; color: #bbb; }
  .other-bg { background: linear-gradient(270deg, transparent 0%, transparent 210px, #F5F5F5 210px, #F5F5F5 100%); height: 80px; position: relative; bottom: -80px; margin-top: -80px; }
  #ee { margin-top: 0; padding-top: 200px; background-position: center 0px; }
}
@media screen and (min-width: 766px) and (max-width: 1880px) {
     .hh-sns {
       right: 134px;
    }
        #g-nav .navi-inner {
                right: 184px;
        }
  .h1-box { width: calc(100% - 80px); }
  .mv { width: calc(100% - 80px); }
  .mv .slide { width: 100%; }
  .mv .slide .item img { width: 100%; }
  .kutikomi { width: calc(100% - 80px); }
  #c1 { padding-left: 40px; }
  #c1 .inner .flex { width: 1200px; }
  #c1 .inner .flex .box-l { margin-right: 40px; }
  #c1 .inner .flex .box-r .list-dl .li-dl-pic img { width: 100%; }
  #c1 .inner .flex .box-r { width: 576px; }
  #c2 .inner { width: calc(100% - 80px); }
  #c2 .inner .list >li { width: 50%; height: 400px; }
  #c2 .inner .li-ttl-box-wap { width: 600px; height: 400px; }
  #c2 .inner .list .li-ttl-box .li-txt-box { font-size: 13px; }
  #c2 { padding-bottom: 140px; }
  #c3 .inner { background-size: 100%; height: auto; }
  #c3 .inner .ttl { width: 310px; font-size: 32px; }
  #c3 .inner .w-box { width: 610px; padding: 102px 5px 5px 100px; }
  #c3 .inner .w-box .move-pic { width: 330px; bottom: 50px; right: -60px; }
  #c3 .inner .w-box .move-pic img { width: 100%; }
  #c3 { margin-bottom: 106px; }
  #works { width: 1200px; }
  .nagare-move-u { --nagare-w: 1708px; --nagare-h: 380px; --nagare-speed: 60s; }
  #c5 .inner { width: 1220px; }
  #column .inner { width: 1060px; margin: 0 auto; position: relative; }
  #column { background: linear-gradient(90deg, transparent 0%, transparent 35px, #fff 35px, #fff 100%); padding-top: 64px; padding-bottom: 60px; }
}
@media screen and (min-width: 766px) and (max-width: 1600px) {
  .h1-box .ttl { margin-left: 0; font-size: 31px; }
  .h1-box .txt-1 { margin-left: 6px; font-size: 15px; }
  .pc-menu { right: 40px; }
}

@media screen and (max-width: 767px) {
  .h1-box { width: 100%; margin: 0 auto; margin-bottom: 10.386vw; position: relative; }
  .h1-box .ttl { font-weight: 500; text-align: left; color: #1a1a1a; margin-left: 5.072vw; margin-bottom: 1.449vw; font-size: 5.314vw; letter-spacing: 0.05em; line-height: 9.42vw; margin-top: 7.971vw; }
  .h1-box .ttl .ss { position: relative; left: 0; }
  .h1-box .ttl .ss2 { position: relative; left: -3.14vw; letter-spacing: normal; letter-spacing: -0.05em; }
  .h1-box .ttl .ss3 { position: relative; left: -2.899vw; }
  .h1-box .txt-1 { font-weight: 400; text-align: left; color: #1a1a1a; margin-left: 5.797vw; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 4.589vw; }
  .mv { width: 100%; margin: 0 auto; }
  .mv .slide { position: relative; width: 100%; margin: 0; margin-right: auto; padding: 0; }
  .mv .slide .item { position: relative; height: 100%; }
  .mv .slide .item::before { position: relative; display: block; overflow: hidden; content: ""; }
  .mv .slide .item { text-align: center; }
  .mv .slide .item img { display: inline-block; width: auto; max-width: 100%; height: auto; }
  .mv .slide > .slick-list, .mv .slide > .slick-list > .slick-track, .mv .slide > .slick-list > .slick-track > .slick-slide > div { position: relative; height: 100%; }
  .mv .slide-navigation { width: 106.28vw; position: relative; display: block; margin-top: 0.966vw; padding: 0; left: -3.14vw; }
  .mv .slide-navigation .item { position: relative; overflow: hidden; height: 12.56vw; padding: 0; cursor: pointer; background: #fff; filter: grayscale(1); margin: 0; margin-right: 0.483vw; margin-left: 0.483vw; }
  .mv .slide-navigation .item::before { display: none; }
  .mv .slide-navigation .item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .mv .slide-navigation .item.current { filter: grayscale(0); }
  .mv .slide-navigation .slick-slide { height: 12.56vw; }
  .mv .slide-navigation .slick-slide > div { height: 100%; }
  .kutikomi { width: 100%; margin: 0 auto; margin-top: 22.222vw; border-top: 1px solid #E6E6E6; position: relative; }
  .kutikomi .txt-1 { font-weight: normal; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.495vw; text-align: left; color: #666; position: absolute; top: -18.841vw; left: 0; right: 0; text-align: center; }
  .kutikomi .deco { position: absolute; top: -12.56vw; left: 30.193vw; width: 4.589vw; }
  #event { padding-top: 11.353vw; padding-bottom: 12.077vw; }
  #event .inner { width: 100%; margin: 0 auto; position: relative; }
  #event .inner .ttl { width: 100%; font-weight: normal; text-align: center; color: #1a1a1a; top: -0.483vw; font-size: 5.797vw; line-height: 11.594vw; letter-spacing: 0.097vw; margin-bottom: 4.106vw; }
  #event .inner .ttl span { margin-right: 1.449vw; }
  #event .inner .ttl span.ss3 { margin-right: 0; }
  #event .system-default-list { width: 62.802vw; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #event .system-default-list .event-item { width: 100%; position: relative; margin-bottom: -0.242vw; }
  #event .system-default-list .system-pic { text-align: center; margin-bottom: 2.415vw; }
  #event .system-default-list .system-pic img { aspect-ratio: 1/1; max-width: 100%; height: auto; }
  #event .system-default-list .system-pic.event-off img { filter: grayscale(1); }
  #event .system-default-list .sy_radio-box > p { width: 100%; height: 5.797vw; background-color: #7e8d98; width: 17.391vw; height: 5.797vw; font-family: "Zen Old Mincho", serif; font-weight: normal; font-size: 2.899vw; letter-spacing: 0.1em; line-height: 5.072vw; text-align: center; color: #fff; }
  #event .system-default-list .sy_radio-box > p.sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  #event .system-default-list .system-ttl { font-weight: 500; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 5.797vw; text-align: left; color: #1a1a1a; margin-top: 1.691vw; }
  #event .system-default-list .system-info { border-top: 1px solid #E6E6E6; margin-top: 1.449vw; padding-top: 1.691vw; }
  #event .system-default-list .system-info .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 0; }
  #event .system-default-list .system-info .system-flex:last-child { margin-bottom: 0; }
  #event .system-default-list .system-info .system-flex .system-box-l { font-weight: normal; font-size: 3.14vw; letter-spacing: 0.05em; color: #666; width: 9.42vw; line-height: 5.495vw; }
  #event .system-default-list .system-info .system-flex .system-box-l .system-color { display: block; }
  #event .system-default-list .system-info .system-flex .system-box-r { width: calc(100% - 9.42vw); font-weight: normal; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.495vw; text-align: left; color: #1a1a1a; }
  #event .system-default-list.srach { width: 210.145vw; margin: 0 auto; position: relative; left: -55.072vw; }
  #event .system-default-list.srach .event-item { margin-left: 3.623vw; margin-right: 3.623vw; }
  #event .system-default-list.srach .event-item a:hover { text-decoration: none; }
  #event .system-default-list.srach .event-item:hover .system-ttl { text-decoration: underline; }
  .slide-dots .slick-dots li button { margin: 0; padding: 0; border: none; border-radius: 0; outline: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
  .slide-dots .slick-dots { position: static; bottom: 0; margin-top: 2.415vw; text-align: center; }
  .slide-dots .slick-dots li { display: inline-block; margin: 0 1.329vw; width: 1.742vw; height: 1.742vw; }
  .slide-dots .slick-dots li button { position: relative; width: 1.742vw; height: 1.742vw; text-indent: -2415.217vw; border-radius: 50%; background-color: #C7C7C7; }
  .slide-dots .slick-dots li.slick-active button { background-color: #1A1A1A; }
  .kutikomi .g-kutikomi-hyouka { position: absolute; top: -11.111vw; left: 37.44vw; }
  .kutikomi .g-kutikomi-hyouka { border-left: 1px solid #E6E6E6; padding-left: 4.106vw; line-height: normal; }
  .kutikomi .gr-kutikomi-rating { font-weight: 700; position: relative; top: -0.483vw; }
  .kutikomi .gr-kutikomi-rating-star { font-weight: normal; font-size: 4.106vw; letter-spacing: 0.242vw; text-align: left; color: #f7b90c; margin-left: 0.725vw; position: relative; top: -0.483vw; }
  #event .inner .btn { width: 42.995vw; margin: 0 auto; margin-top: 5.556vw; top: 43.478vw; left: 0; }
  #c1 { background-color: #1A1A1A; padding-top: 11.594vw; padding-bottom: 12.077vw; }
  #c1 .inner .flex { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #c1 .inner .flex .box-l { width: 100%; margin-bottom: 0.483vw; }
  #c1 .inner .flex .box-l .en { color: #fff; margin-bottom: 0.483vw; letter-spacing: 0.048vw; font-size: 7.729vw; line-height: 12.077vw; text-align: center; }
  #c1 .inner .flex .box-l .ttl { font-weight: normal; color: #fff; margin-bottom: 7.488vw; letter-spacing: normal; font-size: 4.348vw; line-height: 10.568vw; text-align: center; }
  #c1 .inner .flex .box-l .list >li { width: 94.203vw; margin: 0 auto; border-bottom: 1px solid #666666; padding: 0 2.415vw 4.831vw; background-image: url(../images/index/deco-01.svg); background-repeat: no-repeat; background-position: right 2.415vw bottom 4.831vw; cursor: pointer; transition: background-color 0.4s ease; background-size: 3.865vw; margin-bottom: 7.246vw; }
  #c1 .inner .flex .box-l .list >li.active_li .flex-in .box-in-l .li-pic img { filter: grayscale(0); }
  #c1 .inner .flex .box-l .list >li.active_li .flex-in .box-in-r .li-en { color: #fff; }
  #c1 .inner .flex .box-l .list >li.active_li .flex-in .box-in-r .li-ttl { color: #fff; }
  #c1 .inner .flex .box-l .list .flex-in { display: flex; flex-wrap: wrap; }
  #c1 .inner .flex .box-l .list .flex-in .box-in-l { width: 28.986vw; margin-right: 3.865vw; }
  #c1 .inner .flex .box-l .list .flex-in .box-in-r { font-family: "Zen Old Mincho", serif; font-weight: 500; padding-top: 0.242vw; width: 50.725vw; }
  #c1 .inner .flex .box-l .list .flex-in .box-in-r .li-en { font-size: 3.623vw; text-align: left; color: #FFFFFF; margin-bottom: -0.483vw; letter-spacing: normal; font-size: 5.314vw; line-height: 12.077vw; }
  #c1 .inner .flex .box-l .list .flex-in .box-in-r .li-ttl { text-align: left; color: #FFFFFF; font-size: 3.865vw; line-height: 5.797vw; letter-spacing: normal; }
  #c1 .inner .flex .box-r { width: 100%; position: relative; }
  #c1 .inner .flex .box-r .list-dl { display: grid; display: none; }
  #c1 .inner .flex .box-r .list-dl > li { grid-area: 1 / 1; opacity: 0; transition: opacity 0.7s ease; pointer-events: none; }
  #c1 .inner .flex .box-r .list-dl > li:hover .li-dl-ttl { text-decoration: underline; }
  #c1 .inner .flex .box-r .list-dl > li a { color: #fff; }
  #c1 .inner .flex .box-r .list-dl > li a:hover { text-decoration: none; }
  #c1 .inner .flex .box-r .list-dl > li.active_dl { opacity: 1; pointer-events: auto; }
  #c1 .inner .flex .box-r .list-dl .li-dl-pic { margin-bottom: 6.039vw; }
  #c1 .inner .flex .box-r .list-dl .li-dl-ttl { font-family: "Zen Old Mincho", serif; font-weight: normal; font-size: 8.454vw; line-height: 12.077vw; text-align: left; color: #fff; margin-left: 0.242vw; letter-spacing: 0.121vw; margin-bottom: 2.415vw; }
  #c1 .inner .flex .box-r .list-dl .txt-box { padding-bottom: 15.217vw; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #fff; background-image: url(../images/index/deco-01.svg); background-repeat: no-repeat; background-position: right 5.797vw bottom 7.005vw; border-bottom: 1px solid #666666; }
  #c1 .inner .flex .box-r .btn { margin-top: 9.42vw; width: 42.995vw; margin: 0 auto; }
  .nagare-move-u { --nagare-w: 260.87vw; --nagare-h: 57.971vw; --nagare-speed: 80s; background-image: url(../images/index/sp-nagare.png); background-repeat: repeat-x; background-position: 0 0; background-size: auto var(--nagare-h); width: 100%; height: var(--nagare-h); animation: nagare-left var(--nagare-speed) linear infinite; will-change: background-position; }
  #c2 { padding-top: 10.628vw; padding-bottom: 2.415vw; }
  #c2 .inner { width: 100%; margin: 0 auto; }
  #c2 .inner .li-ttl-box-wap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 94.203vw; position: relative; top: -41.304vw; margin-bottom: -41.304vw; }
  #c2 .inner .en { font-weight: 500; text-align: center; color: #1a1a1a; letter-spacing: normal; margin-bottom: -0.725vw; font-size: 5.797vw; line-height: 11.594vw; }
  #c2 .inner .ttl { font-weight: 500; text-align: center; color: #1a1a1a; margin-bottom: 5.314vw; letter-spacing: normal; font-size: 4.348vw; line-height: 10.568vw; }
  #c2 .inner .list { flex-wrap: wrap; }
  #c2 .inner .list >li { width: 94.203vw; margin: 0 auto; position: relative; overflow: hidden; margin-bottom: 9.179vw; }
  #c2 .inner .list >li a:hover { text-decoration: none; }
  #c2 .inner .list .li-ttl-box { z-index: 10; }
  #c2 .inner .list .li-ttl-box .li-en { font-weight: 500; text-align: center; color: #fff; letter-spacing: normal; margin-bottom: -0.483vw; font-size: 5.314vw; line-height: 12.077vw; }
  #c2 .inner .list .li-ttl-box .li-ttl { font-weight: 500; text-align: center; color: #fff; margin-bottom: 25.845vw; letter-spacing: normal; font-size: 3.865vw; line-height: 5.797vw; }
  #c2 .inner .list .li-ttl-box .li-txt-box { width: 91.787vw; margin: 0 auto; font-weight: normal; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; text-align: left; color: #666; }
  #c2 .inner .list .li-ttl-box .li-btn { width: 100%; margin: 0 auto; margin-top: 7.005vw; display: none; }
  #c3 { margin-bottom: 16.667vw; }
  #c3 .inner { max-width: 100%; width: 100%; background-image: url(../images/index/sp-c3-pic-01.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; position: relative; padding-top: 13.768vw; }
  #c3 .inner .ttl { font-weight: normal; text-align: left; color: #fff; font-size: 6.039vw; letter-spacing: 0.05em; line-height: 10.145vw; margin-left: 20.29vw; margin-bottom: 19.082vw; }
  #c3 .inner .w-box-wap { width: 100%; margin: 0 auto; }
  #c3 .inner .w-box { width: 89.372vw; margin-left: auto; background-color: #fff; position: relative; padding: 36.473vw 1.208vw 1.208vw 10.386vw; }
  #c3 .inner .w-box .move-pic { position: absolute; top: -7.246vw; left: 10.386vw; width: 57.971vw; }
  #c3 .inner .w-box .en { width: 38.164vw; margin-bottom: 5.797vw; position: relative; left: 0.483vw; }
  #c3 .inner .w-box .txt-box { font-weight: 400; letter-spacing: 0.05em; color: #1a1a1a; font-size: 3.14vw; line-height: 6.039vw; text-align: left; letter-spacing: normal; }
  #c3 .inner .w-box .txt-box .p-mb { margin-bottom: 4.348vw; }
  #c3 .inner .w-box .btn { width: 42.995vw; margin-top: 7.005vw; margin-left: -0.242vw; }
  #c4 { margin-bottom: 5.556vw; }
  #c4 .inner .en { font-weight: 500; font-size: 7.246vw; line-height: 12.077vw; text-align: center; color: #1a1a1a; margin-bottom: -0.725vw; letter-spacing: normal; font-size: 5.797vw; line-height: 11.594vw; }
  #c4 .inner .ttl { font-weight: 500; font-size: 6.039vw; line-height: 10.568vw; text-align: center; color: #1a1a1a; margin-bottom: 5.314vw; letter-spacing: normal; font-size: 4.348vw; line-height: 10.568vw; }
  #c4 .inner .list { width: 86.957vw; margin: 0 auto; margin-bottom: -9.42vw; display: flex; flex-wrap: wrap; }
  #c4 .inner .list >li { width: 100%; margin-bottom: 9.42vw; }
  #c4 .inner .list >li a:hover { text-decoration: none; }
  #c4 .inner .list >li a:hover .li-ttl { text-decoration: underline; }
#c4 .inner .list > li a {
    pointer-events: none;
  }
  #c4 .inner .list >li:nth-child(3n) { margin-right: 0; }
  #c4 .inner .list .li-pic { margin-bottom: 2.899vw; }
  #c4 .inner .list .li-ttl { font-weight: 500; text-align: center; color: #1a1a1a; margin-bottom: 2.657vw; letter-spacing: normal; font-size: 3.865vw; line-height: 5.797vw; }
  #c4 .inner .list .li-wap { font-weight: 400; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; text-align: left; color: #666; }
  #c4 .inner .btn { width: 42.995vw; margin: 0 auto; margin-top: 9.42vw; }
  .mt-0 #ee { margin-top: 0; }
  .c-arrows-2 { width: 100%; height: 12.077vw; z-index: 10; position: relative; }
  .c-arrows-2 > div { width: 100%; height: 12.077vw; background-image: url(../images/index/btn-sra.svg); background-repeat: no-repeat; background-position: center 0; background-size: 100%; position: absolute; }
  .c-arrows-2 > div:hover { cursor: pointer; cursor: hand; }
  .c-arrows-2 .slick_mae2 { left: 0; }
  .c-arrows-2 .slick_mae2:hover { transform: scale(1, -1); }
  .c-arrows-2 .slick_ushiro2 { right: 0; transform: scale(-1, 1); }
  .top-seo { width: 89.372vw; margin: 0 auto; padding-top: 5.556vw; padding-bottom: 10.145vw; }
  .top-seo .top-seo-en { color: #666; font-size: 3.865vw; line-height: 12.077vw; letter-spacing: normal; margin-bottom: 0.966vw; }
  .top-seo .top-seo-txt-box { font-weight: normal; color: #666; font-size: 2.899vw; letter-spacing: 0.05em; line-height: 4.589vw; }
  .top-seo .top-seo-txt-box .top-seo-p-mb { margin-bottom: 4.589vw; }
  .o-bnr-box { width: 78.502vw; margin: 0 auto; margin-bottom: 9.903vw; }
  .o-bnr-box .link-list { display: flex; flex-wrap: wrap; }
  .o-bnr-box .link-list >li { width: 100%; margin-bottom: 9.179vw; }
  .o-bnr-box .link-list >li:nth-child(2n) { margin-right: 0; }
  .o-bnr-box .link-list .link-li-pic { margin-bottom: 1.449vw; }
  .o-bnr-box .link-list .link-li-txt-box { font-weight: 400; text-align: left; color: #1a1a1a; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  #g-kutikomi-box { width: 100%; margin: 0 auto; margin-bottom: 19.324vw; }
  #g-kutikomi-box .inner { display: flex; flex-wrap: wrap; }
  #g-kutikomi-box .inner .g-kutikomi-l { width: 100%; position: relative; }
  #g-kutikomi-box .inner .g-kutikomi-l .en { font-weight: 500; color: #1a1a1a; margin-bottom: -0.483vw; position: relative; top: -1.449vw; letter-spacing: normal; font-size: 5.797vw; line-height: 11.594vw; text-align: center; }
  #g-kutikomi-box .inner .g-kutikomi-l .ttl { font-weight: 400; text-align: center; color: #1a1a1a; margin-bottom: 16.425vw; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  #g-kutikomi-box .inner .g-kutikomi-l .g-kutikomi .deco { width: 4.589vw; position: absolute; left: 30.193vw; top: 18.357vw; }
  #g-kutikomi-box .inner .g-kutikomi-l .g-kutikomi-hyouka { position: absolute; top: 19.565vw; left: 38.164vw; border-left: 1px solid #E6E6E6; padding-left: 3.623vw; line-height: normal; }
  #g-kutikomi-box .inner .g-kutikomi-l .g-kutikomi-hyouka .ss1 { margin-right: 0.966vw; position: relative; top: -0.483vw; font-weight: 700; font-size: 3.865vw; }
  #g-kutikomi-box .inner .g-kutikomi-l .g-kutikomi-hyouka .ss2 { font-weight: normal; font-size: 3.865vw; letter-spacing: 0.1em; line-height: 6.763vw; text-align: left; color: #f7b90c; position: relative; top: -0.483vw; }
  #g-kutikomi-box .inner .g-kutikomi-r { width: 100%; }
  #g-kutikomi-box .inner .g-kutikomi-r .list { width: 217.391vw; margin: 0 auto; display: flex; flex-wrap: wrap; position: relative; left: -58.696vw; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .slick-slide { width: 67.633vw; margin-left: 2.415vw; margin-right: 2.415vw; border-top: 4px solid #E6E6E6; background-color: #F5F5F5; padding: 8.696vw 5.797vw 9.662vw 5.797vw; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .li-ttl { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.072vw; text-align: left; color: #1a1a1a; margin-bottom: 1.932vw; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .li-hosi { color: #FBBC04; font-size: 4.831vw; letter-spacing: 0.05em; line-height: 5.556vw; margin-bottom: 4.589vw; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .syouryaku { font-weight: 400; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; text-align: left; color: #666; }
  #g-kutikomi-box .inner .g-kutikomi-r .list .syouryaku .li-tuduki { width: 100%; height: 7.729vw; background: transparent; border-radius: 3.865vw; border: 1px solid #CCCCCC; text-align: center; padding-top: 0.725vw; margin: 0 auto; margin-top: 5.797vw; }
  .slide-dots-g-kutikomi .slick-dots li button { margin: 0; padding: 0; border: none; border-radius: 0; outline: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
  .slide-dots-g-kutikomi .slick-dots { position: static; bottom: 0; margin-top: 3.14vw; text-align: center; }
  .slide-dots-g-kutikomi .slick-dots li { display: inline-block; margin: 0 1.329vw; width: 1.742vw; height: 1.742vw; }
  .slide-dots-g-kutikomi .slick-dots li button { position: relative; width: 1.742vw; height: 1.742vw; text-indent: -2415.217vw; border-radius: 50%; background-color: #C7C7C7; }
  .slide-dots-g-kutikomi .slick-dots li.slick-active button { background-color: #1A1A1A; }
  .g-kutikomi-more-btn { width: 42.995vw; margin: 0 auto; margin-top: 5.556vw; }
  #c5 { background-color: #9E9A89; }
  #c5 .inner { width: 100%; margin: 0 auto; position: relative; padding-top: 12.077vw; padding-bottom: 8.213vw; }
  #c5 .inner .deco-en { position: absolute; width: 16.304vw; top: 12.077vw; right: 24.638vw; z-index: 10; animation: rotate-ccw 20s linear infinite; transform-origin: center center; }
  #c5 .inner .deco-pic { width: 50.725vw; margin: 0 auto; margin-bottom: 9.903vw; }
  #c5 .inner .deco-txt { width: 85.87vw; margin: 0 auto; position: absolute; left: 1.449vw; right: 0; top: 63.285vw; }
  #c5 .inner .ttl { font-weight: 500; font-size: 8.454vw; line-height: 14.795vw; text-align: center; color: #fff; margin-bottom: -1.208vw; letter-spacing: normal; font-size: 5.314vw; }
  #c5 .inner .txt-1 { width: 75.845vw; margin: 0 auto; font-weight: 400; text-align: center; color: #fff; margin-bottom: 7.488vw; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  #c5 .inner .bnr-list { width: 67.633vw; margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  #c5 .inner .bnr-list >li { width: 100%; margin-bottom: 3.865vw; }
  .bg-wap { background-image: url(../images/index/sp-wap-bg.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; padding-top: 9.903vw; }
  #c6 { width: 100%; margin: 0 auto; margin-bottom: 5.797vw; }
  #c6 .inner .flex { display: flex; flex-wrap: wrap; }
  #c6 .inner .flex .box-l { width: 88.406vw; margin: 0 auto; padding-top: 0; margin-bottom: 8.937vw; }
  #c6 .inner .flex .box-r { width: 100%; position: relative; }
  #c6 .inner .flex .box-r .ttl { width: 44.807vw; margin: 0 auto; margin-bottom: 6.28vw; position: relative; left: 0.242vw; }
  #c6 .inner .flex .box-r .txt-box { width: 88.406vw; margin: 0 auto; font-weight: 400; text-align: left; color: #1a1a1a; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  #c6 .inner .flex .box-r .btn { width: 42.995vw; margin: 0 auto; margin-top: 7.246vw; }
  #c7 { margin-bottom: -0.242vw; }
  #c7 .inner { width: 94.203vw; margin: 0 auto; position: relative; }
  #c7 .inner .ttl { position: relative; margin-bottom: 3.865vw; }
  #c7 .inner .system-list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: -2.415vw; }
  #c7 .inner .system-list >li { width: 33.3%; position: relative; overflow: hidden; }

  #c7 .inner .system-list .system-pic img { aspect-ratio: 130 / 130; max-width: 100%; height: auto; transition : .5s; }
  #c7 .inner .system-list .system-ttl { padding: 7.488vw 6.522vw; font-weight: 400; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; text-align: left; color: #fff; position: absolute; top: 0; left: 0; display: none; opacity: 0; transition : 1s; }
  #c7 .inner .en { width: 58.575vw; margin: 0 auto; margin-top: 2.174vw; }
  #c7 .inner .btn { margin: 0 auto; margin-top: 4.589vw; padding: 7.729vw 25.604vw 0; z-index: 10; border-top: 1px solid #1a1a1a; }
  #c8 { background-image: url(../images/index/sp-c8-bg.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 49.758vw; background-size: 100%; }
  #c8 .inner { padding-top: 19.565vw; }
  #c8 .inner .ttl { width: 90.58vw; margin: 0 auto; margin-bottom: 4.106vw; position: relative; left: 0.966vw; }
  #c8 .inner .txt-box { font-weight: 400; color: #1a1a1a; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: center; }
  #c8 .inner .txt-box .p-mb { margin-bottom: 4.831vw; }
  #c8 .inner .btn { width: 42.995vw; margin: 0 auto; margin-top: 15.217vw; }
  .c9 { background-color: #7E8D98; padding-top: 7.005vw; padding-bottom: 10.145vw; }
  .c9 .in { width: 100%; margin: 0 auto; }
  .c9 .in .flex { display: flex; flex-wrap: wrap; }
  .c9 .in .flex .box-l { width: 86.957vw; margin: 0 auto; }
  .c9 .in .flex .box-l .map iframe { width: 100%; height: 48.309vw; }
  .c9 .in .flex .box-r { position: relative; width: 80.676vw; margin: 0 auto; padding-top: 5.072vw; margin-bottom: 13.527vw; }
  .c9 .in .flex .box-r .ttl-01 { margin-bottom: 3.865vw; width: 50.58vw; }
  .c9 .in .flex .box-r .txt-01 { text-align: left; color: #fff; margin-bottom: 6.522vw; font-weight: normal; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  .c9 .in .flex .box-r .txt-01 a { color: #fff; }
  .c9 .in .flex .box-r .txt-01 .ss1 { margin-right: 3.382vw; }
  .c9 .in .flex .box-r .txt-01 .ss2 { margin-right: 3.623vw; }
  .c9 .in .flex .box-r .txt-01 .ss3 { position: relative; display: block; }
  .c9 .in .flex .box-r .sns { margin-left: 3.623vw; width: 4.589vw; }
  .c9 .in .flex .box-r .btn { width: 42.995vw; position: absolute; right: 0; bottom: -3.865vw; }
  .bg-wap-02 { background-color: #F5F5F5; padding-top: 12.077vw; padding-bottom: 0.242vw; }
  #c10 { margin-bottom: 14.976vw; }
  #c10 .inner .ttl { font-weight: 500; color: #1a1a1a; margin-bottom: 5.556vw; letter-spacing: normal; font-size: 5.314vw; line-height: 8.213vw; text-align: center; }
  #c10 .inner .list { display: flex; flex-wrap: wrap; width: 92.271vw; margin: 0 auto; }
  #c10 .inner .list >li { width: 46.377vw; padding-top: 0.966vw; padding-bottom: 9.662vw; }
  #c10 .inner .list >li:nth-child(1) { background-image: url(../images/index/sp-only-line-01.png),url(../images/index/sp-only-line-02.png); background-repeat: no-repeat; background-size: 1px,43.237vw; background-position: right 0 top 0,left 0 bottom 0; padding-right: 4.348vw; }
  #c10 .inner .list >li:nth-child(2) { background-image: url(../images/index/sp-only-line-02.png); background-repeat: no-repeat; background-position: right 0 bottom 0; background-size: 43.237vw; padding-right: 0; padding-left: 4.106vw; }
  #c10 .inner .list >li:nth-child(3) { background-image: url(../images/index/sp-only-line-01.png); background-repeat: no-repeat; background-size: 0.242vw; background-position: right 0 bottom 0; padding-top: 3.865vw; padding-right: 4.348vw; padding-bottom: 6.522vw; }
  #c10 .inner .list >li:nth-child(4) { padding-top: 3.865vw; padding-right: 0; padding-left: 4.106vw; padding-bottom: 6.522vw; }
  #c10 .inner .list >li:nth-child(2n) { width: 45.894vw; }
  #c10 .inner .list .li-ttl { text-align: center; color: #1a1a1a; margin-bottom: 0.725vw; letter-spacing: normal; font-weight: normal; font-size: 4.831vw; line-height: 10.568vw; }
  #c10 .inner .list .li-wap .li-txt-box { font-weight: 400; text-align: center; color: #1a1a1a; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  #faq { margin-bottom: 12.077vw; }
  #faq .inner .en { font-weight: 500; line-height: 12.077vw; text-align: center; color: #1a1a1a; margin-bottom: 0.966vw; font-size: 5.797vw; }
  #faq .inner .ttl { font-weight: 400; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 5.072vw; text-align: center; color: #1a1a1a; margin-bottom: 5.556vw; }
  #faq .inner .faq-list { width: 94.203vw; margin: 0 auto; }
  #faq .inner .faq-list li { border-bottom: 1px solid #1A1A1A; margin-bottom: 2.415vw; }
  #faq .inner .faq-list .faq-ttl-box { position: relative; font-weight: 500; letter-spacing: normal; text-align: left; color: #1a1a1a; padding: 5.556vw 10.628vw 4.831vw 12.077vw; background-image: url(../images/system/sp-faq-q.png); background-repeat: no-repeat; background-position: 1.932vw 4.831vw; background-size: 7.246vw; font-size: 3.623vw; line-height: 5.556vw; }
  #faq .inner .faq-list .faq-ttl-box:hover { cursor: pointer; cursor: hand; }
  #faq .inner .faq-list .faq-ttl-box .faq-ch { right: 2.657vw; top: 4.106vw; width: 3.382vw; position: absolute; }
  #faq .inner .faq-list .faq-ttl-box.is-open .faq-ch img { transform: scaleY(-1); }
  #faq .inner .faq-list .txt-box { display: none; text-align: left; color: #333; padding: 5.314vw 5.797vw 4.348vw 11.594vw; background-image: url(../images/system/sp-faq-a.png); background-repeat: no-repeat; background-position: 4.348vw 7.005vw; background-color: #fff; background-size: 2.657vw; font-weight: normal; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; font-weight: 500; }
  #faq .inner .btn { width: 42.995vw; margin: 0 auto; margin-top: 7.729vw; }
  #column { background-color: #FFFFFF; padding-top: 14.01vw; }
  #column .inner { width: 100%; margin: 0 auto; position: relative; }
  #column .inner .en { width: 25.362vw; margin: 0 auto; margin-bottom: 2.899vw; }
  #column .inner .ttl { font-weight: 400; text-align: center; color: #1a1a1a; margin-bottom: 5.797vw; margin-left: 0; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  #column .inner .btn { width: 42.995vw; margin: 0 auto; }
  #column .system-list2 { width: 94.203vw; margin: 0 auto; border-bottom: 1px solid #E6E6E6; margin-bottom: 7.729vw; }
  #column .system-list-inner2 { padding: 9.662vw 4.831vw; background: #fff; }
  #column .system-list2 .system-list2-item { border-top: 1px solid #E6E6E6; padding-top: 3.865vw; padding-bottom: 3.865vw; padding-left: 2.415vw; padding-right: 0; }
  #column .system-list2 .system-list2-item:nth-child(n+4) { display: none; }
  #column .system-list2 .system-list2-item a { 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; }
  #column .system-list2 .system-list2-item a:hover { text-decoration: none; }
  #column .system-list2 .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; }
  #column .system-list2 .sy-flex-1 .box-l { width: 28.986vw; }
  #column .system-list2 .sy-flex-1 .box-r { width: 51.449vw; margin-left: 3.14vw; }
  #column .system-list2 .system-pic { width: 33.816vw; margin-right: 2.415vw; }
  #column .system-list2 .textbx { width: 53.14vw; padding-top: 0.483vw; }
  #column .system-list2 .system-pic img { max-width: 100%; height: auto; }
  #column .system-list2 .system-date { font-size: 2.899vw; letter-spacing: 0.05em; line-height: 5.797vw; text-align: left; color: #666; margin-bottom: 0; }
  #column .system-list2 .system-ttl-01 { font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; text-align: left; color: #1a1a1a; }
  #column .system-list2 .system-contributor { font-size: 3.4vw; float: right; width: 78%; text-align: right; color: #bbb; }
  #column .system-list2 .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; }
  #column .system-list2 .sy-flex-1 .box-l { width: 20%; }
  #column .system-list2 .sy-flex-1 .box-r { width: 78%; margin-left: 2%; }
  #column .system-list2 .system-pic img { max-width: 100%; height: auto; }
  #column .system-list2 .system-date { font-weight: normal; font-size: 3.14vw; letter-spacing: normal; line-height: 5.797vw; text-align: left; color: #666; margin-bottom: 0; }
  #column .system-list2 .system-ttl-01 { font-weight: normal; text-align: left; color: #1a1a1a; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  #column .system-list2 .system-contributor { font-size: 0.75exm; text-align: right; color: #bbb; }
  #column .sp-only-ch-box { display: flex; flex-wrap: wrap; }

  #ee { margin-top: 0; }
  #works { padding-top: 13.527vw; padding-bottom: 19.324vw; }
  #works .inner .ttl-box-wap { width: 89.372vw; margin: 0 auto; }
  #works .inner .ttl-box { position: relative; margin-bottom: 5.314vw; }
  #works .inner .ttl-box .ttl { font-family: "scandia-web", sans-serif; font-weight: 500; line-height: 7.729vw; text-align: left; color: #fff; margin-bottom: 1.691vw; font-size: 4.348vw; letter-spacing: 0.05em; }
  #works .inner .ttl-box .txt-1 { font-weight: normal; text-align: left; color: #fff; font-size: 3.382vw; line-height: 6.763vw; margin-bottom: 4.348vw; }
  #works .ttl-box .en { color: #1a1a1a; letter-spacing: 0.242vw; font-size: 7.729vw; line-height: 11.594vw; text-align: center; margin-bottom: 0.242vw; }
  #works .ttl-box .txt-01 { color: #1a1a1a; letter-spacing: normal; font-size: 4.348vw; line-height: 10.568vw; text-align: center; }
  #works .btn { width: 42.995vw; margin: 0 auto; margin-top: 7.729vw; top: 1.449vw; right: 0; }
  #works .inner .ttl-box .cc-more-btn_w { bottom: 0.725vw; }
  #works .inner .system-list { border-bottom: 1px solid #C4C4C4; }
  #works .inner .system-list >li { border-top: 1px solid #E6E6E6; padding-top: 5.797vw; padding-bottom: 10.87vw; }
  #works .inner .system-list .system-fb { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #works .inner .system-list .system-fb .system-fb-l { width: 100%; display: none; }
  #works .inner .system-list .system-fb .system-fb-l .system-pic img { aspect-ratio: 560 / 400; max-width: 100%; height: auto; }
  #works .inner .system-list .system-fb .system-fb-r { width: 100%; margin-left: 2.899vw; }
  #works .inner .system-list .system-fb .system-fb-r .system-ttl { font-weight: normal; font-size: 4.348vw; line-height: 10.568vw; text-align: left; color: #1a1a1a; letter-spacing: normal; margin-bottom: -1.449vw; margin-left: -0.242vw; }
  #works .inner .system-list .system-fb .system-fb-r .sy-txt { font-weight: 400; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; text-align: left; color: #666; margin-left: 0.242vw; }
  #works .inner .system-list .system-fb .system-fb-r .sy-txt .ss1 { margin-right: 0.966vw; }
  #works .inner .system-list .system-fb .system-fb-r .sy-txt .ss-wap >span:nth-child(2)::before { content: "／"; }
  #works .inner .system-list .system-fb .system-fb-r .sy-info .works-sra { width: 156.522vw; margin-bottom: 3.382vw; display: flex; flex-wrap: wrap; position: relative; left: -0.483vw; }
  #works .inner .system-list .system-fb .system-fb-r .sy-info .works-sra-item { width: 100%; margin-left: 0.483vw; margin-right: 0.483vw; }
  #works .inner .system-list .system-fb .system-fb-r .works-sra img { aspect-ratio: 320 / 230; max-width: 100%; height: auto; }
  #works .inner .system-list .sy-rel-box .cc-more-btn_w { position: absolute; right: 0; bottom: 0; }
  #works .sy-btn-box { position: relative; }
  #works .sy-btn-box .cc-more-btn_w { position: absolute; bottom: -1.449vw; left: 50.966vw; width: 42.995vw; }
  #works .fb-ch-box { display: flex; flex-wrap: wrap; }
  #works .fb-ch-box .sy-ch-box-2 { order: -1; margin-bottom: 3.623vw; }
  #works .inner .system-list >li .sy-ch-box-2 a { color: #fff; }
  #works .inner .system-list >li a:hover { text-decoration: none; }
  #works .inner .system-list >li a:hover .system-ttl { text-decoration: underline; }
  #works .page-list { margin-bottom: 0; }
  .c-arrows-2 { width: 26.57vw; height: 12.077vw; z-index: 10; position: relative; top: 0.483vw; }
  .c-arrows-2 > div { width: 12.077vw; height: 12.077vw; background-image: url(../images/index/btn-sra.svg); background-repeat: no-repeat; background-position: center 0; background-size: 100%; position: absolute; z-index: 10; }
  .c-arrows-2 > div:active { cursor: pointer; cursor: hand; background-image: url(../images/index/btn-sra.svg); }
  .c-arrows-2 .slick_mae2 { left: 0; }
  .c-arrows-2 .slick_mae2:active { transform: scale(1, -1); }
  .c-arrows-2 .slick_ushiro2 { right: 0; transform: scale(-1, 1); }
}


@media screen and (min-width: 768px),print {
  @keyframes nagare-left {
    from { background-position-x: 0; }
    to { background-position-x: calc(-1 * var(--nagare-w)); }
  }
}
@media screen and (max-width: 767px) {
  @keyframes nagare-left {
    from { background-position-x: 0; }
    to { background-position-x: calc(-1 * var(--nagare-w)); }
  }
}
@media screen and (min-width: 768px),print {
  @keyframes rotate-ccw {
    from { transform: rotate(0deg); }
    to { transform: rotate(-360deg); }
  }
}
@media screen and (max-width: 767px) {
  @keyframes rotate-ccw {
    from { transform: rotate(0deg); }
    to { transform: rotate(-360deg); }
  }
}
@media screen and (min-width: 768px),print {
  @media (prefers-reduced-motion: reduce) {
    .nagare-move-u { animation: none; }
  }
}