@charset "UTF-8"; #c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l .sy-txt .ss1:nth-child(n+2)::before { content: "・"; }
.system-list>li.sy-end .system-pic img { filter: opacity(20%); }
@media screen and (min-width: 768px), print {
 .body-flex .body-box-l { position: relative; }
.top-hh-logo {
                position: absolute;
        top: 17px;
        left: 26px;
        z-index: 100;
        width: 260px;
}
.top-hh-logo img { width: 100%; height: auto; }
.move-defo { width: 260px; height: 77px; margin: 0 auto; }
.move-defo a:hover img { opacity: 1; }
.move-defo a { width: 260px; height: 77px; border-radius: 35px; overflow: hidden; display: block; transition: 0.25s ease-in-out; }
.move-defo a:hover { height: 70px; transform: translate(0px, 5px); transition: 0.25s ease-in-out; }
.move-defo2 { width: 200px; height: 57px; margin: 0 auto; }
.move-defo2 a:hover img { opacity: 1; }
.move-defo2 a { width: 200px; height: 57px; border-radius: 32px; overflow: hidden; display: block; transition: 0.25s ease-in-out; }
.move-defo2 a:hover { height: 50px; transform: translate(0px, 5px); transition: 0.25s ease-in-out; }
.mv-slide-item img { width: 100%; }
.mv-rel { position: relative; }
.mv-rel .mv-dots .slick-dots { bottom: 31px; width: 100%; margin: 0; list-style: none; text-align: center; }
.mv-rel .mv-dots .slick-dots li { position: relative; display: inline-block; width: 18px; height: 18px; margin: 0 7px; padding: 0; cursor: pointer; }
.mv-rel .mv-dots .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 18px; height: 18px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; }
.mv-rel .mv-dots .slick-dots li button:focus, .mv-rel .mv-dots .slick-dots li button:hover { outline: 0; }
.mv-rel .mv-dots .slick-dots li button:focus:before, .mv-rel .mv-dots .slick-dots li button:hover:before { opacity: 1; }
.mv-rel .mv-dots .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 18px; height: 18px; content: ""; text-align: center; opacity: 1; background-color: #FFFFFF; border-radius: 30px; color: #000; }
.mv-rel .mv-dots .slick-dots li.slick-active button:before { opacity: 1; color: #000; background-color: #0249AD; }
.mv-rel .mv-link { position: absolute; bottom: 0; right: 0; z-index: 10; }
@keyframes spin {
 0% { rotate: 0deg; transform-origin: 50px 50px; }
100% { rotate: -360deg; transform-origin: 50px 50px; }
 }
@keyframes shaking {
 0% { translate: 0 0; }
20% { translate: 0 1px; }
40% { translate: 0 0; }
60% { translate: 0 1.5px; }
80% { translate: 0 0; }
100% { translate: 0 0; }
 }
@keyframes driving {
 0% { translate: 362px 0; }
100% { translate: -100vw 0; }
 }
#c1 { background-color: #F7F6F3; padding-top: 20px; margin-top: -20px; padding-bottom: 10px; position: relative; }
#c1 .inner .pic { width: 97.6%; margin: 0 auto; margin-bottom: 41px; }
#c1 .inner .pic img { width: 100%; }
#c1 .inner .hukidashi { width: 1062px; margin: 0 auto; z-index: 10; position: relative; left: 36px; }
#c1 .inner .pc .en { width: 1682px; margin: 0 auto; position: absolute; left: 8px; right: 0; top: 663px; }
#c1 .car { position: relative; z-index: 10; width: 362px; height: 106px; margin-left: auto; animation: driving 8s linear infinite; translate: 362px 0; top: -37px; margin-bottom: -27px; }
#c1 .car-body { animation: shaking 1s linear infinite; }
#c1 .tire-front { animation: spin 1s linear infinite; position: absolute; left: 71px; bottom: 0; width: 33px; height: 33px; }
#c1 .tire-rear { animation: spin 1s linear -0.5s infinite; animation: spin 1s linear infinite; position: absolute; right: 76px; bottom: 0; width: 33px; height: 33px; }
/*============================
  #c2
  ============================*/
    #c2 a:hover { text-decoration: none; }
#c2 a:hover img { opacity: 1; }
#c2 .inner .rel-box { width: 1280px; margin: 0 auto; padding-top: 100px; padding-bottom: 100px; position: relative; }
#c2 .inner .rel-box .flex .box-l { width: 309px; position: absolute; left: -76px; top: 234px; }
#c2 .inner .rel-box .flex .box-l .ttl { width: 309px; }
#c2 .inner .rel-box .flex .box-r { width: 1016px; position: relative; right: -437px; }
#c2 .inner .rel-box .flex .box-r .system-list { display: flex; flex-wrap: wrap; }
#c2 .inner .rel-box .flex .box-r .system-list > li { width: 498px; margin-right: 20px; }
#c2 .inner .rel-box .flex .box-r .system-list > li:hover .system-ttl { text-decoration: underline; }
#c2 .inner .rel-box .flex .box-r .system-list > li:hover .system-pic img { opacity: 0.8; }
#c2 .inner .rel-box .flex .box-r .system-list > li:nth-child(2n) { margin-right: 0px; }
#c2 .inner .rel-box .flex .box-r .system-list .system-pic { text-align: center; margin-bottom: 9px; line-height: 0; }
#c2 .inner .rel-box .flex .box-r .system-list .system-pic img { aspect-ratio: 3/2; max-width: 100%; height: auto; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex { display: flex; flex-wrap: wrap; border-right: 1px solid #000; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l { width: 360px; padding-left: 1px; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l .sy-txt .ss1 { font-family: "Outfit", sans-serif; font-weight: normal; font-size: 16px; letter-spacing: 0.02em; text-align: center; color: #252525; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l .sy-txt .ss2 { font-weight: normal; font-size: 14px; text-align: left; color: #252525; letter-spacing: normal; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l .sy-txt .ss2::before { content: "|"; margin-left: 12px; margin-right: 10px; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l .system-ttl { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 21px; text-align: left; color: #252525; margin-top: -1px; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r { width: 135px; padding-left: 13px; padding-top: 13px; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in { display: flex; align-items: center; flex-wrap: wrap; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in .sy-box-in-l { width: 50px; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in .sy-box-in-l img { max-width: 100%; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in .sy-box-in-r { width: 58px; margin-left: 10px; padding-bottom: 10px; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in .sy-box-in-r .sy-box-in-r-txt { font-size: 14px; letter-spacing: 0.02em; line-height: 42px; text-align: left; color: #252525; }
#c2 .inner .rel-box .move-defo2 { position: absolute; top: 304px; left: -23px; }
/*============================
  #c3
  ============================*/
    #c3 { background-image: url(../images/index/c3-bg.png); background-repeat: repeat; background-position: center 0; padding-bottom: 214px; }
#c3 .inner .nagare { width: 2826px; height: 240px; overflow: hidden; margin-bottom: 4px; }
#c3 .inner element { backface-visibility: visible; /*初期値 背面が可視になる*/
        backface-visibility: hidden; /*背面が非表示になる*/ }
#c3 .inner .nagare img { backface-visibility: hidden; /*追加*/ }
#c3 .inner .rel-box { position: relative; width: 1280px; min-height: 534px; margin: 0 auto; }
#c3 .inner .rel-box .flex .box-l { position: absolute; top: -42px; left: -132px; }
#c3 .inner .rel-box .flex .box-l .ttl { width: 423px; }
#c3 .inner .rel-box .flex .box-r { width: 1016px; margin-left: auto; position: relative; right: -175px; }
#c3 .inner .rel-box .flex .box-r .system-list { display: flex; flex-wrap: wrap; }
#c3 .inner .rel-box .flex .box-r .system-list > li { width: 498px; background: #fff; border: 1px solid #252525; padding: 19px 19px 16px; margin-right: 20px; position: relative; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1); }
#c3 .inner .rel-box .flex .box-r .system-list > li:nth-child(2n) { margin-right: 0px; }
#c3 .inner .rel-box .flex .box-r .system-list .sy-icon { position: absolute; top: -11px; right: 9px; z-index: 10; }
#c3 .inner .rel-box .flex .box-r .system-list .system-pic { margin-bottom: 14px; text-align: center; line-height: 0; }
#c3 .inner .rel-box .flex .box-r .system-list .system-pic img { aspect-ratio: 16/15; max-width: 100%; height: auto; }
#c3 .inner .rel-box .flex .box-r .system-list .system-ttl { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #252525; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#c3 .inner .rel-box .flex .box-r .system-list .sy-bdt-box { border-top: 1px solid #252525; margin-top: 16px; padding-top: 8px; }
#c3 .inner .rel-box .flex .box-r .system-list .sy-bdt-box .sy-txt1 { font-weight: normal; font-size: 14px; letter-spacing: 0.05em; text-align: right; color: #252525; }
#c3 .inner .rel-box .move-defo2 { position: absolute; top: 437px; left: -16px; }
/*============================
  #c4
  ============================*/
    #c4 { margin-top: -7px; background-image: url(../images/index/c4-bg-02.png), url(../images/index/c4-bg-01.png); background-repeat: no-repeat,repeat-y; background-position: center bottom, center top 7px; margin-bottom: 223px; }
#c4 .inner .rel-box { position: relative; margin-bottom: 28px; }
#c4 .inner .ttl { position: relative; top: -7px; }
#c4 .inner .ttl img { width: 100%; }
#c4 .inner .rel-box .txt-box { font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #252525; width: 639px; position: absolute; top: 696px; right: 52px; }
#c4 .inner .num-list { width: 1690px; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 63px; }
#c4 .inner .num-list > li { width: 394px; border-radius: 6px; background: #fff; border: 1px solid #162f67; padding: 27px 5px 48px 5px; margin-right: 38px; box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.16); }
#c4 .inner .num-list > li:nth-child(4n) { margin-right: 0px; }
#c4 .inner .num-list .li-num { width: 96px; margin: 0 auto; margin-bottom: 7px; }
#c4 .inner .num-list .li-txt { font-weight: 900; font-size: 26px; letter-spacing: 0.04em; line-height: 36px; text-align: center; color: #252525; }
#c4 .inner .num-list .li-txt .u-sen { background-image: url(../images/index/c4-line.png); background-repeat: no-repeat; background-position: center bottom; }
/*============================
  #c5
  ============================*/
    #c5 { background-image: url(../images/index/c5-bg-01.png); background-repeat: no-repeat; background-position: center top 45px; padding-bottom: 167px; }
#c5 .inner .ttl { padding-top: 57px; padding-bottom: 14px; font-weight: 900; font-size: 39px; letter-spacing: -0.1em; color: #252525; text-align: center; background-image: url(../images/index/c5-deco-01.png), url(../images/index/c5-deco-02.png); background-repeat: no-repeat; background-position: center 0, center bottom; position: relative; left: 0px; margin-bottom: 28px; }
#c5 .inner .ttl .ss1 { letter-spacing: 0.1em; position: relative; left: 5px; }
#c5 .inner .ttl .ss2 { font-size: 31px; letter-spacing: 0.03em; margin-left: 5px; margin-right: 5px; position: relative; left: -4px; top: 2px; }
#c5 .inner .ttl .ss3 { font-weight: 900; font-size: 39px; letter-spacing: -0.1em; position: relative; left: -12px; }
#c5 .inner .list { width: 1637px; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c5 .inner .list > li { width: 518px; margin-right: 31px; position: relative; }
#c5 .inner .list > li:nth-child(2) { width: 510px; margin-right: 39px; top: 0; margin-top: 60px; }
#c5 .inner .list > li:nth-child(3) { width: 510px; margin-right: 0; top: 0; margin-top: 120px; }
#c5 .inner .list .li-pic { margin-bottom: 23px; }
#c5 .inner .list .li-pic img { width: 100%; height: auto; }
#c5 .inner .list .li-btn { width: 200px; height: 57px; margin: 0 auto; margin-top: -61px; }
#c5 .inner .list li:nth-child(1) .li-btn { position: relative; left: 10px; }
#c5 .inner .list li:nth-child(2) .li-btn { position: relative; left: 15px; }
#c5 .inner .list li:nth-child(3) .li-btn { position: relative; left: 15px; margin-top: -60px; }
#c5 .inner .list .li-btn picture:hover img { opacity: 1; }
#c5 .inner .list .li-btn picture { width: 200px; height: 57px; border-radius: 35px; overflow: hidden; display: block; transition: 0.25s ease-in-out; }
#c5 .inner .list .li-btn picture:hover { height: 50px; transform: translate(0px, 5px); transition: 0.25s ease-in-out; }
/*============================
  #c6
  ============================*/
    #c6 { width: calc(100% - 127px); margin: 0 auto; padding-top: 96px; position: relative; margin-bottom: 60px; }
#c6 .inner .flex { width: 808px; display: flex; flex-wrap: wrap; margin-bottom: 50px; padding-right: 80px; background-image: url(../images/index/c6-deco.png); background-repeat: no-repeat; background-position: right 25px top 1px; }
#c6 .inner .flex .box-l .ttl { width: 165px; font-weight: 900; font-size: 34px; letter-spacing: 0.03em; text-align: left; color: #252525; line-height: normal; margin-bottom: -7px; }
#c6 .inner .flex .box-l .en { font-family: "Outfit", sans-serif; font-weight: 600; font-size: 17px; letter-spacing: 0.05em; text-align: left; color: #162f67; position: relative; left: 2px; }
#c6 .inner .flex .box-r { padding-left: 27px; padding-top: 9px; /* border-left: 1px solid #252525; */
        background-image: url(../images/index/c6-line.png); background-repeat: no-repeat; background-position: 0 9px; }
#c6 .inner .flex .box-r .txt1 { font-weight: bold; font-size: 18px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #252525; margin-bottom: -1px; }
#c6 .inner .flex .box-r .txt2 { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #252525; }
#c6 .inner .system-list { width: 100%; display: flex; flex-wrap: wrap; }
#c6 .inner .system-list li { width: 23.3%; margin-right: 2%; margin-bottom: 110px; position: relative; }
#c6 .inner .system-list li:nth-child(4n) { margin-right: 0px; }
#c6 .inner .system-list .sy-icon { position: absolute; top: -10px; right: -10px; z-index: 10; width: 67px; height: 67px; filter: drop-shadow(8px 8px 20px rgba(0, 0, 0, 0.2)); }
#c6 .inner .system-list .sy-icon img { width: 100%; }
#c6 .inner .system-list .system-pic { text-align: center; line-height: 0; /* margin-bottom: 36px; */ }
#c6 .inner .system-list .system-pic img { aspect-ratio: 16/15; max-width: 100%; height: auto; }
#c6 .inner .system-list .sy-cate-box-wap { width: 100%; position: relative; min-height: 40px; }
#c6 .inner .system-list .sy-cate-box { text-align: center; position: relative; top: -19px; }
#c6 .inner .system-list .sy-cate { border-radius: 18px; background: #0249ad; border: 1px solid #0249ad; display: inline-block; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; text-align: left; color: #fff; padding: 4px 12px 4px; margin-bottom: 5px; }
#c6 .inner .system-list .sy-cate:nth-child(2n) { margin-left: 5px; }
#c6 .inner .system-list .system-ttl { font-family: "Noto Sans CJK JP"; font-weight: 900; font-size: 16px; letter-spacing: 0.05em; line-height: 27px; text-align: left; color: #162f67; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#c6 .inner .system-list .sy-txt { font-weight: normal; font-size: 14px; letter-spacing: 0.05em; text-align: left; color: #252525; display: inline-block; border: 1px solid #000; padding: 2px 7px 2px; margin-top: 12px; }
#c6 .inner .move-defo { position: absolute; top: 105px; right: -1px; }
/*============================
  #c7
  ============================*/
    #c7 { position: relative; overflow: visible; }
#c7 .inner { position: relative; }
/* 追従対象 */
    #c7 .db-fit { position: sticky; align-self: flex-start; z-index: 2; width: 770px; margin: 0 auto; top: 0px; left: 0; right: 0; }
#c7 { background-image: url(../images/index/c7-bg-01.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; padding-top: 0px; /* padding-bottom: 119px; */
        min-height: 1050px; }
#c7 .inner .ttl-box { padding-top: 74px; text-align: center; margin-bottom: 71px; }
#c7 .inner .ttl-box .ttl { background-image: url(../images/index/c7-deco-01.png); background-repeat: no-repeat; background-position: center 0; padding-top: 57px; margin-bottom: 2px; }
#c7 .inner .ttl-box .ttl .ss1 { font-weight: 900; font-size: 44px; letter-spacing: 1px; color: #252525; margin-bottom: -22px; display: block; position: relative; left: 13px; }
#c7 .inner .ttl-box .ttl .ss2 { font-weight: 900; font-size: 47px; letter-spacing: 0.03em; text-align: left; color: #252525; background-image: url(../images/index/c7-deco-02.svg); background-repeat: no-repeat; background-position: right 7px top 16px; padding-right: 35px; }
#c7 .inner .ttl-box .en { font-family: "Outfit", sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 0.05em; text-align: center; color: #0249ad; position: relative; left: -10px; }
#c7 .inner .c7-s-box { margin-top: -931px; z-index: 3; position: relative; /* padding-bottom: 100px; */
        padding-bottom: 119px; }
#c7 .inner .system-list { width: calc(100% - 155px); margin: 0 auto; display: flex; flex-wrap: wrap; }
#c7 .inner .system-list > li { width: 364px; margin-right: 68px; margin-bottom: 93px; width: 21.2%; margin-right: 5%; margin-bottom: 5%; }
#c7 .inner .system-list > li:nth-child(4n) { margin-right: 0px; }
#c7 .inner .system-list .system-pic { padding: 87px 29px 27px; background-image: url(../images/index/c7-bg-03.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; border: 1px solid #C5C5C5; text-align: center; box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.1); margin-bottom: 23px; line-height: 0; }
#c7 .inner .system-list .system-pic img { aspect-ratio: 3/4; max-width: 100%; height: auto; border: 1px solid #C5C5C5; }
#c7 .inner .system-list .sy-wap-box { width: 100%; margin: 0 auto; margin-bottom: 16px; }
#c7 .inner .system-list .sy-txt1-box { text-align: center; margin-bottom: 16px; }
#c7 .inner .system-list .sy-wap-box .sy-txt1 { display: inline-block; padding: 5px 16px 5px 16px; border-radius: 18px; background: #fff; font-weight: normal; font-size: 14px; letter-spacing: 0.05em; text-align: left; color: #0249ad; border-radius: 19px; }
#c7 .inner .system-list .sy-wap-box .sy-txt1 > span:nth-child(2) { margin-left: 4px; }
#c7 .inner .system-list .sy-wap-box .system-ttl { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #252525; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#c7 .inner .system-list .sy-wap-box .bdt-box { margin-top: 14px; padding-top: 13px; border-top: 1px solid #252525; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #252525; }
#c7 .inner .system-list .sy-wap-box .bdt-box .sy-flex-in { display: flex; flex-wrap: wrap; margin-bottom: 4px; }
#c7 .inner .system-list .sy-wap-box .bdt-box .sy-flex-in .box-in-l { width: 118px; border: 1px solid #252525; padding: 1px 5px 2px; text-align: center; }
#c7 .inner .system-list .sy-wap-box .bdt-box .sy-flex-in .box-in-r { width: 191px; margin-left: 8px; padding: 2px 5px 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
#c7 .inner .move-defo { width: 340px; margin-top: -9px; }
#c7 .inner .move-defo a { width: 340px; }
.o-box { background-image: url(../images/index/o-bg.png); background-repeat: no-repeat; background-position: center 0; padding-top: 99px; margin-bottom: 60px; }
.o-box .o-maru { background-image: url(../images/index/o-deco-01.png), url(../images/index/o-s-bg.png); background-repeat: no-repeat; background-position: center 79px, center 0; width: 524px; height: 524px; margin: 0 auto; position: relative; text-align: center; padding-top: 145px; }
.o-box .o-maru .en { font-family: "Outfit", sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.05em; color: #0249ad; margin-bottom: 9px; }
.o-box .o-maru .txt { font-weight: 900; font-size: 60px; letter-spacing: -0.08em; color: #252525; line-height: normal; }
.o-box .o-maru .txt .bikuri { position: relative; left: -6px; }
.o-box .o-maru .txt .ss-wap { display: block; position: relative; left: 10px; margin-bottom: -10px; }
.o-box .o-maru .txt .ss-wap2 { display: block; position: relative; left: 15px; letter-spacing: 1px; }
.o-box .o-maru .txt .ss { color: #0249AD; }
.o-box .o-maru .deco { width: 46px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 111px; }
.o-box .o-maru .hito { position: absolute; right: -174px; bottom: 3px; }
/*============================
  #c8
  ============================*/
    #c8 { margin-bottom: 233px; }
#c8 .inner { position: relative; }
#c8 .inner .ttl-box { position: relative; /* padding-right: 60px; */
        background-image: url(../images/index/); background-repeat: no-repeat; background-position: center 0; margin-bottom: 40px; margin-left: 57px; }
#c8 .inner .ttl-box .en { font-family: "Outfit", sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.05em; text-align: left; color: #0249ad; position: absolute; top: 27px; left: 182px; }
#c8 .inner .ttl-box .ttl { font-weight: 900; font-size: 48px; text-align: left; color: #252525; line-height: normal; width: 770px; background-image: url(../images/index/c8-deco.png); background-repeat: no-repeat; background-position: right 19px top 86px; }
#c8 .inner .ttl-box .ttl > span { padding: 3px 8px 5px; display: inline-block; border: 1px solid #000; }
#c8 .inner .ttl-box .ttl .ss1 { position: relative; display: block; width: 167px; }
#c8 .inner .ttl-box .ttl .ss2 { position: relative; padding: 1px 14px 6px 7px; top: -1px; letter-spacing: -4px; }
#c8 .inner .ttl-box .ttl .ss3 { position: relative; padding: 1px 17px 6px 11px; top: -1px; left: -1px; letter-spacing: -4px; }
#c8 .inner .system-list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c8 .inner .system-list > li { width: 33%; margin-right: 0.5%; }
#c8 .inner .system-list > li:nth-child(3n) { margin-right: 0px; }
#c8 .inner .system-list .system-pic { line-height: 0; margin-bottom: 4px; }
#c8 .inner .system-list .system-pic img { aspect-ratio: 16/15; max-width: 100%; height: auto; }
#c8 .inner .system-list .sy-wap { padding: 16px 30px 0px; }
#c8 .inner .system-list .sy-wap .system-ttl { font-weight: 900; font-size: 30px; letter-spacing: 0.05em; line-height: 1.3; text-align: left; color: #162f67; margin-bottom: 14px; }
#c8 .inner .system-list .sy-wap .sy-txt-box { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #252525; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#c8 .inner .system-list .sy-wap .tag-list { display: flex; flex-wrap: wrap; margin-top: 15px; }
#c8 .inner .system-list .sy-wap .tag-list > li { border-radius: 16px; background: #fff; border: 1px solid #0249ad; padding: 2px 10px 1px 12px; font-weight: normal; font-size: 14px; letter-spacing: 0.05em; text-align: left; color: #0249ad; margin-right: 10px; }
#c8 .inner .system-list .sy-wap .tag-list > li::before { content: "#"; }
#c8 .inner .move-defo { position: absolute; top: 83px; right: 55px; }
.o-box-02 { width: 1290px; margin: 0 auto; margin-bottom: 178px; background-color: #F7F6F3; position: relative; padding-bottom: 58px; }
.o-box-02 .bnr-list { width: 1110px; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 34px; position: relative; top: -93px; margin-bottom: -66px; }
.o-box-02 .bnr-list > li { width: 260px; margin-right: 23px; }
.o-box-02 .bnr-list > li:nth-child(4n) { margin-right: 0px; }
.o-box-02 .bnr { width: 840px; margin: 0 auto; }
/*============================
  #c9
  ============================*/
    #c9 { background-image: url(../images/index/c9-bg.png); background-repeat: no-repeat; background-position: center 72px; padding-bottom: 297px; }
#c9 .inner .en { width: 1090px; margin: 0 auto; position: relative; left: -3px; margin-bottom: -25px; }
#c9 .inner .ttl { font-weight: 900; font-size: 39px; text-align: center; color: #252525; position: relative; margin-bottom: 63px; left: 14px; }
#c9 .inner .ttl .bikuri { position: relative; left: -5px; margin-right: -11px; }
#c9 .inner .ttl .ss1 { left: 0; }
#c9 .inner .ttl .ss2 { position: relative; left: -16px; letter-spacing: -0.05em; }
#c9 .inner .ttl .ss3 { position: relative; left: -37px; color: #0249AD; letter-spacing: normal; }
#c9 .inner .ttl .ss4 { position: relative; left: -50px; }
#c9 .inner .flex { width: 1630px; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c9 .inner .flex .box-l { width: calc(100% - 555px); }
#c9 .inner .flex .box-l .kirikae { height: 390px; }
#c9 .inner .flex .box-l .kirikae .kirikae-item img { width: 100%; height: 390px; }
#c9 .inner .flex .box-r { width: 545px; margin-left: 10px; }
#c9 .inner .flex .box-r .link-list li { background-color: #fff; }
#c9 .inner .flex .box-r .link-list li a { font-weight: bold; font-size: 22px; letter-spacing: 0.09em; text-align: left; color: #252525; padding: 45px 5px 46px 103px; display: block; background-image: url(../images/index/c9-deco.png), url(../images/index/c9-line.png); background-repeat: no-repeat, repeat-x; background-position: right 40px top 54px, 0 bottom; }
#c9 .inner .flex .box-r .link-list li:nth-child(1) { background-image: url(../images/index/c9-li-deco-01.png); background-repeat: no-repeat; background-position: 49px 32px; }
#c9 .inner .flex .box-r .link-list li:nth-child(2) { background-image: url(../images/index/c9-li-deco-02.png); background-repeat: no-repeat; background-position: 38px 46px; }
#c9 .inner .flex .box-r .link-list li:nth-child(3) { background-image: url(../images/index/c9-li-deco-03.png); background-repeat: no-repeat; background-position: 36px 48px; }
/*============================
  #c10
  ============================*/
    #c10 { margin-bottom: 114px; margin-top: -149px; }
#c10 .move-defo { margin-top: 40px; }
#c10 .inner .ttl { margin-left: 57px; margin-bottom: 2px; line-height: normal; }
#c10 .inner .ttl .sen1 { font-weight: 900; font-size: 26px; text-align: left; color: #252525; border: 1px solid #252525; padding: 5px 3px 8px 8px; display: block; width: 309px; }
#c10 .inner .ttl .sen2 { border: 1px solid #252525; padding: 2px 8px 5px 7px; display: inline-block; font-weight: 900; font-size: 39px; letter-spacing: 3px; text-align: left; color: #252525; position: relative; top: -1px; font-feature-settings: "palt"; }
#c10 .inner .ttl .sen2 .ss2 { position: relative; left: 3px; margin-right: 0px; }
#c10 .inner .ttl .sen3 { border: 1px solid #252525; padding: 2px 8px 5px 6px; display: inline-block; position: relative; font-weight: 900; font-size: 39px; text-align: left; color: #252525; top: -1px; left: -1px; background-color: #fff; font-feature-settings: "palt"; }
#c10 .inner .txt1 { font-weight: bold; font-size: 22px; letter-spacing: 0.05em; color: #252525; margin-left: 69px; margin-bottom: 52px; }
#c10 .inner .txt1 .ss1 { position: relative; margin-right: -3px; }
#c10 .inner .txt1 .ss2 { position: relative; /* font-feature-settings: "palt"; */
        left: -11px; }
#c10 .inner .txt1 .ss3 { position: relative; left: -24px; }
#c10 .inner .system-list { width: 1110px; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c10 .inner .system-list > li { width: 260px; margin-right: 23px; background-color: #F7F6F3; padding: 20px 20px 23px; }
#c10 .inner .system-list > li:nth-child(4n) { margin-right: 0px; }
#c10 .inner .system-list .system-pic { width: 220px; margin-bottom: 14px; text-align: center; line-height: 0; }
#c10 .inner .system-list .system-pic img { max-width: 100%; height: auto; aspect-ratio: 4/3; }
#c10 .inner .system-list .system-ttl2 { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 21px; color: #252525; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 3行で省略 */
        overflow: hidden; }
#c10 .inner .system-list .sy-flex { border-top: 1px solid #252525; margin-top: 13px; display: flex; flex-wrap: wrap; min-height: 50px; }
#c10 .inner .system-list .sy-flex > div { margin-top: 10px; }
#c10 .inner .system-list .sy-flex .sy-box-l { width: 152px; border-right: 1px solid #252525; position: relative; padd; padding-right: 0px; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name-box-inner { margin-bottom: 8px; display: flex; flex-wrap: wrap; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name-box-inner .sy-staff-icon { width: 50px; margin-right: 8px; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name-box-inner .sy-staff-icon img { width: 50px; height: 50px; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name-box-inner .sy-staff-name { width: 90px; padding-top: 3px; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-job { font-weight: normal; font-size: 14px; letter-spacing: 0.05em; color: #252525; margin-bottom: -6px; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; color: #252525; }
#c10 .inner .system-list .sy-flex .box-r { width: 68px; padding-left: 6px; display: flex; align-items: center; flex-wrap: wrap; }
#c10 .inner .system-list .sy-flex .box-r .sy-date { font-weight: normal; font-size: 11px; letter-spacing: 0.05em; line-height: 24px; color: #252525; }
.logo-box { width: 1300px; margin: 0 auto; position: relative; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); border-radius: 20px; }
.logo-box .ttl { width: 260px; height: 50px; border-radius: 25px; background: #162f67; font-weight: 500; font-size: 20px; letter-spacing: 0.05em; text-align: center; color: #fff; margin: 0 auto; position: absolute; left: 0; right: 0; top: -25px; z-index: 10; padding: 5px 5px 5px 5px; }
.logo-box .pic-01 { width: 1300px; margin: 0 auto; position: relative; line-height: 0; }
.seo-box { width: 960px; margin: 0 auto; margin-top: 50px; margin-bottom: 75px; }
.seo-box .seo-ttl { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 600; font-size: 22px; letter-spacing: 0.05em; text-align: center; color: #0249ad; margin-bottom: 20px; }
.seo-box .seo-txt { font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #252525; }
 }
@media screen and (min-width: 766px) and (max-width: 1919px) {
 .mac-block { display: block; }
#c2 .inner .rel-box .flex .box-l { width: 309px; position: absolute; left: 44px; top: 194px; }
#c2 .inner .rel-box .flex .box-l .ttl img { width: 100%; }
#c2 .inner .rel-box .move-defo2 { position: absolute; top: 275px; left: 94px; }
#c2 .inner .rel-box .flex .box-r { width: 701px; position: relative; /* right: -437px; */ }
#c2 .inner .rel-box .flex .box-r .system-list > li { width: 340px; }
#c3 .inner .nagare { height: 160px; }
#c3 { padding-bottom: 23px; }
#c3 .inner .rel-box .flex .box-l { position: absolute; top: -38px; left: 40px; }
#c3 .inner .rel-box .flex .box-r { width: 828px; right: 0px; }
#c3 .inner .rel-box .move-defo2 { top: 365px; left: 124px; }
#c3 .inner .rel-box .flex .box-r .system-list > li { width: 333px; }
#c3 .inner .rel-box .flex .box-l .ttl { width: 371px; }
#c3 .inner .rel-box .flex .box-l .ttl img { width: 100%; }
#c4 { margin-bottom: 100px; }
#c4 .inner .rel-box .txt-box { width: 399px; position: absolute; top: 35vw; right: 48px; font-size: 15px; }
#c4 .inner .num-list { width: 1090px; }
#c4 .inner .num-list > li { width: 244px; margin-right: 38px; }
#c4 .inner .num-list .li-txt { font-size: 22px; }
#c5 .inner .list { width: 1130px; }
#c5 .inner .list > li { width: 340px; margin-right: 45px; }
#c5 .inner .list > li:nth-child(2) { width: 340px; margin-right: 50px; }
#c5 .inner .list > li:nth-child(3) { width: 340px; }
#c5 .inner .list .li-btn { margin-top: -37px; }
#c5 .inner .list li:nth-child(3) .li-btn { margin-top: -37px; }
#c7 .inner .system-list { width: 1096px; margin: 0 auto; }
#c6 { width: calc(100% - 80px); padding-top: 100px; margin-bottom: 24px; }
#c7 .inner .system-list .sy-wap-box { }
#c7 .inner .system-list > li { }
.o-box-02 { width: 100%; }
#c9 .inner .ttl { font-size: 38px; }
#c9 .inner .flex { width: 1100px; }
.logo-box .pic-01 { width: 1100px; margin: 0 auto; }
.logo-box { width: 1100px; margin: 0 auto; }
.logo-box .pic-01 img { width: 100%; }
 }
@media screen and (min-width: 766px) and (max-width: 1600px) {
 #c7 .inner .system-list .system-pic { padding: 67px 18px 21px; }
#c5 { background-size: 100%; padding-bottom: 16px; }
 }

@media screen and (max-width: 767px) {
 body { overflow: clip; }
.side-fix { display: none !important; }
.top-hh-logo { position: absolute; top: 2.899vw; left: 4.106vw; z-index: 100; }
.top-hh-logo img { width: 62.802vw; }
.mv-slide-item img { width: 100%; }
.mv-rel { position: relative; }
.mv-rel .mv-dots .slick-dots { bottom: 0.966vw; left: 1.932vw; width: 100%; margin: 0; list-style: none; text-align: left; }
.mv-rel .mv-dots .slick-dots li { position: relative; /* display: inline-block; */
        width: 2.415vw; height: 2.415vw; margin: 0 0.845vw; padding: 0; cursor: pointer; }
.mv-rel .mv-dots .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 4.348vw; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; }
.mv-rel .mv-dots .slick-dots li button:focus, .mv-rel .mv-dots .slick-dots li button:hover { outline: 0; }
.mv-rel .mv-dots .slick-dots li button:focus:before, .mv-rel .mv-dots .slick-dots li button:hover:before { opacity: 1; }
.mv-rel .mv-dots .slick-dots li button:before { font-size: 1.449vw; line-height: 4.831vw; position: absolute; top: 0; left: 0; width: 2.415vw; height: 2.415vw; content: ""; text-align: center; opacity: 1; background-color: #FFFFFF; border-radius: 7.246vw; color: #000; }
.mv-rel .mv-dots .slick-dots li.slick-active button:before { opacity: 1; color: #000; background-color: #0249AD; }
.mv-rel .mv-link { width: 41.787vw; position: absolute; bottom: -15.7vw; right: 1.932vw; z-index: 10; }
#c1 { background-color: #F7F6F3; padding-top: 1.932vw; /* margin-top: -4.831vw; */
        padding-bottom: 16.908vw; position: relative; }
#c1 .inner .pic { width: 96.135vw; margin: 0 auto; margin-bottom: 7.246vw; }
#c1 .inner .pic img { width: 100%; }
#c1 .inner .hukidashi { width: 109.662vw; margin: 0 auto; z-index: 10; position: relative; left: 3.623vw; }
#c1 .inner .pc .en { width: 100%; margin: 0 auto; position: absolute; left: 1.932vw; right: 0; top: 160.145vw; }
#c1 .car { position: relative; z-index: 10; width: 46.135vw; height: 13.527vw; margin-left: auto; animation: driving 8s linear infinite; translate: 87.44vw 0; top: 4.831vw; margin-bottom: -6.522vw; }
#c1 .car-body { animation: shaking 1s linear infinite; }
#c1 .tire-front { animation: spin2 1s linear infinite; position: absolute; left: 7.246vw; bottom: -1.691vw; width: 7.971vw; height: 7.971vw; }
#c1 .tire-rear { animation: spin2 1s linear -0.5s infinite; animation: spin2 1s linear infinite; position: absolute; right: 7.971vw; bottom: -1.691vw; width: 7.971vw; height: 7.971vw; }
@keyframes spin2 {
 0% { transform: scale(0.5) rotate(0deg); }
100% { transform: scale(0.5) rotate(-360deg); }
 }
@keyframes shaking {
 0% { translate: 0 0; }
20% { translate: 0 0.242vw; }
40% { translate: 0 0; }
60% { translate: 0 0.362vw; }
80% { translate: 0 0; }
100% { translate: 0 0; }
 }
@keyframes driving {
 0% { translate: 87.44vw 0; }
100% { translate: -100vw 0; }
 }
/*============================
  #c2
  ============================*/
    #c2 a:hover { text-decoration: none; }
#c2 a:hover img { opacity: 1; }
#c2 .inner .rel-box { width: 100%; margin: 0 auto; padding-top: 17.15vw; padding-bottom: 19.324vw; position: relative; left: -0.242vw; }
#c2 .inner .rel-box .flex .box-l { /* width: 100%; */
        /* position: absolute; */
        /* left: -18.357vw; */
        /* top: 56.522vw; */ }
#c2 .inner .rel-box .flex .box-l .ttl { width: 74.638vw; margin: 0 auto; margin-bottom: 9.783vw; }
#c2 .inner .rel-box .flex .box-r { width: 100%; /* position: relative; */
        /* right: -105.556vw; */ }
#c2 .inner .rel-box .flex .box-r .system-list { display: flex; flex-wrap: wrap; width: 91.787vw; margin: 0 auto; margin-bottom: 14.734vw; }
#c2 .inner .rel-box .flex .box-r .system-list > li { width: 44.928vw; margin-right: 1.932vw; }
#c2 .inner .rel-box .flex .box-r .system-list > li:hover .system-ttl { text-decoration: underline; }
#c2 .inner .rel-box .flex .box-r .system-list > li:hover .system-pic img { opacity: 0.8; }
#c2 .inner .rel-box .flex .box-r .system-list > li:nth-child(2n) { margin-right: 0; }
#c2 .inner .rel-box .flex .box-r .system-list .system-pic { text-align: center; margin-bottom: 0; line-height: 0; }
#c2 .inner .rel-box .flex .box-r .system-list .system-pic img { aspect-ratio: 3/2; max-width: 100%; height: auto; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex { display: flex; flex-wrap: wrap; /* border-right: 1px solid #000; */ }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l { width: 100%; padding-left: 0.242vw; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l  .sy-txt .ss1 { font-family: "Outfit", sans-serif; font-weight: normal; font-size: 3.14vw; letter-spacing: 0.02em; text-align: center; color: #252525; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l  .sy-txt .ss2 { font-weight: normal; font-size: 3.14vw; text-align: left; color: #252525; letter-spacing: normal; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l  .sy-txt .ss2::before { content: "|"; margin-left: 1.932vw; margin-right: 1.932vw; position: relative; top: -0.242vw; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-l .system-ttl { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.072vw; text-align: left; color: #252525; margin-top: -0.242vw; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r { width: 100%; padding-left: 0; padding-top: 1.932vw; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in { display: flex; align-items: center; flex-wrap: wrap; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in .sy-box-in-l { width: 12.077vw; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in .sy-box-in-l img { max-width: 100%; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in .sy-box-in-r { width: 27.778vw; margin-left: 2.415vw; padding-bottom: 0; }
#c2 .inner .rel-box .flex .box-r .system-list .sy-flex .sy-box-r .sy-flex-in .sy-box-in-r .sy-box-in-r-txt { font-size: 3.382vw; letter-spacing: 0.02em; line-height: 10.145vw; text-align: left; color: #252525; }
#c2 .inner .rel-box .move-defo2 { width: 62.802vw; margin: 0 auto; /* position: absolute; */
        /* top: 73.43vw; */
        /* left: -5.556vw; */ }
/*============================
  #c3
  ============================*/
    #c3 { background-image: url(../images/index/c3-bg.png); background-repeat: repeat; background-position: center 0; background-size: 19.324vw; padding-bottom: 21.498vw; }
#c3 .inner .nagare { width: 123.43vw; height: 11.353vw; overflow: hidden; margin-bottom: 5.072vw; }
#c3 .inner element { backface-visibility: visible; /*初期値 背面が可視になる*/
        backface-visibility: hidden; /*背面が非表示になる*/ }
#c3 .inner .nagare img { backface-visibility: hidden; /*追加*/ }
#c3 .inner .rel-box { position: relative; width: 100%; min-height: 128.986vw; margin: 0 auto; }
#c3 .inner .rel-box .flex .box-l { /* position: absolute; */
        top: -10.145vw; left: -31.884vw; margin-bottom: 9.662vw; }
#c3 .inner .rel-box .flex .box-l .ttl { width: 85.145vw; margin: 0 auto; position: relative; left: -0.725vw; }
#c3 .inner .rel-box .flex .box-r { width: 91.787vw; margin: 0 auto; /* position: relative; */
        /* right: -42.271vw; */ }
#c3 .inner .rel-box .flex .box-r .system-list { display: flex; flex-wrap: wrap; }
#c3 .inner .rel-box .flex .box-r .system-list > li { width: 100%; background: #fff; border: 1px solid #252525; padding: 3.865vw 3.865vw 3.865vw; position: relative; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1); margin-bottom: 4.589vw; }
#c3 .inner .rel-box .flex .box-r .system-list > li:nth-child(2n) { margin-right: 0; }
#c3 .inner .rel-box .flex .box-r .system-list .sy-icon { position: absolute; width: 17.15vw; top: 2.415vw; right: 2.174vw; z-index: 10; }
#c3 .inner .rel-box .flex .box-r .system-list .system-pic { margin-bottom: 2.899vw; text-align: center; line-height: 0; }
#c3 .inner .rel-box .flex .box-r .system-list .system-pic img { aspect-ratio: 16/15; max-width: 100%; height: auto; }
#c3 .inner .rel-box .flex .box-r .system-list .system-ttl { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.797vw; text-align: left; color: #252525; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#c3 .inner .rel-box .flex .box-r .system-list .sy-bdt-box { border-top: 1px solid #252525; margin-top: 3.865vw; padding-top: 1.932vw; }
#c3 .inner .rel-box .flex .box-r .system-list .sy-bdt-box .sy-txt1 { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; text-align: right; color: #252525; }
#c3 .inner .rel-box .move-defo2 { width: 62.802vw; margin: 0 auto; margin-top: 2.657vw; /* position: absolute; */
        top: 105.556vw; left: -4.106vw; }
/*============================
  #c4
  ============================*/
    #c4 { margin-top: -1.691vw; background-image: url(../images/index/c4-bg-02.png), url(../images/index/c4-bg-01.png); background-repeat: no-repeat,repeat-y; background-position: center bottom, center top 1.691vw; margin-bottom: 28.198vw; }
#c4 .inner .rel-box { position: relative; margin-bottom: 9.662vw; }
#c4 .inner .ttl { position: relative; top: -6.039vw; margin-bottom: -1.449vw; }
#c4 .inner .ttl img { width: 100%; }
#c4 .inner .rel-box .txt-box { font-weight: bold; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.729vw; text-align: left; color: #252525; width: 83.575vw; margin: 0 auto; /* position: absolute; */
        top: 168.116vw; right: 12.56vw; }
#c4 .inner .num-list { width: 83.575vw; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 9.179vw; }
#c4 .inner .num-list > li { width: 100%; border-radius: 1.449vw; background: #fff; border: 1px solid #162f67; padding: 3.382vw 1.208vw 6.763vw 1.208vw; box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.16); margin-bottom: 3.382vw; }
#c4 .inner .num-list > li:nth-child(4n) { margin-right: 0; }
#c4 .inner .num-list .li-num { width: 20.048vw; margin: 0 auto; margin-bottom: 2.415vw; position: relative; left: 0.483vw; }
#c4 .inner .num-list .li-txt { font-weight: 900; text-align: center; color: #252525; font-size: 5.314vw; letter-spacing: 0.04em; line-height: 7.246vw; }
#c4 .inner .num-list .li-txt .u-sen { background-image: url(../images/index/c4-line.png); background-repeat: no-repeat; background-position: center bottom; }
#c4 .move-defo { width: 62.802vw; margin: 0 auto; }
/*============================
  #c5
  ============================*/
    #c5 { background-image: url(../images/index/sp-c5-bg-01-b.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; padding-bottom: 14.01vw; }
#c5 .inner .ttl { padding-top: 16.184vw; padding-bottom: 5.556vw; font-weight: 900; font-size: 9.42vw; letter-spacing: -0.1em; color: #252525; text-align: center; background-image: url(../images/index/sp-c5-deco-01.png), url(../images/index/sp-c5-deco-02.png); background-repeat: no-repeat; background-position: center 0, center bottom; background-size: 13.164vw,14.493vw; position: relative; left: 0; margin-bottom: -7.488vw; background-size: 13.164vw ,14.493vw; }
#c5 .inner .ttl .ss1 { position: relative; left: 1.691vw; font-size: 6.522vw; letter-spacing: 0.1em; }
#c5 .inner .ttl .ss2 { font-size: 7.488vw; letter-spacing: 0.03em; margin-left: 1.208vw; margin-right: 1.208vw; position: relative; left: -0.483vw; top: 0.483vw; font-size: 5.072vw; letter-spacing: 0.03em; }
#c5 .inner .ttl .ss3 { font-weight: 900; font-size: 9.42vw; letter-spacing: -0.1em; position: relative; left: -0.483vw; font-size: 6.28vw; letter-spacing: -0.1em; display: block; margin-top: 0.483vw; }
#c5 .inner .list { width: 100%; margin: 0 auto; background-image: url(../images/index/sp-c5-bg-01-t.png); background-repeat: no-repeat; background-position: center 0; background-color: #F7F6F3; padding-top: 17.391vw; padding-bottom: 4.831vw; }
#c5 .inner .list > li { /* width: 87.681vw; */
        margin: 0 auto; position: relative; margin-bottom: 12.319vw; }
#c5 .inner .list > li:nth-child(2) { width: 100%; /* margin-right: 9.42vw; */
        top: 0; /* margin-top: 14.493vw; */ }
#c5 .inner .list > li:nth-child(3) { width: 100%; margin-right: 0; top: 0; /* margin-top: 28.986vw; */ }
#c5 .inner .list .li-pic { margin-bottom: 5.556vw; }
#c5 .inner .list .li-pic img { width: 100%; height: auto; }
#c5 .inner .list .li-btn { width: 48.309vw; /* height: 13.768vw; */
        margin: 0 auto; margin-top: -10.87vw; }
#c5 .inner .list li:nth-child(1) .li-btn { /* position: relative; */
        /* left: 2.415vw; */ }
#c5 .inner .list li:nth-child(2) .li-btn { position: relative; /* left: 3.623vw; */ }
#c5 .inner .list li:nth-child(3) .li-btn { position: relative; /* left: 3.623vw; */
        /* margin-top: -14.493vw; */ }
#c5 .inner .list .li-btn picture:hover img { opacity: 1; }
#c5 .inner .list .li-btn picture { width: 100%; height: 13.768vw; border-radius: 8.454vw; overflow: hidden; display: block; transition: 0.25s ease-in-out; }
#c5 .inner .list .li-btn picture:hover { height: 12.077vw; transform: translate(0, 5px); transition: 0.25s ease-in-out; }
/*============================
  #c6
  ============================*/
    #c6 { width: 94.203vw; margin: 0 auto; /* padding-top: 17.633vw; */
        position: relative; margin-bottom: 19.565vw; }
#c6 .inner .flex { width: 100%; /* display: flex; */
        /* flex-wrap: wrap; */
        margin-bottom: 12.077vw; /* padding-right: 19.324vw; */
        background-image: url(../images/index/sp-c6-deco.png); background-repeat: no-repeat; background-position: center top 3.14vw; background-size: 9.903vw; text-align: center; padding-top: 17.633vw; }
#c6 .inner .flex .box-l .ttl { width: 100%; font-weight: 900; text-align: center; color: #252525; line-height: normal; margin-bottom: -0.725vw; font-size: 6.763vw; letter-spacing: 0.03em; }
#c6 .inner .flex .box-l .en { font-family: "Outfit", sans-serif; font-weight: 600; color: #162f67; position: relative; font-size: 3.865vw; letter-spacing: 0.05em; }
#c6 .inner .flex .box-r { /* padding-left: 6.522vw; */
        padding-top: 5.314vw; /* border-left: 1px solid #252525; */
        background-image: url(../images/index/sp-c6-line.png); background-repeat: no-repeat; background-position: center 1.932vw; background-size: 14.493vw; }
#c6 .inner .flex .box-r .txt1 { font-weight: bold; font-size: 4.348vw; letter-spacing: 0.1em; line-height: 7.729vw; /* text-align: left; */
        color: #252525; margin-bottom: -0.242vw; }
#c6 .inner .flex .box-r .txt2 { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.797vw; /* text-align: left; */
        color: #252525; }
#c6 .inner .system-list { width: 100%; display: flex; flex-wrap: wrap; }
#c6 .inner .system-list li { width: 44.9vw; margin-right: 3.8vw; margin-bottom: 9.662vw; position: relative; }
#c6 .inner .system-list li:nth-child(2n) { margin-right: 0; }
#c6 .inner .system-list .sy-icon { position: absolute; top: -0.725vw; right: -0.725vw; z-index: 10; width: 12.319vw; height: 12.319vw; filter: drop-shadow(8px 8px 20px rgba(0, 0, 0, 0.2)); }
#c6 .inner .system-list .sy-icon img { width: 100%; }
#c6 .inner .system-list .system-pic { text-align: center; line-height: 0; /* margin-bottom: 8.696vw; */ }
#c6 .inner .system-list .system-pic img { aspect-ratio: 16/15; max-width: 100%; height: auto; }
#c6 .inner .system-list .sy-cate-box-wap { width: 100%; position: relative; min-height: 5.797vw; }
#c6 .inner .system-list .sy-cate-box { /* text-align: center; */
        position: relative; top: -4.589vw; line-height: normal; text-align: center; }
#c6 .inner .system-list .sy-cate { border-radius: 12.077vw; background: #0249ad; border: 1px solid #0249ad; display: inline-block; font-weight: 500; font-size: 3.14vw; letter-spacing: normal; text-align: left; color: #fff; padding: 0 2.415vw 0.483vw; line-height: normal; margin-left: 0.966vw; margin-bottom: 0.966vw; }
#c6 .inner .system-list .sy-cate:nth-child(2n) { /* margin-left: 1.208vw; */ }
#c6 .inner .system-list .system-ttl { font-weight: 900; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.522vw; text-align: left; color: #162f67; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#c6 .inner .system-list .sy-txt { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; text-align: left; color: #252525; display: inline-block; border: 1px solid #000; padding: 1.208vw 1.932vw 0.966vw; margin-top: 2.899vw; line-height: normal; }
#c6 .inner .move-defo { width: 62.802vw; margin: auto; margin-top: 4.831vw; /* position: absolute; */
        /* top: 25.362vw; */
        /* right: -0.242vw; */ }
/*============================
  #c7
  ============================*/
    #c7 { position: relative; overflow: visible; }
#c7 .inner { position: relative; }
/* 追従対象 */
    #c7 .db-fit { position: sticky; align-self: flex-start; z-index: 2; width: 67.15vw; margin: 0 auto; top: 0; left: 0; right: 0; }
#c7 { background-image: url(../images/index/c7-bg-01.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; padding-top: 0; /* padding-bottom: 28.744vw; */
        /* min-height: 253.623vw; */ }
#c7 .inner .ttl-box { padding-top: 0; text-align: center; margin-bottom: 7.246vw; }
#c7 .inner .ttl-box .ttl { background-image: url(../images/index/c7-deco-01.png); background-repeat: no-repeat; background-position: center 10.145vw; padding-top: 26.57vw; margin-bottom: 1.449vw; }
#c7 .inner .ttl-box .ttl .ss1 { font-weight: 900; color: #252525; margin-bottom: 3.623vw; display: block; position: relative; left: 3.14vw; font-size: 7.971vw; letter-spacing: 0.03em; }
#c7 .inner .ttl-box .ttl .ss2 { font-weight: 900; font-size: 11.353vw; letter-spacing: 0.03em; text-align: left; color: #252525; background-image: url(../images/index/c7-deco-02.svg); background-repeat: no-repeat; background-position: right 0.725vw top 3.14vw; padding-right: 6.28vw; font-size: 8.454vw; letter-spacing: 0.03em; background-size: 3.623vw; }
#c7 .inner .ttl-box .en { font-family: "Outfit", sans-serif; font-weight: 600; font-size: 3.382vw; letter-spacing: 0.05em; text-align: center; color: #0249ad; position: relative; left: 0.725vw; }
#c7 .inner .c7-s-box { margin-top: -87.681vw; z-index: 3; position: relative; /* padding-bottom: 24.155vw; */
        padding-bottom: 19.324vw; }
#c7 .inner .system-list { width: 93.72vw; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c7 .inner .system-list > li { width: 45.894vw; margin-right: 1.932vw; margin-bottom: 9.42vw; }
#c7 .inner .system-list > li:nth-child(2n) { margin-right: 0; }
#c7 .inner .system-list .system-pic { padding: 14.734vw 2.899vw 2.415vw; background-image: url(../images/index/sp-c7-bg-03.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; /* border: 1px solid #C5C5C5; */
        text-align: center; box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.1); margin-bottom: 3.382vw; line-height: 0; }
#c7 .inner .system-list .system-pic img { aspect-ratio: 3/4; max-width: 100%; height: auto; border: 1px solid #C5C5C5; }
#c7 .inner .system-list .sy-wap-box { width: 100%; margin: 0 auto; margin-bottom: 3.865vw; }
#c7 .inner .system-list .sy-txt1-box { text-align: center; margin-bottom: 2.657vw; }
#c7 .inner .system-list .sy-wap-box .sy-txt1 { display: inline-block; padding: 0.242vw 3.865vw 0.725vw 3.865vw; border-radius: 4.348vw; background: #fff; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; text-align: left; color: #0249ad; border-radius: 4.589vw; }
#c7 .inner .system-list .sy-wap-box .sy-txt1 > span:nth-child(2) { margin-left: 0.966vw; }
#c7 .inner .system-list .sy-wap-box .system-ttl { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #252525; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
#c7 .inner .system-list .sy-wap-box .bdt-box { margin-top: 3.382vw; padding-top: 3.382vw; border-top: 1px solid #252525; font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #252525; }
#c7 .inner .system-list .sy-wap-box .bdt-box .sy-flex-in { display: flex; flex-wrap: wrap; margin-bottom: 1.932vw; }
#c7 .inner .system-list .sy-wap-box .bdt-box .sy-flex-in .box-in-l { /* width: 28.502vw; */
        border: 1px solid #252525; padding: 0.483vw 1.691vw 0.483vw; text-align: center; margin-bottom: 0.242vw; display: inline-block; }
#c7 .inner .system-list .sy-wap-box .bdt-box .sy-flex-in .box-in-r { width: 100%; /* margin-left: 1.932vw; */
        padding: 0 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
#c7 .inner .move-defo { width: 62.802vw; margin: 0 auto; margin-top: 0.242vw; }
#c7 .inner .move-defo a { width: 100%; }
.o-box { background-image: url(../images/index/sp-o-bg.png); background-repeat: no-repeat; background-position: center 0; background-size: 100%; padding-top: 50vw; margin-bottom: 22.222vw; }
.o-box .o-maru { background-image: url(../images/index/sp-o-deco-01.png), url(../images/index/sp-o-s-bg.png); background-repeat: no-repeat; background-position: center 3.865vw, center 0; background-size: 6.522vw ,62.319vw; width: 62.319vw; height: 62.319vw; margin: 0 auto; position: relative; text-align: center; padding-top: 12.077vw; }
.o-box .o-maru .en { font-family: "Outfit", sans-serif; font-weight: 600; color: #0249ad; margin-bottom: 0; font-size: 2.899vw; letter-spacing: 0.05em; text-align: center; position: relative; left: 0.483vw; }
.o-box .o-maru .txt { font-weight: 900; font-size: 14.493vw; letter-spacing: -0.08em; color: #252525; line-height: normal; }
.o-box .o-maru .txt .bikuri { position: relative; left: -0.725vw; }
.o-box .o-maru .txt .ss-wap { display: block; position: relative; left: 0.242vw; margin-bottom: 0; font-size: 7.005vw; letter-spacing: -0.08em; }
.o-box .o-maru .txt .ss-wap2 { display: block; position: relative; left: 1.208vw; font-size: 7.005vw; letter-spacing: 0.02em; }
.o-box .o-maru .txt .ss { color: #0249AD; }
.o-box .o-maru .deco { width: 5.797vw; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 11.353vw; }
.o-box .o-maru .hito { position: absolute; right: 4.106vw; bottom: -10.145vw; width: 20.048vw; }
/*============================
  #c8
  ============================*/
    #c8 { margin-bottom: 19.324vw; }
#c8 .inner { position: relative; }
#c8 .inner .ttl-box { position: relative; /* padding-right: 14.493vw; */
        background-image: url(../images/index/); background-repeat: no-repeat; background-position: center 0; margin-bottom: 9.662vw; margin-left: 8.213vw; }
#c8 .inner .ttl-box .en { font-family: "Outfit", sans-serif; font-weight: 600; text-align: left; color: #0249ad; position: absolute; top: 2.415vw; left: 27.536vw; font-size: 2.899vw; letter-spacing: 0.05em; line-height: normal; }
#c8 .inner .ttl-box .ttl { font-weight: 900; font-size: 11.594vw; text-align: left; color: #252525; line-height: normal; width: 100%; background-image: url(../images/index/sp-c8-deco.png); background-repeat: no-repeat; background-position: right 8.937vw top 0.725vw; background-size: 8.213vw; font-size: 7.005vw; /* letter-spacing: -0.14em; */
        position: relative; margin-bottom: 18.841vw; }
#c8 .inner .ttl-box .ttl > span { display: inline-block; }
#c8 .inner .ttl-box .ttl .ss1 { position: relative; display: block; width: 25.362vw; font-size: 7.005vw; border: 1px solid #000; padding: 0.483vw 1.208vw 1.208vw; }
#c8 .inner .ttl-box .ttl .ss2 { position: relative; padding: 0.242vw 2.174vw 1.449vw 1.691vw; top: -0.242vw; letter-spacing: -0.604vw; border: 1px solid #000; }
#c8 .inner .ttl-box .ttl .sp-o-ss1 { position: relative; padding: 0.242vw 1.691vw 1.449vw 1.208vw; top: -0.242vw; letter-spacing: -0.604vw; border: 1px solid #000; position: absolute; top: 12.077vw; right: 7.971vw; background-color: #fff; }
#c8 .inner .ttl-box .ttl .sp-o-ss2 { width: 25.604vw; display: block; position: absolute; right: 7.971vw; padding: 0.483vw 2.174vw 2.174vw 2.174vw; top: 24.155vw; letter-spacing: -0.121vw; border: 1px solid #000; margin-left: auto; line-height: 9.179vw; font-size: 8.213vw; }
/* #c8 .inner .ttl-box .ttl .ss3 { position: relative; padding: 0.242vw 4.106vw 1.449vw 2.657vw; top: -0.242vw; left: -0.242vw; letter-spacing: -0.966vw; }
*/
    #c8 .inner .system-list { width: 91.787vw; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c8 .inner .system-list > li { width: 100%; /* margin-right: 1.449vw; */
        margin-bottom: 16.908vw; }
#c8 .inner .system-list > li:nth-child(3n) { margin-right: 0; }
#c8 .inner .system-list .system-pic { line-height: 0; margin-bottom: 0.966vw; }
#c8 .inner .system-list .system-pic img { aspect-ratio: 16/15; max-width: 100%; height: auto; }
#c8 .inner .system-list .sy-wap { padding: 3.14vw 4.106vw 0; }
#c8 .inner .system-list .sy-wap .system-ttl { font-weight: 900; font-size: 7.246vw; letter-spacing: 0.05em; line-height: 1.3; text-align: left; color: #162f67; margin-bottom: 1.932vw; font-size: 6.28vw; letter-spacing: 0.05em; line-height: 8.213vw; }
#c8 .inner .system-list .sy-wap .sy-txt-box { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #252525; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
#c8 .inner .system-list .sy-wap .tag-list { display: flex; flex-wrap: wrap; margin-top: 3.623vw; }
#c8 .inner .system-list .sy-wap .tag-list > li { border-radius: 3.865vw; background: #fff; border: 1px solid #0249ad; padding: 0.966vw 2.415vw 1.208vw 2.899vw; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; text-align: left; color: #0249ad; margin-right: 2.415vw; line-height: normal; }
#c8 .inner .system-list .sy-wap .tag-list > li::before { content: "#"; }
#c8 .inner .move-defo { width: 62.802vw; margin: 0 auto; margin-top: -2.415vw; /* position: absolute; */
        top: 20.048vw; right: 13.285vw; }
.o-box-02 { width: 100%; margin: 0 auto; margin-bottom: 13.768vw; background-color: #F7F6F3; position: relative; padding-bottom: 14.493vw; padding-top: 14.493vw; }
.o-box-02 .bnr-list { width: 82.126vw; margin: 0 auto; display: flex; flex-wrap: wrap; margin-bottom: 8.213vw; position: relative; /* top: -22.464vw; */
        margin-bottom: 4.831vw; }
.o-box-02 .bnr-list > li { width: 100%; margin-bottom: 2.415vw; /* margin-right: 5.556vw; */ }
.o-box-02 .bnr-list > li:nth-child(4n) { margin-right: 0; }
.o-box-02 .bnr { width: 82.126vw; margin: 0 auto; }
/*============================
  #c9
  ============================*/
    #c9 { background-image: url(../images/index/sp-c9-bg.png); background-repeat: no-repeat; background-position: center 27.295vw; background-size: 100%; padding-bottom: 55.072vw; }
#c9 .inner .en { width: 83.937vw; margin: 0 auto; position: relative; left: 0; margin-bottom: 1.208vw; }
#c9 .inner .ttl { font-weight: 900; color: #252525; position: relative; margin-bottom: 4.589vw; left: 3.382vw; font-size: 3.865vw; text-align: center; }
#c9 .inner .ttl .bikuri { position: relative; left: -1.208vw; margin-right: -2.657vw; }
#c9 .inner .ttl .ss1 { left: -2.174vw; position: relative; }
#c9 .inner .ttl .ss2 { position: relative; left: -3.865vw; letter-spacing: -0.05em; }
#c9 .inner .ttl .ss3 { position: relative; left: -4.831vw; top: -1.208vw; color: #0249AD; letter-spacing: 0.242vw; }
#c9 .inner .ttl .ss4 { position: relative; left: -6.522vw; top: -1.208vw; letter-spacing: normal; }
#c9 .inner .flex { width: 100%; margin: 0 auto; /* display: flex; */
        /* flex-wrap: wrap; */ }
#c9 .inner .flex .box-l { width: 83.575vw; margin: 0 auto; margin-bottom: 1.449vw; }
#c9 .inner .flex .box-l .kirikae { /* height: 94.203vw; */ }
#c9 .inner .flex .box-l .kirikae .kirikae-item img { width: 100%; height: 53.14vw; }
#c9 .inner .flex .box-r { width: 83.575vw; margin: 0 auto; }
#c9 .inner .flex .box-r .link-list li { background-color: #fff; }
#c9 .inner .flex .box-r .link-list li a { font-weight: bold; text-align: left; color: #252525; padding: 5.314vw 1.208vw 6.28vw 16.908vw; display: block; background-image: url(../images/index/sp-c9-deco.png), url(../images/index/c9-line.png); background-repeat: no-repeat, repeat-x; background-position: right 4.831vw top 7.729vw, 0 bottom; background-size: 3.865vw,0.483vw;; font-size: 4.348vw; letter-spacing: 0.09em; }
#c9 .inner .flex .box-r .link-list li:nth-child(1) { background-image: url(../images/index/sp-c9-li-deco-01.png); background-repeat: no-repeat; background-position: 5.556vw 3.865vw; background-size: 5.193vw; }
#c9 .inner .flex .box-r .link-list li:nth-child(2) { background-image: url(../images/index/sp-c9-li-deco-02.png); background-repeat: no-repeat; background-position: 4.106vw 6.522vw; background-size: 8.213vw; }
#c9 .inner .flex .box-r .link-list li:nth-child(3) { background-image: url(../images/index/sp-c9-li-deco-03.png); background-repeat: no-repeat; background-position: 3.14vw 6.763vw; background-size: 10.145vw; }
/*============================
  #c10
  ============================*/
    #c10 { margin-bottom: 24.879vw; margin-top: -35.99vw; }
#c10 .move-defo { width: 62.802vw; margin: 0 auto; margin-top: 9.662vw; }
#c10 .inner .ttl { margin-left: 7.971vw; margin-right: 5.314vw; margin-bottom: 1.932vw; line-height: normal; position: relative; }
#c10 .inner .ttl .sen1 { font-weight: 900; font-size: 5.314vw; text-align: left; color: #252525; border: 1px solid #252525; padding: 0.483vw 0.725vw 1.208vw 1.208vw; display: block; width: 47.826vw; font-size: 4.106vw; text-align: left; letter-spacing: 0; }
#c10 .inner .ttl .sen2 { border: 1px solid #252525; padding: 0 1.932vw 0.483vw 0.966vw; display: inline-block; font-weight: 900; font-size: 6.28vw; letter-spacing: 0.725vw; text-align: left; color: #252525; position: relative; top: -0.242vw; font-feature-settings: "palt"; letter-spacing: -0.242vw; }
#c10 .inner .ttl .sen2 .ss2 { position: relative; left: 0.725vw; margin-right: 0; }
#c10 .inner .ttl .sen3 { border: 1px solid #252525; padding: 0.483vw 1.932vw 0.483vw 1.449vw; display: inline-block; position: absolute; font-weight: 900; font-size: 5.797vw; text-align: left; color: #252525; top: 7.971vw; right: -1.208vw; background-color: #fff; font-feature-settings: "palt"; height: 9.899vw; }
#c10 .inner .txt1 { font-weight: bold; color: #252525; margin-left: 9.903vw; margin-bottom: 4.589vw; font-size: 3.865vw; letter-spacing: 0.05em; text-align: left; line-height: normal; }
#c10 .inner .txt1 .ss1 { position: relative; margin-right: -0.725vw; }
#c10 .inner .txt1 .ss2 { position: relative; /* font-feature-settings: "palt"; */
        left: -2.174vw; margin-right: -4.348vw; }
#c10 .inner .txt1 .ss3 { position: relative; /* left: -5.797vw; */ }
#c10 .inner .system-list { width: 91.787vw; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c10 .inner .system-list > li { width: 44.928vw; margin-right: 1.932vw; margin-bottom: 1.932vw; background-color: #F7F6F3; padding: 4.589vw 2.415vw 5.556vw; }
#c10 .inner .system-list > li:nth-child(2n) { margin-right: 0; }
#c10 .inner .system-list .system-pic { width: 100%; margin-bottom: 2.174vw; text-align: center; line-height: 0; }
#c10 .inner .system-list .system-pic img { max-width: 100%; height: auto; aspect-ratio: 4/3; }
#c10 .inner .system-list .system-ttl2 { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.072vw; color: #252525; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 3行で省略 */
        overflow: hidden; }
#c10 .inner .system-list .sy-flex { border-top: 1px solid #252525; margin-top: 3.14vw; display: flex; flex-wrap: wrap; min-height: 12.077vw; }
#c10 .inner .system-list .sy-flex > div { margin-top: 2.415vw; }
#c10 .inner .system-list .sy-flex .sy-box-l { width: 100%; /* border-right: 1px solid #252525; */
        position: relative; padding-right: 2.415vw; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name-box-inner { margin-bottom: 1.932vw; display: flex; flex-wrap: wrap; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name-box-inner .sy-staff-icon { width: 13.285vw; margin-right: 1.932vw; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name-box-inner .sy-staff-icon img { width: 12.077vw; height: 12.077vw; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name-box-inner .sy-staff-name { width: 22.324vw; padding-top: 0.725vw; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-job { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; color: #252525; margin-bottom: -1.449vw; }
#c10 .inner .system-list .sy-flex .sy-box-l .sy-name-box .sy-name { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; color: #252525; }
#c10 .inner .system-list .sy-flex .box-r { width: 100%; display: flex; align-items: center; flex-wrap: wrap; border-top: 1px solid #000; padding-top: 0.242vw; }
#c10 .inner .system-list .sy-flex .box-r .sy-date { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.797vw; color: #252525; }
.logo-box { width: 91.787vw; margin: 0 auto; margin-bottom: 23.188vw; position: relative; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); border-radius: 4.831vw; }
.logo-box .ttl { width: 42.512vw; height: 10.87vw; border-radius: 6.039vw; background: #162f67; font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; text-align: center; color: #fff; margin: 0 auto; position: absolute; left: 0; right: 0; top: -6.039vw; z-index: 10; padding: 1.208vw 1.208vw 1.208vw 1.208vw; }
.logo-box .pic-01 { width: 100%; margin: 0 auto; position: relative; line-height: 0; }
.seo-box { width: 83.575vw; margin: 0 auto; margin-top: 11.594vw; margin-bottom: 13.527vw; }
.seo-box .seo-ttl { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 600; font-size: 5.314vw; letter-spacing: 0.05em; text-align: center; color: #0249ad; margin-bottom: 3.865vw; }
.seo-box .seo-txt { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #252525; }
 }
/*# sourceMappingURL=page-top.css.map */