@charset "UTF-8";
@media screen and (min-width: 768px), print {
  header { background-color: transparent; }
  .mv { margin-top: -141px; }
  .mv img { width: 100%; }
  .mv-u-nav .mv-u-nav-list { width: 1593.53px; 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; margin-top: -185px; margin-bottom: 53px; position: relative; left: -5px; }
  .mv-u-nav .mv-u-nav-list a { color: #303030; }
  .mv-u-nav .mv-u-nav-list >li { background-image: url(../images/index/haxtupa.png); background-repeat: no-repeat; background-position: 0 7px; padding-left: 35px; font-size: 23px; font-weight: 500; line-height: 1.11; letter-spacing: 2.5px; text-align: left; color: #303030; padding-top: 11px; }
  .mv-u-nav .mv-u-nav-list .mv-u-nav-ss { font-size: 23px; font-weight: 500; line-height: 1.11; letter-spacing: 2.5px; text-align: left; color: #303030; padding-bottom: 16px; }
  .mv-u-nav .has-megamenu { position: relative; cursor: pointer; }
  .mv-u-nav .megamenu { display: none; position: absolute; top: 135%; left: 59%; transform: translateX(-50%); background-color: #fff; border: 1px solid #e0ddd8; box-shadow: 0 6px 16px rgba(0,0,0,0.12); z-index: 200; min-width: 270px; }
  .mv-u-nav .has-megamenu:hover .megamenu { display: block; }
  .mv-u-nav .megamenu .megamenu-list { list-style: none; padding: 0; margin: 0; }
  .mv-u-nav .megamenu .megamenu-list li { background-image: none; padding: 0; border-bottom: 1px solid #f0ede8; }
  .mv-u-nav .megamenu .megamenu-list li:last-child { border-bottom: none; }
  .mv-u-nav .megamenu .megamenu-list a { display: block; padding: 14px 18px; font-size: 18px; font-weight: 500; letter-spacing: 1px; color: #303030; text-decoration: none; }
  .mv-u-nav .megamenu .megamenu-list a:hover { background-color: #f5f3f0; color: #52a136; }
  .nagare-move-u { --nagare-w: 2408px; --nagare-h: 200px; --nagare-speed: 100s; 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; position: relative; z-index: 10; }
  .bg-wap-box-01 { background-image: url(../images/index/bg-wap.png); background-repeat: no-repeat; background-position: center -105px; min-height: 2099px; }
  #c1 { padding-top: 179px; }
  #c1 .inner .ttl { width: 1032px; margin: 0 auto; position: relative; left: -29px; margin-bottom: 6px; }
  #c1 .inner .s-ttl { width: 819px; margin: 0 auto; margin-bottom: 20px; position: relative; left: 3px; }
  #c1 .inner .sra { max-width: 1640px; width: 100%; margin: 0 auto; 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; }
  #c1 .inner .sra .sra-item { width: 520px; margin-right: 40px; }
  #c1 .inner .sra .sra-item:nth-child(3n) { margin-right: 0px; }
  #c1 .inner .sra .sra-item:nth-child(4) { margin-left: 38px; }
  #c1 .inner .sra .sra-item img { width: 100%; }
  #c2 .inner .en { width: 1321px; margin: 0 auto; position: relative; left: -12px; top: 24px; }
  #c2 .inner .bg-box { background-color: #faf7f0; border-radius: 10px; width: 1760px; margin: 0 auto; padding: 10px 10px 82px 10px; position: relative; z-index: 10; }
  #c2 .inner .bg-box .ttl-box { position: relative; }
  #c2 .inner .bg-box .ttl-box .txt-01 { width: 949px; margin: 0 auto; position: relative; left: 3px; right: 0; top: -65px; }
  #c2 .inner .bg-box .ttl-box .ttl { position: relative; top: -227px; left: -9px; margin-bottom: -192px; }
  #c2 .inner .bg-box .ttl-box .ttl .ss1 { font-size: 30px; font-weight: 700; line-height: 1.72; letter-spacing: 7.1px; text-align: center; color: #303030; display: block; margin-bottom: -6px; }
  #c2 .inner .bg-box .ttl-box .ttl .ss2 { display: block; font-size: 64px; font-weight: 700; line-height: 1.25; text-align: center; color: #e96323; position: relative; left: -4px; letter-spacing: -7.5px; }
  #c2 .inner .bg-box .bg-box-in { width: 1600px; margin: 0 auto; padding: 72px 40px 64px 40px; background-color: #e8e2d6; }
  #c2 .inner .bg-box .bg-box-in .link-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; }
  #c2 .inner .bg-box .bg-box-in .link-list >li { padding: 40px; background-color: #ffffff; border-radius: 20px; width: 480px; margin-right: 40px; position: relative; }
  #c2 .inner .bg-box .bg-box-in .link-list >li:hover { opacity: 0.8; }
  #c2 .inner .bg-box .bg-box-in .link-list >li:hover img { opacity: 0.8; }
  #c2 .inner .bg-box .bg-box-in .link-list >li a:hover { text-decoration: none; }
  #c2 .inner .bg-box .bg-box-in .link-list >li:nth-child(3n) { margin-right: 0px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .link-li-pic { width: 400px; margin: 0 auto; position: relative; top: -61px; margin-bottom: -37px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-ttl { text-align: center; margin-bottom: 15px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-ttl .ss1 { font-size: 50px; font-weight: 700; line-height: 0.86; letter-spacing: 4px; color: #5997d0; display: block; margin-bottom: 16px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-ttl .ss2 { font-size: 32px; font-weight: 500; line-height: 1.09; letter-spacing: -0.1em; color: #303030; position: relative; left: -2px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .link-li-txt-box { font-size: 18px; font-weight: 500; line-height: 1.56; letter-spacing: 0.04em; text-align: center; color: #303030; margin-bottom: 24px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-btn { width: 400px; margin: 0 auto; }
  #c2 .inner .bg-box .bg-box-in .link-list .li-02 .li-ttl .ss1 { color: #dbb11f; }
  #c2 .inner .bg-box .bg-box-in .link-list .li-03 .li-ttl .ss1 { color: #52a136; }
  .top-cv-01 { background-color: #e96323; padding-top: 285px; padding-bottom: 85px; margin-top: -186px; }
  .top-cv-01 .inner { width: 1000px; margin: 0 auto; position: relative; }
  .top-cv-01 .inner .txt-01 { position: absolute; left: -109px; top: -30px; }
  .top-cv-01 .inner .pic-01 { position: absolute; right: -199px; top: -149px; z-index: 10; }
  .top-cv-01 .inner .top-cv-01-box { width: 529px; margin: 0 auto; margin-bottom: 16px; }
  .top-cv-01 .inner .top-cv-01-box .tel { width: 529px; margin: 0 auto; margin-bottom: 16px; }
  .top-cv-01 .inner .top-cv-01-box .tel-u-txt { 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; font-size: 14px; font-weight: 500; line-height: 1.45; color: #ffffff; }
  .top-cv-01 .inner .top-cv-01-box .tel-u-txt .ss1 { position: relative; }
  .top-cv-01 .inner .top-cv-01-box .tel-u-txt .ss2 { margin-left: 23px; }
  #c4 { background-image: url(../images/index/c4-bg.png); background-repeat: no-repeat; background-position: center 132px; background-color: #faf7f0; padding-top: 157px; padding-bottom: 151px; position: relative; left: -10px; }
  #c4 .inner { width: 1220px; margin: 0 auto; position: relative; padding-top: 300px; }
  #c4 .inner .ttl { position: absolute; top: 0; left: 346px; }
  #c4 .inner .reform-01 { position: relative; margin-bottom: 112px; }
  #c4 .inner .reform-01 .abs-txt-01 { position: absolute; top: -46px; right: -30px; z-index: 5; }
  #c4 .inner .reform-01 .abs-pic-01 { position: absolute; top: 0; right: 23px; }
  #c4 .inner .reform-01 .s-box .txt-01 { margin-bottom: 16px; }
  #c4 .inner .reform-01 .s-box .s-ttl { font-size: 54px; font-weight: 700; line-height: 0.8; text-align: left; width: 470px; padding: 5px 5px 5px 5px; position: relative; padding: 20px 30px; background-color: #ffffff; margin-bottom: 24px; letter-spacing: -5px; }
  #c4 .inner .reform-01 .s-box .s-ttl .ss { color: #E96323; letter-spacing: 5px; margin-right: -8px; }
  #c4 .inner .reform-01 .s-box .txt-02 { font-size: 18px; font-weight: 500; line-height: 1.78; text-align: left; color: #303030; margin-bottom: 40px; }
  #c4 .inner .reform-01 .s-box .menu-list { width: 588px; display: flex; flex-wrap: wrap; position: relative; z-index: 10; }
  #c4 .inner .reform-01 .s-box .menu-list >li { width: 180px; margin-right: 24px; text-align: center; }
  #c4 .inner .reform-01 .s-box .menu-list >li:nth-child(3n) { margin-right: 0px; }
  #c4 .inner .reform-01 .s-box .menu-list .li-pic { margin-bottom: 12px; }
  #c4 .inner .reform-01 .s-box .menu-list .li-txt { font-size: 18px; font-weight: 500; line-height: 1.22; text-align: center; color: #000000; }
  #c4 .inner .reform-01 .abs-btn { position: absolute; top: 400px; right: 11px; }
  #c4 .inner .reform-01.ano .s-box .s-ttl { width: 544px; }
  .event-bg-wap { background-color: #faf7f0; background-image: url(../images/index/event-bg-wap.png); background-repeat: no-repeat; background-position: center -91px; padding-bottom: 120px; }
  .event-bnr-set { background-image: url(../images/index/event-bg-01.png); background-repeat: repeat-y; background-position: center 0; padding-bottom: 39px; }
  .event-bnr-set .flex { width: 1210px; margin: 0 auto; position: relative; }
  .event-bnr-set .flex .box-l-wap { width: 730px; margin-right: 102px; position: relative; padding: 55px 5px 5px; }
  .event-bnr-set .flex .box-l-wap .ttl { position: absolute; top: -154px; left: -118px; }
  .event-bnr-set .flex .box-l-wap #event .system-default-list .system-default-item .dl-btn { margin-top: 61px; }
  .event-bnr-set .flex .box-r-wap { width: 560px; position: absolute; right: -155px; top: -92px; }
  .event-bnr-set .flex .box-r-wap .pic-01 { margin-bottom: 23px; }
  .event-bnr-set .flex .box-r-wap .txt-01 { font-size: 18px; font-weight: 500; line-height: 1.78; text-align: center; color: #303030; }
  #event .system-default-list .system-pic { width: 320px; text-align: center; margin-bottom: 16px; margin-right: 49px; }
  #event .card-3 { grid-template-columns: repeat(auto-fill, 320px); }
  #event .system-default-list.card-3 { row-gap: 56px; column-gap: 70px; position: relative; z-index: 100; }
  #event .system-default-list a { display: flex; flex-wrap: wrap; }
  #event .system-default-list a:hover { text-decoration: none; }
  #event .system-default-list .system-pic img { aspect-ratio: 23 / 28; max-width: 100%; height: auto; }
  #event .system-default-list .top-r { width: 330px; }
  #event .system-default-list .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 19px; }
  #event .system-default-list .sy-flex .box-l { width: 62px; margin-right: 10px; }
  #event .system-default-list .sy-flex .box-r { width: calc(100% - 72px); position: relative; top: -2px; }
  #event .system-default-list .sy_radio-box > p { font-size: 15px; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; background-color: #e96323; border-radius: 5px; width: 62px; padding: 2px 5px 2px 5px; }
  #event .system-default-list .system-cate >span { background-color: #5997d0; font-size: 15px; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; border-radius: 5px; display: inline-block; padding: 1px 10px 2px 10px; }
  #event .system-default-list .sy_radio-2 { color: #fff; }
  #event .system-default-list .system-ttl { margin-top: 19px; text-align: left; background: linear-gradient(transparent 98%, #303030 0%); display: inline; font-size: 26px; font-family: "Zen Kaku Gothic New"; font-weight: 700; line-height: 1.54; color: #303030; }
  #event .system-default-list .system-info { margin-top: 44px; }
  #event .system-default-list .system-info .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 14px; border-bottom: 1px dashed #7a716a; padding-bottom: 13px; }
  #event .system-default-list .system-info .system-flex:last-child { margin-bottom: 0; }
  #event .system-default-list .system-info .system-flex .system-box-l { width: 72px; margin-right: 18px; font-size: 16px; font-weight: 500; line-height: 1.75; text-align: left; color: #303030; }
  #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: 229px; font-size: 16px; font-weight: 500; line-height: 1.75; text-align: left; color: #303030; }
  #event .system-default-list .system-default-item:hover .system-ttl { text-decoration: none; }
  #c5 .inner .ttl-box { width: 1200px; margin: 0 auto; position: relative; margin-top: 148px; }
  #c5 .inner .ttl-box .ttl { width: 704px; margin: 0 auto; position: relative; left: -129px; margin-bottom: 52px; }
  #c5 .inner .ttl-box .deco { position: absolute; right: -51px; top: 178px; }
  #c5 .inner .bg-box { background-color: #ffffff; border-radius: 30px; width: 1400px; margin: 0 auto; padding: 100px 100px 144px; }
  #c5 .inner .bg-box .con-list >li { margin-bottom: 99px; }
  #c5 .inner .bg-box .con-list >li:nth-child(2n) .box-r { order: -1; }
  #c5 .inner .bg-box .con-list >li:last-child { margin-bottom: 0; }
  #c5 .inner .bg-box .con-list .flex { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  #c5 .inner .bg-box .con-list .flex .box-l { width: 365px; margin-left: 20px; }
  #c5 .inner .bg-box .con-list .flex .box-l .txt-01 { margin-bottom: 33px; margin-left: 9px; margin-top: 14px; }
  #c5 .inner .bg-box .con-list .flex .box-l .sttl { font-size: 44px; font-weight: 700; line-height: 0.54; letter-spacing: 2.8px; text-align: left; color: #2c2620; background-color: #e8e2d6; width: 553px; position: relative; padding: 23px 5px 26px 28px; margin-bottom: 35px; left: -20px; z-index: 2; }
  #c5 .inner .bg-box .con-list .flex .box-l .txt-box { font-size: 18px; font-weight: 500; line-height: 1.78; text-align: left; color: #000000; margin-bottom: 60px; }
  #c5 .inner .bg-box .con-list .flex .box-l .txt-box .p-mb { margin-bottom: 32px; }
  #c5 .inner .bg-box .con-list .flex .box-l .more { position: relative; }
  #c5 .inner .bg-box .con-list .flex .box-r { width: 700px; position: relative; }
  #c5 .inner .bg-box .con-list .flex .box-r >p { font-size: 24px; font-weight: 700; line-height: 0.95; letter-spacing: 10.3px; text-align: left; color: #2c2620; background-color: #e8efe5; padding: 11px 8px 13px 17px; }
  #c5 .inner .bg-box .con-list .flex .box-r .kakomi-txt-01 { position: absolute; top: 389px; left: -23px; }
  #c5 .inner .bg-box .con-list .flex .box-r .kakomi-txt-02 { position: absolute; top: 430px; left: -6px; }
  #c5 .inner .bg-box .con-list .flex .box-r .pic-01 { margin-bottom: 0; }
  #c5 .inner .bg-box .con-list .ano .flex .box-l { width: 400px; margin-left: 0px; margin-right: 46px; }
  #c5 .inner .bg-box .con-list .ano .flex .box-l .txt-01 { margin-bottom: 33px; margin-left: -1px; margin-top: 3px; }
  #c5 .inner .bg-box .con-list .ano .flex .box-l .sttl { width: 532px; left: -88px; padding: 23px 5px 26px 77px; margin-bottom: 34px; }
  #c5 .inner .bg-box .con-list .ano .flex .box-l .txt-box { width: 400px; margin-bottom: 49px; }
  #c5 .inner .bg-box .con-list .ano .flex .box-r .kakomi-txt-01 { left: auto; right: -23px; top: 359px; padding: 12px 14px 13px 17px; }
  #c5 .inner .bg-box .con-list .ano .flex .box-r .kakomi-txt-02 { left: auto; right: -42px; top: 399px; padding: 12px 16px 11px 17px; }
  #c5 .inner .bg-box .con-list .ano .flex .box-l .more { margin-left: 50px; }
  .top-cv-b { background-color: #e96323; padding-top: 75px; padding-bottom: 75px; }
  .top-cv-b .top-cv-b-ttl { width: 727px; margin: 0 auto; margin-bottom: 44px; }
  .top-cv-b .top-cv-b-list { width: 1292px; margin: 0 auto; display: flex; flex-wrap: wrap; }
  .top-cv-b .top-cv-b-list a { color: #fff; }
  .top-cv-b .top-cv-b-list >li { margin-right: 60px; }
  .top-cv-b .top-cv-b-list >li:nth-child(2n) { margin-right: 0px; }
  .top-cv-b .top-cv-b-list .li-pic { margin-bottom: 30px; }
  .top-cv-b .top-cv-b-list .li-txt { font-size: 16px; font-weight: 500; line-height: 1.75; text-align: center; color: #ffffff; }
  .top-cv-b .top-cv-b-list .li-txt-02 { text-align: center; font-size: 14px; font-weight: 500; line-height: 1.46; letter-spacing: 0.02em; color: #ffffff; margin-bottom: 7px; }
  .top-cv-b .top-cv-b-list .li-txt-03 { font-size: 14px; font-weight: 500; line-height: 1.45; text-align: center; color: #ffffff; }
  #case_new { padding-top: 147px; margin-bottom: -81px; }
  #case_new .inner .en { width: 608px; margin: 0 auto; }
  #case_new .inner .bg-box { background-color: #faf7f0; border-radius: 10px; width: 1760px; margin: 0 auto; position: relative; top: -21px; padding-top: 70px; padding-bottom: 70px; }
  #case_new .inner .bg-box .bg-box-in { width: 1500px; margin: 0 auto; position: relative; }
  #case_new .inner .bg-box .txt-01 { position: absolute; top: -149px; left: 66px; }
  #case_new .inner .bg-box .ttl { font-size: 64px; font-weight: 700; line-height: 1.01; letter-spacing: 4px; text-align: center; color: #2c2620; margin-bottom: 40px; }
  #case_new .inner .bg-box .txt-02 { font-size: 18px; font-weight: 500; line-height: 1.51; letter-spacing: 1px; text-align: center; color: #2c2620; margin-bottom: 60px; }
  #case_new .inner .bg-box .deco { position: absolute; right: 183px; top: -7px; }
  #case_new .inner .bg-box .system-default-list { display: flex; flex-wrap: wrap; }
  #case_new .inner .bg-box .system-default-list .system-default-item { width: 480px; margin-right: 30px; margin-bottom: 30px; }
  #case_new .inner .bg-box .system-default-list .system-default-item:nth-child(3n) { margin-right: 0px; }
  #case_new .system-default-list .system-default-item { background-color: #ffffff; border-radius: 14px; border: 2px solid #cfccc4; padding: 20px 20px 16px; position: relative; }
  #case_new .system-default-list .system-cate { position: absolute; top: 20px; left: 20px; font-size: 14px; font-weight: 700; line-height: 1.71; color: #ffffff; z-index: 20; }
  #case_new .system-default-list .system-cate >span { display: inline-block; padding: 5px 35px 5px; min-width: 102px; text-align: center; margin-right: 5px; margin-bottom: 5px; }
  #case_new .system-default-list .system-cate .kitchen-bath { background-color: #5997d0; }
  #case_new .system-default-list .system-cate .interior { background-color: #dbb11f; }
  #case_new .system-default-list .system-cate .exterior { background-color: #52a136; }
  #case_new .system-default-list .system-cate .barrierfree { background-color: #E87A3A; }
  #case_new .system-default-list .system-cate .improvement { background-color: #C09A15; }
  #case_new .system-default-list .system-cate .renovation { background-color: #DBB11F; }
  #case_new .system-default-list .system-cate .new-construction { background-color: #90C320; }
  #case_new .system-default-list .system-pic { margin-bottom: 24px; text-align: center; }
  #case_new .system-default-list .system-pic img { aspect-ratio: 11 / 7; max-width: 100%; height: 280px; }
  #case_new .system-default-list .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: -4px; }
  #case_new .system-default-list .sy-flex .sy-box-l { display: inline-block; margin-right: 19px; margin-bottom: 7px; }
  #case_new .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #case_new .system-default-list .sy-flex .sy-box-r { display: inline-block; }
  #case_new .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #case_new .system-default-list .system-ttl { font-size: 20px; font-weight: 700; line-height: 1.65; letter-spacing: 1px; text-align: left; color: #2c2620; font-size: 24px; }
  .voice-wap { background-color: #e8e2d6; padding-top: 136px; padding-bottom: 120px; }
  .voice-wap .in { width: 1407px; margin: 0 auto; position: relative; }
  .voice-wap .in .voice-l-box { width: 362px; }
  .voice-wap .in .voice-l-box .tx { margin-bottom: -11px; }
  .voice-wap .in .voice-l-box .ttl { font-size: 46px; font-weight: 700; line-height: 1.4; letter-spacing: 4px; text-align: left; color: #2c2620; margin-bottom: 11px; padding-left: 51px; }
  .voice-wap .in .voice-l-box .txt-01 { font-size: 16px; font-family: "Zen Kaku Gothic New"; font-weight: 400; line-height: 1.7; letter-spacing: 1px; text-align: left; color: #2c2620; margin-left: 57px; }
  .voice-wap .in .voice-r-box { width: 1443px; position: absolute; top: 63px; left: 396px; }
  .voice-wap .in .voice-r-box #voice .system-default-list { width: 1443px; }
  .voice-wap .in .voice-r-box #voice .system-default-list .system-default-item { margin-left: 25px; margin-right: 25px; }
  .arrows_voice { width: 205px; margin-top: 39px; margin-left: 57px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .arrows_voice > div { width: 80px; height: 80px; background-repeat: no-repeat; background-position: center 0; background-size: 100%; }
  .arrows_voice > div:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
  .arrows_voice .slick_voice_mae { background-image: url(../images/index/sra-deco-l.png); left: 0.483vw; }
  .arrows_voice .slick_voice_ushiro { background-image: url(../images/index/sra-deco-r.png); right: 0.483vw; }
  #voice .system-default-list .system-default-item { background-color: #ffffff; padding: 31px 30px 23px; position: relative; border: 1px solid #ccc; }
  #voice .system-default-list .system-pic { margin-bottom: 33px; }
  #voice .system-default-list .system-pic img { aspect-ratio: 3 / 2; max-width: 100%; height: auto; }
  #voice .system-default-list .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: 3px; }
  #voice .system-default-list .sy-flex .sy-box-l { display: inline-block; margin-right: 18px; margin-bottom: 7px; }
  #voice .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #voice .system-default-list .sy-flex .sy-box-r { display: inline-block; }
  #voice .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #voice .system-default-list .system-ttl { font-size: 18px; font-weight: 700; line-height: 1.67; letter-spacing: 1px; text-align: left; color: #2c2620; }

  #faq { padding-top: 126px; margin-bottom: 134px; }
  #faq .inner .en { width: 72px; margin: 0 auto; margin-bottom: 7px; }
  #faq .inner .ttl { font-size: 46px; font-weight: 700; line-height: 1.4; letter-spacing: 4px; text-align: center; color: #2c2620; margin-bottom: 44px; position: relative; left: 10px; }
  #faq .faq-list { width: 1100px; margin: 0 auto; }
  #faq .faq-list li { border: 1px solid #CFCCC4; padding: 5px 5px 5px; border-radius: 12px; margin-bottom: 20px; }
  #faq .faq-list .faq-ttl-box { position: relative; font-weight: 500; font-size: 18px; font-weight: 700; line-height: 1.61; letter-spacing: 1px; text-align: left; color: #2c2620; padding: 28px 99px 23px 89px; background-image: url(../images/system/faq-q.png); background-repeat: no-repeat; background-position: 27px 19px; }
  #faq .faq-list .faq-ttl-box:hover { cursor: pointer; cursor: hand; }
  #faq .faq-list .faq-ttl-box .faq-ch { right: 38px; top: 20px; width: 20px; height: 11px; position: absolute; }
  #faq .faq-list .faq-ttl-box.is-open .faq-ch img { transform: scaleY(-1); }
  #faq .faq-list .txt-box { width: 1034px; margin: 0 auto; display: none; font-size: 14px; font-weight: 500; line-height: 1.9; text-align: left; color: #2c2620; padding: 23px 61px 17px; border-top: 1px solid #CFCCC4; margin-top: 5px; }
  #faq .faq-list li .faq-purasu { position: absolute; right: 28px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50px; background-color: #cfccc4; flex-shrink: 0; transition: background-color 0.3s ease, border 0.3s ease; }
  #faq .faq-list li .faq-purasu::before, #faq .faq-list li .faq-purasu::after { content: ""; position: absolute; display: block; width: 14px; height: 2px; background-color: #fff; transition: transform 0.3s ease, background-color 0.3s ease; }
  #faq .faq-list li .faq-purasu::after { transform: rotate(90deg); }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu { background-color: #ffffff; border: 1px solid #cfccc4; }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu::before, #faq .faq-list .faq-ttl-box.is-open .faq-purasu::after { background-color: #cfccc4; }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu::after { transform: rotate(0deg); }
  .bg-wap-box-02 { background-image: url(../images/index/company-bg.png); background-repeat: no-repeat; background-position: center 0; padding-bottom: 129px; }
  #company .inner { width: 1400px; margin: 0 auto; }
  #company .inner .ttl { margin-bottom: 24px; position: relative; left: -5px; }
  #company .inner .flex { width: 1245px; margin: 0 auto; margin-bottom: 72px; 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; }
  #company .inner .flex .box-l { width: 680px; position: relative; margin-right: -35px; padding-top: 56px; }
  #company .inner .flex .box-l .s-ttl { position: relative; font-size: 52px; font-weight: 700; line-height: 1.65; letter-spacing: 4px; text-align: left; color: #2c2620; width: 920px; background-color: #E8E2D6; padding: 12px 0px 12px 24px; position: relative; z-index: 10; margin-bottom: 40px; }
  #company .inner .flex .box-l .txt-box { font-size: 18px; font-weight: 500; line-height: 1.78; text-align: left; color: #000000; }
  #company .inner .flex .box-l .txt-box .p-mb { margin-bottom: 32px; }
  #company .inner .flex .box-r { width: 600px; position: relative; right: -101px; }
  .o-box-01 { width: 1040px; margin: 0 auto; margin-bottom: 80px; }
  .o-box-01 .o-box-01-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; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .o-box-01 .o-box-01-list >li { width: 500px; }
  #news .inner { background-color: #ffffff; border-radius: 20px; width: 1000px; margin: 0 auto; position: relative; padding: 36px 98px 22px; }
  #news .inner .en { width: 244px; margin: 0 auto; position: relative; top: -54px; margin-bottom: -51px; }
  #news .inner .ttl { font-size: 26px; font-weight: 700; line-height: 1.7; letter-spacing: 2px; color: #2c2620; text-align: center; margin-bottom: 35px; }
  #e { margin-top: 0; }
  #news .system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 16px; padding: 0 0 16px; border-bottom: 1px dotted #E8E2D6; }
  #news .system-list li a:hover { text-decoration: none; }
  #news .system-list .system-date { float: left; width: 20%; font-size: 15px; font-weight: 400; line-height: 1.7; letter-spacing: 1px; color: #2d4a35; padding-left: 30px; }
  #news .system-list .text-box { font-size: 14px; line-height: 1.7; float: left; width: 78%; }
  #news .system-list .system-ttl-01 { font-size: 14px; font-weight: 400; line-height: 1.7; letter-spacing: 1px; color: #2c2620; }
  #news .system-list .system-category-set { margin-bottom: 10px; color: #fff; }
  #news .system-list .system-category { font-size: 0.688em; font-weight: bold; float: left; width: 20%; margin-right: 1px; padding: 5px; text-align: center; color: #fff; background: #ccc; }

}
@media screen and (min-width: 766px) and (max-width: 1800px) {
  .mv { margin-top: -141px; }
  .h-tel-box { width: 220px; position: absolute; right: 190px; top: 20px; }
  .h-tel-box img { width: 100%; }
  .h-tel-txt-02 { font-size: 12px; font-weight: 500; line-height: 1.7; letter-spacing: 0.85px; position: absolute; right: -47px; top: 29px; }
  .mv-u-nav .mv-u-nav-list { width: 1200px; margin-top: -9.167vw; }
  .mv-u-nav .mv-u-nav-list >li { font-size: 18px; }
  #c1 .inner .sra { max-width: 1200px; }
  #c1 .inner .sra .sra-item { width: 372px; margin-right: 40px; }
  #c1 .inner .sra .sra-item img { width: 100%; }
  #c1 { padding-top: 130px; }
  .bg-wap-box-01 { min-height: auto; padding-bottom: 88px; }
  #c2 .inner .en { width: 1000px; }
  #c2 .inner .en img { width: 100%; }
  #c2 .inner .bg-box { width: 100%; }
  #c2 .inner .bg-box .bg-box-in { width: 1160px; margin: 0 auto; padding: 72px 40px 64px 40px; background-color: #e8e2d6; }
  #c2 .inner .bg-box .bg-box-in .link-list >li { padding: 30px; background-color: #ffffff; border-radius: 20px; width: 333px; margin-right: 40px; position: relative; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .link-li-pic { width: 100%; margin: 0 auto; position: relative; top: -61px; margin-bottom: -37px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .link-li-pic img { width: 100%; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-btn { width: 100%; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-btn img { width: 100%; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-ttl .ss1 { font-size: 38px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-ttl .ss2 { font-size: 25px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .link-li-txt-box { font-size: 16px; }
  #c4 { padding-bottom: 100px; }
  #c4 .inner { width: 1140px; }
  #c4 .inner .reform-01 .abs-pic-01 { right: -30px; }
  .event-bnr-set .flex { width: 1200px; }
  #event .system-default-list .system-pic { width: 240px; }
  .event-bnr-set .flex .box-l-wap .ttl { width: 660px; position: absolute; top: -115px; left: -5px; }
  .event-bnr-set .flex .box-l-wap .ttl img { width: 100%; }
  .event-bnr-set .flex .box-l-wap { width: 630px; }
  .event-bnr-set .flex .box-r-wap { width: 560px; position: absolute; right: -155px; top: -92px; }
  .event-bnr-set .flex .box-r-wap { width: 390px; right: 42px; top: 0px; }
  .event-bnr-set .flex .box-r-wap .txt-01 { font-size: 16px; }
  .event-bnr-set .flex .box-r-wap img { width: 100%; }
  #c5 .inner .ttl-box { margin-top: 32px; }
  #c5 .inner .ttl-box .deco { width: 288px; right: 61px; top: 217px; }
  #c5 .inner .ttl-box .deco img { width: 100%; }
  #c5 .inner .bg-box { width: 1200px; padding: 100px 60px 100px; }
  #c5 .inner .bg-box .con-list .flex .box-r { width: 640px; }
  #c5 .inner .bg-box .con-list .flex .box-r img { width: 100%; }
  #c5 .inner .bg-box .con-list .ano .flex .box-l { width: 320px; }
  #c5 .inner .bg-box .con-list .flex .box-r .kakomi-txt-01 { top: 314px; }
  #c5 .inner .bg-box .con-list .flex .box-r .kakomi-txt-02 { top: 360px; }
  #c5 .inner .bg-box .con-list .ano .flex .box-r .kakomi-txt-01 { top: 314px; }
  #c5 .inner .bg-box .con-list .ano .flex .box-r .kakomi-txt-02 { top: 360px; }
  #c5 .inner .ttl-box .ttl { width: 640px; margin: 0 auto; position: relative; left: -129px; margin-bottom: 45px; }
  #c5 .inner .ttl-box .ttl img { width: 100%; }
  #c5 .inner .bg-box .con-list .ano .flex .box-l .more { margin-left: 0px; }
  .top-cv-b .top-cv-b-list { width: 1200px; }
  .top-cv-b .top-cv-b-list >li { width: 550px; }
  .top-cv-b .top-cv-b-list >li img { width: 100%; }
  #case_new .inner .bg-box .bg-box-in { width: 1200px; }
  #case_new .inner .bg-box { width: 100%; }
  #case_new .inner .bg-box .txt-01 { position: absolute; top: -149px; left: -34px; }
  #case_new .inner .bg-box .deco { position: absolute; right: 64px; top: 5px; }
  #case_new .inner .bg-box .system-default-list .system-default-item { width: 32%; margin-right: 2%; margin-bottom: 1%; }
  .voice-wap .in { width: 1200px; }

  #company .inner .flex .box-l .s-ttl { position: relative; font-size: 32px; width: 602px; }
  #company .inner .flex .box-r { width: 600px; position: relative; right: 18px; }
  #company .inner .flex .box-l .txt-box { font-size: 16px; }
}
@media screen and (max-width: 767px) {
  header { background-color: transparent; }
  .mv { margin-top: 1.691vw; }
  .mv img { width: 100%; }
  .mv-u-nav .mv-u-nav-list { width: 384.911vw; 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; margin-top: -42.512vw; margin-bottom: 12.802vw; position: relative; left: -1.208vw; display: none; }
  .mv-u-nav .mv-u-nav-list a { color: #303030; }
  .mv-u-nav .mv-u-nav-list >li { background-image: url(../images/index/sp-haxtupa.png); background-repeat: no-repeat; background-position: 0 1.691vw; padding-left: 8.454vw; font-size: 5.556vw; font-weight: 500; line-height: 1.11; letter-spacing: 0.604vw; text-align: left; color: #303030; padding-top: 2.657vw; }
  .mv-u-nav .mv-u-nav-list .mv-u-nav-ss { font-size: 5.556vw; font-weight: 500; line-height: 1.11; letter-spacing: 0.604vw; text-align: left; color: #303030; padding-bottom: 3.865vw; }
  .mv-u-nav .has-megamenu { position: relative; cursor: pointer; }
  .mv-u-nav .megamenu { display: none; position: absolute; top: 135%; left: 59%; transform: translateX(-50%); background-color: #fff; border: 1px solid #e0ddd8; box-shadow: 0 6px 16px rgba(0,0,0,0.12); z-index: 200; min-width: 100%; }
  .mv-u-nav .has-megamenu:hover .megamenu { display: block; }
  .mv-u-nav .megamenu .megamenu-list { list-style: none; padding: 0; margin: 0; }
  .mv-u-nav .megamenu .megamenu-list li { background-image: none; padding: 0; border-bottom: 1px solid #f0ede8; }
  .mv-u-nav .megamenu .megamenu-list li:last-child { border-bottom: none; }
  .mv-u-nav .megamenu .megamenu-list a { display: block; padding: 3.382vw 4.348vw; font-size: 4.348vw; font-weight: 500; letter-spacing: 0.242vw; color: #303030; text-decoration: none; }
  .mv-u-nav .megamenu .megamenu-list a:hover { background-color: #f5f3f0; color: #52a136; }
  .nagare-move-u { --nagare-w: 460.749vw; --nagare-h: 38.647vw; --nagare-speed: 100s; 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; position: relative; z-index: 10; }
  .bg-wap-box-01 { background-image: url(../images/index/sp-bg-wap.png); background-repeat: no-repeat; background-position: center 0px; background-size: 100%; margin-top: -38.889vw; }
  #c1 { padding-top: 51.932vw; padding-bottom: 20.773vw; }
  #c1 .inner .ttl { width: 100%; margin: 0 auto; position: relative; margin-bottom: 5.556vw; }
  #c1 .inner .s-ttl { width: 83.333vw; margin: 0 auto; margin-bottom: 2.415vw; }
  #c1 .inner .sra { width: 94.203vw; margin: 0 auto; 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; }
  #c1 .inner .sra .sra-item { width: 100%; margin-left: 4.831vw; margin-right: 4.831vw; }
  #c1 .inner .sra .sra-item img { width: 100%; }
  #c1 .sp-rel-box { position: relative; }
  #c1 .arrows_c1 > div { width: 14.493vw; height: 14.493vw; background-repeat: no-repeat; background-position: center 0; background-size: 100%; position: absolute; top: 52.415vw; z-index: 500; }
  #c1 .arrows_c1 .slick_c1_mae { background-image: url(../images/index/sp-sra-l.png); left: 0.483vw; }
  #c1 .arrows_c1 .slick_c1_ushiro { background-image: url(../images/index/sp-sra-r.png); right: 0.483vw; }
  #c2 .inner .en { width: 71.981vw; margin: 0 auto; position: relative; left: 0px; top: 6.039vw; }
  #c2 .inner .bg-box { background-color: #faf7f0; width: 100%; margin: 0 auto; padding: 2.415vw 2.415vw 14.493vw 2.415vw; position: relative; z-index: 10; top: 4.348vw; }
  #c2 .inner .bg-box .ttl-box { position: relative; }
  #c2 .inner .bg-box .ttl-box .txt-01 { width: 86.473vw; margin: 0 auto; position: relative; left: -0.725vw; right: 0; top: -14.493vw; }
  #c2 .inner .bg-box .ttl-box .ttl { position: relative; top: -22.705vw; margin-bottom: -17.874vw; }
  #c2 .inner .bg-box .ttl-box .ttl .ss1 { text-align: center; color: #303030; display: block; margin-bottom: -5.797vw; font-size: 4.831vw; font-weight: 700; line-height: 2.59; letter-spacing: 1.715vw; position: relative; left: 0.725vw; }
  #c2 .inner .bg-box .ttl-box .ttl .ss2 { display: block; text-align: center; color: #e96323; position: relative; left: -0.966vw; letter-spacing: -2.005vw; font-size: 9.662vw; font-weight: 700; line-height: 2; }
  #c2 .inner .bg-box .bg-box-in { width: 91.787vw; margin: 0 auto; padding: 10.628vw 6.039vw 7.488vw; background-color: #e8e2d6; }
  #c2 .inner .bg-box .bg-box-in .link-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; margin-bottom: 0px; }
  #c2 .inner .bg-box .bg-box-in .link-list >li { padding: 11.111vw 6.522vw 4.589vw 6.522vw; background-color: #ffffff; border-radius: 3.14vw; width: 100%; position: relative; margin-bottom: 10.628vw; }
  #c2 .inner .bg-box .bg-box-in .link-list >li:hover { opacity: 0.8; }
  #c2 .inner .bg-box .bg-box-in .link-list >li:hover img { opacity: 0.8; }
  #c2 .inner .bg-box .bg-box-in .link-list >li a:hover { text-decoration: none; }
  #c2 .inner .bg-box .bg-box-in .link-list >li:nth-child(3n) { margin-bottom: 0; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .link-li-pic { width: 100%; margin: 0 auto; position: relative; top: -14.734vw; margin-bottom: -10.386vw; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-ttl { text-align: center; margin-bottom: 2.415vw; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-ttl .ss1 { color: #5997d0; display: block; margin-bottom: 2.174vw; font-size: 8.213vw; font-weight: 700; line-height: 0.87; letter-spacing: 0.676vw; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-ttl .ss2 { color: #303030; position: relative; left: -0.483vw; font-size: 4.831vw; font-weight: 500; line-height: 1.21; letter-spacing: -0.1em; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .link-li-txt-box { text-align: center; color: #303030; margin-bottom: 3.623vw; font-size: 3.382vw; font-weight: 500; line-height: 1.71; letter-spacing: 0.04em; }
  #c2 .inner .bg-box .bg-box-in .link-list >li .li-btn { width: 100%; margin: 0 auto; }
  #c2 .inner .bg-box .bg-box-in .link-list .li-02 .li-ttl .ss1 { color: #dbb11f; }
  #c2 .inner .bg-box .bg-box-in .link-list .li-03 .li-ttl .ss1 { color: #52a136; }
  .top-cv-01 { background-color: #e96323; padding-top: 91.304vw; padding-bottom: 8.454vw; margin-top: -44.928vw; }
  .top-cv-01 .inner { width: 100%; margin: 0 auto; position: relative; }
  .top-cv-01 .inner .txt-01 { position: absolute; left: 6.039vw; top: -35.749vw; width: 40.338vw; }
  .top-cv-01 .inner .pic-01 { position: absolute; right: 5.556vw; top: -47.826vw; z-index: 10; width: 41.304vw; }
  .top-cv-01 .inner .top-cv-01-box { width: 90.58vw; margin: 0 auto; margin-bottom: 3.865vw; }
  .top-cv-01 .inner .top-cv-01-box .tel { width: 100%; margin: 0 auto; margin-bottom: 5.072vw; }
  .top-cv-01 .inner .top-cv-01-box .tel-u-txt { color: #ffffff; text-align: center; font-size: 3.382vw; font-weight: 500; line-height: 1.05; letter-spacing: 0.02em; }
  .top-cv-01 .inner .top-cv-01-box .tel-u-txt .ss1 { position: relative; display: block; margin-bottom: 2.415vw; }
  .top-cv-01 .inner .top-cv-01-box .tel-u-txt .ss2 { display: block; letter-spacing: normal; }


#c4 {background-image: url(../images/index/sp-c4-bg.png);background-repeat: no-repeat;background-position: center 57.971vw;background-color: #faf7f0;background-size: 100%;padding-top: 14.493vw;padding-bottom: 21.256vw;position: relative;/* left: -2.415vw; */}
  #c4 .inner {width: 100%;margin: 0 auto;position: relative;padding-top: 0px;}
  #c4 .inner .ttl {/* position: absolute; *//* top: 0; *//* left: 83.575vw; */}
  #c4 .inner .reform-01 {position: relative;width: 92.754vw;margin: 0 auto;margin-bottom: -6.522vw;padding-top: 21.014vw;}
  #c4 .inner .reform-01 .abs-txt-01 {position: absolute;top: 11.594vw;right: 3.623vw;z-index: 5;width: 32.126vw;}
  #c4 .inner .reform-01 .abs-pic-01 {/* position: absolute; *//* top: 0; *//* right: 5.556vw; */margin-bottom: 4.589vw;}
  #c4 .inner .reform-01 .s-box .txt-01 {width: 45.531vw;margin-bottom: 2.657vw;margin-left: 0.725vw;}
  #c4 .inner .reform-01 .s-box .s-ttl {font-size: 13.043vw;font-weight: 700;line-height: 0.8;text-align: left;width: 66.908vw;padding: 1.208vw 1.208vw 1.208vw 1.208vw;position: relative;padding: 4.106vw 5.556vw;background-color: #ffffff;margin-bottom: 5.072vw;letter-spacing: -1.208vw;font-size: 8.696vw;}
  #c4 .inner .reform-01 .s-box .s-ttl .ss { color: #E96323; letter-spacing: 1.208vw; margin-right: -1.932vw; }
  #c4 .inner .reform-01 .s-box .txt-02 {font-weight: 500;line-height: 1.78;text-align: left;color: #303030;margin-bottom: 7.246vw;font-size: 3.865vw;line-height: 1.88;}
  #c4 .inner .reform-01 .s-box .menu-list {width: 92.754vw;display: flex;flex-wrap: wrap;position: relative;z-index: 10;margin-bottom: 7.488vw;}
  #c4 .inner .reform-01 .s-box .menu-list >li {width: 28.502vw;margin-right: 3.623vw;text-align: center;}
  #c4 .inner .reform-01 .s-box .menu-list >li:nth-child(3n) { margin-right: 0px; }
  #c4 .inner .reform-01 .s-box .menu-list .li-pic {margin-bottom: 1.449vw;}
  #c4 .inner .reform-01 .s-box .menu-list .li-txt {font-size: 4.348vw;font-weight: 500;line-height: 1.22;text-align: center;color: #000000;font-size: 3.382vw;}
  #c4 .inner .reform-01 .abs-btn {/* position: absolute; *//* top: 96.618vw; */right: 2.657vw;}
  #c4 .inner .reform-01.ano .s-box .s-ttl {width: 88.647vw;}
  .event-bg-wap {background-color: #faf7f0;background-image: url(../images/index/sp-event-bg-wap.png);background-repeat: no-repeat;background-position: center -21.981vw;/* padding-bottom: 28.986vw; */}
  .event-bnr-set { background-image: url(../images/index/sp-event-bg-01.png); background-repeat: repeat-y; background-position: center 0; padding-bottom: 9.42vw; }
  .event-bnr-set .flex { width: 100%; margin: 0 auto; position: relative; }
  .event-bnr-set .flex .box-l-wap {width: 100%;margin-right: 24.638vw;position: relative;padding: 2.174vw 0px 1.208vw;}
  .event-bnr-set .flex .box-l-wap .ttl {/* position: absolute; */position: relative;z-index: 110;}
  .event-bnr-set .flex .box-l-wap #event .system-default-list .system-default-item .dl-btn {margin-top: 7.488vw;}
  .event-bnr-set .flex .box-r-wap {width: 92.754vw;margin: 0 auto;/* position: absolute; *//* right: -37.44vw; *//* top: -22.222vw; */}
  .event-bnr-set .flex .box-r-wap .pic-01 {margin-bottom: 3.382vw;}
  .event-bnr-set .flex .box-r-wap .txt-01 {font-size: 4.348vw;font-weight: 500;line-height: 1.78;color: #303030;font-size: 3.865vw;line-height: 1.88;}
  #event .system-default-list .system-pic {width: 77.295vw;margin: 0 auto;text-align: center;margin-bottom: 3.865vw;/* margin-right: 11.836vw; */}
  #event .card-3 { grid-template-columns: repeat(auto-fill, 77.295vw); }
  #event .system-default-list.card-3 {row-gap: 13.527vw;column-gap: 16.908vw;position: relative;z-index: 100;width: 92.754vw;margin: 0 auto;background-color: #ffffff;padding-top: 21.739vw;margin-top: -21.739vw;}

  #event .system-default-list { width: 77.295vw; margin: 0 auto; }
  #event .system-default-list .system-pic { text-align: center; margin-bottom: 4.831vw; }
  #event .system-default-list .system-pic img { aspect-ratio: 32 / 39; max-width: 100%; height: auto; }
  #event .system-default-list .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 2.415vw; }
  #event .system-default-list .sy-flex .box-l { width: 14.976vw; margin-right: 2.415vw; }
  #event .system-default-list .sy-flex .box-r { width: calc(100% - 17.391vw); position: relative; top: -0.966vw; }
  #event .system-default-list .sy_radio-box > p { font-size: 3.382vw; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; background-color: #e96323; border-radius: 1.208vw; width: 14.976vw; padding: 0.725vw 1.208vw 0.242vw 1.449vw; }
  #event .system-default-list .system-cate >span { background-color: #5997d0; font-size: 3.382vw; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; border-radius: 1.208vw; display: inline-block; padding: 0.483vw 3.14vw 0.483vw 3.14vw; }
  #event .system-default-list > article {margin-bottom: 13.285vw;}
  #event .system-default-list .system-ttl { font-size: 5.797vw; font-weight: 700; line-height: 1.67; text-align: left; color: #303030; background: linear-gradient(transparent 98%, #303030 0%); display: inline; }
  #event .system-default-list .system-info { margin-top: 5.072vw; }
  #event .system-default-list .system-info .system-flex { display: flex; flex-wrap: wrap; padding-bottom: 3.14vw; margin-bottom: 3.382vw; border-bottom: 1px dashed #7a716a; }
  #event .system-default-list .system-info .system-flex:last-child { margin-bottom: 0; }
  #event .system-default-list .system-info .system-flex .system-box-l { width: 21.014vw; font-size: 3.865vw; font-weight: 500; line-height: 1.75; text-align: left; color: #303030; }
  #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: 56.039vw; font-size: 3.865vw; font-weight: 500; line-height: 1.75; text-align: left; color: #303030; }
  #event .system-default-list .top-r { width: 77.295vw;
  margin: 0 auto;
  }
    #event .system-default-list a:hover{
      text-decoration: none;
    }

#c5{
   background-color: #e8e2d6;
   padding-bottom: 14.493vw;
}
  #c5 .inner .ttl-box {width: 100%;margin: 0 auto;position: relative;margin-top: -0.966vw;}
  #c5 .inner .ttl-box .ttl {width: 100%;margin: 0 auto;position: relative;/* left: -31.159vw; */margin-bottom: 0px;}
  #c5 .inner .ttl-box .deco {position: absolute;top: 70.048vw;width: 51.691vw;left: 24.155vw;}
  #c5 .inner .bg-box {width: 92.754vw;margin: 0 auto;padding: 34.783vw 4.106vw 12.077vw;background-color: #ffffff;border-radius: 2.415vw;}
  #c5 .inner .bg-box .con-list >li {margin-bottom: 21.256vw;}
  #c5 .inner .bg-box .con-list >li:nth-child(2n) .box-r {order: -1;left: 0;}
  #c5 .inner .bg-box .con-list >li:last-child { margin-bottom: 0; }
  #c5 .inner .bg-box .con-list .flex { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  #c5 .inner .bg-box .con-list .flex .box-l {width: 84.541vw;margin: 0 auto;/* margin-left: 4.831vw; */}
  #c5 .inner .bg-box .con-list .flex .box-l .txt-01 {margin-bottom: 4.831vw;margin-left: 5.556vw;margin-top: 3.382vw;width: 21.256vw;}
  #c5 .inner .bg-box .con-list .flex .box-l .sttl {font-size: 10.628vw;font-weight: 700;line-height: 0.54;letter-spacing: 0.676vw;text-align: left;color: #2c2620;background-color: #e8e2d6;width: 100%;position: relative;padding: 3.623vw 1.208vw 4.106vw 4.106vw;margin-bottom: 4.831vw;/* left: -4.831vw; */z-index: 2;font-size: 6.522vw;letter-spacing: 0.435vw;}
  #c5 .inner .bg-box .con-list .flex .box-l .txt-box {font-size: 4.348vw;font-weight: 500;line-height: 1.78;text-align: left;color: #000000;margin-bottom: 9.662vw;font-size: 3.865vw;line-height: 2;}
  #c5 .inner .bg-box .con-list .flex .box-l .txt-box .p-mb { margin-bottom: 7.729vw; }
  #c5 .inner .bg-box .con-list .flex .box-l .more {position: relative;width: 84.541vw;}
  #c5 .inner .bg-box .con-list .flex .box-r {width: 84.541vw;position: relative;/* left: -9.903vw; */order: -1;}
  #c5 .inner .bg-box .con-list .flex .box-r >p {font-size: 5.797vw;font-weight: 700;line-height: 0.95;letter-spacing: 2.488vw;text-align: left;color: #2c2620;background-color: #e8efe5;padding: 2.174vw 1.932vw 3.14vw 2.415vw;font-size: 4.106vw;letter-spacing: 1.763vw;}
  #c5 .inner .bg-box .con-list .flex .box-r .kakomi-txt-01 {position: absolute;top: -0.966vw;left: 7.729vw;left: -2.174vw;top: -9.42vw;}
  #c5 .inner .bg-box .con-list .flex .box-r .kakomi-txt-02 {position: absolute;top: 6.039vw;left: 9.903vw;padding: 2.174vw 0px 1.691vw 3.14vw;top: -2.657vw;left: 0px;}
  #c5 .inner .bg-box .con-list .flex .box-r .pic-01 {/* margin-bottom: 8.937vw; */}

#c5 .inner .bg-box .con-list .ano .flex .box-r .pic-01{
  margin-bottom: -0.242vw;
}

  #c5 .inner .bg-box .con-list .ano .flex .box-l {width: 100%;margin-left: 0px;/* margin-right: 11.111vw; */}
  #c5 .inner .bg-box .con-list .ano .flex .box-l .txt-01 {/* margin-bottom: 7.971vw; *//* margin-left: -0.242vw; *//* margin-top: 0.725vw; */}
  #c5 .inner .bg-box .con-list .ano .flex .box-l .sttl {width: 100%;/* left: -21.256vw; *//* padding: 5.556vw 1.208vw 6.28vw 18.599vw; */margin-bottom: 4.348vw;}
  #c5 .inner .bg-box .con-list .ano .flex .box-l .txt-box {width: 100%;margin-bottom: 9.903vw;}
  #c5 .inner .bg-box .con-list .ano .flex .box-r .kakomi-txt-01 {left: -2.174vw;top: -9.42vw;/* padding: 2.899vw 3.382vw 3.14vw 4.106vw; */}
  #c5 .inner .bg-box .con-list .ano .flex .box-r .kakomi-txt-02 {top: -2.657vw;left: 0px;/* padding: 2.899vw 3.865vw 2.657vw 4.106vw; */padding: 2.174vw 2.657vw 1.691vw 3.14vw;}
  #c5 .inner .bg-box .con-list .ano .flex .box-l .more {/* margin-left: 12.077vw; */}
  .top-cv-b {background-color: #e96323;padding-top: 11.836vw;padding-bottom: 11.836vw;}
  .top-cv-b .top-cv-b-ttl {width: 100%;margin: 0 auto;margin-bottom: 7.488vw;}
  .top-cv-b .top-cv-b-list {width: 90.338vw;margin: 0 auto;display: flex;flex-wrap: wrap;}
  .top-cv-b .top-cv-b-list a { color: #fff; }
  .top-cv-b .top-cv-b-list >li {}
  .top-cv-b .top-cv-b-list >li:nth-child(2n) { margin-right: 0px; }
  .top-cv-b .top-cv-b-list .li-pic {margin-bottom: 4.589vw;}
  .top-cv-b .top-cv-b-list .li-txt {font-size: 3.865vw;font-weight: 500;line-height: 1.75;text-align: center;color: #ffffff;margin-bottom: 9.662vw;}
  .top-cv-b .top-cv-b-list .li-txt-02 {text-align: center;font-size: 3.382vw;font-weight: 500;line-height: 1.46;letter-spacing: 0.02em;color: #ffffff;margin-bottom: 0.483vw;}
  .top-cv-b .top-cv-b-list .li-txt-03 { font-size: 3.382vw; font-weight: 500; line-height: 1.45; text-align: center; color: #ffffff; }
  #case_new {padding-top: 14.493vw;margin-bottom: -19.565vw;}
  #case_new .inner .en {width: 62.319vw;margin: 0 auto;}
  #case_new .inner .bg-box {background-color: #faf7f0;border-radius: 2.415vw;width: 100%;margin: 0 auto;position: relative;top: -1.691vw;padding-top: 19.324vw;padding-bottom: 12.077vw;}
  #case_new .inner .bg-box .bg-box-in { width: 100%; margin: 0 auto; position: relative; }
  #case_new .inner .bg-box .txt-01 {position: absolute;width: 39.372vw;top: -28.502vw;left: 0;}
  #case_new .inner .bg-box .ttl {font-size: 15.459vw;font-weight: 700;line-height: 1.01;letter-spacing: 0.966vw;text-align: center;color: #2c2620;margin-bottom: 0.242vw;font-size: 7.729vw;font-weight: 700;line-height: 2.01;letter-spacing: 0.966vw;color: #2c2620;position: relative;left: 0.483vw;}
  #case_new .inner .bg-box .txt-02 {font-size: 4.348vw;font-weight: 500;line-height: 1.51;letter-spacing: 0.242vw;text-align: center;color: #2c2620;margin-bottom: 7.005vw;font-size: 3.865vw;line-height: 1.88;letter-spacing: 0.242vw;}
  #case_new .inner .bg-box .deco {position: absolute;right: 14.976vw;top: -16.908vw;width: 31.039vw;}
  #case_new .system-default-list { width: 92.754vw; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #case_new .system-default-list .system-default-item { width: 45.169vw; margin-right: 2.415vw; margin-bottom: 2.415vw; background-color: #ffffff; border-radius: 3.382vw; border: 2px solid #cfccc4; padding: 3.382vw 3.382vw 3.382vw; position: relative; }
  #case_new .system-default-list .system-default-item:nth-child(2n) { margin-right: 0px; }
  #case_new .system-default-list .system-cate { position: absolute; top: 3.382vw; left: 3.382vw; font-size: 3.382vw; font-weight: 700; line-height: 1.34; letter-spacing: 0.242vw; color: #ffffff; z-index: 20; }
  #case_new .system-default-list .system-cate >span { display: inline-block; padding: 0.725vw 3.382vw 0.725vw; min-width: 19.807vw; text-align: center; margin-right: 1.208vw; margin-bottom: 1.208vw; }
  #case_new .system-default-list .system-cate .kitchen-bath { background-color: #5997d0; }
  #case_new .system-default-list .system-cate .interior { background-color: #dbb11f; }
  #case_new .system-default-list .system-cate .exterior { background-color: #52a136; }
  #case_new .system-default-list .system-cate .barrierfree { background-color: #E87A3A; }
  #case_new .system-default-list .system-cate .improvement { background-color: #C09A15; }
  #case_new .system-default-list .system-cate .renovation { background-color: #DBB11F; }
  #case_new .system-default-list .system-cate .new-construction { background-color: #90C320; }
  #case_new .system-default-list .system-pic { margin-bottom: 2.174vw; }
  #case_new .system-default-list .system-pic img { aspect-ratio: 31 / 32; max-width: 100%; height: auto; }
  #case_new .system-default-list .sy-flex { font-size: 3.382vw; font-weight: 500; line-height: 1.34; letter-spacing: 0.242vw; text-align: left; margin-bottom: 3.14vw; }
  #case_new .system-default-list .sy-flex .sy-box-l { display: block; margin-bottom: 0.966vw; }
  #case_new .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #case_new .system-default-list .sy-flex .sy-box-r { display: block; }
  #case_new .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #case_new .system-default-list .system-ttl { font-size: 3.865vw; text-align: left; color: #2c2620; font-weight: 700; line-height: 1.75; letter-spacing: 0.193vw; }

  
  .voice-wap {background-color: #e8e2d6;padding-top: 17.874vw;padding-bottom: 14.493vw;}
  .voice-wap .in { width: 100%; margin: 0 auto; position: relative; }
  .voice-wap .in .voice-l-box {width: 100%;margin-bottom: 9.42vw;}
  .voice-wap .in .voice-l-box .tx {margin-bottom: 0px;}
  .voice-wap .in .voice-l-box .ttl {font-size: 11.111vw;font-weight: 700;line-height: 1.4;letter-spacing: 0.966vw;text-align: left;color: #2c2620;margin-bottom: 0.242vw;padding-left: 7.246vw;font-size: 9.662vw;font-weight: 700;line-height: 1.61;letter-spacing: 0.966vw;}
  .voice-wap .in .voice-l-box .txt-01 {font-size: 3.865vw;font-family: "Zen Kaku Gothic New";font-weight: 400;line-height: 1.7;letter-spacing: 0.242vw;text-align: left;color: #2c2620;margin-left: 8.696vw;}
  .voice-wap .in .voice-r-box {width: 100%;/* position: absolute; *//* top: 15.217vw; *//* left: 95.652vw; */}
  .voice-wap .in .voice-r-box #voice .system-default-list { width: 100%; }
  .voice-wap .in .voice-r-box #voice .system-default-list .system-default-item {margin-left: 4.831vw;margin-right: 4.831vw;}
  .arrows_voice {width: 49.517vw;margin: 0 auto;margin-top: 6.522vw;/* margin-left: 13.768vw; */display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
  .arrows_voice > div {width: 19.324vw;height: 19.324vw;background-repeat: no-repeat;background-position: center 0;background-size: 100%;}
  .arrows_voice > div:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
  .arrows_voice .slick_voice_mae { background-image: url(../images/index/sp-sra-deco-l.png); left: 0.483vw; }
  .arrows_voice .slick_voice_ushiro { background-image: url(../images/index/sp-sra-deco-r.png); right: 0.483vw; }
  #voice .system-default-list .system-default-item {background-color: #ffffff;padding: 5.072vw 3.14vw 5.556vw;position: relative;border: 1px solid #ccc;}
  #voice .system-default-list .system-pic {margin-bottom: 6.039vw;}
  #voice .system-default-list .system-pic img { aspect-ratio: 3 / 2; max-width: 100%; height: auto; }
  #voice .system-default-list .sy-flex {font-size: 3.382vw;font-weight: 500;line-height: 1.34;letter-spacing: 0.242vw;text-align: left;margin-bottom: 0.725vw;margin-left: 2.899vw;margin-right: 2.899vw;}
  #voice .system-default-list .sy-flex .sy-box-l {display: inline-block;margin-right: 6.28vw;margin-bottom: 1.691vw;}
  #voice .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #voice .system-default-list .sy-flex .sy-box-r { display: inline-block; }
  #voice .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #voice .system-default-list .system-ttl {font-size: 4.348vw;font-weight: 700;line-height: 1.67;letter-spacing: 0.242vw;text-align: left;color: #2c2620;margin-left: 2.899vw;margin-right: 2.899vw;}










  #faq { padding-top: 16.184vw; margin-bottom: 9.42vw; }
  #faq .inner .en { width: 17.391vw; margin: 0 auto; margin-bottom: 0.483vw; }
  #faq .inner .ttl { text-align: center; color: #2c2620; margin-bottom: 7.246vw; position: relative; left: 0.483vw; font-size: 7.729vw; font-weight: 700; line-height: 2.01; letter-spacing: 0.966vw; }
  #faq .faq-list { width: 92.754vw; margin: 0 auto; }
  #faq .faq-list li { border: 1px solid #CFCCC4; border-radius: 2.899vw; margin-bottom: 3.623vw; }
  #faq .faq-list .faq-ttl-box { position: relative; font-weight: 700; padding: 4.831vw 16.908vw 4.348vw 19.807vw; background-image: url(../images/system/sp-faq-q.png); background-repeat: no-repeat; background-position: 4.348vw 5.556vw; background-size: 10.628vw; font-size: 3.8vw; line-height: 1.78; letter-spacing: 0.29vw; text-align: left; color: #2c2620; }
  #faq .faq-list .faq-ttl-box:hover { cursor: pointer; cursor: hand; }
  #faq .faq-list .txt-box { display: none; width: 83.092vw; margin: 0 auto; font-size: 3.5vw; font-weight: 500; line-height: 1.9; text-align: left; color: #2c2620; padding: 4.831vw 11.594vw 3.382vw 14.976vw; border-top: 1px solid #CFCCC4; font-size: 3.382vw; font-weight: 500; line-height: 1.91; text-align: left; color: #2c2620; }
  #faq .faq-list li .faq-purasu { position: absolute; right: 4.589vw; top: 10.87vw; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 7.729vw; height: 7.729vw; border-radius: 12.077vw; background-color: #cfccc4; flex-shrink: 0; transition: background-color 0.3s ease, border 0.3s ease; }
  #faq .faq-list li .faq-purasu::before, #faq .faq-list li .faq-purasu::after { content: ""; position: absolute; display: block; width: 3.5vw; height: 0.5vw; background-color: #fff; transition: transform 0.3s ease, background-color 0.3s ease; }
  #faq .faq-list li .faq-purasu::after { transform: rotate(90deg); }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu { background-color: #ffffff; border: 1px solid #cfccc4; }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu::before, #faq .faq-list .faq-ttl-box.is-open .faq-purasu::after { background-color: #cfccc4; }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu::after { transform: rotate(0deg); }
  .bg-wap-box-02 { background-image: url(../images/index/sp-company-bg.png); background-repeat: no-repeat; background-position: center 0; padding-bottom: 16.908vw; padding-top: 4.348vw; background-color: #faf7f0; }
  #company .inner { width: 100%; margin: 0 auto; }
  #company .inner .ttl { margin-bottom: 8.454vw; position: relative; }
  #company .inner .flex { width: 92.754vw; margin: 0 auto; margin-bottom: 14.493vw; 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; }
  #company .inner .flex .box-l { width: 100%; position: relative; }
  #company .inner .flex .box-l .s-ttl { text-align: left; color: #2c2620; width: 66.425vw; background-color: #E8E2D6; padding: 2.657vw 0px 2.899vw 4.106vw; position: relative; z-index: 10; margin-bottom: 7.488vw; font-size: 6.522vw; font-weight: 700; line-height: 1.48; letter-spacing: 0.966vw; margin-top: -9.662vw; }
  #company .inner .flex .box-l .txt-box { font-size: 3.865vw; font-weight: 500; line-height: 2; text-align: left; color: #000000; }
  #company .inner .flex .box-l .txt-box .p-mb { margin-bottom: 7.729vw; }
  #company .inner .flex .box-r { width: 92.754vw; margin: 0 auto; order: -1; }
  .o-box-01 { margin: 0 auto; margin-bottom: 12.077vw; background-color: #faf7f0; padding-left: 3.623vw; padding-right: 3.623vw; }
  .o-box-01 .o-box-01-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; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .o-box-01 .o-box-01-list >li { width: 100%; margin-bottom: 4.831vw; }
  #news { background-color: #faf7f0; }
  #news .inner { background-color: #ffffff; border-radius: 4.831vw; width: 92.754vw; margin: 0 auto; position: relative; padding: 8.696vw 0px 0.242vw; }
  #news .inner .en { width: 47.222vw; margin: 0 auto; position: relative; top: -11.836vw; margin-bottom: -11.836vw; left: -1.208vw; }
  #news .inner .ttl { color: #2c2620; text-align: center; margin-bottom: 6.039vw; font-size: 5.797vw; font-weight: 700; line-height: 1.84; letter-spacing: 0.483vw; }
  #e { margin-top: 0; }
  #news .system-list { width: 82.85vw; margin: 0 auto; margin-bottom: 4.589vw; background: #fff; }
  #news .system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 3.865vw; padding: 0 0px 2.657vw 2.415vw; border-bottom: 1px dotted #E8E2D6; }
  #news .system-list li a:hover { text-decoration: none; }
  #news .system-list li:last-child { margin-bottom: 0.242vw; border-bottom: none; }
  #news .system-list .system-date { font-size: 3.623vw; font-weight: 400; line-height: 1.7; letter-spacing: 0.242vw; text-align: left; color: #2d4a35; margin-bottom: 2.657vw; }
  #news .system-list .system-ttl-01 { font-size: 3.382vw; font-weight: 400; line-height: 1.71; letter-spacing: 0.242vw; text-align: left; color: #2c2620; }
  #news .system-list .system-category-set { margin-bottom: 2%; }
  #news .system-list .system-category { font-size: 3.4vw; width: 49%; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background: #111; }

}
@keyframes nagare-left {
  from { background-position-x: 0; }
  to { background-position-x: calc(-1 * var(--nagare-w)); }
}
@media (prefers-reduced-motion: reduce) {
  .nagare-move-u { animation: none; }
}