@charset "UTF-8";
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
    padding-top: 80px;
}
@media screen and (max-width: 768px) {
    .l-contents {
        padding-top: 50px;
    }
}
.pc{display:none;}
.sp{display:block;}
/* ---------------------------------------------
*   footer
--------------------------------------------- */
/* footer */
.l-footer {
    font-weight: 400 !important;
    position: relative;
    padding: 60px 0;
    background-color: #f5f3f0;
    z-index: 1;
}

.l-footer {
    background-color: #002e75;
}

.p-footer-copy {
    font-size: 1rem;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.p-footer-sns {
    padding-bottom: 40px;
    border-bottom: 1px solid #48618c;
}

.p-footer-sns > * {
    width: 35px;
    margin-right: 35px;
}

.p-footer-1st {
    padding: 40px 0;
}

.p-footer-1st > * {
    width: 25%;
    margin-top: 20px;
    padding-bottom: 1%;
    padding-right: 1%;
}

.p-footer-1st > *:nth-child(-n+4) {
    margin-top: 0;
}

.p-footer-1st > * > a, .p-footer-1st > * > p {
    display: block;
    position: relative;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: 1px;
}

.p-footer-1st > * > a:hover {
    color: #f0d69f;
}

.p-footer-2nd {
    padding-left: 1rem;
}

.p-footer-2nd .c-icon-after::after {
    color: #fff;
}

.p-footer-2nd > * > a, .p-footer-2nd > * > p {
    display: block;
    position: relative;
    font-size: 1.4rem;
    color: #fff;
    padding: 0.5rem 2.5rem 0.5rem 0;
}

.p-footer-3rd {
    padding-left: 1.5rem;
}

.p-footer-3rd > * {
    display: block;
    position: relative;
    font-size: 1.2rem;
    color: #fff;
    padding: 0.5rem 2.5rem 0.5rem 0;
}

.p-footer-link {
    padding: 40px 0 20px;
    border-top: 1px solid #48618c;
}

.p-footer-link > * {
    font-size: 1.3rem;
    color: #fff;
    margin: 0 10px 20px;
}

/***** -- Foundation -- *****/
body {
    /*
      letter-spacing: .12rem
    */
}

input[type=submit], input[type=button], button {
    border: none;
}

.u-ffSerif {
    font-family: "plantin", "ten-mincho-text", serif;
}

.u-ffLight {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 300 !important;
}

sup {
    font-size: 80%;
    vertical-align: inherit;
}

.sp {
    display: none;
}

/***** -- Component  -- *****/
.c-pager {
    width: calc(100% - 100px);
    min-height: 50px;
    margin-left: auto;
    margin-right: auto;
}

.c-pager > * {
    width: 40px;
    font-size: 1.3rem;
    text-align: center;
    color: #002e75;
    margin: 5px;
    padding: 10px 5px;
    background-color: #fff;
    border: 1px solid #002e75;
}

.c-pager > a::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    z-index: 1;
    content: "";
}

.c-pager > a:hover::after {
    background-color: rgba(255, 255, 255, 0.5);
}

.c-pager > *.is-active {
    color: #fff;
    background-color: #002e75;
}

.c-pager--prev, .c-pager--next {
    position: absolute;
    top: 0;
    padding: 0px 5px;
    border: none;
}

.c-pager--prev {
    left: -50px;
}

.c-pager--next {
    right: -50px;
}

.c-txtlink {
    display: inline-block;
    margin-top: 5px;
}

.c-txtlink > span {
    display: inline-block;
    position: relative;
    padding-right: 30px;
}

.c-txtlink2 {
    text-decoration: underline;
}

.c-heading {
    font-family: "plantin", "ten-mincho-text", serif;
    font-weight: normal;
    line-height: 1.5;
}

.c-heading--01 {
    color: #001e62;
    margin-bottom: 20px;
}

.c-heading--01::before {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    transform: translate(0, -50%);
    background-color: #c9cbe0;
    z-index: -1;
    content: "";
}

.c-heading--01 > *:nth-child(1) {
    font-size: 160%;
    line-height: 1.2;
    /*
      letter-spacing: 3px;
    */
    padding-right: 2rem;
    background-color: #fff;
}

.c-heading--01 > *:nth-child(2) {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 80%;
    /*
      letter-spacing: 1px;
    */
}

.c-heading--02 {
    color: #001e62;
    letter-spacing: -0.4em;
}

.c-heading--02 > * {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: normal;
}

.c-heading--02 > *:nth-child(1) {
    font-size: 160%;
    /*
      letter-spacing: 2px;
    */
}

.c-heading--02 > *:nth-child(2) {
    font-size: 100%;
    /*
      letter-spacing: 1px;
    */
    padding-left: 30px;
}

.c-heading--02 > *:nth-child(2)::before {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 1px;
    height: 50%;
    background-color: #001e62;
    transform: translate(0, -50%);
    content: "";
}

.c-heading--03 {
    color: #001e62;
    text-align: center;
}

.c-heading--03 > * {
    display: inline-block;
    position: relative;
}

.c-heading--03 > *:nth-child(1) {
    width: 100%;
    font-size: 170%;
    line-height: 1.5;
    /*
      letter-spacing: 2px;
    */
}

.c-heading--03 > *:nth-child(2) {
    font-size: 80%;
    /*
      letter-spacing: 1px;
    */
    padding-top: 10px;
}

.c-heading--03 > *:nth-child(2)::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #001e62;
    content: "";
}

.c-heading--03.u-fcW > *:nth-child(2)::before {
    background-color: #fff;
}

.c-heading--04 {
    color: #001e62;
    padding-left: 15px;
}

.c-heading--04::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: #001e62;
    content: "";
}

.c-heading--04 > *:nth-child(1) {
    font-size: 130%;
    /*
      letter-spacing: 2px;
    */
}

.c-heading--05 {
    color: #fff;
    line-height: 1;
    padding: 1rem 1rem 1rem 1.5rem;
    background-color: #e1cea4;
}

.c-heading--05 > * {
    display: block;
}

.c-heading--05 > *:nth-child(1) {
    font-size: 130%;
    line-height: 1.2;
    /*
      letter-spacing: 1px;
    */
}

.c-heading--05 > *:nth-child(2) {
    font-size: 100%;
    /*
      letter-spacing: 2px;
    */
    margin-top: 5px;
}

.c-heading--06 {
    color: #001e62;
    padding: 1.5rem 1.5rem 1rem;
    background-color: #f8f4ea;
}

.c-heading--06 span {
    font-size: 110%;
}

.c-heading--07 {
    color: #001e62;
    text-align: center;
}

.c-heading--07 > * {
    display: inline-block;
    position: relative;
}

.c-heading--07 > *:nth-child(1) {
    width: 100%;
    font-size: 150%;
    /*
      letter-spacing: 2px;
    */
}

.c-heading--07 > *:nth-child(2) {
    font-size: 90%;
    /*
      letter-spacing: 1px;
    */
}

.c-heading--08 {
    color: #001e62;
    text-align: center;
    padding-bottom: 20px;
}

.c-heading--08::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #001e62;
    content: "";
}

.c-heading--08 > *:nth-child(1) {
    font-size: 180%;
    /*
      letter-spacing: 2px;
    */
}

.c-heading--09 {
    color: #001e62;
}

.c-heading--09 > * {
    display: block;
}

.c-heading--09 > *:nth-child(1) {
    font-size: 100%;
}

.c-heading--09 > *:nth-child(2) {
    font-size: 140%;
}

/* loader */
.l-loader {
    background-color: #c9cbe0;
}

/* header */
.p-header--H {
    height: 75px;
}

.p-header-logo img {
    width: 260px;
}

.p-header-menu {
    display: none;
    right: 0;
}

.p-header-menu span {
    background-color: #001e62;
}

.p-header-menu span::before, .p-header-menu span::after {
    background-color: #001e62;
}

.p-header-btn {
    display: block;
    position: absolute;
    right: 0;
    height: inherit;
    z-index: 1;
}

.p-header-btn > .c-flex {
    height: inherit;
}

.p-header-btn > .c-flex > * {
    width: 75px;
    height: inherit;
    margin-right: 1px;
}

.p-header-btn > .c-flex > *:hover {
    background-color: #c9cbe0;
}

.p-header-btn > .c-flex > * > figure {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.p-header-btn > .c-flex > * > figure img {
    width: 30px;
    height: auto;
}

.p-header-btn > .c-flex > * > p {
    position: absolute;
    bottom: 8px;
    width: 100%;
    font-size: 1rem;
    color: #001e62;
    text-align: center;
    line-height: 1;
}

/* drawer */
.l-drawer {
    display: none;
    background-color: #001e62;
}

.p-drawer-1st > * {
    border: none;
    border-bottom: 1px solid #425a90;
}

.p-drawer-1st > *:first-child {
    border-top: 1px solid #425a90;
}

.p-drawer-1st > * > a, .p-drawer-1st > * > p {
    font-weight: normal;
    padding: 2rem 3rem 2rem 0.5rem;
}

.p-drawer .c-acd::before, .p-drawer .c-acd::after {
    right: 10px;
}

.p-drawer .c-acd.is-active {
    border-bottom: 1px solid #425a90;
}

.p-drawer-1st > * > a > span, .p-drawer-1st > * > p > span {
    display: block;
}

.p-drawer-1st > * > a > span:nth-child(2), .p-drawer-1st > * > p > span:nth-child(2) {
    font-size: 75%;
    margin-top: 5px;
}

.p-drawer-1st > * > a::after {
    right: 12px;
}

.p-drawer-2nd {
    padding-left: 15px;
    background-color: transparent;
}

.p-drawer-2nd > .c-flex > * {
    padding: 1rem 0;
    border-bottom: 1px solid #425a90;
}

.p-drawer-2nd > .c-flex > *:last-child {
    border-bottom: none;
}

.p-drawer-2nd > .c-flex > * > a, .p-drawer-2nd > .c-flex > * > p {
    padding: 1rem 2rem 1rem 1rem;
    border-bottom: none;
}

.p-drawer-3rd > a {
    border-bottom: none;
}

.p-drawer-btn > * {
    width: 49%;
    text-align: center;
    padding: 0.5rem 1rem;
    background-color: #c9cbe0;
}

.p-drawer-btn > * > figure img {
    width: 30px;
    height: auto;
}

.p-drawer-btn > * > p {
    font-size: 1.2rem;
    font-weight: bold;
    color: #001e62;
    margin-top: 5px;
}

.p-drawer-sns > * {
    width: 30px;
    margin-right: 30px;
}

/* drop */
.p-drop-1st > * {
    width: 16.6666666667%;
}

@supports (-ms-ime-align: auto) {
    .p-drop-1st > * {
        width: 16.665%;
    }
}
.p-drop-1st > *.is-online {
    /*background-color: #f0d69f;*/
    background-color: #c9cbe0;
}

.p-drop-1st > *.is-online:hover {
    background-color: #f0d69f;
}

.p-drop-1st > *.is-online > a {
    color: #001e62;
}

.p-drop-1st > * > a, .p-drop-1st > * > p {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1;
}

.p-drop-2nd > .c-flex > * {
    width: 23.5%;
    margin-top: 2%;
}

.p-drop-2nd > .c-flex > *:nth-child(4n) {
    margin-right: 0;
}

.p-drop-2nd > .c-flex > *:nth-child(-n+4) {
    margin-top: 0;
}

/* footer */
.l-footer {
    background-color: #002e75;
}

.p-footer-sns {
    padding-bottom: 40px;
    border-bottom: 1px solid #48618c;
}

.p-footer-sns > * {
    width: 35px;
    margin-right: 35px;
}

.p-footer-1st {
    padding: 40px 0;
}

.p-footer-1st > * {
    width: 25%;
    margin-top: 20px;
    padding-bottom: 1%;
    padding-right: 1%;
}

.p-footer-1st > *:nth-child(-n+4) {
    margin-top: 0;
}

.p-footer-1st > * > a, .p-footer-1st > * > p {
    display: block;
    position: relative;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: 1px;
}

.p-footer-1st > * > a:hover {
    color: #f0d69f;
}

.p-footer-2nd {
    padding-left: 1rem;
}

.p-footer-2nd .c-icon-after::after {
    color: #fff;
}

.p-footer-2nd > * > a, .p-footer-2nd > * > p {
    display: block;
    position: relative;
    font-size: 1.4rem;
    color: #fff;
    padding: 0.5rem 2.5rem 0.5rem 0;
}

.p-footer-3rd {
    padding-left: 1.5rem;
}

.p-footer-3rd > * {
    display: block;
    position: relative;
    font-size: 1.2rem;
    color: #fff;
    padding: 0.5rem 2.5rem 0.5rem 0;
}

.p-footer-link {
    padding: 40px 0 20px;
    border-top: 1px solid #48618c;
}

.p-footer-link > * {
    font-size: 1.3rem;
    color: #fff;
    margin: 0 10px 20px;
}

@media screen and (max-width: 980px) {
    /* drop */
    .p-drop-1st > * > a, .p-drop-1st > * > p {
        font-size: 1.3rem;
    }

    /* footer */
    .p-footer-1st > * {
        width: 50%;
    }

    .p-footer-1st > *:nth-child(-n+4) {
        margin-top: 20px;
    }

    .p-footer-1st > *:nth-child(-n+2) {
        margin-top: 0;
    }
}
@media screen and (max-width: 768px) {
    /* header */
    .p-header--H {
        height: 65px;
    }

    .p-header-logo {
        left: 10px;
    }

    .p-header-logo img {
        width: 210px;
    }

    .p-header-menu {
        display: block;
        width: 65px;
    }

    .p-header-btn {
        right: 65px;
    }

    .p-header-btn > .c-flex > * {
        width: 70px;
    }

    /* drawer */
    .l-drawer {
        display: block;
    }

    /* drop */
    .l-drop {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    /* footer */
    .p-footer-1st > * {
        width: 100%;
        margin-top: 4%;
    }

    .p-footer-1st > *:nth-child(-n+2) {
        margin-top: 4%;
    }

    .p-footer-1st > *:nth-child(-n+1) {
        margin-top: 0;
    }
}
@media screen and (max-width: 480px) {
    .c-heading--01 > *:nth-child(1) {
        font-size: 150%;
    }

    /* header */
    .p-header-logo img {
        width: 190px;
    }

    .p-header-btn > .c-flex > * {
        width: 70px;
    }

    /* footer */
    .l-footer {
        padding: 40px 0 10px;
    }

    .p-footer-sns {
        padding-bottom: 25px;
    }

    .p-footer-sns > * {
        width: 30px;
        margin-right: 30px;
    }

    .p-footer-1st {
        padding: 25px 0;
    }

    .p-footer-link > * {
        font-size: 1.2rem;
        margin: 0 5px 20px;
    }

    .p-footer-1st > * > a, .p-footer-1st > * > p {
        font-size: 1.6rem;
    }

    .p-footer-2nd > * > a, .p-footer-2nd > * > p {
        font-size: 1.3rem;
    }

    .p-footer-3rd > * {
        font-size: 1.1rem;
    }
}
@media screen and (max-width: 370px) {
    /* header */
    .p-header-logo img {
        width: 160px;
    }
}
/***** -- Project  -- *****/
/* common -> Mv */
.p-cmnMv-img--pc {
    display: block;
}

.p-cmnMv-img--sp {
    display: none;
}

.p-cmnMv .m-bgimg.is-fixed .m-bgimg-bg::before {
    padding-top: 300px;
}

.p-cmnMv .m-bgimg-bg::after {
    background-color: rgba(242, 244, 254, 0.75);
}

.p-cmnMv .m-bgimg.is-fixed .m-bgimg-cont {
    max-width: 1100px;
    width: 94%;
}

.p-cmnMv .m-bgimg.is-fixed .m-bgimg-cont__ttl {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 5rem;
    /*
      letter-spacing: .5rem;
    */
    line-height: 1;
    color: #001e62;
    transform: translate(0, -50%);
}

.p-cmnMv .m-bgimg.is-fixed .m-bgimg-cont__ttl > * {
    display: block;
}

.p-cmnMv .m-bgimg.is-fixed .m-bgimg-cont__txt {
    position: absolute;
    left: 0;
    top: 65%;
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    color: #001e62;
}

/* common -> Detail */
.p-cmnDetail-head__ttl {
    font-size: 2.4rem;
}

/* common -> What's New */
.p-cmnNews .m-list > * {
    border-bottom: 1px solid #f2f4fe;
}

.p-cmnNews .m-list > *:first-child {
    border-top: 1px solid #f2f4fe;
}

.p-cmnNews .m-list > *::after {
    color: #001e62;
}

.p-cmnNews .m-list-meta > *:nth-child(1) {
    color: #001e62;
    letter-spacing: 2px;
}

.p-cmnNews .m-list-meta > *:nth-child(2) {
    display: none;
    font-size: 80%;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    padding: 5px 10px 5px;
    background-color: #6f77ab !important;
}

.p-cmnNews .m-list-meta > *:nth-child(2).is-nyr {
    background-color: #9e9e9e;
}

.p-cmnNews .m-list-meta > *:nth-child(2).is-product {
    background-color: #626fa4;
}

.p-cmnNews .m-list-meta > *:nth-child(2).is-shop {
    background-color: #caa4a1;
}

.p-cmnNews .m-list-meta > *:nth-child(2).is-school {
    background-color: #93b1a7;
}

.p-cmnNews .m-list-meta > *:nth-child(2).is-salon {
    background-color: #d1b373;
}

.p-cmnNews .m-list-meta > *:nth-child(2).is-food {
    background-color: #b19393;
}

.p-cmnNews .m-list-meta > *:nth-child(2).is-media {
    background-color: #acb0a1;
}

.p-cmnNews .m-list-meta > *:nth-child(2).is-event {
    background-color: #acb0a1;
}

.p-cmnNews .m-list-meta > *:nth-child(2).is-recruit {
    background-color: #9b8fa5;
}

.p-cmnNews .m-list-ttl {
    font-family: "Noto Sans JP", sans-serif !important;
    margin-top: 5px;
}

/* common -> Topic */
.p-cmnTopic-cont > * {
    width: calc((100% - 60px) / 3);
    margin-top: 20px;
    margin-right: 30px;
}

@supports (-ms-ime-align: auto) {
    .p-cmnTopic-cont > * {
        width: calc((99.99% - 60px) / 3);
    }
}
.p-cmnTopic-cont > *:nth-child(3n) {
    margin-right: 0;
}

.p-cmnTopic-cont > *:nth-child(-n+3) {
    margin-top: 0;
}

/* common -> IntroA */
.p-cmnIntroA-img {
    display: block;
    position: relative;
    width: 75%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    overflow: hidden;
    outline: none;
}

.p-cmnIntroA-img::before {
    display: block;
    padding-top: 40%;
    content: "";
}

.p-cmnIntroA-img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    content: "";
}

.p-cmnIntroA > *:nth-child(odd) > .p-cmnIntroA-img {
    margin-right: auto;
}

.p-cmnIntroA > *:nth-child(even) > .p-cmnIntroA-img {
    margin-left: auto;
}

.p-cmnIntroA-cont {
    display: block;
    position: relative;
    width: 50%;
    color: #001e62;
    margin-top: -20%;
    padding: 60px 40px 60px 40px;
    background-color: rgba(242, 244, 254, 0.95);
    z-index: 2;
}

.p-cmnIntroA > *:nth-child(odd) > .p-cmnIntroA-cont {
    margin-left: auto;
}

.p-cmnIntroA > *:nth-child(even) > .p-cmnIntroA-cont {
    margin-right: auto;
}

.p-cmnIntroA-cont__ttl {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.p-cmnIntroA-cont__txt {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.8;
}

@media screen and (max-width: 980px) {
    /* common -> IntroA */
    .p-cmnIntroA-cont {
        width: 70%;
        margin-top: -15%;
        padding: 30px;
    }
}
@media screen and (max-width: 768px) {
    /* common -> Mv */
    .p-cmnMv .m-bgimg.is-fixed .m-bgimg-cont__ttl {
        top: 45%;
        font-size: 4rem;
    }

    .p-cmnMv .m-bgimg.is-fixed .m-bgimg-cont__txt {
        top: 60%;
        font-size: 1.5rem;
    }

    .sp {
        display: initial;
    }

    .c-row a {
        line-height: 1;
    }

    .fm_cap {
        font-size: 1.1rem;
    }

    /* common -> Detail */
    .p-cmnDetail-head__ttl {
        font-size: 2.2rem;
    }

    /* common -> Topic */
    .p-cmnTopic-cont > * {
        width: calc((100% - 30px) / 2);
        margin-top: 20px;
        margin-right: 30px;
    }

    .p-cmnTopic-cont > *:nth-child(3n) {
        margin-right: 30px;
    }

    .p-cmnTopic-cont > *:nth-child(-n+3) {
        margin-top: 20px;
    }

    .p-cmnTopic-cont > *:nth-child(2n) {
        margin-right: 0;
    }

    .p-cmnTopic-cont > *:nth-child(-n+2) {
        margin-top: 0;
    }

    /* common -> IntroA */
    .p-cmnIntroA-img {
        width: 100%;
    }

    .p-cmnIntroA-cont {
        width: 100%;
        margin-top: 0;
    }

    .p-cmnIntroA > *:nth-child(odd) > .p-cmnIntroA-cont {
        margin-right: auto;
    }

    .p-cmnIntroA > *:nth-child(even) > .p-cmnIntroA-cont {
        margin-left: auto;
    }
}
@media screen and (max-width: 640px) {
    /* common -> Mv */
    .p-cmnMv-img--pc {
        display: none;
    }

    .p-cmnMv-img--sp {
        display: block;
    }

    .p-cmnMv .m-bgimg.is-fixed .m-bgimg-bg::before {
        padding-top: 200px;
    }
}
@media screen and (max-width: 480px) {
    /* common -> Mv */
    .p-cmnMv .m-bgimg.is-fixed .m-bgimg-cont__ttl {
        top: 45%;
        font-size: 2.8rem;
    }

    .p-cmnMv .m-bgimg.is-fixed .m-bgimg-cont__txt {
        top: 60%;
        font-size: 1.3rem;
    }

    /* common -> Detail */
    .p-cmnDetail-head__ttl {
        font-size: 2rem;
    }

    /* common -> Topic */
    .p-cmnTopic-cont > * {
        width: calc((100% - 10px) / 2);
        margin-top: 10px;
        margin-right: 10px;
    }

    .p-cmnTopic-cont > *:nth-child(3n) {
        margin-right: 10px;
    }

    .p-cmnTopic-cont > *:nth-child(-n+3) {
        margin-top: 10px;
    }

    .p-cmnTopic-cont > *:nth-child(2n) {
        margin-right: 0;
    }

    .p-cmnTopic-cont > *:nth-child(-n+2) {
        margin-top: 0;
    }

    /* common -> IntroA */
    .p-cmnIntroA-img::before {
        padding-top: 60%;
    }

    .p-cmnIntroA-cont {
        padding: 20px;
    }

    .p-cmnIntroA-cont__ttl {
        font-size: 1.8rem;
    }

    .p-cmnIntroA-cont__txt {
        font-size: 1.3rem;
    }
}
/* inner */
.c-inner, .c-inner--lg, .c-inner--md, .c-inner--sm, .c-inner--max {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.c-inner {
    max-width: 1100px;
}

.c-inner--lg {
    max-width: 900px;
}

.c-inner--md {
    max-width: 720px;
}

.c-inner--sm {
    max-width: 460px;
}

.c-inner--max {
    max-width: 100%;
}

/* flex */
.c-flex {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.c-flex > * {
    display: block;
    position: relative;
    max-width: 100%;
}

.c-flex--center {
    justify-content: center;
}

.c-flex--right {
    justify-content: flex-end;
}

.c-flex--middle {
    align-items: center;
}

.c-flex--bottom {
    align-items: flex-end;
}

.u-ffEn {
    font-family: "plantin", serif;
}

@media screen and (max-width: 480px) {
    .c-inner, .c-inner--lg, .c-inner--md, .c-inner--sm {
        width: 92%;
    }

    .c-row--xs > * {
        margin-top: 8px;
    }

    .c-row--sm > * {
        margin-top: 10px;
    }

    .c-row > * {
        margin-top: 20px;
    }

    .c-row--md > * {
        margin-top: 30px;
    }

    .c-row--lg > * {
        margin-top: 40px;
    }

    .c-row--xl > * {
        margin-top: 60px;
    }

    .c-icon-before::before, .c-icon-after::after {
        font-size: 1.3rem;
    }

    .c-cont h2 {
        font-size: 115%;
        margin-top: 20px;
    }

    .c-cont h3 {
        font-size: 110%;
        margin-top: 15px;
    }
}
@media screen and (max-width: 1200px) {
    .c-inner, .c-inner--lg, .c-inner--md, .c-inner--sm {
        width: 96%;
    }
}
/*  20220728 add
--------------------------------------------- */
.p-footer-1st > * > a, .p-footer-1st > * > p {
    font-size: 1.3333333333vw;
}
@media screen and (max-width: 768px) {
    .p-footer-1st > * > a, .p-footer-1st > * > p {
        font-size: 4.2666666667vw;
    }
}

.p-footer-link > * {
    font-size: 0.962962963vw;
}
@media screen and (max-width: 768px) {
    .p-footer-link > * {
        font-size: 2.9333333333vw;
    }
}

.p-footer-copy {
    font-size: 0.7407407407vw;
}

@media screen and (max-width: 768px) {
    .fm_cap {
        font-size: 2.6666666667vw;
    }

    .c-row > * {
        margin-top: 0;
    }

    .p-footer-copy {
        font-size: 2.6666666667vw;
    }
}
.c-col > *:last-child, .c-col--xs > *:last-child, .c-col--sm > *:last-child, .c-col--md > *:last-child, .c-col--lg > *:last-child, .c-col--xl > *:last-child {
    margin-right: 0 !important;
}

/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    height: 80px;
    background-color: #001E62;
}
@media screen and (max-width: 768px) {
    .l-header {
        height: 50px;
    }
}
.l-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    height: 100%;
    padding-right: 50px;
    padding-left: 90px;
}
@media screen and (max-width: 1350px) {
    .l-header__inner {
        padding-right: 1.4814814815vw;
        padding-left: 1.4814814815vw;
    }
}
@media screen and (max-width: 768px) {
    .l-header__inner {
        flex-direction: row;
        padding-right: 14px;
        padding-left: 14px;
    }
}
.l-header__logo {
    width: 220px;
}
@media screen and (max-width: 1350px) {
    .l-header__logo {
        width: 16.2962962963vw;
    }
}
@media screen and (max-width: 768px) {
    .l-header__logo {
        width: 150px;
    }
}
@media screen and (min-width: 769px) {
    .l-header__logo-link {
        transition: opacity 300ms;
    }
    .l-header__logo-link:hover {
        opacity: 0.8;
    }
}

/*  l-header-nav
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .l-header-nav {
        display: block !important;
    }
}
@media (orientation: landscape) and (max-width: 768px) {
    .l-header-nav {
        max-height: 80vh;
        overflow-y: scroll;
    }
}
@media screen and (max-width: 768px) {
    .l-header-nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: none;
        height: 100%;
        padding: 15px;
        background-color: #001E62;
        transform: translate(0, 0);
        transition: 0s;
        z-index: 2000;
    }
    .js-sp-menu-opened .l-header-nav {
        display: block;
    }
}
.l-header-nav__logo {
    display: none;
}
@media screen and (max-width: 768px) {
    .l-header-nav__logo {
        display: block;
        width: 190px;
    }
}
.l-header-nav__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 680px;
}
@media screen and (max-width: 1350px) {
    .l-header-nav__list {
        width: 50.3703703704vw;
    }
}
@media screen and (max-width: 768px) {
    .l-header-nav__list {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 768px) {
    .l-header-nav__item {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }
    .l-header-nav__item:last-of-type {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
}
.l-header-nav__link {
    font-size: 1rem;
    color: #fff;
}
@media screen and (min-width: 769px) {
    .l-header-nav__link {
        transition: opacity 300ms;
    }
    .l-header-nav__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 1350px) {
    .l-header-nav__link {
        font-size: 1.1851851852vw;
    }
}
@media screen and (max-width: 768px) {
    .l-header-nav__link {
        display: block;
        padding: 25px 5px;
        font-size: 15px;
    }
}

/*  l-header-sp-trigger
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .l-header-sp-trigger {
        display: none;
    }
}
/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
/* ---------------------------------------------
*   c-anchor
--------------------------------------------- */
.c-anchor--02 {
    margin-top: -7.4074074074vw;
    padding-top: 7.4074074074vw;
}
@media screen and (max-width: 768px) {
    .c-anchor--02 {
        margin-top: -16vw;
        padding-top: 16vw;
    }
}

/* ---------------------------------------------
*   c-block
--------------------------------------------- */
.c-block {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .c-block {
        margin-bottom: 16vw;
    }
}
.c-block__head {
    margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .c-block__head {
        margin-bottom: 8vw;
    }
}
.c-block__body {
    padding: 0 10px;
}
@media screen and (max-width: 768px) {
    .c-block__body {
        padding: 0;
    }
}

/* ---------------------------------------------
*   c-box-01
--------------------------------------------- */
.c-box-01 {
    margin-top: 4.4444444444vw;
}
@media screen and (max-width: 768px) {
    .c-box-01 {
        margin-top: 26.6666666667vw;
    }
}
.c-box-01__inner {
    display: flex;
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .c-box-01__inner {
        display: block;
    }
}
.c-box-01__img {
    position: relative;
    width: 47.037037037vw;
}
@media screen and (max-width: 768px) {
    .c-box-01__img {
        width: 88vw;
    }
}
.c-box-01__desc {
    margin-top: 6.2962962963vw;
    margin-left: -2.962962963vw;
    padding: 5.9259259259vw 7.4074074074vw;
    background-color: rgba(255, 255, 255, 0.45);
}
@media screen and (max-width: 768px) {
    .c-box-01__desc {
        width: 92vw;
        margin: -10.6666666667vw 0 0 auto;
        padding: 21.3333333333vw 8vw 10.6666666667vw 12vw;
    }
}
.c-box-01__ttl {
    width: 23.1851851852vw;
}
@media screen and (max-width: 768px) {
    .c-box-01__ttl {
        width: 49.0666666667vw;
    }
}
.c-box-01__txt {
    display: block;
    width: 30.0740740741vw;
    margin-top: 2.5925925926vw;
}
@media screen and (max-width: 768px) {
    .c-box-01__txt {
        width: 100%;
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-box-02
--------------------------------------------- */
.c-box-02 {
    width: 69.6296296296vw;
    margin: 9.6296296296vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-box-02 {
        width: 100%;
        margin-top: 27.2vw;
    }
}
.c-box-02__inner {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-box-02__inner {
        flex-direction: column-reverse;
    }
}
.c-box-02__desc {
    width: 34.2222222222vw;
    margin-top: 4.8148148148vw;
}
@media screen and (max-width: 768px) {
    .c-box-02__desc {
        width: 100%;
        margin-top: 26.6666666667vw;
    }
}
.c-box-02__ttl-outer {
    display: block;
    width: 16.3703703704vw;
}
@media screen and (max-width: 768px) {
    .c-box-02__ttl-outer {
        width: 56.5333333333vw;
        margin-right: auto;
        margin-left: auto;
    }
}
.c-box-02__item {
    display: block;
    width: 100%;
    margin-top: 3.7037037037vw;
}
@media screen and (max-width: 768px) {
    .c-box-02__item {
        width: 74.6666666667vw;
        margin: 6.6666666667vw auto 0;
    }
}
.c-box-02__img {
    display: block;
    width: 26.0740740741vw;
}
@media screen and (max-width: 768px) {
    .c-box-02__img {
        opacity: 0;
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-box-03
--------------------------------------------- */
.c-box-03 {
    width: 68.8888888889vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-box-03 {
        width: 82.6666666667vw;
    }
}
.c-box-03__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-box-03__inner {
        display: block;
    }
}
.c-box-03__img {
    width: 27.1851851852vw;
}
@media screen and (max-width: 768px) {
    .c-box-03__img {
        width: 45.3333333333vw;
        margin-right: auto;
        margin-left: auto;
    }
}
.c-box-03__desc {
    width: 32.5925925926vw;
}
@media screen and (max-width: 768px) {
    .c-box-03__desc {
        width: 100%;
        margin-top: 16vw;
    }
}
.c-box-03__ttl-outer {
    width: 27.5555555556vw;
}
@media screen and (max-width: 768px) {
    .c-box-03__ttl-outer {
        width: 61.3333333333vw;
        margin-right: auto;
        margin-left: auto;
    }
}
.c-box-03__txt {
    display: block;
    width: 100%;
    margin-top: 3.7037037037vw;
}
@media screen and (max-width: 768px) {
    .c-box-03__txt {
        width: 100%;
        margin-top: 10.6666666667vw;
        margin-right: auto;
        margin-left: auto;
    }
}

/* ---------------------------------------------
*   c-btn-01
--------------------------------------------- */
.c-btn-01 {
    width: 20.7407407407vw;
    margin: 4.4444444444vw auto 0;
    text-align: center;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-btn-01 {
        width: 74.6666666667vw;
        margin-top: 10.6666666667vw;
        opacity: 1 !important;
    }
}
.c-btn-01__link {
    position: relative;
    display: block;
    padding-top: 1.6296296296vw;
    padding-bottom: 1.2592592593vw;
    font-size: 1.1851851852vw;
    font-family: "PlantinMTPro-Regular", YuMincho, "Yu Mincho", "游明朝体";
    color: #001E62;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
@font-face {
    .c-btn-01__link {
        font-family: "PlantinMTPro-Regular";
        src: url("/fonts/PlantinMTPro-Regular.otf") format("opentype");
    }
}
@media screen and (min-width: 769px) {
    .c-btn-01__link {
        transition: opacity 300ms;
    }
    .c-btn-01__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-01__link {
        width: 74.6666666667vw;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
}
.c-btn-01__link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.8518518519vw;
    width: 0.7407407407vw;
    height: 0.7407407407vw;
    transform: translateY(-50%);
    background: url(../img/icn_arrow-01.png) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 768px) {
    .c-btn-01__link:after {
        right: 5.3333333333vw;
        width: 2.6666666667vw;
        height: 2.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-01__link {
        padding-top: 6.6666666667vw;
        padding-bottom: 4.8vw;
        font-size: 3.7333333333vw;
    }
}
.safari .c-btn-01__link {
    padding-top: 1.1851851852vw;
}
@media screen and (max-width: 768px) {
    .safari .c-btn-01__link {
        padding-top: 5.3333333333vw;
    }
}

.firefox .c-btn-01__link {
    padding-top: 1.1851851852vw;
}
@media screen and (max-width: 768px) {
    .firefox .c-btn-01__link {
        padding-top: 5.3333333333vw;
    }
}

.windows .c-btn-01__link {
    padding-top: 1.1851851852vw;
}
@media screen and (max-width: 768px) {
    .windows .c-btn-01__link {
        padding-top: 5.3333333333vw;
    }
}

@media screen and (max-width: 768px) {
    .android .c-btn-01__link {
        padding-top: 5.3333333333vw;
        font-family: "Noto Serif", serif;
        font-weight: bold;
    }
}

/* ---------------------------------------------
*   c-btn-02
--------------------------------------------- */
.c-btn-02 {
    width: 100%;
    margin-top: 2.2222222222vw;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-btn-02 {
        margin-top: 6.6666666667vw;
    }
}
.c-btn-02__link {
    position: relative;
    display: block;
    background-color: #001E62;
    padding-top: 1.1851851852vw;
    padding-bottom: 1.1851851852vw;
    font-size: 1.1851851852vw;
    letter-spacing: 0.1em;
    color: #fff;
}
.c-btn-02__link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.4814814815vw;
    width: 0.6666666667vw;
    height: 1.1111111111vw;
    transform: translateY(-50%);
    background: url(../img/icn_arrow-02.png) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 768px) {
    .c-btn-02__link:after {
        right: 3.7333333333vw;
        width: 2.4vw;
        height: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-02__link {
        padding-top: 4vw;
        padding-bottom: 4vw;
        font-size: 4.2666666667vw;
    }
}
.c-btn-02__link--colored-01 {
    background-color: #c1c1c1;
}
.c-btn-02__link--colored-01:after {
    content: none;
}

/* ---------------------------------------------
*   c-btn-03
--------------------------------------------- */
.c-btn-03 {
    width: 32.5925925926vw;
    margin: 3.7037037037vw auto 0;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-btn-03 {
        width: 85.3333333333vw;
        margin-top: 12vw;
    }
}
.c-btn-03__txt {
    display: none;
}
@media screen and (max-width: 768px) {
    .c-btn-03__txt {
        position: relative;
        display: inline-block;
        padding-left: 5.8666666667vw;
        font-size: 3.7333333333vw;
        font-weight: bold;
        color: #001E62;
    }
    .c-btn-03__txt:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 2.4vw 1.8666666667vw 0 1.8666666667vw;
        border-color: #001E62 transparent transparent transparent;
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 768px) {
    .c-btn-03__box {
        margin-top: 1.3333333333vw;
    }
}
.c-btn-03__link {
    position: relative;
    display: block;
    padding: 1.4814814815vw 0 1.4814814815vw 1.3333333333vw;
    font-size: 1.3333333333vw;
    color: #001E62;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 50px;
}
@media screen and (min-width: 769px) {
    .c-btn-03__link {
        transition: opacity 300ms;
    }
    .c-btn-03__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-03__link {
        width: 100%;
        padding: 3.7333333333vw 0 3.7333333333vw 3.4666666667vw;
        font-size: 4.2666666667vw;
        line-height: 1.4;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
}
.safari .c-btn-03__link {
    padding-top: 1.5555555556vw;
}
@media screen and (max-width: 768px) {
    .safari .c-btn-03__link {
        padding-top: 3.7333333333vw;
    }
}

.c-btn-03__link:before, .c-btn-03__link:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.c-btn-03__link:before {
    left: 2.8148148148vw;
    width: 1.9259259259vw;
    height: 1.9259259259vw;
    background: url(../img/icn-ig.png) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 768px) {
    .c-btn-03__link:before {
        left: 10.1333333333vw;
        width: 6.9333333333vw;
        height: 6.9333333333vw;
    }
}
.c-btn-03__link:after {
    right: 1.4814814815vw;
    width: 0.6666666667vw;
    height: 1.1111111111vw;
    background: url(../img/icn_arrow-03.png) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 768px) {
    .c-btn-03__link:after {
        right: 5.3333333333vw;
        width: 2.4vw;
        height: 4vw;
    }
}

/* ---------------------------------------------
*   c-cassette
--------------------------------------------- */
.c-cassette {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette {
        margin-bottom: 16vw;
    }
}
.c-cassette__head {
    margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .c-cassette__head {
        margin-bottom: 8vw;
    }
}
.c-cassette__body {
    padding: 0 10px;
}
@media screen and (max-width: 768px) {
    .c-cassette__body {
        padding: 0;
    }
}

/* ---------------------------------------------
*   c-figure-id6318
--------------------------------------------- */
.c-figure-id6318 {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}
.c-figure-id6318 img {
    width: 100%;
}
.c-figure-id6318__caption {
    margin-top: 0.75em;
    text-align: center;
}

/* ---------------------------------------------
*   c-form
--------------------------------------------- */
.c-form__row {
    display: flex;
    margin-bottom: 20px;
}
.c-form__label {
    font-weight: bold;
    width: 30%;
}
.c-form__item {
    width: 70%;
}

/*  c-input-txt
--------------------------------------------- */
.c-input-txt {
    width: 100%;
    border: 1px solid #000;
    padding: 1rem;
}
.c-input-txt[disabled] {
    background-color: rgba(0, 0, 0, 0.3);
}

/*  c-input-pw
--------------------------------------------- */
.c-input-pw {
    width: 100%;
    border: 1px solid #000;
    padding: 1rem;
}

/*  c-input-file
--------------------------------------------- */
.c-input-file {
    width: 100%;
}

/*  c-txtarea
--------------------------------------------- */
.c-txtarea {
    width: 100%;
    border: 1px solid #000;
    padding: 1rem;
}

/*  c-checkbox
--------------------------------------------- */
.c-checkbox {
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
}
.c-checkbox__input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.c-checkbox__txt {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.c-checkbox__txt::before, .c-checkbox__txt::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: inline-block;
}
.c-checkbox__txt::before {
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #223a70;
}
.c-checkbox__txt::after {
    top: 2px;
    left: 6px;
    width: 5px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotateZ(45deg);
    opacity: 0;
}
.c-checkbox__input:checked + .c-checkbox__txt::before {
    background-color: #223a70;
}
.c-checkbox__input:checked + .c-checkbox__txt::after {
    opacity: 1;
}

/*  c-radio
--------------------------------------------- */
.c-radio {
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 1;
}
.c-radio__input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.c-radio__txt {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.c-radio__txt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #223a70;
    border-radius: 50%;
}
.c-radio__input:checked + .c-radio__txt::before {
    border-width: 5px;
}

/*  .c-select-id6345
--------------------------------------------- */
.c-select-id6345 {
    position: relative;
    width: 200px;
    background-color: #eee;
}
.c-select-id6345::after {
    position: absolute;
    top: 50%;
    right: 0.5em;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #000 transparent transparent transparent;
    pointer-events: none;
}
.c-select-id6345__select {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-right: 2em;
    padding-left: 1em;
    border: 1px solid #000;
    color: #000;
}
.c-select-id6345__select::-ms-value {
    /* IE11における選択時の色反転を解消 */
    background: none;
    color: #000;
}

/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/* ---------------------------------------------
*   c-item-menu
--------------------------------------------- */
.c-item-menu {
    display: none;
}
@media screen and (max-width: 768px) {
    .c-item-menu {
        display: block;
        cursor: pointer;
        z-index: 9990;
    }
    .c-item-menu__lines {
        position: relative;
        display: block;
        width: 24px;
        height: 15px;
    }
    .c-item-menu__line {
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        height: 0;
        padding-top: 1px;
        background-color: #fff;
        transition: 0.3s;
    }
    .c-item-menu__line--top {
        top: 0;
    }
    .js-sp-menu-opened .c-item-menu__line--top {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .c-item-menu__line--center {
        top: 50%;
    }
    .js-sp-menu-opened .c-item-menu__line--center {
        left: 30%;
        background-color: rgba(0, 0, 0, 0);
    }

    .c-item-menu__line--bottom {
        bottom: 0;
    }
    .js-sp-menu-opened .c-item-menu__line--bottom {
        bottom: 50%;
        transform: translateY(50%) rotate(-45deg);
    }
}

/*  c-item-overlay
--------------------------------------------- */
.c-item-overlay {
    display: none;
}
@media screen and (max-width: 768px) {
    .c-item-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 777;
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
}

/* ---------------------------------------------
*   c-item-01
--------------------------------------------- */
.c-item-01 {
    background-color: #f9e9e9;
    width: 51.1111111111vw;
    margin: 7.4074074074vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-item-01 {
        width: 84vw;
        opacity: 1 !important;
    }
}
.c-item-01--popup {
    width: 690px;
    margin-top: 100px;
}
@media screen and (max-width: 1350px) {
    .c-item-01--popup {
        width: 51.1111111111vw;
        margin-top: 7.4074074074vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-01--popup {
        width: 100%;
        margin-top: 12vw;
        background-color: #ECDDD8;
    }
}
.c-item-01--popup .c-item-01__inner {
    padding: 45px 45px 50px 40px;
}
@media screen and (max-width: 1350px) {
    .c-item-01--popup .c-item-01__inner {
        padding: 3.3333333333vw 3.3333333333vw 3.7037037037vw 2.962962963vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-01--popup .c-item-01__inner {
        padding: 8vw 6.9333333333vw 10.6666666667vw;
    }
}
.c-item-01--popup .c-item-01__desc {
    width: 425px;
}
@media screen and (max-width: 1350px) {
    .c-item-01--popup .c-item-01__desc {
        width: 31.4814814815vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-01--popup .c-item-01__desc {
        width: 100%;
    }
}
.c-item-01--popup .c-item-01__desc-ttl {
    font-size: 0.875rem;
}
@media screen and (max-width: 1350px) {
    .c-item-01--popup .c-item-01__desc-ttl {
        font-size: 1.037037037vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-01--popup .c-item-01__desc-ttl {
        font-size: 3.4666666667vw;
    }
}
.c-item-01--popup .c-item-01__desc-ttl--name {
    margin-right: 10px;
    font-size: 1.5625rem;
}
@media screen and (max-width: 1350px) {
    .c-item-01--popup .c-item-01__desc-ttl--name {
        font-size: 1.8518518519vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-01--popup .c-item-01__desc-ttl--name {
        margin-right: 2.6666666667vw;
        font-size: 5.3333333333vw;
    }
}
.c-item-01--popup .c-item-01__desc-txt {
    margin-top: 20px;
    font-size: 0.875rem;
}
@media screen and (max-width: 1350px) {
    .c-item-01--popup .c-item-01__desc-txt {
        margin-top: 1.4814814815vw;
        font-size: 1.037037037vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-01--popup .c-item-01__desc-txt {
        margin-top: 3.2vw;
        font-size: 3.2vw;
    }
}
.c-item-01--popup .c-item-01__img {
    width: 144px;
    margin-top: 15px;
}
@media screen and (max-width: 1350px) {
    .c-item-01--popup .c-item-01__img {
        width: 10.6666666667vw;
        margin-top: 1.1111111111vw;
    }
}
@media screen and (max-width: 768px) {
    .c-item-01--popup .c-item-01__img {
        width: 38.4vw;
        margin-top: 5.3333333333vw;
    }
}
.c-item-01__inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 3.3333333333vw 3.3333333333vw 3.3333333333vw 2.962962963vw;
}
@media screen and (max-width: 768px) {
    .c-item-01__inner {
        display: block;
        padding: 8vw 6.9333333333vw 10.6666666667vw;
    }
}
.c-item-01__desc {
    width: 31.4814814815vw;
}
@media screen and (max-width: 768px) {
    .c-item-01__desc {
        width: 100%;
    }
}
.c-item-01__desc-ttl {
    font-size: 1.037037037vw;
    font-family: YuMincho, "Yu Mincho", serif;
}
@media screen and (max-width: 768px) {
    .c-item-01__desc-ttl {
        font-size: 3.4666666667vw;
    }
}
.c-item-01__desc-ttl--name {
    display: inline-block;
    margin-right: 0.7407407407vw;
    font-size: 1.8518518519vw;
}
@media screen and (max-width: 768px) {
    .c-item-01__desc-ttl--name {
        margin-right: 2.6666666667vw;
        font-size: 5.3333333333vw;
        font-weight: 600;
    }
}
.c-item-01__desc-txt {
    margin-top: 1.4814814815vw;
    font-size: 1.037037037vw;
    letter-spacing: 0.01em;
    line-height: 1.85;
    text-align: justify;
}
@media screen and (max-width: 768px) {
    .c-item-01__desc-txt {
        margin-top: 3.2vw;
        font-size: 3.2vw;
    }
}
.c-item-01__img {
    display: block;
    width: 10.6666666667vw;
    margin-top: 1.1111111111vw;
}
@media screen and (max-width: 768px) {
    .c-item-01__img {
        width: 38.4vw;
        margin: 6.6666666667vw auto 0;
    }
}

/* ---------------------------------------------
*   c-item-02
--------------------------------------------- */
.c-item-02 {
    margin-top: 8.8888888889vw;
}
@media screen and (max-width: 768px) {
    .c-item-02 {
        margin-top: 22.6666666667vw;
    }
}
.c-item-02__ttl-outer {
    width: 55.7777777778vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-item-02__ttl-outer {
        width: 50.6666666667vw;
    }
}
.c-item-02__img {
    display: block;
    width: 52.5925925926vw;
    margin: 2.962962963vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-item-02__img {
        width: 82.6666666667vw;
        margin-top: 9.3333333333vw;
    }
}
.c-item-02__note {
    width: 51.8518518519vw;
    margin: 2.2222222222vw auto 0;
    font-size: 0.8148148148vw;
    letter-spacing: 0.05em;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-item-02__note {
        width: 85.3333333333vw;
        margin-top: 5.3333333333vw;
        font-size: 2.8vw;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-item-03
--------------------------------------------- */
.c-item-03 {
    width: 74.0740740741vw;
    margin: 8.1481481481vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-item-03 {
        width: 92vw;
        margin-top: 26.6666666667vw;
    }
}
.c-item-03__inner {
    background-color: rgba(255, 255, 255, 0.45);
    padding-top: 5.9259259259vw;
    padding-bottom: 5.9259259259vw;
}
@media screen and (max-width: 768px) {
    .c-item-03__inner {
        padding: 10.6666666667vw 6.6666666667vw 9.3333333333vw;
    }
}
.c-item-03__ttl {
    width: 22.5925925926vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-item-03__ttl {
        width: 48vw;
    }
}
.c-item-03__img {
    display: block;
    width: 62.5925925926vw;
    margin: 3.5555555556vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-item-03__img {
        width: 66.6666666667vw;
        margin: 6.6666666667vw 0 0;
    }
}

/* ---------------------------------------------
*   c-item-04
--------------------------------------------- */
.c-item-04 {
    width: 66.6666666667vw;
    margin: 9.6296296296vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-item-04 {
        width: 84vw;
        margin-top: 26.6666666667vw;
    }
}
.c-item-04__inner {
    display: block;
    background-color: rgba(255, 255, 255, 0.6);
    padding-top: 7.4074074074vw;
    padding-bottom: 5.9259259259vw;
}
@media screen and (min-width: 769px) {
    .c-item-04__inner {
        transition: opacity 300ms;
    }
    .c-item-04__inner:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-item-04__inner {
        padding: 14.6666666667vw 8vw 13.3333333333vw;
        background-color: rgba(255, 255, 255, 0.7);
    }
}
.c-item-04__inner--nolink {
    pointer-events: none;
}
.c-item-04__ttl {
    width: 24.4444444444vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-item-04__ttl {
        width: 45.6666666667vw;
    }
}
.c-item-04__box {
    display: flex;
    justify-content: center;
    margin-top: 5.1851851852vw;
}
@media screen and (max-width: 768px) {
    .c-item-04__box {
        display: block;
        margin-top: 10.6666666667vw;
    }
}
.c-item-04__img-outer {
    position: relative;
    margin-top: 0.7407407407vw;
}
@media screen and (max-width: 768px) {
    .c-item-04__img-outer {
        margin-top: 0;
    }
}
.c-item-04__icn {
    position: absolute;
    top: -5.9259259259vw;
    left: -5.1851851852vw;
    width: 7.4074074074vw;
}
@media screen and (max-width: 768px) {
    .c-item-04__icn {
        top: -2.6666666667vw;
        left: -4.2666666667vw;
        width: 21.3333333333vw;
    }
}
.c-item-04__img {
    width: 26.5925925926vw;
}
@media screen and (max-width: 768px) {
    .c-item-04__img {
        width: 58.6666666667vw;
        margin-right: auto;
        margin-left: auto;
    }
}
.c-item-04__desc {
    width: 22.2222222222vw;
    margin-left: 1.8518518519vw;
}
@media screen and (max-width: 768px) {
    .c-item-04__desc {
        width: 100%;
        margin-top: 5.3333333333vw;
        margin-left: 0;
    }
}
.c-item-04__desc-ttl {
    font-size: 2.0740740741vw;
    color: #001E62;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .c-item-04__desc-ttl {
        font-size: 5.3333333333vw;
        letter-spacing: 0.05em;
    }
}
.c-item-04__desc-txt {
    margin-top: 1.8518518519vw;
    font-size: 1.6296296296vw;
    color: #595757;
    letter-spacing: 0.05em;
    line-height: 1.4;
}
@media screen and (max-width: 768px) {
    .c-item-04__desc-txt {
        margin-top: 2.1333333333vw;
        font-size: 3.7333333333vw;
        letter-spacing: 0;
    }
}
.c-item-04__desc-note {
    margin-top: 1.4814814815vw;
    font-size: 1.1851851852vw;
    color: #595757;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .c-item-04__desc-note {
        margin-top: 2.6666666667vw;
        font-size: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv__inner {
    position: relative;
}
.c-kv__img-outer {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-kv__img-outer {
        opacity: 1 !important;
    }
}
.c-kv__icn {
    position: absolute;
    top: 8.1481481481vw;
    left: 50%;
    width: 9.8518518519vw;
    transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
    .c-kv__icn {
        top: 34.6666666667vw;
        left: 8vw;
        width: 21.3333333333vw;
        transform: translateX(0);
        opacity: 1 !important;
    }
}

/* ---------------------------------------------
*   c-link-list-id6861
--------------------------------------------- */
.c-link-list-id6861 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.c-link-list-id6861__item {
    margin-top: 1em;
    margin-right: 30px;
}
.c-link-list-id6861__item:last-of-type {
    margin-right: 0;
}
.c-link-list-id6861__link {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
}
.c-link-list-id6861__link:hover {
    text-decoration: underline;
}
.c-link-list-id6861__link::before {
    position: absolute;
    top: calc(50% - 2px);
    left: 2px;
    content: "";
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: translateY(-50%) rotate(-45deg);
}

/* ---------------------------------------------
*   c-list-01
--------------------------------------------- */
.c-list-01 {
    width: 65.1851851852vw;
    margin: 4.0740740741vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-list-01 {
        margin-top: 13.3333333333vw;
        width: 100%;
    }
}
.c-list-01__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.c-list-01__list-item {
    width: 32.2vw;
    padding: 2.15vw 2.2222222222vw 2.8vw 2.962962963vw;
    background-color: #fbf2ed;
}
@media screen and (max-width: 768px) {
    .c-list-01__list-item {
        width: 100%;
        padding: 4.2666666667vw 7.4666666667vw 8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-01__list-item:nth-of-type(n+2) {
        margin-top: 2.6666666667vw;
    }
}
.c-list-01__list-item:nth-of-type(n+3) {
    margin-top: 0.7407407407vw;
}
@media screen and (max-width: 768px) {
    .c-list-01__list-item:nth-of-type(n+3) {
        margin-top: 2.6666666667vw;
    }
}
.c-list-01__list-item:last-of-type .c-list-01__list-ttl--note {
    display: block;
}
.firefox .c-list-01__list-item {
    padding-right: 1.8518518519vw;
}
@media screen and (max-width: 768px) {
    .firefox .c-list-01__list-item {
        padding-right: 6.6666666667vw;
    }
}

.c-list-01__list-head {
    display: flex;
    align-items: center;
}
.c-list-01__list-num {
    display: inline-block;
    margin-top: 1.3333333333vw;
    font-size: 4.5925925926vw;
    line-height: 1.2;
    color: #001E62;
    font-family: "PlantinMTPro-Light", YuMincho, "Yu Mincho";
}
@font-face {
    .c-list-01__list-num {
        font-family: "PlantinMTPro-Light";
        src: url("/fonts/PlantinMTPro-Light.otf") format("opentype");
    }
}
@media screen and (max-width: 768px) {
    .c-list-01__list-num {
        margin-top: 3.2vw;
        font-size: 11.2vw;
    }
}
.safari .c-list-01__list-num {
    margin-top: 0.1481481481vw;
}
@media screen and (max-width: 768px) {
    .safari .c-list-01__list-num {
        margin-top: 0.5333333333vw;
    }
}

.firefox .c-list-01__list-num {
    margin-top: 0.1481481481vw;
}
@media screen and (max-width: 768px) {
    .firefox .c-list-01__list-num {
        margin-top: 0.5333333333vw;
    }
}

.windows .c-list-01__list-num {
    margin-top: 0.2222222222vw;
}
@media screen and (max-width: 768px) {
    .windows .c-list-01__list-num {
        margin-top: 0.5333333333vw;
    }
}

@media screen and (max-width: 768px) {
    .android .c-list-01__list-num {
        margin-top: 0.5333333333vw;
        font-family: "Noto Serif", serif;
        font-weight: 700;
    }
}

.c-list-01__list-ttl {
    margin-left: 1.7777777778vw;
    font-size: 1.4074074074vw;
    color: #001E62;
    font-weight: bold;
    line-height: 1.57;
}
@media screen and (max-width: 768px) {
    .c-list-01__list-ttl {
        margin-left: 4vw;
        font-size: 3.7333333333vw;
    }
}
.c-list-01__list-ttl--note {
    margin-left: 0;
    font-size: 1.1111111111vw;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-list-01__list-ttl--note {
        font-size: 2.9333333333vw;
    }
}
.c-list-01__list-ttl--02 {
    white-space: nowrap;
}
.c-list-01__list-img {
    width: 19.2592592593vw;
    margin: 1.1111111111vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-list-01__list-img {
        width: 45.3333333333vw;
        margin-top: 2.1333333333vw;
    }
}
.c-list-01__note {
    margin-top: 1.1111111111vw;
    font-size: 0.8888888889vw;
}
@media screen and (max-width: 768px) {
    .c-list-01__note {
        margin-top: 8vw;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-list-02
--------------------------------------------- */
.c-list-02 {
    position: relative;
    margin-top: 6.6666666667vw;
}
@media screen and (max-width: 768px) {
    .c-list-02 {
        margin-top: 10.6666666667vw;
    }
}
.c-list-02__slide-number {
    position: absolute;
    top: 0;
    right: 22.5925925926vw;
    display: flex;
    align-items: center;
    transform: translateY(-140%);
    font-size: 1.9259259259vw;
    color: #001E62;
    font-family: "PlantinMTPro-Light", YuMincho, "Yu Mincho", "游明朝体";
}
@font-face {
    .c-list-02__slide-number {
        font-family: "PlantinMTPro-Light";
        src: url("/fonts/PlantinMTPro-Light.otf") format("opentype");
    }
}
@media screen and (max-width: 768px) {
    .c-list-02__slide-number {
        right: 8.5333333333vw;
        font-size: 4.2666666667vw;
    }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
    .android .c-list-02__slide-number {
        font-family: "Noto Serif", serif;
    }
}
.c-list-02__slide-number div {
    width: 1.1851851852vw;
    margin-top: -0.4444444444vw;
    margin-right: 0.4444444444vw;
    margin-left: 0.4444444444vw;
}
@media screen and (max-width: 768px) {
    .c-list-02__slide-number div {
        width: 3.2vw;
        margin-top: -1.0666666667vw;
        margin-right: 1.0666666667vw;
        margin-left: 1.0666666667vw;
    }
}
.firefox .c-list-02__slide-number div {
    margin-top: 0.0740740741vw;
}

.safari .c-list-02__slide-number div {
    margin-top: 0.0740740741vw;
}

.windows .c-list-02__slide-number div {
    margin-top: 0;
}

.c-list-02__slide-number div img {
    display: block;
}
.c-list-02__item {
    width: 54.4444444444vw;
    height: 31.8518518519vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-list-02__item {
        width: 78.6666666667vw;
        margin-right: 4vw;
        height: auto;
    }
}
.c-list-02__link {
    display: flex;
    padding: 4.4444444444vw 2.962962963vw 4.4444444444vw;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
    .c-list-02__link {
        transition: opacity 300ms;
    }
    .c-list-02__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-list-02__link {
        display: block;
        padding: 10.6666666667vw 8vw;
    }
}
.c-list-02__link--nolink {
    pointer-events: none;
}
.c-list-02__img-outer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20.7407407407vw;
    height: 22.2222222222vw;
    margin-top: 0.2222222222vw;
}
@media screen and (max-width: 768px) {
    .c-list-02__img-outer {
        align-items: flex-end;
        width: 100%;
        height: 45.3333333333vw;
        margin-top: 0;
    }
}
.c-list-02__img--01 {
    width: 7.3333333333vw;
}
@media screen and (max-width: 768px) {
    .c-list-02__img--01 {
        width: 14.4vw;
    }
}
.c-list-02__img--02 {
    width: 15.6296296296vw;
    margin-top: 1.8518518519vw;
}
@media screen and (max-width: 768px) {
    .c-list-02__img--02 {
        width: 30.9333333333vw;
    }
}
.c-list-02__img--03 {
    width: 14.7407407407vw;
}
@media screen and (max-width: 768px) {
    .c-list-02__img--03 {
        width: 32vw;
    }
}
.c-list-02__icn {
    position: absolute;
    top: -2.2222222222vw;
    left: -0.3703703704vw;
    width: 7.037037037vw;
}
@media screen and (max-width: 768px) {
    .c-list-02__icn {
        top: -2.6666666667vw;
        left: -2.6666666667vw;
        width: 21.3333333333vw;
    }
}
.c-list-02__desc {
    width: 22.2222222222vw;
    margin-left: 2.2222222222vw;
}
@media screen and (max-width: 768px) {
    .c-list-02__desc {
        width: 100%;
        margin-top: 8vw;
        margin-left: 0;
    }
}
.c-list-02__ttl {
    font-size: 2.0740740741vw;
    color: #001E62;
    letter-spacing: 0.05em;
    line-height: 1.4;
}
@media screen and (max-width: 768px) {
    .c-list-02__ttl {
        font-size: 4.2666666667vw;
    }
}
.c-list-02__txt {
    margin-top: 1.8518518519vw;
    font-size: 1.6296296296vw;
    line-height: 1.4;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .c-list-02__txt {
        margin-top: 3.2vw;
        font-size: 3.7333333333vw;
    }
}
.c-list-02__note {
    margin-top: 1.4814814815vw;
    font-size: 1.1851851852vw;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .c-list-02__note {
        margin-top: 2.6666666667vw;
        font-size: 3.2vw;
    }
}
.c-list-02 .swiper-button-prev {
    left: 17.037037037vw;
}
@media screen and (max-width: 768px) {
    .c-list-02 .swiper-button-prev {
        left: 4.2666666667vw;
    }
}
.c-list-02 .swiper-button-next {
    right: 17.037037037vw;
}
@media screen and (max-width: 768px) {
    .c-list-02 .swiper-button-next {
        right: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-list-03
--------------------------------------------- */
.c-list-03 {
    margin-top: 14.8148148148vw;
}
@media screen and (max-width: 768px) {
    .c-list-03 {
        margin-top: 26.6666666667vw;
    }
}
.c-list-03__ttl-outer {
    width: 46.1481481481vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-list-03__ttl-outer {
        width: 46.6666666667vw;
    }
}
.c-list-03__slider {
    position: relative;
    margin-top: 3.7037037037vw;
}
@media screen and (max-width: 768px) {
    .c-list-03__slider {
        margin-top: 8vw;
    }
}
.c-list-03__list {
    padding-top: 0.3703703704vw;
    padding-bottom: 0.3703703704vw;
}
@media screen and (max-width: 768px) {
    .c-list-03__list {
        padding-top: 1.3333333333vw;
        padding-bottom: 1.3333333333vw;
    }
}
.c-list-03__list-item {
    width: 33.3333333333vw;
    height: 15.5555555556vw;
}
@media screen and (max-width: 1350px) {
    .c-list-03__list-item {
        height: 16.2962962963vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-03__list-item {
        width: 68vw;
        height: 48vw;
        margin-right: 8vw;
        border-radius: px;
    }
}
.c-list-03__list-label {
    display: inline-block;
    padding: 0.4444444444vw 0.7407407407vw 0.3703703704vw;
    font-size: 1.037037037vw;
    font-weight: bold;
    color: #fff;
    background-color: #DEA19E;
    letter-spacing: 0.05em;
    line-height: 1;
    border-radius: 5px;
}
.windows .c-list-03__list-label {
    padding-top: 0.5185185185vw;
}

@media screen and (max-width: 768px) {
    .c-list-03__list-label {
        padding: 1.3333333333vw 2.6666666667vw 1.0666666667vw;
        font-size: 3.4666666667vw;
    }
    .windows .c-list-03__list-label {
        padding-top: 1.6vw;
    }
}
.c-list-03__list-txt {
    width: 25.9259259259vw;
    margin: 1.1851851852vw auto 0;
    font-size: 1.3333333333vw;
    line-height: 2;
    letter-spacing: -0.02em;
    text-align: justify;
}
@media screen and (max-width: 768px) {
    .c-list-03__list-txt {
        width: 100%;
        margin-top: 4vw;
        font-size: 3.7333333333vw;
        line-height: 1.8;
    }
}
.c-list-03__list-txt strong {
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-list-03__list-txt strong {
        font-size: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-03__list-txt--02 {
        line-height: 1.7;
    }
}
.c-list-03 .swiper-button-prev {
    left: 27.7777777778vw;
}
@media screen and (max-width: 768px) {
    .c-list-03 .swiper-button-prev {
        left: 5.6vw;
    }
}
.c-list-03 .swiper-button-next {
    right: 27.7777777778vw;
}
@media screen and (max-width: 768px) {
    .c-list-03 .swiper-button-next {
        right: 5.6vw;
    }
}

/* ---------------------------------------------
*   c-list-04
--------------------------------------------- */
.c-list-04 {
    margin-top: 11.1111111111vw;
}
@media screen and (max-width: 768px) {
    .c-list-04 {
        margin-top: 26.6666666667vw;
    }
}
.c-list-04__ttl-outer {
    width: 30vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-list-04__ttl-outer {
        width: 66.6666666667vw;
    }
}
.c-list-04__list {
    display: flex;
    justify-content: space-between;
    width: 71.8518518519vw;
    margin: 4.4444444444vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-list-04__list {
        display: block;
        width: 62.6666666667vw;
        margin-top: 13.3333333333vw;
    }
}
.c-list-04__list-item {
    width: 32.5925925926vw;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-item {
        width: 100%;
    }
    .c-list-04__list-item:nth-of-type(n+2) {
        margin-top: 13.3333333333vw;
    }
}
.c-list-04__list-link {
    display: flex;
    justify-content: space-between;
}
@media screen and (min-width: 769px) {
    .c-list-04__list-link {
        transition: opacity 300ms;
    }
    .c-list-04__list-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-list-04__list-link {
        display: block;
    }
}
.c-list-04__list-img-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12.5925925926vw;
    height: 18.5185185185vw;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-img-outer {
        width: 100%;
        height: auto;
    }
}
.c-list-04__list-img--01 {
    width: 9.9259259259vw;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-img--01 {
        width: 29.3333333333vw;
    }
}
.c-list-04__list-img--02 {
    width: 8.7407407407vw;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-img--02 {
        width: 25.3333333333vw;
    }
}
.c-list-04__list-box {
    width: 17.7777777778vw;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-box {
        width: 100%;
        margin-top: 8vw;
    }
}
.c-list-04__list-ttl {
    font-size: 1.6296296296vw;
    color: #001E62;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-ttl {
        font-size: 4.2666666667vw;
        white-space: nowrap;
    }
}
.c-list-04__list-txt {
    margin-top: 0.8888888889vw;
    font-size: 1.1851851852vw;
    color: #595757;
    letter-spacing: 0.05em;
    line-height: 1.4;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-txt {
        margin-top: 5.3333333333vw;
        font-size: 3.7333333333vw;
    }
}
.c-list-04__list-txt--02 {
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-txt--02 {
        white-space: normal;
    }
}
.c-list-04__list-note {
    margin-top: 0.8888888889vw;
    font-size: 1.037037037vw;
    color: #595757;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-note {
        margin-top: 2.6666666667vw;
        font-size: 3.2vw;
    }
}
.c-list-04__list-desc {
    margin-top: 0.7407407407vw;
    font-size: 0.7407407407vw;
    color: #595757;
    letter-spacing: 0.05em;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .c-list-04__list-desc {
        position: relative;
        left: 50%;
        width: 100vw;
        margin-top: 2.6666666667vw;
        transform: translateX(-50%);
        text-align: center;
        font-size: 3.0666666667vw;
        letter-spacing: -0.01em;
        white-space: normal;
    }
}

/* ---------------------------------------------
*   c-list-05
--------------------------------------------- */
.c-list-05 {
    margin-top: 11.1111111111vw;
}
@media screen and (max-width: 768px) {
    .c-list-05 {
        margin-top: 26.6666666667vw;
    }
}
.c-list-05__ttl {
    width: 17.9259259259vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-list-05__ttl {
        width: 34.6666666667vw;
    }
}
.c-list-05__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 74.0740740741vw;
    margin: 3.7037037037vw auto 0;
}
@media screen and (max-width: 768px) {
    .c-list-05__list {
        display: block;
        width: 92vw;
        margin-top: 8vw;
    }
}
.c-list-05__list-item {
    width: 36.6666666667vw;
    padding: 1.8518518519vw 2.962962963vw 2.2222222222vw;
    background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 768px) {
    .c-list-05__list-item {
        width: 100%;
        padding: 5.8666666667vw 5.3333333333vw 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-05__list-item:nth-of-type(n+2) {
        margin-top: 2.6666666667vw;
    }
}
.c-list-05__list-item:nth-of-type(n+3) {
    margin-top: 0.7407407407vw;
}
@media screen and (max-width: 768px) {
    .c-list-05__list-item:nth-of-type(n+3) {
        margin-top: 2.6666666667vw;
    }
}
.c-list-05__list-head {
    display: flex;
    align-items: center;
}
.c-list-05__list-num {
    margin-top: 0.5925925926vw;
    font-size: 2.3703703704vw;
    color: #001E62;
    font-family: "PlantinMTPro-Regular", YuMincho, "Yu Mincho";
    line-height: 1.2;
}
@font-face {
    .c-list-05__list-num {
        font-family: "PlantinMTPro-Regular";
        src: url("/fonts/PlantinMTPro-Regular.otf") format("opentype");
    }
}
@media screen and (max-width: 768px) {
    .c-list-05__list-num {
        margin-top: 2.1333333333vw;
        font-size: 8.5333333333vw;
    }
}
.safari .c-list-05__list-num {
    margin-top: 0.0740740741vw;
}
@media screen and (max-width: 768px) {
    .safari .c-list-05__list-num {
        margin-top: 0.8vw;
    }
}

.firefox .c-list-05__list-num {
    margin-top: 0.0740740741vw;
}
@media screen and (max-width: 768px) {
    .firefox .c-list-05__list-num {
        margin-top: 0.8vw;
    }
}

.windows .c-list-05__list-num {
    margin-top: 0.0740740741vw;
}
@media screen and (max-width: 768px) {
    .windows .c-list-05__list-num {
        margin-top: 0.8vw;
    }
}

@media screen and (max-width: 768px) {
    .android .c-list-05__list-num {
        margin-top: 0.5333333333vw;
        font-family: "Noto Serif", serif;
        font-weight: 700;
    }
}

.c-list-05__list-ttl {
    margin-left: 1.1111111111vw;
    font-size: 1.4074074074vw;
    font-weight: bold;
    color: #001E62;
}
@media screen and (max-width: 768px) {
    .c-list-05__list-ttl {
        margin-left: 4vw;
        font-size: 4.2666666667vw;
        line-height: 1.4;
    }
}
.c-list-05__list-body {
    margin-top: 1.1851851852vw;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-list-05__list-body {
        margin-top: 4vw;
    }
}
.c-list-05__list-desc {
    width: 20vw;
}
@media screen and (max-width: 768px) {
    .c-list-05__list-desc {
        width: 46.6666666667vw;
    }
}
.c-list-05__list-box {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-list-05__list-box {
        display: block;
    }
}
.c-list-05__list-cat {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.4444444444vw;
    height: 5.9259259259vw;
    font-size: 1.037037037vw;
    color: #fff;
    background-color: #848FB6;
    letter-spacing: 0.04em;
    font-family: "Gotham-Book", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}
@font-face {
    .c-list-05__list-cat {
        font-family: "Gotham-Book";
        src: url("/fonts/Gotham-Book.otf") format("opentype");
    }
}
@media screen and (max-width: 768px) {
    .c-list-05__list-cat {
        justify-content: flex-start;
        width: 100%;
        height: auto;
        padding: 2.1333333333vw 3.2vw 1.6vw;
        font-size: 3.2vw;
    }
}
@media screen and (max-width: 1350px) {
    .c-list-05__list-cat--small {
        height: auto;
        padding: 0.8888888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-05__list-cat--small {
        padding: 2.1333333333vw 3.2vw 1.6vw;
    }
}
.safari .c-list-05__list-cat {
    font-family: inherit;
    font-size: 0.962962963vw;
}
@media screen and (max-width: 768px) {
    .safari .c-list-05__list-cat {
        font-size: 3.2vw;
    }
}

.c-list-05__list-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15.5555555556vw;
    height: 5.9259259259vw;
    font-size: 1.037037037vw;
    font-weight: bold;
    background-color: #E1E4ED;
}
@media screen and (max-width: 768px) {
    .c-list-05__list-txt {
        justify-content: flex-start;
        width: 100%;
        height: auto;
        padding: 2.6666666667vw 3.2vw;
        font-size: 3.2vw;
    }
}
.c-list-05__list-txt--small {
    font-size: 0.8148148148vw;
}
@media screen and (max-width: 1350px) {
    .c-list-05__list-txt--small {
        height: auto;
        padding: 0.8888888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-05__list-txt--small {
        padding: 2.6666666667vw 3.2vw;
        font-size: 2.9333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-05__list-txt--02 {
        padding-top: 5.0666666667vw;
        padding-bottom: 5.0666666667vw;
    }
}
.c-list-05__list-date {
    margin-top: 1.4814814815vw;
    font-size: 1.1851851852vw;
    font-weight: bold;
    letter-spacing: 0.06em;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .c-list-05__list-date {
        margin-top: 2.1333333333vw;
        font-size: 2.9333333333vw;
        letter-spacing: 0;
    }
}
.c-list-05__list-img {
    width: 8.8888888889vw;
}
@media screen and (max-width: 768px) {
    .c-list-05__list-img {
        width: 29.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-list-06
--------------------------------------------- */
.c-list-06 {
    margin-top: 13.3333333333vw;
}
@media screen and (max-width: 768px) {
    .c-list-06 {
        margin-top: 24vw;
    }
}
.c-list-06__ttl {
    width: 14.6666666667vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-list-06__ttl {
        width: 29.3333333333vw;
    }
}
.c-list-06__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.7037037037vw;
}
@media screen and (max-width: 768px) {
    .c-list-06__list {
        margin-top: 8vw;
    }
}
.c-list-06__list-item {
    width: 33.33333%;
    height: 24.4444444444vw;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-item {
        width: 50%;
        height: 50.1333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-list-06__list-item {
        transition: filter 300ms;
    }
    .c-list-06__list-item:hover {
        filter: brightness(1.2);
    }
}
.c-list-06__list-link {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    height: 100%;
}
.c-list-06__list-item--01 {
    background: url(../img/img_column-01.jpg) 0 0 no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-item--01 {
        background: url(../img/sp/img_column-01.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}
.c-list-06__list-item--02 {
    background: url(../img/img_column-04.jpg) 0 0 no-repeat;
    background-size: cover;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-item--02 {
        background: url(../img/sp/img_column-03.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}
.c-list-06__list-item--03 {
    background: url(../img/img_column-03.jpg) 0 0 no-repeat;
    background-size: cover;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-item--03 {
        background: url(../img/sp/img_column-03.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}
.c-list-06__list-item--04 {
    background: url(../img/img_column-04.jpg) 0 0 no-repeat;
    background-size: cover;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-item--04 {
        background: url(../img/sp/img_column-04.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}
.c-list-06__list-item--05 {
    background: url(../img/img_column-03.jpg) 0 0 no-repeat;
    background-size: cover;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-item--05 {
        background: url(../img/sp/img_column-04.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}
.c-list-06__list-item--06 {
    background: url(../img/img_column-04.jpg) 0 0 no-repeat;
    background-size: cover;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-item--06 {
        background: url(../img/sp/img_column-03.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}
.c-list-06__list-img {
    width: 20.7407407407vw;
    margin-top: 1.1851851852vw;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-img {
        width: 37.3333333333vw;
        margin-top: 3.2vw;
    }
}
.c-list-06__list-cat {
    position: relative;
    font-size: 1.3333333333vw;
    color: #fff;
    font-family: "PlantinMTPro-Regular";
    line-height: 1.2;
    letter-spacing: 0.02em;
}
@font-face {
    .c-list-06__list-cat {
        font-family: "PlantinMTPro-Regular";
        src: url("/fonts/PlantinMTPro-Regular.otf") format("opentype");
    }
}
@media screen and (max-width: 768px) {
    .c-list-06__list-cat {
        font-size: 3.2vw;
    }
}
.c-list-06__list-cat:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0.8888888889vw;
    height: 1px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-cat:after {
        content: none;
    }
}
.c-list-06__list-cat--num {
    padding-bottom: 0;
    font-size: 2.3703703704vw;
}
.c-list-06__list-cat--num:after {
    content: none;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-cat--num {
        font-size: 4.8vw;
    }
}
.c-list-06__list-cat--cs {
    display: block;
    width: 100%;
    font-size: 1.4814814815vw;
    font-family: "Gotham-Book";
    text-align: center;
}
@font-face {
    .c-list-06__list-cat--cs {
        font-family: "Gotham-Book";
        src: url("/fonts/Gotham-Book.otf") format("opentype");
    }
}
.c-list-06__list-cat--cs:after {
    content: none;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-cat--cs {
        font-size: 3.2vw;
    }
}
.c-list-06__list-ttl {
    width: 100%;
    margin-top: 1.3333333333vw;
    font-size: 1.4814814815vw;
    color: #fff;
    line-height: 1.7;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-ttl {
        margin-top: 2.6666666667vw;
        font-size: 2.9333333333vw;
    }
}
.c-list-06__list-ttl--02 {
    margin-top: 0.7407407407vw;
}
@media screen and (max-width: 768px) {
    .c-list-06__list-ttl--02 {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-06__list-ttl--03 {
        margin-top: 0.8vw;
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-list-07
--------------------------------------------- */
.c-list-07 {
    margin-top: 9.6296296296vw;
}
@media screen and (max-width: 768px) {
    .c-list-07 {
        margin-top: 26.6666666667vw;
    }
}
.c-list-07__ttl {
    width: 19.2592592593vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-list-07__ttl {
        width: 37.3333333333vw;
    }
}
.c-list-07__slider {
    position: relative;
}
.c-list-07__list {
    margin-top: 2.962962963vw;
    padding-top: 0.3703703704vw;
    padding-bottom: 0.3703703704vw;
}
@media screen and (max-width: 768px) {
    .c-list-07__list {
        margin-top: 8vw;
        padding-top: 1.3333333333vw;
        padding-bottom: 1.3333333333vw;
    }
}
.c-list-07__list-item {
    width: 62.962962963vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-item {
        width: 68vw;
        margin-right: 8vw;
    }
}
.c-list-07__list-link {
    display: flex;
    background-color: #fff;
    min-height: 18.5185185185vw;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
    .c-list-07__list-link {
        transition: opacity 300ms;
    }
    .c-list-07__list-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-list-07__list-link {
        display: block;
        min-height: 109.3333333333vw;
    }
}
.c-list-07__list-img {
    display: block;
    width: 18.5185185185vw;
}
.c-list-07__list-img img {
    height: 100%;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-img {
        width: 100%;
    }
}
.c-list-07__list-desc {
    width: 44.4444444444vw;
    padding: 2.962962963vw 1.1111111111vw 1.1111111111vw 2.962962963vw;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-desc {
        width: 100%;
        padding: 5.3333333333vw 4.8vw 5.3333333333vw 5.8666666667vw;
    }
}
.c-list-07__list-label {
    display: inline-block;
    padding: 0.3703703704vw 0.7407407407vw 0.3703703704vw;
    font-size: 1.1111111111vw;
    color: #fff;
    background-color: #001E62;
    letter-spacing: 0.05em;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-label {
        padding: 1.6vw 2.6666666667vw 1.3333333333vw;
        font-size: 3.2vw;
    }
}
.c-list-07__list-ttl {
    display: block;
    margin-top: 1.1111111111vw;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-ttl {
        margin-top: 4.8vw;
    }
}
.c-list-07__list-ttl--01 {
    width: 27.037037037vw;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-ttl--01 {
        width: 40vw;
    }
}
.c-list-07__list-ttl--02 {
    width: 18.5925925926vw;
    margin-top: 2.2222222222vw;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-ttl--02 {
        width: 52vw;
        margin-top: 4.8vw;
    }
}
.c-list-07__list-ttl--03 {
    width: 18.5185185185vw;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-ttl--03 {
        width: 48vw;
    }
}
.c-list-07__list-ttl img {
    display: block;
}
.c-list-07__list-txt-outer {
    margin-top: 1.4814814815vw;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-txt-outer {
        margin-top: 4vw;
    }
}
.c-list-07__list-txt {
    font-size: 1.1111111111vw;
    color: #595757;
    letter-spacing: 0.05em;
    line-height: 1.68;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-txt {
        margin-top: 0;
        padding-left: 9.6vw;
        font-size: 3.2vw;
        text-indent: -9.6vw;
        line-height: 1.3;
    }
}
@media screen and (max-width: 768px) {
    .c-list-07__list-txt:nth-of-type(n+2) {
        margin-top: 1.0666666667vw;
    }
}
.c-list-07__list-note {
    position: relative;
    margin-top: 0.7407407407vw;
    padding-right: 1.4814814815vw;
    font-size: 1.1851851852vw;
    color: #001E62;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-note {
        position: absolute;
        right: 4vw;
        bottom: 4vw;
        margin-top: 0;
        padding-right: 3.2vw;
        font-size: 3.2vw;
        letter-spacing: -0.05em;
    }
}
.c-list-07__list-note:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.6666666667vw;
    height: 1.1111111111vw;
    background: url(../img/icn_arrow-03.png) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 768px) {
    .c-list-07__list-note:after {
        width: 1.3333333333vw;
        height: 2.4vw;
    }
}
.c-list-07 .swiper-button-prev {
    left: 12.962962963vw;
}
@media screen and (max-width: 768px) {
    .c-list-07 .swiper-button-prev {
        left: 6vw;
    }
}
.c-list-07 .swiper-button-next {
    right: 12.962962963vw;
}
@media screen and (max-width: 768px) {
    .c-list-07 .swiper-button-next {
        right: 6vw;
    }
}

/* ---------------------------------------------
*   c-list-08
--------------------------------------------- */
.c-list-08 {
    margin-top: 160px;
}
@media screen and (max-width: 1350px) {
    .c-list-08 {
        margin-top: 11.8518518519vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08 {
        margin-top: 26.6666666667vw;
    }
}
.c-list-08__item {
    position: relative;
}
.c-list-08__item:nth-of-type(n+2) {
    margin-top: 120px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__item:nth-of-type(n+2) {
        margin-top: 8.8888888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__item:nth-of-type(n+2) {
        margin-top: 18.6666666667vw;
    }
}
.c-list-08__item:nth-of-type(2n) {
    padding-left: 350px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__item:nth-of-type(2n) {
        padding-left: 25.9259259259vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__item:nth-of-type(2n) {
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__item:last-of-type {
        padding-bottom: 58.6666666667vw;
    }
}
.c-list-08__num {
    font-size: 4.375rem;
    line-height: 1.2;
    font-family: "PlantinMTPro-Light";
    color: #001E62;
}
@font-face {
    .c-list-08__num {
        font-family: "PlantinMTPro-Light";
        src: url("/fonts/PlantinMTPro-Light.otf") format("opentype");
    }
}
@media screen and (max-width: 1350px) {
    .c-list-08__num {
        font-size: 5.1851851852vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__num {
        font-size: 13.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .android .c-list-08__num {
        font-family: "Noto Serif", serif;
    }
}

.c-list-08__ttl {
    display: block;
    margin-top: 5px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__ttl {
        margin-top: 0.3703703704vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__ttl {
        margin-top: 1.3333333333vw;
    }
}
.c-list-08__ttl--01 {
    width: 461px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__ttl--01 {
        width: 34.1481481481vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__ttl--01 {
        width: 100%;
    }
}
.c-list-08__ttl--02 {
    width: 468px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__ttl--02 {
        width: 34.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__ttl--02 {
        width: 66.6666666667vw;
    }
}
.c-list-08__ttl--03 {
    width: 480px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__ttl--03 {
        width: 35.5555555556vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__ttl--03 {
        width: 100%;
    }
}
.c-list-08__img {
    display: block;
    position: absolute;
}
@media screen and (max-width: 768px) {
    .c-list-08__img {
        position: relative;
        margin-top: 7.4666666667vw;
    }
}
.c-list-08__img--01 {
    top: 0;
    right: -120px;
    width: 380px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__img--01 {
        right: -8.8888888889vw;
        width: 28.1481481481vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__img--01 {
        width: 100%;
        right: 0;
    }
}
.c-list-08__img--02 {
    top: 8px;
    left: -120px;
    width: 377px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__img--02 {
        top: 0.5925925926vw;
        left: -8.8888888889vw;
        width: 27.9259259259vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__img--02 {
        width: 100%;
        left: 0;
    }
}
.c-list-08__img--03 {
    bottom: 2px;
    left: -120px;
    width: 377px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__img--03 {
        bottom: 0.1481481481vw;
        left: -8.8888888889vw;
        width: 27.9259259259vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__img--03 {
        width: 100%;
        bottom: 0;
        left: 0;
    }
}
.c-list-08__img--04 {
    top: -3px;
    right: -120px;
    width: 380px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__img--04 {
        top: -0.2222222222vw;
        right: -8.8888888889vw;
        width: 28.1481481481vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__img--04 {
        width: 100%;
        top: 0;
        right: 0;
    }
}
.c-list-08__img--05 {
    top: 50%;
    right: -120px;
    width: 380px;
    transform: translateY(-50%);
}
@media screen and (max-width: 1350px) {
    .c-list-08__img--05 {
        right: -8.8888888889vw;
        width: 28.1481481481vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__img--05 {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        margin-top: 0;
        width: 38.6666666667vw;
        transform: translateY(0);
    }
}
.c-list-08__img--06 {
    right: -120px;
    bottom: -2px;
    width: 380px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__img--06 {
        bottom: -0.1481481481vw;
        right: -8.8888888889vw;
        width: 28.1481481481vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__img--06 {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-top: 0;
        width: 38.6666666667vw;
    }
}
.c-list-08__txt-outer {
    width: 620px;
    margin-top: 30px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__txt-outer {
        width: 45.9259259259vw;
        margin-top: 2.2222222222vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__txt-outer {
        width: 100%;
        margin-top: 8vw;
    }
}
.c-list-08__txt {
    font-size: 1rem;
    letter-spacing: 0.025em;
    line-height: 2;
    text-align: justify;
}
@media screen and (max-width: 1350px) {
    .c-list-08__txt {
        font-size: 1.1851851852vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__txt {
        font-size: 3.3333333333vw;
        letter-spacing: 0;
    }
}
.c-list-08__txt:nth-of-type(n+2) {
    margin-top: 20px;
}
@media screen and (max-width: 1350px) {
    .c-list-08__txt:nth-of-type(n+2) {
        margin-top: 1.4814814815vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-08__txt:nth-of-type(n+2) {
        margin-top: 4vw;
    }
}

/* ---------------------------------------------
*   c-popup
--------------------------------------------- */
.c-popup {
    position: relative;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.c-popup::-webkit-scrollbar {
    display: none;
}
@media screen and (max-width: 1350px) {
    .c-popup {
        width: 88.8888888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-popup {
        width: 92vw;
    }
}
.c-popup__inner {
    height: 80vh;
    padding: 180px 120px 130px;
    background-color: #fff;
    overflow-y: scroll;
}
@media screen and (max-width: 1350px) {
    .c-popup__inner {
        padding: 13.3333333333vw 8.8888888889vw 9.6296296296vw;
    }
}
@media screen and (max-width: 768px) {
    .c-popup__inner {
        padding: 26.6666666667vw 6.9333333333vw 21.3333333333vw;
    }
}
.c-popup__ttl {
    display: block;
    width: 727px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 1350px) {
    .c-popup__ttl {
        width: 53.8518518519vw;
    }
}
@media screen and (max-width: 768px) {
    .c-popup__ttl {
        width: 73.3333333333vw;
    }
}
.c-popup__txt {
    display: block;
    width: 962px;
    margin: 60px auto 0;
}
@media screen and (max-width: 1350px) {
    .c-popup__txt {
        width: 71.2592592593vw;
        margin-top: 4.4444444444vw;
    }
}
@media screen and (max-width: 768px) {
    .c-popup__txt {
        width: 74.6666666667vw;
        margin-top: 13.3333333333vw;
    }
}
.c-popup__item {
    width: 244px;
    margin: 60px auto 0;
}
@media screen and (max-width: 1350px) {
    .c-popup__item {
        width: 18.0740740741vw;
        margin-top: 4.4444444444vw;
    }
}
@media screen and (max-width: 768px) {
    .c-popup__item {
        width: 41.3333333333vw;
        margin-top: 10.6666666667vw;
    }
}

/* ---------------------------------------------
*   magnific-popup
--------------------------------------------- */
/* -- Fade Animation -- */
.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.close-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    display: inline-block;
    width: 41px;
    cursor: pointer;
}
@media screen and (min-width: 769px) {
    .close-btn {
        transition: opacity 300ms;
    }
    .close-btn:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 1350px) {
    .close-btn {
        width: 3.037037037vw;
        top: 2.2222222222vw;
        right: 2.2222222222vw;
    }
}
@media screen and (max-width: 768px) {
    .close-btn {
        width: 6.6666666667vw;
        top: 3.2vw;
        right: 3.2vw;
    }
}

.mfp-bg {
    background: #40202B;
}

/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {

}
@media screen and (max-width: 768px) {

}


/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
    position: relative;
    background: url(../images/05.jpg) 0 0 no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .c-section-02 {
        background: url(../images/05.jpg) 0 0 no-repeat;
        background-size: cover;
        padding-bottom:10vw;
    }
}
.c-section-02__inner {
    padding-top: 8.8888888889vw;
    padding-bottom: 8.8888888889vw;
}
@media screen and (max-width: 768px) {
    .c-section-02__inner {
    }
}

@media screen and (max-width: 768px) {
    .c-section-02__txt {
        margin-top: 6.4vw;
        font-size: 3.6vw;
        text-align: justify;
    }
    .c-section-02_01{
        padding-top: 77vw;
        width: 80%;
        margin: auto;
    }
    .c-section-02_02{
        padding-top: 9vw;
        width: 85%;
        margin: auto;
    }
    .c-section-02_03{
        padding-top: 21vw;
        width: 81%;
        margin: auto;
    }
    .c-section-02_04{
        padding-top: 10vw;
        width: 86%;
        margin: auto;
    }
    .c-section-02_05{
        padding-top: 12vw;
        width: 90%;
        margin: auto;
    }
    .c-section-02_06{
        padding-top: 13vw;
        width: 89%;
        margin: auto;
    }
}
.dnone{display:none;}
@media screen and (max-width: 768px) {
    .c-section-02_btn_close,.c-section-02_btn_open{
        width: 21vw;
        margin: auto;
        padding-top: 146vw;
    }
        .c-section-02_btn_close2,.c-section-02_btn_open2{
        width: 21vw;
        margin: auto;
        padding-top: 8vw;
    }
}
/* ---------------------------------------------
*   c-section-03
--------------------------------------------- */
.c-section-03 {
    background: url(../images/06.jpg) 0 0 no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .c-section-03 {
        background: url(../images/06.jpg) 0 0 no-repeat;
        background-size: cover;
         height: 436vw;
         padding-top: 1px;
    }
}

    .c-section-03_02-2{
text-align: center;
  font-size: 80%;
  color: #747071;
margin-top:10px;
font-weight:bold;
    }
    .c-section-03_02-3{
text-align: center;
  font-size: 80%;
  color: #747071;
margin-top:15px;
font-weight:bold;
    }


.c-section-03__inner {
    margin-top: -11.1111111111vw;
    padding-bottom: 11.1111111111vw;
}
@media screen and (max-width: 768px) {
    .c-section-03__inner {
        margin-top: -18.6666666667vw;
        padding-bottom: 26.6666666667vw;
    }
}

@media screen and (max-width: 768px) {
    .c-section-03_01{
        padding-top: 59vw;
        width: 90vw;
        margin: auto;
    }
    .c-section-03_02{
        padding-top: 3vw;
        width: 59vw;
        margin: auto;
    }
    .c-section-03_03{
        padding-top: 12vw;
        width: 59vw;
        margin: auto;
    }
    .c-section-03_04{
        padding-top: 3vw;
        width: 59vw;
        margin: auto;
    }
    .c-section-03_05{
        padding-top: 0vw;
        width: 52vw;
        margin: 0 3vw 0 auto;
    }
    .c-section-03_06{
        padding-top: 18vw;
        width: 75vw;
        margin: auto;
    }
    .c-section-03_07{
        padding-top: 3vw;
        width: 59vw;
        margin: auto;
    }
    .c-section-03_08{
        padding-top: 10vw;
        width: 77vw;
        margin: 0 auto 10vw;
    }
    .c-section-03_09{
        position: absolute;
    width: 59vw;
    margin: auto;
    left: 0;
    right: 0;
    top: 167vw;
    }
    .c-section-03_10{
        position: absolute;
    width: 59vw;
    margin: auto;
    left: 0;
    right: 0;
    top: 326vw;
    }
    .c-section-03_11{
        padding-top: 7vw;
    width: 93vw;
    margin: auto;
    }
    .c-section-03_12{
        padding-top: 3vw;
    width: 93vw;
    margin: auto;
    }
    .c-section-03_13{
        padding-top: 3vw;
    width: 93vw;
    margin: auto;
    }
    .c-section-03 .special {
        display:none;
    }
}
@media screen and (max-width: 768px) {
.specialBanner {
  position: fixed;
  top: 3.1em;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity ease .3s,visibility ease .3s;
}
.specialBanner.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.specialBanner a {
  outline: none;
}
#special{
    padding-top: 150px;
  margin-top: -150px;
}
#anchor-1{
    padding-top: 100px;
  margin-top: -100px;
}
#anchor-2{
    padding-top: 150px;
  margin-top: -150px;
}
#anchor-3{
    padding-top: 130px;
  margin-top: -130px;
}

}
/* ---------------------------------------------
*   c-section-04
--------------------------------------------- */
.c-section-04__img {
    width: 100%;
}
.c-section-04__inner {
    background: url(../images/03.jpg) 0 0 no-repeat;
    background-size: cover;
    padding-top: 9vw;
    padding-bottom: 0;
}
@media screen and (max-width: 768px) {
    .c-section-04__inner {
        background: url(../images/03.jpg) 0 0 no-repeat;
        background-size: 100%;
    }
}
.c-section-04__ttl {
    width: 14.0740740741vw;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-section-04__ttl {
        width: 27.2vw;
    }
}
.footer{margin:0;}
/* ---------------------------------------------
*   c-section-06
--------------------------------------------- */
.c-section-06 {
    background: url(../images/07.jpg) 0 0 no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .c-section-06 {
        background: url(../images/07.jpg) 0 0 no-repeat;
        background-size: cover;
        height:225vw;
    }
}
.c-section-06__inner {
    padding-top: 11.8518518519vw;
    padding-bottom: 8.8888888889vw;
}
@media screen and (max-width: 768px) {
    .c-section-06__inner {
        padding-top: 24vw;
        padding-bottom: 26.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-06_01{
        padding-top: 203vw;
        width: 80vw;
        margin: auto;
    }
}

/* ---------------------------------------------
*   c-slider
--------------------------------------------- */
/* ---------------------------------------------
*   swiper
--------------------------------------------- */
.swiper-slide {
    opacity: 0.5;
    transform: translate3d(0, 0, 0);
    pointer-events: none;
}

.swiper-button-prev,
.swiper-button-next {
    width: 4.5925925926vw;
    height: 4.5925925926vw;
}
@media screen and (min-width: 769px) {
    .swiper-button-prev,
.swiper-button-next {
        transition: opacity 300ms;
    }
    .swiper-button-prev:hover,
.swiper-button-next:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .swiper-button-prev,
.swiper-button-next {
        width: 9.6vw;
        height: 9.6vw;
    }
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 4.5925925926vw;
    height: 4.5925925926vw;
    margin: auto;
}
@media screen and (max-width: 768px) {
    .swiper-button-prev:after,
.swiper-button-next:after {
        width: 9.6vw;
        height: 9.6vw;
        margin-top: -2.6vw;
    }
}

.swiper-button-prev:after {
    background-image: url(../img/icn_arrow-prev.png);
}

.swiper-button-next:after {
    background-image: url(../img/icn_arrow-next.png);
}

.swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
}

/* ---------------------------------------------
*   c-ttl-id6692
--------------------------------------------- */
.c-ttl-id6692 {
    padding: 0.8em 1em;
    border-left: 5px solid #000;
    background-color: #eee;
    font-size: 1.5rem;
}

/* ---------------------------------------------
*   c-ttl-id6771
--------------------------------------------- */
.c-ttl-id6771 {
    position: relative;
    width: 300px;
    padding: 15px 0.5em 15px 0;
    box-sizing: border-box;
    font-size: 24px;
    border-bottom: 4px solid #007bbb;
}
.c-ttl-id6771::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: "";
    width: 100px;
    height: 4px;
    background-color: #223a70;
}

/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

/*  .js-fadein
--------------------------------------------- */
.js-fadein {
    opacity: 0;
}
.js-fadein.is-active {
    opacity: 1;
    transition: opacity 1s;
}

/*  js-fadein-up
--------------------------------------------- */
.js-fadein-up {
    opacity: 0;
    transform: translateY(50px);
}
@media screen and (max-width: 768px) {
    .js-fadein-up {
        transform: translateY(0) !important;
    }
}
.js-fadein-up.is-active {
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.8s, opacity 1s;
}

/*  js-fadeup-order
--------------------------------------------- */
.js-fadeup-order__item {
    opacity: 0;
    transform: translateY(50px);
}
@media screen and (max-width: 768px) {
    .js-fadeup-order__item {
        transform: translateY(0) !important;
    }
}
.is-fadeup .js-fadeup-order__item {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s, transform 0.5s;
}
.is-fadeup .js-fadeup-order__item:nth-of-type(1) {
    transition-delay: 0s;
}
.is-fadeup .js-fadeup-order__item:nth-of-type(2) {
    transition-delay: 0.2s;
}
.is-fadeup .js-fadeup-order__item:nth-of-type(3) {
    transition-delay: 0.4s;
}
.is-fadeup .js-fadeup-order__item:nth-of-type(4) {
    transition-delay: 0.6s;
}
.is-fadeup .js-fadeup-order__item:nth-of-type(5) {
    transition-delay: 0.8s;
}
.is-fadeup .js-fadeup-order__item:nth-of-type(6) {
    transition-delay: 1s;
}

@media print and (min-width: 769px), screen and (min-width: 769px) {
    .pc-hide {
        display: none !important;
    }
}
@media print and (max-width: 768px), screen and (max-width: 768px) {
    .sp-hide {
        display: none !important;
    }
}
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 768px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }

    .mgt-sp--5 {
        margin-top: 1.3333333333vw !important;
    }

    .mgt-sp--10 {
        margin-top: 2.6666666667vw !important;
    }

    .mgt-sp--15 {
        margin-top: 4vw !important;
    }

    .mgt-sp--20 {
        margin-top: 5.3333333333vw !important;
    }

    .mgt-sp--25 {
        margin-top: 6.6666666667vw !important;
    }

    .mgt-sp--30 {
        margin-top: 8vw !important;
    }

    .mgt-sp--35 {
        margin-top: 9.3333333333vw !important;
    }

    .mgt-sp--40 {
        margin-top: 10.6666666667vw !important;
    }

    .mgt-sp--45 {
        margin-top: 12vw !important;
    }

    .mgt-sp--50 {
        margin-top: 13.3333333333vw !important;
    }

    .mgt-sp--55 {
        margin-top: 14.6666666667vw !important;
    }

    .mgt-sp--60 {
        margin-top: 16vw !important;
    }

    .mgt-sp--65 {
        margin-top: 17.3333333333vw !important;
    }

    .mgt-sp--70 {
        margin-top: 18.6666666667vw !important;
    }

    .mgt-sp--75 {
        margin-top: 20vw !important;
    }

    .mgt-sp--80 {
        margin-top: 21.3333333333vw !important;
    }

    .mgt-sp--85 {
        margin-top: 22.6666666667vw !important;
    }

    .mgt-sp--90 {
        margin-top: 24vw !important;
    }

    .mgt-sp--95 {
        margin-top: 25.3333333333vw !important;
    }

    .mgt-sp--100 {
        margin-top: 26.6666666667vw !important;
    }

    .mgt-sp--105 {
        margin-top: 28vw !important;
    }

    .mgt-sp--110 {
        margin-top: 29.3333333333vw !important;
    }

    .mgt-sp--115 {
        margin-top: 30.6666666667vw !important;
    }

    .mgt-sp--120 {
        margin-top: 32vw !important;
    }

    .mgt-sp--125 {
        margin-top: 33.3333333333vw !important;
    }

    .mgt-sp--130 {
        margin-top: 34.6666666667vw !important;
    }

    .mgt-sp--135 {
        margin-top: 36vw !important;
    }

    .mgt-sp--140 {
        margin-top: 37.3333333333vw !important;
    }

    .mgt-sp--145 {
        margin-top: 38.6666666667vw !important;
    }

    .mgt-sp--150 {
        margin-top: 40vw !important;
    }

    .mgt-sp--155 {
        margin-top: 41.3333333333vw !important;
    }

    .mgt-sp--160 {
        margin-top: 42.6666666667vw !important;
    }

    .mgt-sp--165 {
        margin-top: 44vw !important;
    }

    .mgt-sp--170 {
        margin-top: 45.3333333333vw !important;
    }

    .mgt-sp--175 {
        margin-top: 46.6666666667vw !important;
    }

    .mgt-sp--180 {
        margin-top: 48vw !important;
    }

    .mgt-sp--185 {
        margin-top: 49.3333333333vw !important;
    }

    .mgt-sp--190 {
        margin-top: 50.6666666667vw !important;
    }

    .mgt-sp--195 {
        margin-top: 52vw !important;
    }

    .mgt-sp--200 {
        margin-top: 53.3333333333vw !important;
    }

    .mgt-sp--205 {
        margin-top: 54.6666666667vw !important;
    }

    .mgt-sp--210 {
        margin-top: 56vw !important;
    }

    .mgt-sp--215 {
        margin-top: 57.3333333333vw !important;
    }

    .mgt-sp--220 {
        margin-top: 58.6666666667vw !important;
    }

    .mgt-sp--225 {
        margin-top: 60vw !important;
    }

    .mgt-sp--230 {
        margin-top: 61.3333333333vw !important;
    }

    .mgt-sp--235 {
        margin-top: 62.6666666667vw !important;
    }

    .mgt-sp--240 {
        margin-top: 64vw !important;
    }

    .mgt-sp--245 {
        margin-top: 65.3333333333vw !important;
    }

    .mgt-sp--250 {
        margin-top: 66.6666666667vw !important;
    }
}
/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 768px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }

    .mgb-sp--5 {
        margin-bottom: 1.3333333333vw !important;
    }

    .mgb-sp--10 {
        margin-bottom: 2.6666666667vw !important;
    }

    .mgb-sp--15 {
        margin-bottom: 4vw !important;
    }

    .mgb-sp--20 {
        margin-bottom: 5.3333333333vw !important;
    }

    .mgb-sp--25 {
        margin-bottom: 6.6666666667vw !important;
    }

    .mgb-sp--30 {
        margin-bottom: 8vw !important;
    }

    .mgb-sp--35 {
        margin-bottom: 9.3333333333vw !important;
    }

    .mgb-sp--40 {
        margin-bottom: 10.6666666667vw !important;
    }

    .mgb-sp--45 {
        margin-bottom: 12vw !important;
    }

    .mgb-sp--50 {
        margin-bottom: 13.3333333333vw !important;
    }

    .mgb-sp--55 {
        margin-bottom: 14.6666666667vw !important;
    }

    .mgb-sp--60 {
        margin-bottom: 16vw !important;
    }

    .mgb-sp--65 {
        margin-bottom: 17.3333333333vw !important;
    }

    .mgb-sp--70 {
        margin-bottom: 18.6666666667vw !important;
    }

    .mgb-sp--75 {
        margin-bottom: 20vw !important;
    }

    .mgb-sp--80 {
        margin-bottom: 21.3333333333vw !important;
    }

    .mgb-sp--85 {
        margin-bottom: 22.6666666667vw !important;
    }

    .mgb-sp--90 {
        margin-bottom: 24vw !important;
    }

    .mgb-sp--95 {
        margin-bottom: 25.3333333333vw !important;
    }

    .mgb-sp--100 {
        margin-bottom: 26.6666666667vw !important;
    }

    .mgb-sp--105 {
        margin-bottom: 28vw !important;
    }

    .mgb-sp--110 {
        margin-bottom: 29.3333333333vw !important;
    }

    .mgb-sp--115 {
        margin-bottom: 30.6666666667vw !important;
    }

    .mgb-sp--120 {
        margin-bottom: 32vw !important;
    }

    .mgb-sp--125 {
        margin-bottom: 33.3333333333vw !important;
    }

    .mgb-sp--130 {
        margin-bottom: 34.6666666667vw !important;
    }

    .mgb-sp--135 {
        margin-bottom: 36vw !important;
    }

    .mgb-sp--140 {
        margin-bottom: 37.3333333333vw !important;
    }

    .mgb-sp--145 {
        margin-bottom: 38.6666666667vw !important;
    }

    .mgb-sp--150 {
        margin-bottom: 40vw !important;
    }

    .mgb-sp--155 {
        margin-bottom: 41.3333333333vw !important;
    }

    .mgb-sp--160 {
        margin-bottom: 42.6666666667vw !important;
    }

    .mgb-sp--165 {
        margin-bottom: 44vw !important;
    }

    .mgb-sp--170 {
        margin-bottom: 45.3333333333vw !important;
    }

    .mgb-sp--175 {
        margin-bottom: 46.6666666667vw !important;
    }

    .mgb-sp--180 {
        margin-bottom: 48vw !important;
    }

    .mgb-sp--185 {
        margin-bottom: 49.3333333333vw !important;
    }

    .mgb-sp--190 {
        margin-bottom: 50.6666666667vw !important;
    }

    .mgb-sp--195 {
        margin-bottom: 52vw !important;
    }

    .mgb-sp--200 {
        margin-bottom: 53.3333333333vw !important;
    }

    .mgb-sp--205 {
        margin-bottom: 54.6666666667vw !important;
    }

    .mgb-sp--210 {
        margin-bottom: 56vw !important;
    }

    .mgb-sp--215 {
        margin-bottom: 57.3333333333vw !important;
    }

    .mgb-sp--220 {
        margin-bottom: 58.6666666667vw !important;
    }

    .mgb-sp--225 {
        margin-bottom: 60vw !important;
    }

    .mgb-sp--230 {
        margin-bottom: 61.3333333333vw !important;
    }

    .mgb-sp--235 {
        margin-bottom: 62.6666666667vw !important;
    }

    .mgb-sp--240 {
        margin-bottom: 64vw !important;
    }

    .mgb-sp--245 {
        margin-bottom: 65.3333333333vw !important;
    }

    .mgb-sp--250 {
        margin-bottom: 66.6666666667vw !important;
    }
}