@charset "UTF-8"; @media screen and (min-width: 768px),print {
    body {
        background-color: #fff;
    }

    .kiritori-box {
        width: 1280px;
        margin: 0 auto;
        position: relative;
    }

    .kiritori-box .in {
        margin-left: -320px;
        margin-right: -320px;
    }

    .nagare-move-u {
        --nagare-w: 2000px;
        --nagare-h: 320px;
        --nagare-speed: 70s;
        background-image: url(../images/index/mv-sra.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;
    }

    header {
        background-color: #FCF8F5;
    }

    .mv-box {
        background-image: url(../images/index/mv-bg.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 120px;
    }

    .mv-box .mv-rel-box {
        position: relative;
    }

    .mv-box .mv-rel-box .mv-btn {
        position: absolute;
        right: 0;
        top: 345px;
        z-index: 50;
    }

    .mv-box .mv-rel-box .mv-img {
        width: 969px;
        margin: 0 auto;
        margin-top: -161px;
    }

    .mv-box .mv-g-nav {
        position: relative;
    }

    .mv-box .menu {
        width: 1200px;
        height: 80px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-radius: 40px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 1px;
        padding-top: 28px;
    }

    .mv-box .menu > li {
        position: relative;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 22px;
        text-align: left;
        color: #222;
    }

    .mv-box .menu > li > a {
        padding: 0 40px;
        background-image: url(../images/index/navi-line.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

    .mv-box .menu > li:last-child > a {
        background-image: none;
    }

    .mv-box .menu > li > .ss {
        padding: 0 40px;
        background-image: url(../images/index/navi-line.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

    .mv-box .menuSub {
        position: absolute;
        margin-left: 0;
        padding: 0;
        display: none;
        top: 52px;
    }

    .mv-box .menuSub.open {
        display: block;
    }

    .mv-box .menuSub li {
        width: 300px;
        background-color: #fff;
        position: relative;
        z-index: 10;
    }

    .mv-box .menuSub li a {
        padding: 17px 40px;
        display: block;
        text-decoration: none;
        border-top: 1px solid #ccc;
    }

    .mv-box .menuSub li a:hover {
        text-decoration: underline;
    }

    #c1 {
        background-image: url(../images/index/c1-bg.png);
        background-repeat: no-repeat;
        background-position: center 0;
        padding-bottom: 173px;
        background-size: cover;
    }

    #c1 .inner {
        width: 960px;
        margin: 0 auto;
        padding-top: 60px;
        position: relative;
    }

    #c1 .inner .ttl {
        width: 909px;
        margin: 0 auto;
        margin-bottom: 19px;
        position: relative;
        left: -34px;
    }

    #c1 .inner .txt-tel {
        width: 960px;
        margin: 0 auto;
        margin-bottom: 26px;
        box-shadow: 0px 10px 20px rgba(34, 34, 34, 0.1);
        border-radius: 70px;
    }

    #c1 .inner .txt-1 {
        position: absolute;
        bottom: -76px;
        right: -85px;
        z-index: 100;
    }

    #c1 .inner .txt-box {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #222;
    }

    #c1 .c1-btn {
        width: 560px;
        margin: 0 auto;
        margin-top: 24px;
    }

    #c2 {
        background-color: #FCF8F5;
    }

    #c2 .inner {
        width: 1440px;
        margin: 0 auto;
        border-radius: 80px;
        background: #fff;
        box-shadow: 0px 20px 40px rgba(85, 45, 13, 0.14);
        position: relative;
        top: -117px;
        margin-bottom: -117px;
        padding-top: 100px;
        padding-bottom: 70px;
    }

    #c2 .inner .ttl {
        width: 810px;
        margin: 0 auto;
        margin-bottom: 24px;
    }

    #c2 .inner .txt-1 {
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #222;
        margin-bottom: 10px;
    }

    #c2 .inner .txt-2 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #222;
        margin-bottom: 56px;
    }

    #c2 .inner .reform-set {
        width: 1200px;
        margin: 0 auto;
    }

    #c2 .inner .reform-set > div {
        width: 1200px;
        margin: 0 auto;
        background: #e7f3f9;
        border-radius: 20px;
        padding-top: 40px;
        padding-bottom: 36px;
        position: relative;
        margin-bottom: 80px;
    }

    #c2 .inner .reform-set .s-ttl {
        width: 458px;
        margin: 0 auto;
        margin-bottom: 24px;
    }

    #c2 .inner .reform-set .s-list {
        width: 1100px;
        margin: 0 auto;
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    #c2 .inner .reform-set .s-list >li {
        width: 260px;
        border-radius: 10px;
        background: #fff;
        margin-right: 20px;
        padding: 10px 10px 16px;
    }

    #c2 .inner .reform-set .s-list >li:last-child {
        margin-right: 0;
    }

    #c2 .inner .reform-set .s-list .s-pic {
        margin-bottom: 0px;
    }

    #c2 .inner .reform-set .s-list .s-txt {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #222;
    }

    #c2 .inner .reform-set .txt-box {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #222;
    }

    #c2 .inner .reform-set .s-more {
        position: absolute;
        bottom: -30px;
        right: 51px;
    }

    #c2 .inner .reform-set .reform_1 {
        background-color: #FEF4E7;
    }

    #c2 .inner .reform-set .reform_1 .s-ttl {
        width: 507px;
    }

    #c2 .inner .reform-set .reform_2 {
        background-color: #E8F3EC;
    }

    #c2 .inner .reform-set .reform_2 .s-ttl {
        width: 672px;
    }

    #c3 {
        background-color: #EDE4DA;
        padding-top: 292px;
        margin-top: -297px;
        padding-bottom: 178px;
    }

    #c3 .inner {
        width: 1280px;
        margin: 0 auto;
        position: relative;
    }

    #c3 .inner .en {
        margin-bottom: 1px;
    }

    #c3 .inner .ttl-box {
        position: relative;
        margin-bottom: 33px;
    }

    #c3 .inner .ttl {
        font-weight: bold;
        font-size: 40px;
        text-align: left;
        color: #222;
        margin-right: 24px;
    }

    #c3 .inner .txt-1 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        text-align: left;
        color: #222;
        position: absolute;
        top: 31px;
        left: 264px;
    }

    #c3 .inner .system-list {
        display: flex;
        flex-wrap: wrap;
    }

    #c3 .inner .system-list .system-list-item {
        width: 400px;
        margin-right: 40px;
    }

    #c3 .inner .system-list .system-list-item a:hover {
        text-decoration: none;
    }

    #c3 .inner .system-list .system-list-item:hover .system-ttl-1 {
        text-decoration: underline;
    }

    #c3 .inner .system-list .system-list-item:nth-child(3n) {
        margin-right: 0px;
    }

    #c3 .inner .system-list .system-pic {
        margin-bottom: 0px;
    }

    #c3 .inner .system-list .system-pic img {
        aspect-ratio: 400 / 560;
        max-width: 100%;
        height: auto;
        border-radius: 10px;
    }

    #c3 .inner .system-list .system-date {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: left;
        color: #8f4c18;
        margin-bottom: 3px;
    }

    #c3 .inner .system-list .system-ttl-1 {
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: left;
        color: #222;
    }

    #c3 .inner .more {
        position: absolute;
        top: 35px;
        right: 1px;
    }

    #c3 .system-list .system-pic.event-off img {
        /* filter: grayscale(1); */
    }

    #c3 .system-list .sy_radio-box > p {
        border: 1px solid #000;
        padding: 5px 5px 5px;
        text-align: center;
        font-weight: 700;
    }

    #c3 .system-list .sy_radio-2 {
        background-color: #1c1c1c;
        color: #fff;
    }

    #c3 .system-list .system-ttl {
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: left;
        color: #222;
        margin-top: 10px;
    }

    #c3 .system-list .system-info {
        margin-top: 12px;
    }

    #c3 .system-list .system-info .system-flex {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 9px;
    }

    #c3 .system-list .system-info .system-flex:last-child {
        margin-bottom: 0;
    }

    #c3 .system-list .system-info .system-flex .system-box-l {
        width: 92px;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        margin-right: 18px;
    }

    #c3 .system-list .system-info .system-flex .system-box-l .system-color {
        background-color: #8F4C18;
        display: block;
    }

    #c3 .system-list .system-info .system-flex .system-box-r {
        width: 200px;
        font-weight: normal;
        font-size: 14px;
        text-align: left;
        color: #000;
    }

    .cv-bg {
        background: linear-gradient(180deg, #EDE4DA 0%, #EDE4DA 50%, #FCF8F5 50%, #FCF8F5 100%);
    }

    #cv {
        width: 100%;
        margin: 0 auto;
        border-radius: 30px;
        background: #eac512;
        margin-top: -40px;
    }

    #cv .inner {
        width: 1100px;
        margin: 0 auto;
        position: relative;
        padding-bottom: 50px;
    }

    #cv .inner .ttl {
        width: 830px;
        margin: 0 auto;
        margin-bottom: -60px;
        position: relative;
        top: -74px;
    }

    #cv .inner .deco-1 {
        position: absolute;
        top: -68px;
        right: -18px;
    }

    #cv .inner .txt-1 {
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #222;
        margin-bottom: 10px;
    }

    #cv .inner .txt-2 {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 28px;
        text-align: center;
        color: #222;
        margin-bottom: 26px;
    }

    #cv .inner .more {
        width: 720px;
        margin: 0 auto;
    }

    #cv .inner .deco-2 {
        position: absolute;
        bottom: 0;
        left: -171px;
    }

    #c5 {
        background-color: #FCF8F5;
        padding-top: 92px;
        padding-bottom: 120px;
    }

    #c5 .inner .en {
        width: 52px;
        margin: 0 auto;
        margin-bottom: 1px;
    }

    #c5 .inner .ttl {
        font-weight: bold;
        font-size: 40px;
        text-align: center;
        color: #222;
        margin-bottom: 13px;
    }

    #c5 .inner .txt-1 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #222;
        margin-bottom: 36px;
    }

    #c5 .inner .system-list {
        width: 1160px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }

    #c5 .inner .system-list .system-default-item {
        width: 360px;
        margin-right: 40px;
        margin-bottom: 40px;
        background-color: #FFFFFF;
    }

    #c5 .inner .system-list .system-default-item a:hover {
        text-decoration: none;
    }

    #c5 .inner .system-list .system-default-item:hover .system-ttl {
        text-decoration: underline;
    }

    #c5 .inner .system-list .system-default-item:nth-child(3n) {
        margin-right: 0px;
    }

    #c5 .inner .system-list .system-pic img {
        aspect-ratio: 360 / 240;
        max-width: 100%;
        height: auto;
    }

    #c5 .inner .system-list .system-flex {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 18px 20px 2px 20px;
        border-bottom: 1px solid #E8E5E0;
    }

    #c5 .inner .system-list .system-flex .system-box-l {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 1.7;
        color: #222;
        margin-bottom: 12px;
    }

    #c5 .inner .system-list .system-flex .system-box-r {
        position: relative;
        top: -7px;
    }

    #c5 .inner .system-list .system-flex .system-box-r .system-cate-list li {
        border-radius: 4px;
        background-color: #222222;
        padding: 0px 11px 0px;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        text-align: right;
        color: #fff;
        display: inline-block;
        margin-right: 5px;
        margin-top: 5px;
    }

    #c5 .inner .system-list .system-ttl {
        padding: 15px 19px 39px;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 26px;
        text-align: left;
        color: #222;
    }

    #c5 .inner .more {
        width: 800px;
        margin: 0 auto;
        margin-top: 24px;
    }

    #c6 {
        background-image: url(../images/index/c6-bg.png);
        background-repeat: repeat-y;
        background-position: center 0;
        padding-top: 80px;
        padding-bottom: 100px;
    }

    #c6 .inner .rel-box {
        width: 1280px;
        margin: 0 auto;
        position: relative;
    }

    #c6 .inner .rel-box .box-l {
        position: absolute;
        left: -161px;
        top: 6px;
        width: 320px;
    }

    #c6 .inner .rel-box .box-l .ttl {
        margin-bottom: 20px;
    }

    #c6 .inner .rel-box .box-l .txt-1 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: left;
        color: #222;
    }

    #c6 .inner .rel-box .box-r {
        width: 1520px;
        margin-left: auto;
        position: relative;
        left: 229px;
    }

    #c6 .inner .rel-box .box-r .sra {
        display: flex;
        flex-wrap: wrap;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item {
        width: 360px;
        background-color: #fff;
        padding: 20px 20px 39px;
        margin-left: 10px;
        margin-right: 10px;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item a:hover {
        text-decoration: none;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item:hover .system-ttl {
        text-decoration: underline;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item .system-pic {
        margin-bottom: 15px;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item .system-pic img {
        aspect-ratio: 320 / 200;
        max-width: 100%;
        height: auto;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item .system-txt {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 1.65;
        text-align: left;
        color: #a5a5a5;
        margin-bottom: 5px;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item .system-ttl {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 26px;
        text-align: left;
        color: #222;
    }

    #c6 .inner .rel-box .box-r .sra.two-only {
        width: 780px;
    }

    #c6 .inner .rel-box .box-r .sra.three-only {
        width: 1140px;
    }

    #c6 .inner .rel-box .box-r .sra.four-only {
        width: 1140px;
    }

    #c6 .inner .rel-box .box-r .sra.four-over {
        width: 1520px;
    }

    #c6 .inner .rel-box .box-l .arrows {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 288px;
        z-index: 10;
    }

    #c6 .inner .rel-box .box-l .arrows > div {
        width: 60px;
        height: 60px;
        background-image: url(../images/index/c6-l.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100%;
        position: absolute;
    }

    #c6 .inner .rel-box .box-l .arrows > div:hover {
        cursor: pointer;
        cursor: hand;
        opacity: 0.8;
    }

    #c6 .inner .rel-box .box-l .arrows .slick_mae {
        left: 0px;
    }

    #c6 .inner .rel-box .box-l .arrows .slick_ushiro {
        left: 70px;
        transform: scale(-1, 1);
    }

    #c6 .inner .more {
        width: 800px;
        margin: 0 auto;
        margin-top: 60px;
    }

    .o-bg {
        background-color: #FCF8F5;
        padding-top: 80px;
        padding-bottom: 115px;
    }

    .o-bg .o-bnr-box {
        width: 1000px;
        margin: 0 auto;
        position: relative;
    }

    .o-bg .o-bnr-box .pic {
        margin-bottom: -3px;
    }

    .o-bg .o-bnr-box .txt {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: left;
        color: #222;
    }

    .o-bg .o-bnr-box .more {
        position: absolute;
        bottom: 4px;
        right: 208px;
    }

    #c8 {
        background-image: url(../images/index/c8-bg.png);
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 132px;
        padding-bottom: 355px;
    }

    #c8 .inner .ttl {
        width: 659px;
        margin: 0 auto;
        margin-bottom: 69px;
        position: relative;
        left: -21px;
    }

    #c8 .inner .list {
        width: 1560px;
        margin: 0 auto;
        margin-bottom: 60px;
        display: flex;
        flex-wrap: wrap;
    }

    #c8 .inner .list >li {
        width: 280px;
        margin-right: 40px;
    }

    #c8 .inner .list >li:last-child {
        margin-right: 0;
    }

    #c8 .inner .txt-1 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #fff;
        margin-bottom: 22px;
    }

    #c8 .inner .txt-2 {
        font-weight: bold;
        font-size: 24px;
        letter-spacing: 0.05em;
        line-height: 47px;
        text-align: center;
        color: #fff;
        margin-bottom: 74px;
    }

    #c8 .inner .more {
        width: 800px;
        margin: 0 auto;
    }

    .bg-wap-box {
        background-image: url(../images/index/bg-wap.png);
        background-repeat: no-repeat;
        background-position: center bottom 0px;
        padding-bottom: 218px;
    }

    #c9 .bg-box {
        width: 1680px;
        margin: 0 auto;
        position: relative;
        top: -235px;
    }

    #c9 .bg-box .bg-t {
        background-image: url(../images/index/c9-bg-t.png);
        background-repeat: no-repeat;
        background-position: center 0;
        height: 100px;
    }

    #c9 .bg-box .bg-ptn {
        background-image: url(../images/index/c9-bg-ptn.jpg);
        background-repeat: repeat;
        background-position: center 0;
    }

    #c9 .bg-box .bg-ptn .ttl {
        width: 622px;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    #c9 .bg-box .bg-ptn .pic img {
        width: 100%;
    }

    #c9 .bg-box .bg-ptn .bg-s-box {
        width: 1000px;
        margin: 0 auto;
        position: relative;
        top: -40px;
        margin-bottom: -10px;
        background-image: url(../images/index/c9-bg-02.png);
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 34px;
    }

    #c9 .bg-box .bg-ptn .bg-s-box .txt-1 {
        font-weight: bold;
        font-size: 24px;
        letter-spacing: 0.05em;
        line-height: 47px;
        text-align: center;
        color: #fff;
        margin-bottom: 14px;
    }

    #c9 .bg-box .bg-ptn .bg-s-box .txt-2 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #fff;
        margin-bottom: 36px;
    }

    #c9 .bg-box .bg-ptn .bg-s-box .more {
        width: 560px;
        margin: 0 auto;
    }

    #c9 .bg-box .bg-ptn .bnr {
        width: 1200px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    #c9 .bg-box .bg-ptn .txt-3 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 120;
    }

    #c9 .bg-box .bg-b {
        height: 96px;
        background-image: url(../images/index/c9-bg-b.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    #c10 {
        background-image: url(../images/index/c10-bg-deco.png);
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 356px;
        position: relative;
        top: -440px;
        z-index: 100;
        padding-bottom: 253px;
        margin-bottom: -694px;
    }

    #c10 .inner {
        width: 1440px;
        margin: 0 auto;
        position: relative;
    }

    #c10 .inner .ttl {
        margin-bottom: 40px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: bold;
        font-size: 80px;
        letter-spacing: 0.1em;
        color: #222;
        position: relative;
        z-index: 10;
    }

    #c10 .inner .ttl .ss1 {
        font-weight: bold;
        font-size: 80px;
        letter-spacing: 0.1em;
        line-height: 134px;
        text-align: left;
        color: #222;
        display: block;
        margin-bottom: -7px;
    }

    #c10 .inner .ttl .ss2 {
        font-weight: bold;
        font-size: 80px;
        letter-spacing: 0.1em;
        line-height: 134px;
        text-align: left;
        color: #222;
    }

    #c10 .inner .ttl .ss2 .ss3 {
        color: #F99B19;
    }

    #c10 .inner .en {
        position: absolute;
        top: 5px;
        right: 79px;
    }

    #c10 .inner .pic {
        position: absolute;
        top: 269px;
        right: -239px;
    }

    #c10 .inner .txt-1 {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: bold;
        font-size: 28px;
        letter-spacing: 0.05em;
        line-height: 50px;
        text-align: left;
        color: #222;
        position: relative;
        z-index: 10;
        margin-bottom: 27px;
    }

    #c10 .inner .txt-1 .ss4 {
        width: 580px;
        display: block;
        padding: 5px 0px 0px;
        margin-bottom: -5px;
    }

    #c10 .inner .txt-1 .ss5 {
        width: 680px;
        display: block;
        padding: 5px 0px 2px;
        background-color: #f2ebe3;
    }

    #c10 .inner .txt-2 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 36px;
        text-align: left;
        color: #222;
        margin-bottom: 36px;
    }

    #c10 .inner .txt-3 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 36px;
        text-align: left;
        color: #222;
        margin-bottom: 11px;
    }

    #c10 .inner .txt-4 {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: bold;
        font-size: 24px;
        letter-spacing: 0.05em;
        line-height: 50px;
        text-align: left;
        color: #222;
        margin-bottom: 10px;
    }

    #c10 .inner .txt-5 {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 36px;
        text-align: left;
        color: #222;
        margin-bottom: 58px;
    }

    #c10 .inner .more {
        width: 400px;
    }

    #c11 {
        background-image: url(../images/index/c11-bg.png);
        background-repeat: no-repeat;
        background-position: center 0;
        height: 400px;
    }

    #c11 .inner {
        width: 1100px;
        margin: 0 auto;
    }

    #c11 .inner .ttl {
        width: 720px;
        height: 90px;
        margin: 0 auto;
        border-radius: 10px;
        background: #3f1f09;
        position: relative;
        font-weight: bold;
        font-size: 40px;
        letter-spacing: 0.1em;
        line-height: 62px;
        text-align: center;
        color: #fff;
        padding: 14px 5px 5px;
        top: -30px;
        margin-bottom: -2px;
    }

    #c11 .inner .txt-1 {
        font-weight: bold;
        font-size: 24px;
        letter-spacing: 0.1em;
        line-height: 44px;
        text-align: center;
        color: #fdf151;
        margin-bottom: 17px;
    }

    #c11 .inner .txt-2 {
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 0.1em;
        line-height: 33px;
        text-align: center;
        color: #fff;
        margin-bottom: 9px;
    }

    #c11 .inner .txt-3 {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 26px;
        text-align: center;
        color: #fff;
        margin-bottom: 37px;
    }

    #c11 .inner .more {
        width: 400px;
        margin: 0 auto;
    }

    .info-box-wp {
        background-image: url(../images/index/c12-bg-t.png);
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 120px;
        background-color: #FCF8F5;
    }

    .info-box {
        width: 1440px;
        margin: 0 auto;
        background-color: #FCF8F5;
        padding-top: 102px;
        margin-bottom: 64px;
    }

    .info-box .flex {
        width: 1160px;
        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;
    }

    .info-box .flex > div {
        position: relative;
        width: 540px;
    }

    .info-box .flex > div .info-ttl-box {
        padding-bottom: 37px;
    }

    .info-box .flex > div .scr-box {
        height: 454px;
        overflow-y: scroll;
    }

    .info-box .flex > div .scr-box .system-list >li a {
        display: block;
        border-top: 1px solid #BFBDBD;
        padding: 17px 55px 16px 20px;
    }

    .info-box .flex > div .scr-box .system-list >li:last-child a {
        border-bottom: 1px solid #BFBDBD;
    }

    .info-box .flex > div .scr-box .system-list >li a:hover {
        text-decoration: none;
    }

    .info-box .flex > div .scr-box .system-list >li:hover .system-ttl {
        text-decoration: underline;
    }

    .info-box .flex > div .scr-box .system-list .system-date {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 26px;
        text-align: left;
        color: #f99b19;
        margin-bottom: 7px;
    }

    .info-box .flex > div .scr-box .system-list .system-ttl {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 26px;
        text-align: left;
        color: #222;
    }

    .info-box .flex > div .more {
        position: absolute;
        top: 8px;
        right: 1px;
    }

    .info-box .flex .box-l #c12 .info-ttl-box .ttl {
        width: 182px;
    }

    .info-box .flex .box-r #c13 .info-ttl-box .ttl {
        width: 319px;
    }

    .o-box-02 {
        width: 1200px;
        margin: 0 auto;
        margin-bottom: 76px;
    }

    .o-box-02 .list {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .o-box-02 .list .bnr-pic {
        margin-bottom: 12px;
    }

    .o-box-02 .list .bnr-txt {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 32px;
        text-align: center;
        color: #222;
    }

    .o-box-03 {
        width: 800px;
        margin: 0 auto;
    }

    .top-only #ee {
        margin-top: 0;
        padding-top: 120px;
        background: linear-gradient(180deg, #FCF8F5 0%, #FCF8F5 630px, #EDE4DA 630px, #EDE4DA 100%);
    }

    .top-only #ee .ee-box {
        height: auto;
    }

    .top-only .seo-box {
        margin-top: 33px;
    }

    .top-only .seo-box .seo-en {
        width: 72px;
        margin: 0 auto;
        margin-bottom: 14px;
    }

    .top-only .seo-box .seo-txt {
        width: 1000px;
        margin: 0 auto;
        margin-bottom: 96px;
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0.05em;
        line-height: 22px;
        text-align: left;
        color: #222;
    }

    @keyframes nagare-left {
        from {
            background-position-x: 0;
        }

        to {
            background-position-x: calc(-1 * var(--nagare-w));
        }
    }
}

@media screen and (min-width: 766px) and (max-width: 1600px) {
    #c2 .inner {
        width: 100%;
    }

    #c3 .inner {
        width: 1160px;
        margin: 0 auto;
        position: relative;
    }

    #c3 .inner .system-list .system-list-item {
        width: 32%;
        margin-right: 2%;
    }

    #c6 .inner .rel-box {
        width: 1160px;
        margin: 0 auto;
        position: relative;
    }

    #c6 .inner .rel-box .box-l {
        position: absolute;
        left: 0px;
    }

    #c6 .inner .rel-box .box-r {
        left: 350px;
    }

    #c8 .inner .list {
        width: 1160px;
    }

    #c8 .inner .list li {
        width: 18.4%;
        margin-right: 2%;
    }

    #c8 .inner .list li img {
        width: 100%;
    }

    #c9 .bg-box .bg-t {
        background-size: 100%;
    }

    #c9 .bg-box {
        width: 1160px;
    }

    #c9 .bg-box .bg-ptn .bnr {
        width: 1040px;
    }

    #c9 .bg-box .bg-ptn .bnr img {
        width: 100%;
    }

    #c9 .bg-box .bg-b {
        background-size: 100%;
    }

    #c10 .inner {
        width: 1160px;
        margin: 0 auto;
    }

    #c10 .inner .pic {
        position: absolute;
        top: 381px;
        right: -30px;
        width: 730px;
    }

    #c10 .inner .pic img {
        width: 100%;
    }

    .info-box {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 64px;
    }
}

@media screen and (max-width: 767px) {
    body {
        background-color: #fff;
    }

    #ee {
        margin-top: 31.159vw;
        background: linear-gradient(180deg, #fff 0%, #fff 152.174vw, #EDE4DA 152.174vw, #EDE4DA 100%);
    }

    .nagare-move-u {
        --nagare-w: 177.778vw;
        --nagare-h: 28.986vw;
        --nagare-speed: 70s;
        background-image: url(../images/index/sp-mv-sra.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;
    }

    header {
        background-color: #FCF8F5;
        height: 15.459vw;
    }

    .mv-box {
        padding-bottom: 0px;
    }

    .mv-box .mv-rel-box {
        position: relative;
    }

    .mv-box .mv-rel-box .mv-btn {
        position: absolute;
        right: 0;
        top: 63.768vw;
        z-index: 50;
        width: 38.647vw;
    }

    .mv-box .mv-rel-box .mv-img {
        width: 100%;
        margin: 0 auto;
        margin-top: -9.662vw;
    }

    .mv-box .mv-g-nav {
        display: none;
    }

    #c1 {
        background-image: url(../images/index/sp-c1-bg.png);
        background-repeat: no-repeat;
        background-position: center 0;
        padding-bottom: 41.787vw;
    }

    #c1 .inner {
        width: 100%;
        margin: 0 auto;
        padding-top: 4.831vw;
        position: relative;
    }

    #c1 .inner .ttl {
        width: 79.227vw;
        margin: 0 auto;
        margin-bottom: 6.763vw;
        position: relative;
    }

    #c1 .inner .sp-rel {
        position: relative;
    }

    #c1 .inner .sp-only-deco {
        width: 21.884vw;
        position: absolute;
        bottom: -80.725vw;
        right: 5.072vw;
        z-index: 10;
    }

    #c1 .inner .txt-tel {
        width: 89.372vw;
        margin: 0 auto;
        margin-bottom: 5.072vw;
        box-shadow: 0px 6px 12px rgba(34, 34, 34, 0.1);
        border-radius: 16.908vw;
    }

    #c1 .inner .txt-1 {
        position: absolute;
        top: -12.077vw;
        left: 1.208vw;
        z-index: 100;
        width: 22.222vw;
    }

    #c1 .inner .txt-box {
        font-weight: 500;
        text-align: center;
        color: #222;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #c1 .c1-btn {
        width: 77.295vw;
        margin: 0 auto;
        margin-top: 4.831vw;
        margin-bottom: 8.937vw;
    }

    #c2 {
        background-color: #FCF8F5;
    }

    #c2 .inner {
        width: 100%;
        margin: 0 auto;
        border-radius: 9.662vw;
        background: #fff;
        box-shadow: 0px 20px 40px rgba(85, 45, 13, 0.14);
        position: relative;
        top: -32.85vw;
        margin-bottom: -28.261vw;
        padding-top: 15.7vw;
        padding-bottom: 11.111vw;
    }

    #c2 .inner .ttl {
        width: 88.406vw;
        margin: 0 auto;
        margin-bottom: 5.314vw;
        position: relative;
        left: 0.725vw;
    }

    #c2 .inner .txt-1 {
        font-weight: bold;
        text-align: center;
        color: #222;
        margin-bottom: 2.415vw;
        font-size: 4.348vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
    }

    #c2 .inner .txt-2 {
        font-weight: 500;
        text-align: center;
        color: #222;
        margin-bottom: 8.937vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #c2 .inner .reform-set {
        width: 89.372vw;
        margin: 0 auto;
    }

    #c2 .inner .reform-set > div {
        width: 100%;
        margin: 0 auto;
        background: #e7f3f9;
        border-radius: 4.831vw;
        padding-top: 10.628vw;
        padding-bottom: 11.836vw;
        position: relative;
        margin-bottom: 12.077vw;
    }

    #c2 .inner .reform-set .s-ttl {
        width: 32.367vw;
        margin: 0 auto;
        margin-bottom: 4.831vw;
        position: relative;
        left: -0.725vw;
    }

    #c2 .inner .reform-set .s-list {
        width: 79.71vw;
        margin: 0 auto;
        margin-bottom: 1.691vw;
        display: flex;
        flex-wrap: wrap;
    }

    #c2 .inner .reform-set .s-list >li {
        width: 38.647vw;
        border-radius: 0.966vw;
        background: #fff;
        margin-right: 2.415vw;
        margin-bottom: 2.415vw;
        padding: 2.415vw 2.415vw 1.449vw;
    }

    #c2 .inner .reform-set .s-list >li:nth-child(2n) {
        margin-right: 0px;
    }

    #c2 .inner .reform-set .s-list .s-pic {
        margin-bottom: -0.966vw;
    }

    #c2 .inner .reform-set .s-list .s-txt {
        font-weight: 500;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
        text-align: center;
        color: #222;
    }

    #c2 .inner .reform-set .txt-box {
        font-weight: 500;
        text-align: center;
        color: #222;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #c2 .inner .reform-set .s-more {
        position: absolute;
        bottom: -7.729vw;
        right: 4.589vw;
        width: 15.459vw;
    }

    #c2 .inner .reform-set .reform_1 {
        background-color: #FEF4E7;
    }

    #c2 .inner .reform-set .reform_1 .s-ttl {
        width: 39.734vw;
        left: 0.242vw;
    }

    #c2 .inner .reform-set .reform_2 {
        background-color: #E8F3EC;
    }

    #c2 .inner .reform-set .reform_2 .s-ttl {
        width: 63.406vw;
        left: 0.242vw;
    }

    #c3 {
        background-color: #EDE4DA;
        padding-top: 56.039vw;
        margin-top: -71.739vw;
        padding-bottom: 28.986vw;
    }

    #c3 .inner {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    #c3 .inner .en {
        width: 10.87vw;
        margin: 0 auto;
        margin-bottom: 5.314vw;
        position: relative;
        left: 0.483vw;
    }

    #c3 .inner .ttl-box {
        position: relative;
        margin-bottom: 8.937vw;
    }

    #c3 .inner .ttl {
        font-weight: bold;
        font-size: 7.729vw;
        text-align: center;
        color: #222;
        letter-spacing: normal;
        margin-bottom: 5.556vw;
    }

    #c3 .inner .txt-1 {
        font-weight: 500;
        text-align: center;
        color: #222;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #c3 .inner .system-list {
        width: 159.42vw;
        margin: 0 auto;
        position: relative;
        left: -29.71vw;
    }

    #c3 .inner .system-list .system-list-item {
        width: 100%;
        margin-left: 2.415vw;
        margin-right: 2.415vw;
    }

    #c3 .inner .system-list .system-list-item a:hover {
        text-decoration: none;
    }

    #c3 .inner .system-list .system-list-item:hover .system-ttl-1 {
        text-decoration: underline;
    }

    #c3 .inner .system-list .system-pic img {
        aspect-ratio: 200 / 280;
        max-width: 100%;
        height: auto;
        border-radius: 2.415vw;
    }

    #c3 .inner .system-list .system-date {
        font-weight: 500;
        text-align: left;
        color: #8f4c18;
        margin-bottom: 0.242vw;
        font-size: 2.899vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
    }

    #c3 .inner .system-list .system-ttl-1 {
        font-weight: bold;
        text-align: left;
        color: #222;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 6.763vw;
    }

    #c3 .inner .more {
        width: 77.295vw;
        margin: 0 auto;
        margin-top: 8.937vw;
        top: 8.454vw;
        right: 0.242vw;
    }

    #c3 .inner .system-list .system-pic.event-off img {
        /* filter: grayscale(1); */
    }

    #c3 .inner .system-list .sy_radio-box > p {
        border: 1px solid #000;
        padding: 1.208vw 1.208vw 1.208vw;
        text-align: center;
        font-weight: 700;
        font-size: 3.623vw;
    }

    #c3 .inner .system-list .sy_radio-2 {
        background-color: #1c1c1c;
        color: #fff;
    }

    #c3 .inner .system-list > article {
        margin-bottom: 9.42vw;
    }

    #c3 .inner .system-list .system-ttl {
        font-weight: bold;
        font-size: 4.348vw;
        line-height: 1.65;
        text-align: left;
        color: #000;
        padding: 0 0;
        margin-top: 3.865vw;
    }

    #c3 .inner .system-list .system-info {
        border-top: 1px solid #1c1c1c;
        margin-top: 2.899vw;
        padding-top: 4.831vw;
    }

    #c3 .inner .system-list .system-info .system-flex {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 2.415vw;
    }

    #c3 .inner .system-list .system-info .system-flex:last-child {
        margin-bottom: 0;
    }

    #c3 .inner .system-list .system-info .system-flex .system-box-l {
        width: 24.155vw;
        text-align: center;
        font-weight: 500;
        font-size: 3.865vw;
        color: #fff;
        margin-right: 4.831vw;
    }

    #c3 .inner .system-list .system-info .system-flex .system-box-l .system-color {
        background-color: #8F4C18;
        display: block;
    }

    #c3 .inner .system-list .system-info .system-flex .system-box-r {
        width: 54.348vw;
        font-weight: normal;
        font-size: 3.865vw;
        text-align: left;
        color: #000;
    }

#c3 .inner .system-list.one-below{
    width: 90vw;
    margin: 0 auto;
            left: auto;
}

#c3 .inner .system-list.one-below .system-list-item{
margin-left: 0;
margin-right: 0;
}



    .cv-bg {
        background: linear-gradient(180deg, #EDE4DA 0%, #EDE4DA 50%, #FCF8F5 50%, #FCF8F5 100%);
    }

    #cv {
        width: 100%;
        margin: 0 auto;
        border-radius: 9.662vw;
        background: #eac512;
        margin-top: -9.662vw;
    }

    #cv .inner {
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding-bottom: 14.493vw;
    }

    #cv .inner .ttl {
        width: 56.28vw;
        margin: 0 auto;
        margin-bottom: -0.242vw;
        position: relative;
        top: -5.556vw;
    }

    #cv .inner .deco-1 {
        position: absolute;
        top: -5.797vw;
        right: 7.729vw;
        width: 17.271vw;
    }

    #cv .inner .txt-1 {
        font-weight: bold;
        font-size: 4.831vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
        text-align: center;
        color: #222;
        margin-bottom: 2.415vw;
        font-size: 4.348vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
    }

    #cv .inner .txt-2 {
        font-weight: 500;
        text-align: center;
        color: #222;
        margin-bottom: 7.005vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #cv .inner .more {
        width: 89.372vw;
        margin: 0 auto;
    }

    #cv .inner .deco-2 {
        position: absolute;
        bottom: 0;
        left: 5.314vw;
        width: 19.082vw;
    }

    #c5 {
        background-color: #FCF8F5;
        padding-top: 12.319vw;
        padding-bottom: 19.324vw;
    }

    #c5 .inner .en {
        width: 12.44vw;
        margin: 0 auto;
        margin-bottom: 5.314vw;
    }

    #c5 .inner .ttl {
        font-weight: bold;
        font-size: 7.729vw;
        text-align: center;
        color: #222;
        margin-bottom: 5.556vw;
    }

    #c5 .inner .txt-1 {
        font-weight: 500;
        text-align: center;
        color: #222;
        margin-bottom: 8.696vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #c5 .inner .system-list {
        width: 89.372vw;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }

    #c5 .inner .system-list >li {
        width: 43.478vw;
        margin-right: 2.415vw;
        margin-bottom: 3.382vw;
        background-color: #FFFFFF;
    }

    #c5 .inner .system-list >li a:hover {
        text-decoration: none;
    }

    #c5 .inner .system-list >li:hover .system-ttl {
        text-decoration: underline;
    }

    #c5 .inner .system-list >li:nth-child(2n) {
        margin-right: 0px;
    }

    #c5 .inner .system-list .system-pic img {
        aspect-ratio: 360 / 240;
        max-width: 100%;
        height: auto;
    }

    #c5 .inner .system-list .system-flex {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 2.415vw 3.382vw 1.932vw 3.382vw;
        border-bottom: 1px solid #E8E5E0;
    }

    #c5 .inner .system-list .system-flex .system-box-l {
        font-weight: 500;
        color: #222;
        font-size: 2.899vw;
        letter-spacing: 0.05em;
        line-height: 1.65;
        margin-bottom: 0px;
    }

    #c5 .inner .system-list .system-flex .system-box-r .system-cate-list li {
        border-radius: 0.483vw;
        background-color: #222222;
        padding: 0.483vw 1.932vw 0.725vw;
        font-weight: 500;
        text-align: right;
        color: #fff;
        display: inline-block;
        font-size: 2.899vw;
        letter-spacing: 0.05em;
        line-height: normal;
        margin-right: 0.5em;
        margin-top: 0.5em;
    }

    #c5 .inner .system-list .system-ttl {
        padding: 1.932vw 3.382vw 4.106vw;
        font-weight: bold;
        text-align: left;
        color: #222;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 5.797vw;
    }

    #c5 .inner .more {
        width: 77.295vw;
        margin: 0 auto;
        margin-top: 6.28vw;
    }

    #c6 {
        background-image: url(../images/index/sp-c6-bg.png);
        background-repeat: repeat-y;
        background-position: center 0;
        background-size: 100%;
        padding-top: 14.251vw;
        padding-bottom: 14.493vw;
        padding-left: 5.314vw;
        padding-right: 6.522vw;
    }

    #c6 .inner .rel-box {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    #c6 .inner .rel-box .box-l .ttl {
        width: 40.217vw;
        margin-bottom: 3.865vw;
    }

    #c6 .inner .rel-box .box-l .txt-1 {
        font-weight: 500;
        text-align: left;
        color: #222;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
        margin-bottom: 7.005vw;
    }

    #c6 .inner .rel-box .box-r {
        margin: 0 auto;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item {
        width: 100%;
        background-color: #fff;
        padding: 4.831vw 4.831vw 9.42vw;
        margin-left: 2.415vw;
        margin-right: 2.415vw;
        margin-bottom: 5.797vw;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item a:hover {
        text-decoration: none;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item:hover .system-ttl {
        text-decoration: underline;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item .system-pic {
        margin-bottom: 2.415vw;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item .system-pic img {
        aspect-ratio: 320 / 200;
        max-width: 100%;
        height: auto;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item .system-txt {
        font-weight: 500;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
        text-align: left;
        color: #a5a5a5;
        margin-bottom: 0.242vw;
    }

    #c6 .inner .rel-box .box-r .sra .sra-item .system-ttl {
        font-weight: 500;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
        text-align: left;
        color: #222;
    }

    #c6 .inner .rel-box .box-r .sra.two-only {
        width: 86.957vw;
        position: relative;
        left: -1.208vw;
    }

    #c6 .inner .rel-box .box-r .sra.three-only {
        width: 91.787vw;
        position: relative;
        left: -1.208vw;
    }

    #c6 .inner .rel-box .box-r .sra.four-only {
        width: 100%;
    }

    #c6 .inner .rel-box .box-r .sra.four-over {
        width: 100%;
    }

    #c6 .inner .rel-box .box-l .arrows {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 79.469vw;
        z-index: 10;
    }

    #c6 .inner .rel-box .box-l .arrows > div {
        width: 14.493vw;
        height: 14.493vw;
        background-image: url(../images/index/sp-c6-l.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100%;
        position: absolute;
    }

    #c6 .inner .rel-box .box-l .arrows > div:hover {
        cursor: pointer;
        cursor: hand;
        opacity: 0.8;
    }

    #c6 .inner .rel-box .box-l .arrows .slick_mae {
        left: -2.415vw;
    }

    #c6 .inner .rel-box .box-l .arrows .slick_ushiro {
        right: -3.865vw;
        transform: scale(-1, 1);
    }

    #c6 .inner .more {
        width: 77.295vw;
        margin: 0 auto;
        margin-top: 3.865vw;
        position: relative;
        left: 0.483vw;
    }

    .o-bg {
        background-color: #FCF8F5;
        padding-top: 14.493vw;
        padding-bottom: 14.251vw;
    }

    .o-bg .o-bnr-box {
        width: 89.372vw;
        margin: 0 auto;
        position: relative;
    }

    .o-bg .o-bnr-box .pic {
        margin-bottom: 5.072vw;
    }

    .o-bg .o-bnr-box .txt {
        font-weight: 500;
        text-align: center;
        color: #222;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
        margin-bottom: 6.522vw;
    }

    .o-bg .o-bnr-box .more {
        width: 33.816vw;
        margin: 0 auto;
    }

    #c8 {
        background-image: url(../images/index/sp-c8-bg.png);
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 16.425vw;
        padding-bottom: 85.749vw;
        background-size: 100%;
    }

    #c8 .inner .ttl {
        width: 77.295vw;
        margin: 0 auto;
        margin-bottom: 9.903vw;
        position: relative;
        left: -3.865vw;
    }

    #c8 .inner .list {
        width: 89.372vw;
        margin: 0 auto;
        margin-bottom: 2.899vw;
        display: flex;
        flex-wrap: wrap;
    }

    #c8 .inner .list >li {
        width: 43.478vw;
        margin-right: 2.415vw;
        margin-bottom: 6.039vw;
    }

    #c8 .inner .list >li:nth-child(2n) {
        margin-right: 0;
    }

    #c8 .inner .list >li:last-child {
        margin-right: 0;
        margin-left: 22.947vw;
    }

    #c8 .inner .txt-1 {
        width: 89.372vw;
        margin: 0 auto;
        font-weight: 500;
        text-align: center;
        color: #fff;
        margin-bottom: 4.106vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #c8 .inner .txt-2 {
        font-weight: bold;
        text-align: center;
        color: #fff;
        margin-bottom: 8.937vw;
        font-size: 4.348vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
    }

    #c8 .inner .more {
        width: 77.295vw;
        margin: 0 auto;
    }

    .bg-wap-box {
        background-image: url(../images/index/sp-bg-wap.png);
        background-repeat: no-repeat;
        background-position: center bottom 0px;
        padding-bottom: 52.657vw;
    }

    #c9 .bg-box {
        width: 100%;
        margin: 0 auto;
        position: relative;
        top: -71.256vw;
    }

    #c9 .bg-box .bg-t {
        background-image: url(../images/index/sp-c9-bg-t.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100%;
        height: 16.425vw;
    }

    #c9 .bg-box .bg-ptn {
        background-image: url(../images/index/c9-bg-ptn.jpg);
        background-repeat: repeat;
        background-position: center 0;
        background-size: 9.662vw;
    }

    #c9 .bg-box .bg-ptn .ttl {
        width: 84.541vw;
        margin: 0 auto;
        margin-bottom: 8.937vw;
        position: relative;
        left: -0.242vw;
    }

    #c9 .bg-box .bg-ptn .pic img {
        width: 100%;
    }

    #c9 .bg-box .bg-ptn .bg-s-box {
        width: 89.372vw;
        margin: 0 auto;
        position: relative;
        top: -4.831vw;
        margin-bottom: -2.415vw;
        background-image: url(../images/index/sp-c9-bg-02.png);
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 6.522vw;
    }

    #c9 .bg-box .bg-ptn .bg-s-box .txt-1 {
        font-weight: bold;
        font-size: 5.797vw;
        letter-spacing: 0.05em;
        line-height: 11.353vw;
        text-align: center;
        color: #fff;
        margin-bottom: 4.589vw;
        font-size: 4.348vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
    }

    #c9 .bg-box .bg-ptn .bg-s-box .txt-2 {
        font-weight: 500;
        text-align: center;
        color: #fff;
        margin-bottom: 8.696vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #c9 .bg-box .bg-ptn .bg-s-box .more {
        width: 77.295vw;
        margin: 0 auto;
        margin-bottom: 6.522vw;
    }

    #c9 .bg-box .bg-ptn .bnr {
        width: 89.372vw;
        margin: 0 auto;
        margin-bottom: 3.14vw;
    }

    #c9 .bg-box .bg-ptn .txt-3 {
        width: 89.372vw;
        margin: 0 auto;
        font-weight: 500;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 120;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    #c9 .bg-box .bg-b {
        height: 13.768vw;
        background-image: url(../images/index/sp-c9-bg-b.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
    }

    #c10 {
        background-image: url(../images/index/sp-c10-bg-deco.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100%;
        padding-top: 60.628vw;
        position: relative;
        top: -114.01vw;
        z-index: 100;
        padding-bottom: 63.527vw;
        margin-bottom: -205.072vw;
        z-index: 1;
    }

    #c10 .inner {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    #c10 .inner .ttl {
        margin-bottom: 6.039vw;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: bold;
        font-size: 19.324vw;
        letter-spacing: 0.1em;
        color: #222;
        position: relative;
        z-index: 10;
        margin-left: 5.314vw;
    }

    #c10 .inner .ttl .ss1 {
        font-weight: bold;
        text-align: left;
        color: #222;
        display: block;
        margin-bottom: -3.382vw;
        font-size: 7.729vw;
        letter-spacing: 0.1em;
        line-height: 14.251vw;
    }

    #c10 .inner .ttl .ss2 {
        font-weight: bold;
        text-align: left;
        color: #222;
        font-size: 7.729vw;
        letter-spacing: 0.1em;
        line-height: 14.251vw;
    }

    #c10 .inner .ttl .ss2 .ss3 {
        color: #F99B19;
        position: relative;
        left: 0.725vw;
    }

    #c10 .inner .en {
        width: 47.464vw;
        position: absolute;
        top: 15.942vw;
        right: 7.488vw;
    }

    #c10 .inner .pic {
        width: 94.686vw;
        margin-left: auto;
        margin-bottom: 5.797vw;
    }

    #c10 .inner .txt-1 {
        width: 89.372vw;
        margin: 0 auto;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: bold;
        text-align: left;
        color: #222;
        position: relative;
        z-index: 10;
        margin-bottom: 3.382vw;
        font-size: 4.348vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
    }

    #c10 .inner .txt-1 .ss4 {
        width: 100%;
        display: block;
        padding: 1.208vw 0px 0px;
        background-color: #f6f1ec;
        margin-bottom: -1.208vw;
    }

    #c10 .inner .txt-1 .ss5 {
        width: 100%;
        display: block;
        padding: 1.208vw 0px 0.483vw;
        background-color: #f6f1ec;
    }

    #c10 .inner .txt-2 {
        width: 89.372vw;
        margin: 0 auto;
        font-weight: 500;
        text-align: left;
        color: #222;
        margin-bottom: 3.382vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    #c10 .inner .txt-3 {
        width: 89.372vw;
        margin: 0 auto;
        font-weight: 500;
        text-align: left;
        color: #222;
        margin-bottom: 3.623vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    #c10 .inner .txt-4 {
        width: 89.372vw;
        margin: 0 auto;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: bold;
        text-align: left;
        color: #222;
        margin-bottom: 3.623vw;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.729vw;
    }

    #c10 .inner .txt-5 {
        width: 89.372vw;
        margin: 0 auto;
        font-weight: 500;
        text-align: left;
        color: #222;
        margin-bottom: 8.454vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    #c10 .inner .more {
        width: 77.295vw;
        margin: 0 auto;
    }

    #c11 {
        background-image: url(../images/index/sp-c11-bg.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100%;
        position: relative;
        z-index: 10;
        padding-bottom: 11.111vw;
    }

    #c11 .inner {
        width: 100%;
        margin: 0 auto;
    }

    #c11 .inner .ttl {
        width: 82.126vw;
        height: 22.947vw;
        margin: 0 auto;
        border-radius: 0.966vw;
        background: #3f1f09;
        position: relative;
        font-weight: bold;
        text-align: center;
        color: #fff;
        padding: 2.899vw 1.208vw 1.208vw 1.932vw;
        top: -9.662vw;
        margin-bottom: -4.348vw;
        font-size: 5.797vw;
        letter-spacing: 0.1em;
        line-height: 8.696vw;
    }

    #c11 .inner .txt-1 {
        font-weight: bold;
        text-align: center;
        color: #fdf151;
        margin-bottom: 2.899vw;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 7.971vw;
    }

    #c11 .inner .txt-2 {
        font-weight: bold;
        text-align: center;
        color: #fff;
        margin-bottom: 2.174vw;
        font-size: 3.865vw;
        letter-spacing: 0.1em;
        line-height: 7.005vw;
    }

    #c11 .inner .txt-3 {
        width: 89.372vw;
        margin: 0 auto;
        font-weight: 500;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
        text-align: center;
        color: #fff;
        margin-bottom: 4.831vw;
    }

    #c11 .inner .more {
        width: 57.971vw;
        margin: 0 auto;
    }

    .info-box-wp {
        background-image: url(../images/index/sp-c12-bg-t.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100%;
        padding-top: 19.324vw;
        background-color: #FCF8F5;
    }

    .info-box {
        width: 96.618vw;
        margin: 0 auto;
        background-color: #FCF8F5;
        padding-top: 9.662vw;
        margin-bottom: -3.865vw;
        padding-left: 3.623vw;
        padding-right: 3.623vw;
    }

    .info-box .flex {
        width: 100%;
        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;
    }

    .info-box .flex > div {
        position: relative;
        width: 100%;
        margin-bottom: 18.116vw;
    }

    .info-box .flex > div .info-ttl-box {
        padding-bottom: 7.246vw;
    }

    .info-box .flex > div .scr-box {
        height: 75.604vw;
        overflow-y: scroll;
    }

    .info-box .flex > div .scr-box .system-list >li a {
        display: block;
        border-top: 1px solid #BFBDBD;
        padding: 3.865vw 3.623vw 4.589vw 3.623vw;
    }

    .info-box .flex > div .scr-box .system-list >li:last-child a {
        border-bottom: 1px solid #BFBDBD;
    }

    .info-box .flex > div .scr-box .system-list >li a:hover {
        text-decoration: none;
    }

    .info-box .flex > div .scr-box .system-list >li:hover .system-ttl {
        text-decoration: underline;
    }

    .info-box .flex > div .scr-box .system-list .system-date {
        font-weight: 500;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
        text-align: left;
        color: #f99b19;
        margin-bottom: 1.691vw;
    }

    .info-box .flex > div .scr-box .system-list .system-ttl {
        font-weight: 500;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
        text-align: left;
        color: #222;
        font-size: 3.14vw;
        letter-spacing: 0.05em;
        line-height: 5.072vw;
    }

    .info-box .flex > div .more {
        width: 33.816vw;
        position: absolute;
        top: 5.797vw;
        right: 0px;
    }

    .info-box .flex .box-l #c12 .info-ttl-box .ttl {
        width: 20.29vw;
    }

    .info-box .flex .box-r #c13 .info-ttl-box .ttl {
 width: 28.261vw;
    }

    .o-box-02 {
        width: 89.372vw;
        margin: 0 auto;
        margin-bottom: 3.865vw;
    }

    .o-box-02 .list {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .o-box-02 .list li {
        margin-bottom: 5.072vw;
    }

    .o-box-02 .list .bnr-pic {
        margin-bottom: 1.208vw;
    }

    .o-box-02 .list .bnr-txt {
        font-weight: 500;
        text-align: center;
        color: #222;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
    }

    .o-box-03 {
        width: 89.372vw;
        margin: 0 auto;
    }

    .top-only #ee {
        margin-top: 0;
        padding-top: 19.324vw;
        background: linear-gradient(180deg, #FCF8F5 0%, #FCF8F5 152.174vw, #EDE4DA 152.174vw, #EDE4DA 100%);
    }

    .top-only #ee .ee-box {
        height: auto;
    }

    .top-only .seo-box {
        margin-top: 8.213vw;
    }

    .top-only .seo-box .seo-en {
        width: 15.459vw;
        margin: 0 auto;
        margin-bottom: 3.382vw;
    }

    .top-only .seo-box .seo-txt {
        width: 89.372vw;
        margin: 0 auto;
        margin-bottom: 1.691vw;
        font-weight: 500;
        font-size: 2.899vw;
        letter-spacing: 0.05em;
        line-height: 5.314vw;
        text-align: left;
        color: #222;
    }

    @keyframes nagare-left {
        from {
            background-position-x: 0;
        }

        to {
            background-position-x: calc(-1 * var(--nagare-w));
        }
    }
}