@charset "UTF-8";

    a,
    abbr,
    acronym,
    address,
    applet,
    article,
    aside,
    audio,
    b,
    big,
    blockquote,
    body,
    canvas,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    details,
    dfn,
    div,
    dl,
    dt,
    em,
    embed,
    fieldset,
    figcaption,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    mark,
    menu,
    nav,
    object,
    ol,
    output,
    p,
    pre,
    q,
    ruby,
    s,
    samp,
    section,
    small,
    span,
    strike,
    strong,
    sub,
    summary,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    time,
    tr,
    tt,
    u,
    ul,
    var,
    video {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block
    }

    body {
        line-height: 1
    }

    ol,
    ul {
        list-style: none
    }

    blockquote,
    q {
        quotes: none
    }

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: '';
        content: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    body:after {
        display: none
    }

    body.lb-disable-scrolling {
        overflow: hidden
    }

    .lightboxOverlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: black;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8;
        display: none
    }

    .lightbox {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 10000;
        text-align: center;
        line-height: 0;
        font-weight: normal
    }

    .lightbox .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        border-radius: 3px
    }

    .lightbox a img {
        border: none
    }

    .lb-outerContainer {
        position: relative;
        background-color: white;
        *zoom: 1;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        border-radius: 4px
    }

    .lb-outerContainer:after {
        content: "";
        display: table;
        clear: both
    }

    .lb-container {
        padding: 4px
    }

    .lb-loader {
        position: absolute;
        top: 43%;
        left: 0;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0
    }

    .lb-cancel {
        display: block;
        width: 32px;
        height: 32px;
        margin: 0 auto;
        background: url(../../../images/general-signup/plugin/lightbox/loading.gif) no-repeat
    }

    .lb-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10
    }

    .lb-container>.nav {
        left: 0
    }

    .lb-nav a {
        outline: none;
        background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
    }

    .lb-next,
    .lb-prev {
        height: 100%;
        cursor: pointer;
        display: block
    }

    .lb-nav a.lb-prev {
        width: 34%;
        left: 0;
        float: left;
        background: url(../../../images/general-signup/plugin/lightbox/prev.png) left 48% no-repeat;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.6s;
        -moz-transition: opacity 0.6s;
        -o-transition: opacity 0.6s;
        transition: opacity 0.6s
    }

    .lb-nav a.lb-prev:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

    .lb-nav a.lb-next {
        width: 64%;
        right: 0;
        float: right;
        background: url(../../../images/general-signup/plugin/lightbox/next.png) right 48% no-repeat;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.6s;
        -moz-transition: opacity 0.6s;
        -o-transition: opacity 0.6s;
        transition: opacity 0.6s
    }

    .lb-nav a.lb-next:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

    .lb-dataContainer {
        margin: 0 auto;
        padding-top: 5px;
        *zoom: 1;
        width: 100%;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .lb-dataContainer:after {
        content: "";
        display: table;
        clear: both
    }

    .lb-data {
        padding: 0 4px;
        color: #ccc
    }

    .lb-data .lb-details {
        width: 85%;
        float: left;
        text-align: left;
        line-height: 1.1em
    }

    .lb-data .lb-caption {
        font-size: 13px;
        font-weight: bold;
        line-height: 1em
    }

    .lb-data .lb-number {
        display: block;
        clear: left;
        padding-bottom: 1em;
        font-size: 12px;
        color: #999999
    }

    .lb-data .lb-close {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        text-align: right;
        outline: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s
    }

    .lb-data .lb-close:hover {
        cursor: pointer;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

    .slick-loading .slick-list {
        background: #fff url("./ajax-loader.gif") center center no-repeat
    }

    @font-face {
        font-family: "slick";
        src: url("../fonts/slick.eot");
        src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal
    }

    .slick-next,
    .slick-prev {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer;
        background: transparent;
        color: transparent;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: none
    }

    .slick-next:focus,
    .slick-next:hover,
    .slick-prev:focus,
    .slick-prev:hover {
        outline: none;
        background: transparent;
        color: transparent
    }

    .slick-next:focus:before,
    .slick-next:hover:before,
    .slick-prev:focus:before,
    .slick-prev:hover:before {
        opacity: 1
    }

    .slick-next.slick-disabled:before,
    .slick-prev.slick-disabled:before {
        opacity: 0.25
    }

    .slick-next:before,
    .slick-prev:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: white;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .slick-prev {
        left: -25px
    }

    [dir=rtl] .slick-prev {
        left: auto;
        right: -25px
    }

    .slick-prev:before {
        content: "←"
    }

    [dir=rtl] .slick-prev:before {
        content: "→"
    }

    .slick-next {
        right: -25px
    }

    [dir=rtl] .slick-next {
        left: -25px;
        right: auto
    }

    .slick-next:before {
        content: "→"
    }

    [dir=rtl] .slick-next:before {
        content: "←"
    }

    .slick-dotted.slick-slider {
        margin-bottom: 30px
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

    .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 5px;
        cursor: pointer
    }

    .slick-dots li button:focus,
    .slick-dots li button:hover {
        outline: none
    }

    .slick-dots li button:focus:before,
    .slick-dots li button:hover:before {
        opacity: 1
    }

    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .slick-dots li.slick-active button:before {
        color: black;
        opacity: 0.75
    }

    .slick-slider {
        position: relative;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent
    }

    .slick-list {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0
    }

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

    .slick-slider .slick-list,
    .slick-slider .slick-track {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .slick-track {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .slick-track:after,
    .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

    .slick-loading .slick-track {
        visibility: hidden
    }

    .slick-slide {
        float: left;
        height: 100%;
        min-height: 1px;
        display: none
    }

    [dir=rtl] .slick-slide {
        float: right
    }

    .slick-slide img {
        display: block
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

    .slick-initialized .slick-slide {
        display: block
    }

    .slick-loading .slick-slide {
        visibility: hidden
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent
    }

    .slick-arrow.slick-hidden {
        display: none
    }

    body,
    html {
        min-width: 1140px
    }

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

        body,
        html {
            min-width: inherit;
            min-width: auto
        }
    }

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

        body.is-open,
        html.is-open {
            overflow: hidden;
            height: 100%
        }
    }

    html {
        height: 100%;
        font-size: 62.5%
    }

    body {
        height: 100%;
        line-height: 1.7;
        font-size: 16px;
        font-size: 1.6rem;
  font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;

        color: #000000;
        -webkit-text-size-adjust: 100%;
        font-weight: 500;
    }

    @media screen and (max-width:768px) {
        body {
            line-height: 1.5;
            font-size: 14px;
            font-size: 1.4rem
        }
    }

    a {
        display: inline-block;
        color: inherit;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        outline: none;
        text-decoration: none
    }

    #page_top {
        display: none;
    }

    a:visited {
        color: inherit
    }

    a:active {
        color: inherit
    }

    a:hover {
        opacity: 0.7;
        color: inherit
    }

    a:focus {
        outline: none
    }

    img {
        display: block;
        max-width: 100%;
        height: auto;
        pointer-events: none
    }

    input,
    select,
    textarea {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    input[type=email]:focus:placeholder,
    input[type=mail]:focus:placeholder,
    input[type=tel]:focus:placeholder,
    input[type=text]:focus:placeholder,
    textarea:focus:placeholder {
        color: transparent !important
    }

    input[type=email]:focus:focus::-webkit-input-placeholder,
    input[type=mail]:focus:focus::-webkit-input-placeholder,
    input[type=tel]:focus:focus::-webkit-input-placeholder,
    input[type=text]:focus:focus::-webkit-input-placeholder,
    textarea:focus:focus::-webkit-input-placeholder {
        color: transparent !important
    }

    input[type=email]:focus:focus:-moz-placeholder,
    input[type=mail]:focus:focus:-moz-placeholder,
    input[type=tel]:focus:focus:-moz-placeholder,
    input[type=text]:focus:focus:-moz-placeholder,
    textarea:focus:focus:-moz-placeholder {
        color: transparent !important
    }

    input[type=email]:focus:focus::-moz-placeholder,
    input[type=mail]:focus:focus::-moz-placeholder,
    input[type=tel]:focus:focus::-moz-placeholder,
    input[type=text]:focus:focus::-moz-placeholder,
    textarea:focus:focus::-moz-placeholder {
        color: transparent !important
    }

    input[type=email],
    input[type=mail],
    input[type=submit],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 10px 17px;
        border: 1px solid #B3B3B3;
        font-size: 1.6rem;
        line-height: 1.5
    }

    input[type=email],
    input[type=mail],
    input[type=tel],
    input[type=text],
    textarea {
        width: 100%
    }

    input[type=radio] {
        margin: 0 10px 0 0
    }

    select {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 16px 17px 14px;
        cursor: pointer
    }

    @media screen and (max-width:768px) {
        select {
            padding: 11px 17px 9px
        }
    }

    select::-ms-expand {
        display: none
    }

    .table-pcfix {
        overflow-x: scroll
    }

    .table-pcfix table {
        width: 1100px
    }

    .unit-table-01 {
        table-layout: fixed;
        width: 100%
    }

    @media screen and (max-width:768px) {
        .unit-table-01.tb-vertical thead {
            display: none
        }
    }

    @media screen and (max-width:768px) {
        .unit-table-01.tb-vertical tr {
            border: 1px solid #D6D6D6
        }
    }

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

        .unit-table-01.tb-vertical tr td,
        .unit-table-01.tb-vertical tr th {
            display: block;
            width: 100% !important;
            border: none
        }
    }

    @media screen and (max-width:414px) {
        .unit-table-01.sp-vertical thead {
            display: none
        }
    }

    @media screen and (max-width:414px) {
        .unit-table-01.sp-vertical tr {
            border: 1px solid #D6D6D6
        }
    }

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

        .unit-table-01.sp-vertical tr td,
        .unit-table-01.sp-vertical tr th {
            display: block;
            width: 100% !important;
            border: none
        }
    }

    .unit-table-01.small tr td,
    .unit-table-01.small tr th {
        padding: 10px
    }

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

        .unit-table-01.small tr td,
        .unit-table-01.small tr th {
            padding: 7px
        }
    }

    .unit-table-01 tr td,
    .unit-table-01 tr th {
        border: 1px solid #D6D6D6;
        vertical-align: top;
        padding: 15px;
        text-align: left
    }

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

        .unit-table-01 tr td,
        .unit-table-01 tr th {
            padding: 10px
        }
    }

    .unit-table-01 tr th {
        background-color: #E7E7EB;
        font-weight: bold
    }

    .fs12 {
        font-size: 1.2rem
    }

    @media screen and (max-width:768px) {
        .fs12 {
            font-size: 1.1rem
        }
    }

    @media screen and (max-width:414px) {
        .fs12 {
            font-size: 1.0rem
        }
    }

    .fs13 {
        font-size: 1.3rem
    }

    @media screen and (max-width:768px) {
        .fs13 {
            font-size: 1.2rem
        }
    }

    @media screen and (max-width:414px) {
        .fs13 {
            font-size: 1.1rem
        }
    }

    .fs14 {
        font-size: 1.4rem
    }

    @media screen and (max-width:768px) {
        .fs14 {
            font-size: 1.3rem
        }
    }

    @media screen and (max-width:414px) {
        .fs14 {
            font-size: 1.2rem
        }
    }

    .fs15 {
        font-size: 1.5rem
    }

    @media screen and (max-width:768px) {
        .fs15 {
            font-size: 1.4rem
        }
    }

    @media screen and (max-width:414px) {
        .fs15 {
            font-size: 1.3rem
        }
    }

    .fs16 {
        font-size: 1.6rem
    }

    @media screen and (max-width:768px) {
        .fs16 {
            font-size: 1.5rem
        }
    }

    @media screen and (max-width:414px) {
        .fs16 {
            font-size: 1.4rem
        }
    }

    .fs17 {
        font-size: 1.7rem
    }

    @media screen and (max-width:768px) {
        .fs17 {
            font-size: 1.6rem
        }
    }

    @media screen and (max-width:414px) {
        .fs17 {
            font-size: 1.5rem
        }
    }

    .fs18 {
        font-size: 1.8rem
    }

    @media screen and (max-width:768px) {
        .fs18 {
            font-size: 1.7rem
        }
    }

    @media screen and (max-width:414px) {
        .fs18 {
            font-size: 1.6rem
        }
    }

    .fs19 {
        font-size: 1.9rem
    }

    @media screen and (max-width:768px) {
        .fs19 {
            font-size: 1.8rem
        }
    }

    @media screen and (max-width:414px) {
        .fs19 {
            font-size: 1.7rem
        }
    }

    .fs20 {
        font-size: 2.0rem
    }

    @media screen and (max-width:768px) {
        .fs20 {
            font-size: 1.9rem
        }
    }

    @media screen and (max-width:414px) {
        .fs20 {
            font-size: 1.8rem
        }
    }

    .fs21 {
        font-size: 2.1rem
    }

    @media screen and (max-width:768px) {
        .fs21 {
            font-size: 2.0rem
        }
    }

    @media screen and (max-width:414px) {
        .fs21 {
            font-size: 1.9rem
        }
    }

    .fs22 {
        font-size: 2.2rem
    }

    @media screen and (max-width:768px) {
        .fs22 {
            font-size: 2.1rem
        }
    }

    @media screen and (max-width:414px) {
        .fs22 {
            font-size: 2.0rem
        }
    }

    .fs23 {
        font-size: 2.3rem
    }

    @media screen and (max-width:768px) {
        .fs23 {
            font-size: 2.2rem
        }
    }

    @media screen and (max-width:414px) {
        .fs23 {
            font-size: 2.1rem
        }
    }

    .fs24 {
        font-size: 2.4rem
    }

    @media screen and (max-width:768px) {
        .fs24 {
            font-size: 2.3rem
        }
    }

    @media screen and (max-width:414px) {
        .fs24 {
            font-size: 2.2rem
        }
    }

    .fs25 {
        font-size: 2.5rem
    }

    @media screen and (max-width:768px) {
        .fs25 {
            font-size: 2.4rem
        }
    }

    @media screen and (max-width:414px) {
        .fs25 {
            font-size: 2.3rem
        }
    }

    .fs26 {
        font-size: 2.6rem
    }

    @media screen and (max-width:768px) {
        .fs26 {
            font-size: 2.5rem
        }
    }

    @media screen and (max-width:414px) {
        .fs26 {
            font-size: 2.4rem
        }
    }

    .fs27 {
        font-size: 2.7rem
    }

    @media screen and (max-width:768px) {
        .fs27 {
            font-size: 2.6rem
        }
    }

    @media screen and (max-width:414px) {
        .fs27 {
            font-size: 2.5rem
        }
    }

    .fs28 {
        font-size: 2.8rem
    }

    @media screen and (max-width:768px) {
        .fs28 {
            font-size: 2.7rem
        }
    }

    @media screen and (max-width:414px) {
        .fs28 {
            font-size: 2.6rem
        }
    }

    .fs29 {
        font-size: 2.9rem
    }

    @media screen and (max-width:768px) {
        .fs29 {
            font-size: 2.8rem
        }
    }

    @media screen and (max-width:414px) {
        .fs29 {
            font-size: 2.7rem
        }
    }

    .fs30 {
        font-size: 3.0rem
    }

    @media screen and (max-width:768px) {
        .fs30 {
            font-size: 2.9rem
        }
    }

    @media screen and (max-width:414px) {
        .fs30 {
            font-size: 2.8rem
        }
    }

    .font-s12 {
        font-size: 1.2rem !important
    }

    @media screen and (max-width:768px) {
        .font-s12 {
            font-size: 1.1rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s12 {
            font-size: 1.0rem !important
        }
    }

    .font-s13 {
        font-size: 1.3rem !important
    }

    @media screen and (max-width:768px) {
        .font-s13 {
            font-size: 1.2rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s13 {
            font-size: 1.1rem !important
        }
    }

    .font-s14 {
        font-size: 1.4rem !important
    }

    @media screen and (max-width:768px) {
        .font-s14 {
            font-size: 1.3rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s14 {
            font-size: 1.2rem !important
        }
    }

    .font-s15 {
        font-size: 1.5rem !important
    }

    @media screen and (max-width:768px) {
        .font-s15 {
            font-size: 1.4rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s15 {
            font-size: 1.3rem !important
        }
    }

    .font-s16 {
        font-size: 1.6rem !important
    }

    @media screen and (max-width:768px) {
        .font-s16 {
            font-size: 1.5rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s16 {
            font-size: 1.4rem !important
        }
    }

    .font-s17 {
        font-size: 1.7rem !important
    }

    @media screen and (max-width:768px) {
        .font-s17 {
            font-size: 1.6rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s17 {
            font-size: 1.5rem !important
        }
    }

    .font-s18 {
        font-size: 1.8rem !important
    }

    @media screen and (max-width:768px) {
        .font-s18 {
            font-size: 1.7rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s18 {
            font-size: 1.6rem !important
        }
    }

    .font-s19 {
        font-size: 1.9rem !important
    }

    @media screen and (max-width:768px) {
        .font-s19 {
            font-size: 1.8rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s19 {
            font-size: 1.7rem !important
        }
    }

    .font-s20 {
        font-size: 2.0rem !important
    }

    @media screen and (max-width:768px) {
        .font-s20 {
            font-size: 1.9rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s20 {
            font-size: 1.8rem !important
        }
    }

    .font-s21 {
        font-size: 2.1rem !important
    }

    @media screen and (max-width:768px) {
        .font-s21 {
            font-size: 2.0rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s21 {
            font-size: 1.9rem !important
        }
    }

    .font-s22 {
        font-size: 2.2rem !important
    }

    @media screen and (max-width:768px) {
        .font-s22 {
            font-size: 2.1rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s22 {
            font-size: 2.0rem !important
        }
    }

    .font-s23 {
        font-size: 2.3rem !important
    }

    @media screen and (max-width:768px) {
        .font-s23 {
            font-size: 2.2rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s23 {
            font-size: 2.1rem !important
        }
    }

    .font-s24 {
        font-size: 2.4rem !important
    }

    @media screen and (max-width:768px) {
        .font-s24 {
            font-size: 2.3rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s24 {
            font-size: 2.2rem !important
        }
    }

    .font-s25 {
        font-size: 2.5rem !important
    }

    @media screen and (max-width:768px) {
        .font-s25 {
            font-size: 2.4rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s25 {
            font-size: 2.3rem !important
        }
    }

    .font-s26 {
        font-size: 2.6rem !important
    }

    @media screen and (max-width:768px) {
        .font-s26 {
            font-size: 2.5rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s26 {
            font-size: 2.4rem !important
        }
    }

    .font-s27 {
        font-size: 2.7rem !important
    }

    @media screen and (max-width:768px) {
        .font-s27 {
            font-size: 2.6rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s27 {
            font-size: 2.5rem !important
        }
    }

    .font-s28 {
        font-size: 2.8rem !important
    }

    @media screen and (max-width:768px) {
        .font-s28 {
            font-size: 2.7rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s28 {
            font-size: 2.6rem !important
        }
    }

    .font-s29 {
        font-size: 2.9rem !important
    }

    @media screen and (max-width:768px) {
        .font-s29 {
            font-size: 2.8rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s29 {
            font-size: 2.7rem !important
        }
    }

    .font-s30 {
        font-size: 3.0rem !important
    }

    @media screen and (max-width:768px) {
        .font-s30 {
            font-size: 2.9rem !important
        }
    }

    @media screen and (max-width:414px) {
        .font-s30 {
            font-size: 2.8rem !important
        }
    }

    .t-center {
        text-align: center
    }

    .t-left {
        text-align: left
    }

    .t-right {
        text-align: right
    }

    .txt-center {
        text-align: center !important
    }

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

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

    .block {
        display: block
    }

    .iblock {
        display: inline-block
    }

    .inline {
        display: inline
    }

    .pc-block {
        display: block
    }

    @media screen and (max-width:768px) {
        .pc-block {
            display: none
        }
    }

    .pc-iblock {
        display: inline-block
    }

    @media screen and (max-width:768px) {
        .pc-iblock {
            display: none
        }
    }

    .sp-block {
        display: none
    }

    @media screen and (max-width:768px) {
        .sp-block {
            display: block
        }
    }

    .sp-iblock {
        display: none
    }

    @media screen and (max-width:768px) {
        .sp-iblock {
            display: inline-block
        }
    }

    @media screen and (min-width:769px) {
        .sp-visible {
            display: none !important
        }
    }

    @media screen and (max-width:768px) {
        .pc-visible {
            display: none !important
        }
    }

    @media screen and (min-width:415px) {
        .mb-visible {
            display: none !important
        }
    }

    @media screen and (max-width:414px) {
        .tb-visible {
            display: none !important
        }
    }

    .mt5 {
        margin-top: 5px !important
    }

    @media screen and (max-width:414px) {
        .mt5 {
            margin-top: 3px !important
        }
    }

    .mt10 {
        margin-top: 10px !important
    }

    @media screen and (max-width:414px) {
        .mt10 {
            margin-top: 5px !important
        }
    }

    .mt15 {
        margin-top: 15px !important
    }

    @media screen and (max-width:414px) {
        .mt15 {
            margin-top: 8px !important
        }
    }

    .mt20 {
        margin-top: 20px !important
    }

    @media screen and (max-width:414px) {
        .mt20 {
            margin-top: 10px !important
        }
    }

    .mt25 {
        margin-top: 25px !important
    }

    @media screen and (max-width:414px) {
        .mt25 {
            margin-top: 13px !important
        }
    }

    .mt30 {
        margin-top: 30px !important
    }

    @media screen and (max-width:414px) {
        .mt30 {
            margin-top: 15px !important
        }
    }

    .mt35 {
        margin-top: 35px !important
    }

    @media screen and (max-width:414px) {
        .mt35 {
            margin-top: 18px !important
        }
    }

    .mt40 {
        margin-top: 40px !important
    }

    @media screen and (max-width:414px) {
        .mt40 {
            margin-top: 20px !important
        }
    }

    .mt45 {
        margin-top: 45px !important
    }

    @media screen and (max-width:414px) {
        .mt45 {
            margin-top: 23px !important
        }
    }

    .mt50 {
        margin-top: 50px !important
    }

    @media screen and (max-width:414px) {
        .mt50 {
            margin-top: 25px !important
        }
    }

    .mb5 {
        margin-bottom: 5px !important
    }

    @media screen and (max-width:414px) {
        .mb5 {
            margin-bottom: 3px !important
        }
    }

    .mb10 {
        margin-bottom: 10px !important
    }

    @media screen and (max-width:414px) {
        .mb10 {
            margin-bottom: 5px !important
        }
    }

    .mb15 {
        margin-bottom: 15px !important
    }

    @media screen and (max-width:414px) {
        .mb15 {
            margin-bottom: 8px !important
        }
    }

    .mb20 {
        margin-bottom: 20px !important
    }

    @media screen and (max-width:414px) {
        .mb20 {
            margin-bottom: 10px !important
        }
    }

    .mb25 {
        margin-bottom: 25px !important
    }

    @media screen and (max-width:414px) {
        .mb25 {
            margin-bottom: 13px !important
        }
    }

    .mb30 {
        margin-bottom: 30px !important
    }

    @media screen and (max-width:414px) {
        .mb30 {
            margin-bottom: 15px !important
        }
    }

    .mb35 {
        margin-bottom: 35px !important
    }

    @media screen and (max-width:414px) {
        .mb35 {
            margin-bottom: 18px !important
        }
    }

    .mb40 {
        margin-bottom: 40px !important
    }

    @media screen and (max-width:414px) {
        .mb40 {
            margin-bottom: 20px !important
        }
    }

    .mb45 {
        margin-bottom: 45px !important
    }

    @media screen and (max-width:414px) {
        .mb45 {
            margin-bottom: 23px !important
        }
    }

    .mb50 {
        margin-bottom: 50px !important
    }

    @media screen and (max-width:414px) {
        .mb50 {
            margin-bottom: 25px !important
        }
    }

    .ml5 {
        margin-left: 5px !important
    }

    @media screen and (max-width:414px) {
        .ml5 {
            margin-left: 3px !important
        }
    }

    .ml10 {
        margin-left: 10px !important
    }

    @media screen and (max-width:414px) {
        .ml10 {
            margin-left: 5px !important
        }
    }

    .ml15 {
        margin-left: 15px !important
    }

    @media screen and (max-width:414px) {
        .ml15 {
            margin-left: 8px !important
        }
    }

    .ml20 {
        margin-left: 20px !important
    }

    @media screen and (max-width:414px) {
        .ml20 {
            margin-left: 10px !important
        }
    }

    .ml25 {
        margin-left: 25px !important
    }

    @media screen and (max-width:414px) {
        .ml25 {
            margin-left: 13px !important
        }
    }

    .ml30 {
        margin-left: 30px !important
    }

    @media screen and (max-width:414px) {
        .ml30 {
            margin-left: 15px !important
        }
    }

    .ml35 {
        margin-left: 35px !important
    }

    @media screen and (max-width:414px) {
        .ml35 {
            margin-left: 18px !important
        }
    }

    .ml40 {
        margin-left: 40px !important
    }

    @media screen and (max-width:414px) {
        .ml40 {
            margin-left: 20px !important
        }
    }

    .ml45 {
        margin-left: 45px !important
    }

    @media screen and (max-width:414px) {
        .ml45 {
            margin-left: 23px !important
        }
    }

    .ml50 {
        margin-left: 50px !important
    }

    @media screen and (max-width:414px) {
        .ml50 {
            margin-left: 25px !important
        }
    }

    .mr5 {
        margin-right: 5px !important
    }

    @media screen and (max-width:414px) {
        .mr5 {
            margin-right: 3px !important
        }
    }

    .mr10 {
        margin-right: 10px !important
    }

    @media screen and (max-width:414px) {
        .mr10 {
            margin-right: 5px !important
        }
    }

    .mr15 {
        margin-right: 15px !important
    }

    @media screen and (max-width:414px) {
        .mr15 {
            margin-right: 8px !important
        }
    }

    .mr20 {
        margin-right: 20px !important
    }

    @media screen and (max-width:414px) {
        .mr20 {
            margin-right: 10px !important
        }
    }

    .mr25 {
        margin-right: 25px !important
    }

    @media screen and (max-width:414px) {
        .mr25 {
            margin-right: 13px !important
        }
    }

    .mr30 {
        margin-right: 30px !important
    }

    @media screen and (max-width:414px) {
        .mr30 {
            margin-right: 15px !important
        }
    }

    .mr35 {
        margin-right: 35px !important
    }

    @media screen and (max-width:414px) {
        .mr35 {
            margin-right: 18px !important
        }
    }

    .mr40 {
        margin-right: 40px !important
    }

    @media screen and (max-width:414px) {
        .mr40 {
            margin-right: 20px !important
        }
    }

    .mr45 {
        margin-right: 45px !important
    }

    @media screen and (max-width:414px) {
        .mr45 {
            margin-right: 23px !important
        }
    }

    .mr50 {
        margin-right: 50px !important
    }

    @media screen and (max-width:414px) {
        .mr50 {
            margin-right: 25px !important
        }
    }

    .telephone a {
        cursor: default
    }

    .telephone a:hover {
        opacity: 1
    }

    .android .telephone a,
    .iphone .telephone a {
        opacity: .7
    }

    .wrapper {
        width: 1100px;
        margin-left: auto;
        margin-right: auto
    }

    @media screen and (max-width:768px) {
        .wrapper {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px
        }
    }

    .breadcrumb {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 1100px;
        margin: 0 auto;
        color: #95949A
    }

    @media screen and (max-width:768px) {
        .breadcrumb {
            overflow-x: scroll;
            overflow-y: hidden;
            width: 100%;
            height: 40px;
            padding: 0 0 0 10px;
            white-space: nowrap
        }
    }

    .breadcrumb::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .breadcrumb::-webkit-scrollbar-track {
        background: transparent
    }

    .breadcrumb::-webkit-scrollbar-thumb {
        background: transparent
    }

    .breadcrumb .inner {
        padding: 5px 0 2px
    }

    @media screen and (max-width:768px) {
        .breadcrumb .inner {
            display: inline-block;
            padding-right: 10px
        }
    }

    .breadcrumb .inner a {
        text-decoration: underline
    }

    .breadcrumb .inner a:hover {
        text-decoration: underline
    }

    .breadcrumb .inner>span {
        vertical-align: middle;
        display: inline-block;
        margin-left: 4px;
        margin-right: 5px;
        font-size: 1.1rem;
        line-height: 1;
        letter-spacing: 0.1em
    }

    @media screen and (max-width:768px) {
        .breadcrumb .inner>span {
            margin-left: 3px;
            font-size: 1.1rem
        }
    }

    @media screen and (max-width:375px) {
        .breadcrumb .inner>span {
            font-size: 1.1rem
        }
    }

    @media screen and (max-width:320px) {
        .breadcrumb .inner>span {
            font-size: 1.0rem
        }
    }

    .breadcrumb .inner>span:first-child {
        margin-left: 0
    }

    .breadcrumb .inner>span:first-child:before {
        display: none
    }

    #pageTop {
        z-index: 400;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 60px;
        height: 60px
    }

    @media screen and (max-width:768px) {
        #pageTop {
            bottom: 0;
            right: 0;
            width: 45px;
            height: 45px
        }
    }

    #pageTop a {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #000000;
        color: #ffffff
    }

    #pageTop a:before {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-59%);
        -ms-transform: translateY(-59%);
        transform: translateY(-59%);
        width: 100%;
        content: "\f077";
        font-family: FontAwesome;
        font-size: 2.4rem;
        text-align: center;
        line-height: 1
    }

    @media screen and (max-width:768px) {
        #pageTop a:before {
            font-size: 2.0rem
        }
    }

    #pageTop a:hover {
        opacity: 0.5
    }

    .cf:after {
        content: "";
        display: block;
        clear: both
    }

    .unit-pagenation-01 {
        text-align: center
    }

    .unit-pagenation-01 a {
        display: inline-block;
        position: relative;
        margin: 0 10px;
        padding: 10px 10px;
        border: 1px solid #003171;
        background-color: #003171;
        font-size: 1.5rem;
        text-align: center;
        color: #ffffff
    }

    @media screen and (max-width:768px) {
        .unit-pagenation-01 a {
            margin: 0 5px;
            font-size: 1.4rem
        }
    }

    .unit-pagenation-01 a:hover {
        opacity: 1;
        background-color: #ffffff;
        color: #003171
    }

    .unit-pagenation-01 .next a,
    .unit-pagenation-01 .prev a {
        min-width: 100px
    }

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

        .unit-pagenation-01 .next a,
        .unit-pagenation-01 .prev a {
            min-width: 70px;
            padding: 10px 0 10px 5px
        }
    }

    .unit-pagenation-01 .next a:before,
    .unit-pagenation-01 .prev a:before {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: FontAwesome
    }

    .unit-pagenation-01 .prev a:before {
        content: "\f104";
        left: 10px
    }

    .unit-pagenation-01 .return a {
        min-width: 220px
    }

    @media screen and (max-width:768px) {
        .unit-pagenation-01 .return a {
            min-width: 100px
        }
    }

    .unit-pagenation-01 .next a:before {
        content: "\f105";
        right: 10px
    }

    .unit-list-01 li {
        position: relative;
        margin-top: 5px;
        padding-left: 1em
    }

    .unit-list-01 li:before {
        content: "・";
        margin-left: -1em
    }

    .unit-list-01 li:first-child {
        margin-top: 0
    }

    .unit-list-01 li a {
        color: #0071BC;
        text-decoration: underline
    }

    .unit-list-01.arrow li {
        padding-left: 1.3em
    }

    .unit-list-01.arrow li:before {
        position: absolute;
        top: -3px;
        left: 0;
        content: "\f105";
        margin-left: 0;
        font-family: FontAwesome;
        font-size: 1.6rem
    }

    .box-blogdetail-01 ol,
    .unit-numlist-01 {
        list-style: decimal;
        padding-left: 1.4em
    }

    .box-blogdetail-01 ol>li:not(:last-child),
    .unit-numlist-01>li:not(:last-child) {
        margin-bottom: 5px
    }

    .unit-note-01 {
        position: relative;
        padding-left: 1em
    }

    .unit-note-01:before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0
    }

    .unit-note-01+.unit-note {
        margin-top: 5px
    }

    .unit-tab-01 {
        position: relative;
        border-bottom: 4px solid #003171;
        text-align: center
    }

    @media screen and (max-width:768px) {
        .unit-tab-01 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            border-bottom: none
        }
    }

    .unit-tab-01 li {
        display: inline-block;
        margin: 0 9px -1px 7px;
        font-size: 1.8rem;
        text-align: center
    }

    @media screen and (max-width:768px) {
        .unit-tab-01 li {
            display: block;
            width: 50%;
            margin: 15px 0 0;
            font-size: 1.6rem
        }
    }

    @media screen and (max-width:414px) {
        .unit-tab-01 li {
            font-size: 1.4rem
        }
    }

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

        .unit-tab-01 li:first-of-type,
        .unit-tab-01 li:nth-of-type(2) {
            margin-top: 0
        }
    }

    @media screen and (max-width:768px) {
        .unit-tab-01 li:nth-of-type(odd) {
            padding-right: 7px
        }
    }

    @media screen and (max-width:768px) {
        .unit-tab-01 li:nth-of-type(2n) {
            padding-left: 7px
        }
    }

    .unit-tab-01 li a {
        min-width: 200px;
        padding: 11px 0 7px;
        border: 1px solid #003171;
        background-color: #003171;
        color: #ffffff
    }

    @media screen and (max-width:768px) {
        .unit-tab-01 li a {
            min-width: auto;
            min-width: inherit;
            width: 100%;
            padding: 8px 0 5px
        }
    }

    .unit-tab-01 li a.is-active,
    .unit-tab-01 li a:hover {
        opacity: 1;
        background-color: #ffffff;
        color: #003171
    }

    .unit-btn-01 a:before,
    .unit-btn-01 span:before {
        content: "\f105";
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: FontAwesome;
        font-size: 2.0rem
    }

    .unit-btn-01 a:hover,
    .unit-btn-01 span:hover {
        opacity: 1;
        background-color: #ffffff;
        color: #003171
    }

    .unit-btn-01 a:hover input[type=submit],
    .unit-btn-01 span:hover input[type=submit] {
        color: #003171
    }

    .unit-btn-01 a input[type=submit],
    .unit-btn-01 span input[type=submit] {
        color: #ffffff;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear
    }

    .unit-btn-01>span,
    .unit-btn-01 a {
        display: inline-block;
        position: relative;
        min-width: 200px;
        padding: 7px 5px;
        border: 1px solid #003171;
        background-color: #003171;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        cursor: pointer
    }

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

        .unit-btn-01>span,
        .unit-btn-01 a {
            min-width: inherit;
            min-width: auto;
            min-width: 164px
        }
    }

    .unit-btn-01 a,
    .unit-btn-01 input[type=submit] {
        padding: 10px 21px 9px 5px
    }

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

        .unit-btn-01 a,
        .unit-btn-01 input[type=submit] {
            padding: 5px 31px 4px 3px
        }
    }

    .unit-btn-01>span input[type=submit] {
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
        border: none;
        cursor: pointer
    }

    .unit-btn-02 a {
        position: relative;
        min-width: 260px;
        padding: 10px 10px;
        border: 2px solid #ffffff;
        font-size: 1.6rem;
        text-align: center;
        color: #ffffff
    }

    .unit-btn-02 a:before {
        content: "\f105";
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: FontAwesome;
        font-size: 2.0rem
    }

    .unit-btn-02 a:hover {
        opacity: 1;
        background-color: #00437c
    }

    .unit-btn-03 a {
        position: relative;
        width: 100%;
        padding: 29px 0 26px;
        border: 1px solid #003171;
        background-color: #003171;
        color: #ffffff;
        text-align: center
    }

    .unit-btn-03 a:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border: 1px solid #ffffff;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear
    }

    .unit-btn-03 a:after {
        content: "\f105";
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: FontAwesome;
        font-size: 2.0rem;
        color: #ffffff;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear
    }

    .unit-btn-03 a:hover {
        opacity: 1;
        background-color: #ffffff;
        color: #003171
    }

    .unit-btn-03 a:hover:before {
        border-color: #003171
    }

    .unit-btn-03 a:hover:after {
        color: #003171
    }

    .unit-link-01 a {
        color: #ce1d00
    }

    .unit-link-01 a:after {
        content: "\f105";
        margin-left: 10px;
        font-family: FontAwesome
    }

    @media screen and (max-width:768px) {
        .unit-youtube-01 {
            position: relative;
            width: 100%;
            padding-top: 56.25%
        }

        .unit-youtube-01 iframe {
            position: absolute;
            top: 0;
            right: 0;
            width: 100% !important;
            height: 100% !important
        }
    }

    .box-colomn-01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .box-colomn-01.pc-col02 .colomn-inner {
        width: 50%;
        margin-top: 15px
    }

    .box-colomn-01.pc-col03 .colomn-inner {
        width: 32%;
        margin-top: 15px
    }

    .box-colomn-01.pc-col03 .colomn-inner:nth-of-type(3n+2) {
        margin-right: 2%;
        margin-left: 2%
    }

    @media screen and (max-width:768px) {
        .box-colomn-01.tb-col01 .colomn-inner {
            width: 100%;
            margin-top: 20px;
            padding-left: 0 !important;
            padding-right: 0 !important
        }
    }

    @media screen and (max-width:414px) {
        .box-colomn-01.tb-col01 .colomn-inner {
            margin-top: 15px
        }
    }

    @media screen and (max-width:768px) {
        .box-colomn-01.tb-col01 .colomn-inner:first-child {
            margin-top: 0
        }
    }

    @media screen and (max-width:768px) {
        .box-colomn-01.tb-col02 .colomn-inner {
            width: 48%;
            margin-top: 15px
        }
    }

    @media screen and (max-width:768px) {
        .box-colomn-01.tb-col02 .colomn-inner:nth-of-type(odd) {
            margin-left: 0;
            margin-right: 2%
        }
    }

    @media screen and (max-width:768px) {
        .box-colomn-01.tb-col02 .colomn-inner:nth-of-type(2n) {
            margin-left: 2%;
            margin-right: 0
        }
    }

    .box-colomn-01.tb-col02 .colomn-inner:first-child {
        margin-top: 0
    }

    @media screen and (max-width:768px) {
        .box-colomn-01.tb-col02 .colomn-inner:first-child {
            margin-top: 15px
        }
    }

    @media screen and (max-width:414px) {
        .box-colomn-01.sp-col01 .colomn-inner {
            width: 100%;
            margin-top: 15px;
            padding-left: 0 !important;
            padding-right: 0 !important
        }
    }

    @media screen and (max-width:414px) {
        .box-colomn-01.sp-col01 .colomn-inner:nth-of-type(odd) {
            margin-top: 15px;
            margin-left: 0;
            margin-right: 0
        }
    }

    @media screen and (max-width:414px) {
        .box-colomn-01.sp-col01 .colomn-inner:nth-of-type(2n) {
            margin-top: 15px;
            margin-left: 0;
            margin-right: 0
        }
    }

    @media screen and (max-width:414px) {
        .box-colomn-01.sp-col01 .colomn-inner:first-child {
            margin-top: 0
        }
    }

    @media screen and (max-width:768px) {
        .box-colomn-01 .colomn-inner figure img {
            width: 100%
        }
    }

    .box-pagenation-01 {
        text-align: center;
        font-size: 1.5rem;
        line-height: 1;
        color: #000000
    }

    @media screen and (max-width:768px) {
        .box-pagenation-01 {
            font-size: 1.4rem
        }
    }

    @media screen and (max-width:414px) {
        .box-pagenation-01 {
            font-size: 1.2rem
        }
    }

    .box-pagenation-01>span {
        display: inline-block;
        margin: 0 6px
    }

    .box-pagenation-01 a {
        padding: 12px 26px 11px;
        border: 1px solid #000000;
        color: inherit
    }

    @media screen and (max-width:768px) {
        .box-pagenation-01 a {
            padding: 10px 22px 10px
        }
    }

    @media screen and (max-width:414px) {
        .box-pagenation-01 a {
            padding: 8px 10px 7px
        }
    }

    .box-pagenation-01 a:hover {
        opacity: 1;
        color: #ffffff;
        background-color: #000000
    }

    .box-pagenation-01 .prev a:before {
        content: "<";
        margin-right: 10px
    }

    @media screen and (max-width:768px) {
        .box-pagenation-01 .prev a:before {
            margin-right: 5px
        }
    }

    .box-pagenation-01 .next a:after {
        content: ">";
        margin-left: 10px
    }

    @media screen and (max-width:768px) {
        .box-pagenation-01 .next a:after {
            margin-left: 5px
        }
    }

    .box-404-01 {
        text-align: center
    }

    .box-404-01 .title-wrap .title {
        display: block;
        font-weight: bold;
        font-size: 4.5rem;
        letter-spacing: 0.1em;
        line-height: 1
    }

    @media screen and (max-width:768px) {
        .box-404-01 .title-wrap .title {
            font-size: 2.5rem
        }
    }

    .box-404-01 .title-wrap .catch {
        display: block;
        margin-top: 5px
    }

    .box-404-01 p {
        margin-top: 25px
    }

    @media screen and (max-width:768px) {
        .box-404-01 p {
            margin-top: 15px
        }
    }

    .box-404-01 .unit-link-01 {
        margin-top: 25px
    }

    @media screen and (max-width:768px) {
        .box-404-01 .unit-link-01 {
            margin-top: 15px
        }
    }

    .box-undertitle-01 .title-wrap {
        position: relative;
        width: 100%;
        height: 300px;
        background: url(../../../images/general-signup/title/title_default.jpg) no-repeat center center transparent;
        background-size: cover
    }

    @media screen and (max-width:768px) {
        .box-undertitle-01 .title-wrap {
            height: 250px
        }
    }

    @media screen and (max-width:414px) {
        .box-undertitle-01 .title-wrap {
            height: 200px
        }
    }

    .box-undertitle-01 .title-wrap.color-white {
        color: #ffffff
    }

    .box-undertitle-01 .title-wrap.color-white .title {
        border-color: #ffffff
    }

    .box-undertitle-01 .title-wrap .title-inner {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    @media screen and (max-width:768px) {
        .box-undertitle-01 .title-wrap .title-inner {
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }
    }

    .box-undertitle-01 .title-wrap .title {
        padding: 25px 47px;
        font-size: 3.0rem;
        letter-spacing: 0.1em;
        white-space: nowrap
    }

    @media screen and (max-width:768px) {
        .box-undertitle-01 .title-wrap .title {
            padding: 15px 25px;
            font-size: 2.4rem
        }
    }

    @media screen and (max-width:414px) {
        .box-undertitle-01 .title-wrap .title {
            padding: 10px;
            font-size: 2.0rem
        }
    }

    .box-undertitle-01 .title-wrap .ruby {
        display: block;
        font-size: 1.2rem;
        font-style: italic;
        letter-spacing: 0.1em;
        text-align: center
    }

    @media screen and (max-width:768px) {
        .box-undertitle-01 .title-wrap .ruby {
            font-size: 0.9rem
        }
    }

    .box-form-01 dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 19px 0 18px;
        border-top: 1px solid #D6D6D6
    }

    @media screen and (max-width:768px) {
        .box-form-01 dl {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
    }

    .box-form-01 dl:first-child {
        border-top: none;
        padding-top: 0
    }

    .box-form-01 dl dt {
        width: 210px;
        padding-top: 10px
    }

    @media screen and (max-width:768px) {
        .box-form-01 dl dt {
            width: 100%;
            padding-top: 0
        }
    }

    .box-form-01 dl dd {
        width: calc(100% - 210px)
    }

    @media screen and (max-width:768px) {
        .box-form-01 dl dd {
            width: 100%;
            margin-top: 10px
        }
    }

    .box-form-01 .required:after {
        display: inline-block;
        content: "※";
        margin-left: 12px;
        padding: 2px 5px 0;
        font-size: 1.2rem;
        text-align: center;
        color: red
    }

    .box-form-01 .telephone-wrap input[type=text] {
        width: 160px
    }

    @media screen and (max-width:768px) {
        .box-form-01 .telephone-wrap input[type=text] {
            width: 65px
        }
    }

    .box-form-01 .telephone-wrap>span:after {
        content: "-";
        display: inline-block;
        margin: 0 7px
    }

    .box-form-01 .telephone-wrap>span:last-child:after {
        display: none
    }

    .box-form-01 textarea {
        height: 180px
    }

    .box-form-01 .unit-btn-01 {
        margin-top: 40px
    }

    @media screen and (max-width:768px) {
        .box-form-01 .unit-btn-01 {
            margin-top: 20px
        }
    }

    .box-form-01 .wpcf7-radio .wpcf7-list-item {
        margin-right: 20px
    }

    .box-form-01 label {
        cursor: pointer
    }

    .box-form-01 .agree-wrap {
        text-align: center
    }

    .box-form-01 .submit-wrap {
        position: relative;
        margin-top: 30px;
        text-align: center
    }

    @media screen and (max-width:768px) {
        .box-form-01 .submit-wrap {
            margin-top: 20px
        }
    }

    .box-form-01 a {
        text-decoration: underline
    }

    .box-thanks-01 {
        text-align: center
    }

    .box-thanks-01 .title-wrap {
        display: block;
        font-size: 3.0rem;
        line-height: 1
    }

    @media screen and (max-width:768px) {
        .box-thanks-01 .title-wrap {
            font-size: 2.5rem
        }
    }

    .box-thanks-01 p {
        margin-top: 25px
    }

    @media screen and (max-width:768px) {
        .box-thanks-01 p {
            margin-top: 15px
        }
    }

    .box-thanks-01 .unit-link-01 {
        margin-top: 25px
    }

    @media screen and (max-width:768px) {
        .box-thanks-01 .unit-link-01 {
            margin-top: 15px
        }
    }

    .box-articlenav-01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin-top: 50px
    }

    .box-articlenav-01>span {
        position: relative
    }

    .box-articlenav-01>span:before {
        content: '';
        width: 0%;
        display: inline-block;
        position: absolute;
        bottom: -2px;
        height: 1px;
        background: #000000
    }

    .box-articlenav-01>span.prev a:before {
        content: '<';
        margin-right: 0.2em
    }

    .box-articlenav-01>span.next a:after {
        content: '>';
        margin-left: 0.2em
    }

    .box-articlenav-01>span:hover a {
        opacity: 1
    }

    .box-articlenav-01>span:hover:before {
        width: 100%
    }

    @media screen and (max-width:768px) {
        .box-articlenav-01>span {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
    }

    @media screen and (max-width:414px) {
        .box-articlenav-01>span {
            width: 50%
        }

        .box-articlenav-01>span.next {
            text-align: right
        }

        .box-articlenav-01>span.next a {
            margin-right: 25px
        }
    }

    @media screen and (max-width:768px) {
        .box-articlenav-01>[class^=unit-btn] {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
            width: 100%;
            text-align: center;
            margin-top: 20px
        }
    }

    .box-logo-01 {
        display: none;
        padding: 20px 0;
        background-color: #003171;
        text-align: center;
        color: #fff
    }

    @media screen and (max-width:768px) {
        .box-logo-01 {
            display: block
        }
    }

    .box-logo-01 .logo-wrap {
        width: 200px;
        margin-top: 10px
    }

    .box-common-articlelist-01>article {
        position: relative
    }

    .box-common-articlelist-01>article+article {
        border-top: 1px solid #d6d6d6
    }

    .box-common-articlelist-01>article:last-of-type {
        border-bottom: 1px solid #d6d6d6
    }

    .box-common-articlelist-01>article a {
        width: 100%;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .box-common-articlelist-01>article a .wrap {
        width: 100%
    }

    .box-common-articlelist-01>article a .img-box {
        width: 80px
    }

    @media screen and (max-width:768px) {
        .box-common-articlelist-01>article a .img-box {
            width: calc(80px * 0.8)
        }
    }

    .box-common-articlelist-01>article a .img-box+.wrap {
        width: calc(100% - 80px - 10px)
    }

    @media screen and (max-width:768px) {
        .box-common-articlelist-01>article a .img-box+.wrap {
            width: calc(100% - 80px * 0.8 - 10px)
        }
    }

    .box-common-articlelist-01>article a:hover {
        opacity: 1;
        background: #efefef
    }

    .box-common-articlelist-01>article a:hover .title {
        text-decoration: underline;
        color: #9acd32
    }

    .box-common-articlelist-01>article .icon {
        background: #9acd32;
        color: #fff;
        font-size: 1.25rem;
        padding: 3px 7px;
        margin-left: 10px
    }

    .box-common-articlelist-01>article .cat {
        background: #9acd32;
        color: #fff;
        border-radius: 100px 100px;
        font-size: 1.25rem;
        padding: 3px 7px;
        margin-left: 10px
    }

    .box-common-articlelist-01>article time {
        color: #9acd32
    }

    .box-common-articlelist-01>article .title {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin-top: 3px;
        font-weight: bold
    }

    .box-common-articlelist-01>article .text {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin-top: 3px
    }

    .box-common-imgcon-01 .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .box-common-imgcon-01 .wrap:nth-of-type(2n) .img-box {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .box-common-imgcon-01 .wrap:nth-of-type(2n) .img-box+.con {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .box-common-imgcon-01 .wrap+.wrap {
        margin-top: 50px
    }

    .box-common-imgcon-01 .wrap .con {
        width: 100%
    }

    .box-common-imgcon-01 .wrap .con .title {
        font-size: 1.8rem;
        font-weight: bold;
        padding-bottom: 3px;
        border-bottom: 1px solid #000
    }

    .box-common-imgcon-01 .wrap .con .title+.txt-box {
        margin-top: 20px
    }

    .box-common-imgcon-01 .wrap .con .txt-box {
        font-size: 1.5rem
    }

    .box-common-imgcon-01 .wrap .img-box {
        width: 500px
    }

    @media screen and (max-width:768px) {
        .box-common-imgcon-01 .wrap .img-box {
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
    }

    .box-common-imgcon-01 .wrap .img-box+.con {
        width: calc(100% - 500px - 30px)
    }

    @media screen and (max-width:768px) {
        .box-common-imgcon-01 .wrap .img-box+.con {
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
            margin-top: 30px;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }
    }

    .wp-pagenavi {
        margin-top: 56px;
        font-size: 1.6rem;
        text-align: center
    }

    @media screen and (max-width:768px) {
        .wp-pagenavi {
            margin-top: 28px;
            font-size: 1.4rem
        }
    }

    .wp-pagenavi .current,
    .wp-pagenavi .extend {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #000000
    }

    .wp-pagenavi .extend {
        min-width: auto;
        min-width: inherit;
        padding: 0
    }

    @media screen and (max-width:414px) {
        .wp-pagenavi .extend {
            display: none
        }
    }

    .wp-pagenavi>a,
    .wp-pagenavi>span {
        vertical-align: middle;
        display: inline-block;
        min-width: 32px;
        min-height: 32px;
        margin: 0 2px 4px 3px;
        padding: 0 5px;
        border: 1px solid #003171;
        background-color: #003171;
        text-align: center;
        color: #ffffff;
        line-height: 32px;
        text-decoration: none;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear
    }

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

        .wp-pagenavi>a,
        .wp-pagenavi>span {
            min-width: 30px;
            min-height: 30px;
            padding: 0;
            line-height: 30px
        }
    }

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

        .wp-pagenavi>a,
        .wp-pagenavi>span {
            min-width: 26px;
            min-height: 26px;
            padding: 0;
            line-height: 26px
        }
    }

    .wp-pagenavi>a:hover {
        opacity: 1;
        background-color: #ffffff;
        color: #003171
    }

    .ajax-loader {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 150%);
        -ms-transform: translate(-50%, 150%);
        transform: translate(-50%, 150%)
    }

    .box-blogdetail-01>* {
        margin-top: 20px
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01>* {
            margin-top: 15px
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01>* {
            margin-top: 10px
        }
    }

    .box-blogdetail-01>:first-child {
        margin-top: 0
    }

    .box-blogdetail-01 h1,
    .box-blogdetail-01 h2,
    .box-blogdetail-01 h3 {
        margin-top: 40px
    }

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

        .box-blogdetail-01 h1,
        .box-blogdetail-01 h2,
        .box-blogdetail-01 h3 {
            margin-top: 35px
        }
    }

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

        .box-blogdetail-01 h1,
        .box-blogdetail-01 h2,
        .box-blogdetail-01 h3 {
            margin-top: 30px
        }
    }

    .box-blogdetail-01 h1:first-child,
    .box-blogdetail-01 h2:first-child,
    .box-blogdetail-01 h3:first-child {
        margin-top: 0
    }

    .box-blogdetail-01 h1+h2,
    .box-blogdetail-01 h1+h3,
    .box-blogdetail-01 h1+h4,
    .box-blogdetail-01 h1+h5,
    .box-blogdetail-01 h1+h6,
    .box-blogdetail-01 h2+h2,
    .box-blogdetail-01 h2+h3,
    .box-blogdetail-01 h2+h4,
    .box-blogdetail-01 h2+h5,
    .box-blogdetail-01 h2+h6,
    .box-blogdetail-01 h3+h2,
    .box-blogdetail-01 h3+h3,
    .box-blogdetail-01 h3+h4,
    .box-blogdetail-01 h3+h5,
    .box-blogdetail-01 h3+h6 {
        margin-top: 20px
    }

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

        .box-blogdetail-01 h1+h2,
        .box-blogdetail-01 h1+h3,
        .box-blogdetail-01 h1+h4,
        .box-blogdetail-01 h1+h5,
        .box-blogdetail-01 h1+h6,
        .box-blogdetail-01 h2+h2,
        .box-blogdetail-01 h2+h3,
        .box-blogdetail-01 h2+h4,
        .box-blogdetail-01 h2+h5,
        .box-blogdetail-01 h2+h6,
        .box-blogdetail-01 h3+h2,
        .box-blogdetail-01 h3+h3,
        .box-blogdetail-01 h3+h4,
        .box-blogdetail-01 h3+h5,
        .box-blogdetail-01 h3+h6 {
            margin-top: 15px
        }
    }

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

        .box-blogdetail-01 h1+h2,
        .box-blogdetail-01 h1+h3,
        .box-blogdetail-01 h1+h4,
        .box-blogdetail-01 h1+h5,
        .box-blogdetail-01 h1+h6,
        .box-blogdetail-01 h2+h2,
        .box-blogdetail-01 h2+h3,
        .box-blogdetail-01 h2+h4,
        .box-blogdetail-01 h2+h5,
        .box-blogdetail-01 h2+h6,
        .box-blogdetail-01 h3+h2,
        .box-blogdetail-01 h3+h3,
        .box-blogdetail-01 h3+h4,
        .box-blogdetail-01 h3+h5,
        .box-blogdetail-01 h3+h6 {
            margin-top: 10px
        }
    }

    .box-blogdetail-01 h1+p,
    .box-blogdetail-01 h1+table,
    .box-blogdetail-01 h2+p,
    .box-blogdetail-01 h2+table,
    .box-blogdetail-01 h3+p,
    .box-blogdetail-01 h3+table {
        margin-top: 10px
    }

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

        .box-blogdetail-01 h1+p,
        .box-blogdetail-01 h1+table,
        .box-blogdetail-01 h2+p,
        .box-blogdetail-01 h2+table,
        .box-blogdetail-01 h3+p,
        .box-blogdetail-01 h3+table {
            margin-top: 8px
        }
    }

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

        .box-blogdetail-01 h1+p,
        .box-blogdetail-01 h1+table,
        .box-blogdetail-01 h2+p,
        .box-blogdetail-01 h2+table,
        .box-blogdetail-01 h3+p,
        .box-blogdetail-01 h3+table {
            margin-top: 5px
        }
    }

    .box-blogdetail-01 h4,
    .box-blogdetail-01 h5,
    .box-blogdetail-01 h6 {
        margin-top: 30px
    }

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

        .box-blogdetail-01 h4,
        .box-blogdetail-01 h5,
        .box-blogdetail-01 h6 {
            margin-top: 25px
        }
    }

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

        .box-blogdetail-01 h4,
        .box-blogdetail-01 h5,
        .box-blogdetail-01 h6 {
            margin-top: 20px
        }
    }

    .box-blogdetail-01 h4:first-child,
    .box-blogdetail-01 h5:first-child,
    .box-blogdetail-01 h6:first-child {
        margin-top: 0
    }

    .box-blogdetail-01 h4+p,
    .box-blogdetail-01 h4+table,
    .box-blogdetail-01 h5+p,
    .box-blogdetail-01 h5+table,
    .box-blogdetail-01 h6+p,
    .box-blogdetail-01 h6+table {
        margin-top: 10px
    }

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

        .box-blogdetail-01 h4+p,
        .box-blogdetail-01 h4+table,
        .box-blogdetail-01 h5+p,
        .box-blogdetail-01 h5+table,
        .box-blogdetail-01 h6+p,
        .box-blogdetail-01 h6+table {
            margin-top: 8px
        }
    }

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

        .box-blogdetail-01 h4+p,
        .box-blogdetail-01 h4+table,
        .box-blogdetail-01 h5+p,
        .box-blogdetail-01 h5+table,
        .box-blogdetail-01 h6+p,
        .box-blogdetail-01 h6+table {
            margin-top: 5px
        }
    }

    .box-blogdetail-01 h2 {
        margin-bottom: 20px;
        padding-bottom: 19px;
        border-bottom: 1px solid #D6D6D6;
        font-size: 2.2rem;
        letter-spacing: 0.07em;
        margin-top: 75px
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01 h2 {
            margin-top: 60px;
            margin-bottom: 20px;
            padding-bottom: 15px;
            font-size: 2.0rem
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 h2 {
            margin-top: 40px;
            margin-bottom: 20px;
            padding-bottom: 10px;
            font-size: 1.8rem
        }
    }

    .box-blogdetail-01 h2:first-child {
        margin-top: 0
    }

    .box-blogdetail-01 h3 {
        font-size: 2.0rem
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01 h3 {
            font-size: 1.8rem
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 h3 {
            font-size: 1.6rem
        }
    }

    .box-blogdetail-01 h4 {
        font-size: 1.8rem
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01 h4 {
            font-size: 1.7rem
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 h4 {
            font-size: 1.5rem
        }
    }

    .box-blogdetail-01 h5 {
        font-size: 1.7rem
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01 h5 {
            font-size: 1.6rem
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 h5 {
            font-size: 1.5rem
        }
    }

    .box-blogdetail-01 h6 {
        font-size: 1.6rem
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01 h6 {
            font-size: 1.5rem
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 h6 {
            font-size: 1.4rem
        }
    }

    .box-blogdetail-01 ul li {
        position: relative;
        margin-top: 5px;
        padding-left: 1em
    }

    .box-blogdetail-01 ul li:before {
        content: "・";
        margin-left: -1em
    }

    .box-blogdetail-01 ul li:first-child {
        margin-top: 0
    }

    .box-blogdetail-01 ul li a {
        color: #0071BC;
        text-decoration: underline
    }

    .box-blogdetail-01 p:after {
        content: "";
        display: block;
        clear: both
    }

    .box-blogdetail-01 a {
        color: #0071BC;
        text-decoration: underline
    }

    .box-blogdetail-01 strong {
        font-weight: bold
    }

    .box-blogdetail-01 img {
        margin-left: auto;
        margin-right: auto
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01 img {
            width: 100%;
            margin-top: 20px;
            margin-bottom: 20px
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 img {
            margin-top: 15px;
            margin-bottom: 15px
        }
    }

    .box-blogdetail-01 img.alignright {
        margin-left: 50px
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01 img.alignright {
            margin-left: 30px
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 img.alignright {
            margin: 10px auto
        }
    }

    .box-blogdetail-01 img.alignleft {
        margin-right: 50px
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01 img.alignleft {
            margin-right: 30px
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 img.alignleft {
            margin: 10px auto
        }
    }

    .box-blogdetail-01 hr {
        display: block;
        margin-top: 30px;
        margin-bottom: 30px;
        border: none;
        border-top: 1px solid #E7E7EB
    }

    .box-blogdetail-01 iframe {
        width: 100% !important
    }

    .box-blogdetail-01 table {
        margin-top: 40px
    }

    @media screen and (max-width:768px) {
        .box-blogdetail-01 table {
            margin-top: 30px
        }
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 table {
            margin-top: 25px
        }
    }

    .box-blogdetail-01 table:first-child {
        margin-top: 0
    }

    .box-blogdetail-01 figure figcaption {
        padding: 5px 10px
    }

    .box-blogdetail-01 .box-colomn .colomn-inner figure img {
        width: 100%
    }

    .box-blogdetail-01 .alignright {
        float: right
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 .alignright {
            float: none
        }
    }

    .box-blogdetail-01 .alignleft {
        float: left
    }

    @media screen and (max-width:414px) {
        .box-blogdetail-01 .alignleft {
            float: none
        }
    }

    .box-blogdetail-01 .aligncenter {
        margin-right: auto;
        margin-left: auto
    }

    .header {
        position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 2px solid #000;
        height: 60px;
        width: 100%;
     background-size: auto auto;
background-color: rgba(255, 240, 0, 0.74);
background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 240, 0, 1) 20px, rgba(255, 240, 0, 1) 40px );
        z-index: 99;
  font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
    }

    @media screen and (max-width:768px) {
        .header {
            height: 50px
        }
    }

    @media screen and (max-width:414px) {
        .header {
            height: 35px
        }
    }

    .head-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    @media screen and (max-width:768px) {
        .head-logo {
            height: 50px
        }
    }

    @media screen and (max-width:414px) {
        .head-logo {
            height: 35px
        }
    }

    .head-logo h1 {
        margin-left: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .head-logo h1 a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    @media screen and (max-width:768px) {
        .head-logo h1 {
            padding-top: 5px;
            margin-left: 15px;
            width: 130px
        }
    }

    @media screen and (max-width:414px) {
        .head-logo h1 {
            width: 100px;
            padding-top: 0
        }
    }

    @media screen and (max-width:320px) {
        .head-logo h1 {
            width: 80px
        }
    }

    .head-logo h1 span {
        font-size: 0
    }

    .head-logo p {
        padding: 5px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    @media screen and (max-width:768px) {
        .head-logo p {
            font-size: 2vw;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
    }

    @media screen and (max-width:414px) {
        .head-logo p {
            padding: 5px 10px
        }
    }

    @media screen and (max-width:320px) {
        .head-logo p {
            padding: 0 5px
        }
    }

    .head-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        background: #000;
        height: 60px;
        position: relative
    }

    .head-btn a {
        padding: 0 40px 0 50px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none
    }

    @media screen and (max-width:414px) {
        .head-btn a {
            padding: 0 20px 0 30px
        }
    }

    @media screen and (max-width:320px) {
        .head-btn a {
            padding: 0 10px 0 20px
        }
    }

    .head-btn a:hover {
        text-decoration: none
    }

    .head-btn:before {
        content: "\f2f6";
        position: absolute;
        left: 20px;
        font-family: "Font Awesome 5 Free";
        color: #fff;
        font-weight: 900;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    @media screen and (max-width:414px) {
        .head-btn:before {
            left: 10px
        }
    }

    @media screen and (max-width:320px) {
        .head-btn:before {
            left: 5px
        }
    }

    @media screen and (max-width:768px) {
        .head-btn {
            height: 50px
        }
    }

    @media screen and (max-width:414px) {
        .head-btn {
            height: 35px
        }
    }

    #header {
        display: block;
        z-index: 100;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #ffffff
    }

    @media screen and (max-width:768px) {
        #header {
            width: 100%
        }
    }

    #header .header-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 1000px;
        margin: 0 auto;
        padding: 10px 0
    }

    @media screen and (max-width:768px) {
        #header .header-inner {
            z-index: 1;
            width: 100%;
            height: 55px;
            padding: 0
        }
    }

    #header .header-inner:before {
        display: none;
        content: "";
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff
    }

    @media screen and (max-width:768px) {
        #header .header-inner:before {
            display: block
        }
    }

    #header .header-inner .logo {
        overflow: hidden;
        text-indent: 200%;
        white-space: nowrap;
        display: block;
        width: 114px;
        height: 18px;
        margin-left: 15px
    }

    @media screen and (max-width:768px) {
        #header .header-inner .logo {
            width: 114px;
            height: 18px;
            margin-left: 10px;
            z-index: 2;
            position: relative;
            background-color: #fff
        }
    }

    #header .header-inner .logo a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../../../images/general-signup/common/logo.svg) no-repeat center center transparent;
        background-size: contain
    }

    #header .header-inner .logo img {
        width: 225px;
        height: 35.5px
    }

    @media screen and (max-width:768px) {
        #header .header-inner .logo img {
            width: 200px;
            height: 31px
        }
    }

    @media screen and (max-width:375px) {
        #header .header-inner .logo img {
            width: 190px;
            height: 30px
        }
    }

    @media screen and (max-width:320px) {
        #header .header-inner .logo img {
            width: 170px;
            height: 27px
        }
    }




    .footer .foot-nav {
        margin: 60px auto 10px
    }

    @media screen and (max-width:768px) {
        .footer .foot-nav {
            margin: 40px auto 10px
        }
    }

    .footer .foot-nav a {
        padding: 0 30px
    }

    @media screen and (max-width:768px) {
        .footer .foot-nav a {
            padding: 0 10px
        }
    }

    @media screen and (max-width:414px) {
        .footer .foot-nav a {
            padding: 0 5px
        }
    }

    .footer .foot-nav p {
        margin-top: 10px;
    }

    .footer .btn-login {
        margin: 60px auto 60px;
        background: #000;
        color: #fff;
        width: 500px;
        height: 54px;
        border-radius: 27px;
        position: relative
    }

    @media screen and (max-width:768px) {
        .footer .btn-login {
            width: 400px;
            margin: 30px auto 30px
        }
    }

    @media screen and (max-width:414px) {
        .footer .btn-login {
            width: 300px
        }
    }

    .footer .btn-login:before {
        content: "\f2f6";
        position: absolute;
        top: 50%;
        left: 180px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: "FontAwesome";
        font-weight: 400;
        font-size: 2.0rem
    }

    @media screen and (max-width:768px) {
        .footer .btn-login:before {
            left: 140px
        }
    }

    @media screen and (max-width:414px) {
        .footer .btn-login:before {
            left: 90px
        }
    }

    .footer .btn-login a {
        width: 500px;
        height: 54px;
        border-radius: 27px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none
    }

    @media screen and (max-width:768px) {
        .footer .btn-login a {
            width: 400px
        }
    }

    @media screen and (max-width:414px) {
        .footer .btn-login a {
            width: 300px
        }
    }

    .footer .btn-login a:hover {
        text-decoration: none
    }

    .footer .foot-logo {
        margin-bottom: 20px
    }

    @media screen and (max-width:768px) {
        .footer .foot-logo {
            margin-bottom: 0
        }
    }

    .footer .copy-right {
        font-size: 1rem;
        letter-spacing: 0.2em;
        line-height: 3.2;
        margin-bottom: 20px
    }

    @media screen and (max-width:768px) {
        .footer .copy-right {
            margin-bottom: 0
        }
    }

    #footer {
        overflow: hidden;
        position: relative;
        display: block
    }

    @media screen and (max-width:768px) {
        #footer {
            width: 100%
        }
    }

    #footer .copyright {
        display: block;
        padding: 25px 0 27px;
        background-color: #000000;
        font-size: 1.1rem;
        letter-spacing: 0.14em;
        text-align: center;
        color: #ffffff
    }

    @media screen and (max-width:768px) {
        #footer .copyright {
            padding: 11px 0;
            letter-spacing: 0;
            font-size: 0.9rem
        }
    }

    #contents {
        overflow: hidden;
        position: relative;
        display: block
    }

    @media screen and (max-width:768px) {
        #contents {
            width: 100%
        }
    }

    .underwrapper {
        padding-top: 50px;
        padding-bottom: 50px
    }

    @media screen and (max-width:768px) {
        .underwrapper {
            padding-top: 40px;
            padding-bottom: 40px
        }
    }

    @media screen and (max-width:414px) {
        .underwrapper {
            padding-top: 30px;
            padding-bottom: 30px
        }
    }

    .underwrapper.sidelayout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .underwrapper.sidelayout .contents {
        width: 80%;
        background-color: rgba(0, 255, 0, 0.2)
    }

    .underwrapper.sidelayout .sidenavi {
        width: 20%;
        background-color: rgba(0, 0, 255, 0.2)
    }

    .underwrapper.sidelayout .fullsize {
        width: 100%;
        background-color: rgba(255, 0, 0, 0.2)
    }

    .unit-bnr-01 {
        background: url(img/btnbox_img_login.png) center center/cover no-repeat;
        padding-top: 40px
    }

    @media screen and (max-width:768px) {
        .unit-bnr-01 {
            padding-top: 20px
        }
    }

    .ChaserBtn .btn_fixed {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        z-index: 100;
    }



    @media screen and (max-width:768px) {
        .unit-bnr-01 .point-bnr .bnr-link {
            width: 400px
        }
    }

    @media screen and (max-width:414px) {
        .unit-bnr-01 .point-bnr .bnr-link {
            width: 320px;
            height: 80px;
            padding-bottom: 0
        }
    }

    @media screen and (max-width:320px) {
        .unit-bnr-01 .point-bnr .bnr-link {
            width: 300px
        }
    }

    .unit-bnr-01 .point-bnr .bnr-link:hover {
        opacity: 1
    }

    .unit-bnr-01 .point-bnr .bnr-link:hover:before {
        opacity: 1
    }

    .unit-bnr-01 .point-bnr .bnr-link>span {
        display: none
    }

    .unit-bnr-01 p {
        font-size: 1.8rem;
        letter-spacing: 0.05em;
        padding-top: 15px;
        padding-bottom: 35px;
  font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
    }

    @media screen and (max-width:414px) {
        .unit-bnr-01 p {
            font-size: 1.4rem;
            padding-top: 0;
            padding-bottom: 20px
        }
    }

    .unit-bnr-02 {
        padding-top: 40px;
    }

    .unit-bnr-02 .btn_fixed {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        z-index: 100;
    }

    @media screen and (max-width:768px) {
        .unit-bnr-02 {
            padding-top: 0px;
        }
    }

    .unit-bnr-02 .point-bnr .bnr-link {
        padding-bottom: 15px;
        background: url(../../../images/general-signup/point_btn_01.png) center center/contain no-repeat;
        position: relative;
        display: block;
        width: 560px;
        height: 128px;
        margin: 0 auto
    }

    .unit-bnr-02 .point-bnr .bnr-link:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../../../images/general-signup/point_btn_02.png) center center/contain no-repeat;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 0
    }

    @media screen and (max-width:768px) {
        .unit-bnr-02 .point-bnr .bnr-link {
            width: 400px
        }
    }

    @media screen and (max-width:414px) {
        .unit-bnr-02 .point-bnr .bnr-link {
            width: 320px;
            height: 80px;
            padding-bottom: 0
        }
    }

    @media screen and (max-width:320px) {
        .unit-bnr-02 .point-bnr .bnr-link {
            width: 300px
        }
    }

    .unit-bnr-02 .point-bnr .bnr-link:hover {
        opacity: 1
    }

    .unit-bnr-02 .point-bnr .bnr-link:hover:before {
        opacity: 1
    }

    .unit-bnr-02 .point-bnr .bnr-link>span {
        display: none
    }

    .unit-bnr-02 p {
        font-size: 1.8rem;
        letter-spacing: 0.05em;
        padding-top: 15px;
        padding-bottom: 35px;
  font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
    }

    @media screen and (max-width:414px) {
        .unit-bnr-02 p {
            font-size: 1.4rem;
            padding-top: 0;
            padding-bottom: 20px
        }
    }

    .mainvisual {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
     
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 100px
    }

    @media screen and (max-width:768px) {
        .mainvisual {
            padding: 0 0 20px 0;
            display: block;
            height: auto
        }
    }

    .mainvisual .main01 {
        margin-top: 60px
    }

    @media screen and (max-width:768px) {
        .mainvisual .main01 {
            padding: 0 15px;
            margin: 3px auto 0
        }
    }

    @media screen and (max-width:414px) {
        .mainvisual .main01 {
            padding: 0 60px;
            width: auto
        }
    }

    .mainvisual .main02 {
        margin-top: 0px
    }

    @media screen and (max-width:768px) {
        .mainvisual .main02 {
            padding: 0 15px;
            margin: 3px auto 0
        }
    }

    .mainvisual .main03 {
        margin-top: 5px
    }

    @media screen and (max-width:768px) {
        .mainvisual .main03 {
            margin: 0 auto
        }
    }

    html {
        width: 100% !important;
        margin: 0;
        padding: 0
    }

    body {
     background-size: auto auto;
background-color: rgba(255, 240, 0, 0.74);
background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 240, 0, 1) 20px, rgba(255, 240, 0, 1) 40px );
        width: 100%
    }

    body #contents_wrapper {
        width: 100%
    }

    body #contents_wrapper #main {
        width: 100%;
        padding: 0
    }

    #wrapper,
    .l-main {
        background: url(../../../images/general-signup/dot_bg_01.png) top -90px center/contain no-repeat
    }

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

        #wrapper,
        .l-main {
            background: url(../../../images/general-signup/dot_bg_01_sp.png) top center/contain no-repeat
        }
    }

    .l-main {
        width: 100%
    }

    figure img {
        margin: 0 auto
    }

    img {
        margin: 0 auto
    }

    .main-cont {
        margin: 0 auto;
    
        text-align: center;
  font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
    }



    .main-cont h2 {
        font-size: 3.8rem;
        letter-spacing: 0.1em;
        font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
   
        margin-bottom: 30px;
        display: inline-block;
       
        font-weight: bold;
        padding-bottom: 5px
    }

    @media screen and (max-width:768px) {
        .main-cont h2 {
            font-size: 8vw;
            letter-spacing: 0.05em
        }
    }


    .main-cont h2 .title-dot rt {
        font-weight: bold;
        font-size: 3rem;
        line-height: 0.5;
        text-shadow: #000 1px 0px, #000 -1px 0px, #000 0px -1px, #000 0px 1px
    }

    @media screen and (max-width:768px) {
        .main-cont h2 .title-dot rt {
            font-size: 4vw
        }
    }

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

    @media screen and (max-width:768px) {
        .flex-box {
            display: block
        }
    }

    .btn-img-01 {
        margin: 70px auto 25px
    }

    @media screen and (max-width:768px) {
        .btn-img-01 {
            margin: 70px auto 10px
        }
    }

    @media screen and (max-width:414px) {
        .btn-img-01 {
            margin: 25px auto 10px
        }
    }

    .introduction {
        background: url(../../../images/general-signup/dot_bg_02.png) top 150px center no-repeat
    }

    @media screen and (max-width:768px) {
        .introduction {
            background: url(../../../images/general-signup/dot_bg_02_sp.png) top 150px center/contain no-repeat
        }
    }

    .introduction h2 {
        margin-top: 40px
    }

    @media screen and (max-width:414px) {
        .introduction h2 {
            margin-top: 30px
        }
    }

    .introduction .title-exp {
        font-size: 2.6rem;
        color: #ff4f5b
    }

    @media screen and (max-width:768px) {
        .introduction .title-exp {
            font-size: 4vw
        }
    }

    @media screen and (max-width:414px) {
        .introduction .title-exp {
            font-size: 5vw
        }
    }

    .introduction .title-exp .fs-change {
        font-size: 3.2rem
    }

    @media screen and (max-width:768px) {
        .introduction .title-exp .fs-change {
            font-size: 5vw
        }
    }

    @media screen and (max-width:414px) {
        .introduction .title-exp .fs-change {
            font-size: 6vw
        }
    }

    .introduction figure {
        margin: 20px auto 30px
    }

    .introduction .site-introduction-02 {
        font-size: 1.8rem;
        text-align: left;
        margin-bottom: 30px;
        width: 900px;
        margin: 0 auto
    }

    @media screen and (max-width:768px) {
        .introduction .site-introduction-02 {
            font-size: 2.4rem;
            letter-spacing: 0.05em;
            width: 100%
        }
    }

    @media screen and (max-width:414px) {
        .introduction .site-introduction-02 {
            font-size: 4vw
        }
    }

    .savings .flex-box {
        margin: 10px auto 10px
    }

    .savings .flex-box .box-inner {
        width: 31%
    }

    @media screen and (max-width:768px) {
        .savings .flex-box .box-inner {
            width: 100%;
            margin-bottom: 10px
        }
    }

    .user-select {
        background: url(../../../images/general-signup/dot_bg_03.png) top 35px center no-repeat
    }

    @media screen and (max-width:768px) {
        .user-select {
            background: url(../../../images/general-signup/dot_bg_03_sp.png) top 35px center/contain no-repeat
        }
    }

    .user-select p {
        margin: 10px auto 40px;
        text-align: left;
        width: 900px
    }

    @media screen and (max-width:768px) {
        .user-select p {
            font-size: 2.4rem;
            width: 100%
        }

        .user-select p:last-child {
            font-size: 1.8rem
        }
    }

    @media screen and (max-width:414px) {
        .user-select p {
            font-size: 4vw
        }

        .user-select p:last-child {
            margin: 10px auto;
            font-size: 1.4rem
        }
    }

    .user-select .flex-box {
        margin-bottom: 25px
    }

    .user-select .flex-box .box-inner {
        width: 24%
    }

    @media screen and (max-width:768px) {
        .user-select .flex-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .user-select .flex-box .box-inner {
            width: 50%;
            margin-bottom: 25px
        }

        .user-select .flex-box .box-inner:nth-child(2n-1) {
            padding-right: 5px
        }

        .user-select .flex-box .box-inner:nth-child(2n-1) img {
            margin: 0 0 0 auto
        }

        .user-select .flex-box .box-inner:nth-child(2n) {
            padding-left: 5px
        }

        .user-select .flex-box .box-inner:nth-child(2n) img {
            margin: 0 auto 0 0
        }
    }

    @media screen and (max-width:414px) {
        .user-select .flex-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .user-select .flex-box .box-inner {
            width: 50%;
            margin-bottom: 10px
        }

        .user-select .flex-box .box-inner:nth-child(2n-1) {
            padding-right: 5px
        }

        .user-select .flex-box .box-inner:nth-child(2n) {
            padding-left: 5px
        }
    }

    .shop-service {
        padding-top: 25px;
        background: url(../../../images/general-signup/dot_bg_04.png) top center no-repeat
    }

    @media screen and (max-width:768px) {
        .shop-service {
            margin-top: 40px;
            padding-top: 0;
            background: url(../../../images/general-signup/dot_bg_04_sp.png) top center/contain no-repeat
        }

        .shop-service h2 {
            margin-top: 0;
        }
    }

    @media screen and (max-width:414px) {
        .shop-service h2 {
            margin-top: 40px
        }
    }

    .shop-service p {
        margin-bottom: 50px
    }

    @media screen and (max-width:768px) {
        .shop-service p {
            font-size: 2.4rem
        }
    }

    @media screen and (max-width:414px) {
        .shop-service p {
            font-size: 4vw;
            margin-bottom: 15px
        }
    }

    .shop-service .flex-box .box-inner {
        background: #fff;
        width: 24%;
        margin-bottom: 20px;
        text-align: left
    }

    @media screen and (max-width:768px) {
        .shop-service .flex-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .shop-service .flex-box .box-inner {
            width: 32%
        }
    }

    @media screen and (max-width:414px) {
        .shop-service .flex-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .shop-service .flex-box .box-inner {
            width: 32%;
            margin-bottom: 10px
        }
    }

    .three-step {
        background: url(../../../images/general-signup/dot_bg_05.png) top 100px center no-repeat
    }

    @media screen and (max-width:768px) {
        .three-step {
            background: url(../../../images/general-signup/dot_bg_05_sp.png) top 100px center/contain no-repeat
        }
    }

    @media screen and (max-width:768px) {
        .three-step p {
            font-size: 2.4rem
        }
    }

    @media screen and (max-width:414px) {
        .three-step p {
            font-size: 3.9vw
        }
    }

    .three-step .flex-box {
        margin-bottom: 20px
    }

    @media screen and (max-width:768px) {
        .three-step .flex-box {
            margin-bottom: 60px
        }
    }

    .three-step .flex-box .box-inner {
        width: 31%;
        position: relative
    }

    .three-step .flex-box .box-inner:after {
        content: url(../../../images/general-signup/next.png);
        width: 30px;
        height: 30px;
        position: absolute;
        top: 45%;
        right: 0;
        -webkit-transform: translate(90%, -50%);
        -ms-transform: translate(90%, -50%);
        transform: translate(90%, -50%);
        z-index: 1
    }

    .three-step .flex-box .box-inner:last-child:after {
        display: none
    }

    @media screen and (max-width:768px) {
        .three-step .flex-box .box-inner {
            width: 100%;
            margin-bottom: 25px
        }

        .three-step .flex-box .box-inner:after {
            content: url(../../../images/general-signup/under.png);
            width: 61px;
            height: 50px;
            top: 85%;
            left: 32%;
            -webkit-transform: translate(-50%, 10%);
            -ms-transform: translate(-50%, 10%);
            transform: translate(-50%, 10%)
        }

        .three-step .flex-box .box-inner:last-child:after {
            content: url(../../../images/general-signup/under_02.png);
            display: block
        }
    }

    @media screen and (max-width:414px) {
        .three-step .flex-box .box-inner:after {
            top: 85%;
            left: 25%;
            -webkit-transform: translate(-50%, 10%);
            -ms-transform: translate(-50%, 10%);
            transform: translate(-50%, 10%)
        }
    }

    .three-step .figure-box {
        background: url(../../../images/general-signup/dot_bg_06.png) top 50px center no-repeat
    }

    @media screen and (max-width:768px) {
        .three-step .figure-box {
            background: url(../../../images/general-signup/dot_bg_06_sp.png) top 50px center/contain no-repeat
        }
    }

    .three-step figure {
        margin-bottom: 30px;
        padding: 0 15px
    }

    .shop-info h2 {
        margin: 0;
    }

    .shopping figure {
        margin-bottom: 50px
    }

    .shop-info p {
        margin-top: 35px
    }

    @media screen and (max-width:768px) {
        .shop-info p {
            margin: 20px 0;
            font-size: 2.4rem;
            text-align: left
        }
    }

    @media screen and (max-width:414px) {
        .shop-info p {
            font-size: 4vw
        }
    }

    .shop-info .title-exp {
        font-size: 2.8rem;
        color: #ff4f5b;
        margin-top: 15px
    }

    @media screen and (max-width:768px) {
        .shop-info .title-exp {
            font-size: 2.4rem;
            margin: 0
        }
    }

    @media screen and (max-width:414px) {
        .shop-info .title-exp {
            font-size: 5.5vw
        }
    }

    .bg-wrap {
        background: url(../../../images/general-signup/dot_bg_07.png) top 750px center no-repeat
    }

    @media screen and (max-width:768px) {
        .bg-wrap {
            background: url(../../../images/general-signup/dot_bg_07_sp.png) top 400px center/contain no-repeat
        }
    }

    @media screen and (max-width:414px) {
        .user-voice h2 {
            margin-top: 40px
        }
    }

    @media screen and (max-width:414px) {
        .user-voice h2 {
            margin-top: 20px;
            margin-bottom: 0
        }
    }

    .user-voice .flex-box {
        margin-top: 30px
    }

    .user-voice .flex-box .box-inner {
        background: #fff;
        border-radius: 20px;
        width: 48%;
        padding: 20px;
        margin-bottom: 30px
    }

    .user-voice .flex-box .box-inner:nth-child(3) .user {
        margin-bottom: 54px
    }

    .user-voice .flex-box .box-inner .user {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px
    }

    .user-voice .flex-box .box-inner .user figure {
        width: 80px
    }

    .user-voice .flex-box .box-inner .user .title-wrap {
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 20px
    }

    .user-voice .flex-box .box-inner .user .title-wrap .title {
        font-size: 2.6rem;
        font-weight: 600;
        line-height: 1.31
    }

    .user-voice .flex-box .box-inner .user .title-wrap .name {
        font-size: 1.8rem
    }

    .user-voice .flex-box .box-inner .user.mb60 {
        margin-bottom: 60px
    }

    .user-voice .flex-box .box-inner .comment {
        text-align: left;
        margin-top: 20px;
        font-size: 1.8rem;
        letter-spacing: 0.05em;
        line-height: 1.67
    }

    .user-voice .flex-box .box-inner .comment .bg-pink {
        background: #ffdaef
    }

    @media screen and (max-width:768px) {
        .user-voice .flex-box .box-inner {
            width: 100%
        }

        .user-voice .flex-box .box-inner:nth-child(3) .user {
            margin-bottom: 20px
        }
    }

    @media screen and (max-width:414px) {
        .user-voice .flex-box .box-inner .user {
            margin-bottom: 20px
        }

        .user-voice .flex-box .box-inner .user figure {
            width: 60px
        }

        .user-voice .flex-box .box-inner .user .title-wrap .title {
            font-size: 5.5vw
        }

        .user-voice .flex-box .box-inner .user .title-wrap .name {
            font-size: 4vw
        }

        .user-voice .flex-box .box-inner .comment {
            font-size: 1.5rem;
            line-height: 1.5
        }
    }

    .faq {
        background: url(../../../images/general-signup/dot_bg_08.png) top 30px center no-repeat
    }

    @media screen and (max-width:768px) {
        .faq {
            background: url(../../../images/general-signup/dot_bg_08_sp.png) top 30px center/contain no-repeat
        }
    }

    @media screen and (max-width:414px) {
        .faq h2 {
            margin-top: 40px
        }
    }

    .faq .section-style-01 {
        padding: 0 20px
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 {
            padding: 0
        }
    }

    .faq .section-style-01 .wrap {
        width: 1100px;
        max-width: 100%;
        margin: auto
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .wrap {
            width: auto;
            display: block
        }
    }

    .faq .section-style-01 .wrap.w1040 {
        width: 1040px
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .wrap.w1040 {
            width: auto
        }
    }

    .faq .section-style-01 .box-faq-01 {
        padding: 50px 20px
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .box-faq-01 {
            padding: 20px 0
        }
    }

    .faq .section-style-01 .box-faq-01 .unit-faq-01 {
        max-width: 900px;
        margin: auto;
        border-bottom: 1px solid #000;
        padding: 13px 0;
        text-align: left
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .box-faq-01 .unit-faq-01 {
            padding: 15px 0
        }
    }

    .faq .section-style-01 .box-faq-01 .unit-faq-01:first-child {
        border-top: 1px solid #000
    }

    .faq .section-style-01 .box-faq-01 .unit-faq-01 .q {
        font-size: 1.8rem;
        position: relative;
        padding-right: 1.5em;
        padding-left: 1.5em;
        text-indent: -1.5em;
        cursor: pointer;
        font-weight: bold
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .box-faq-01 .unit-faq-01 .q {
            font-size: 1.5rem
        }
    }

    .faq .section-style-01 .box-faq-01 .unit-faq-01 .q:before {
        content: 'Q.';
        margin-right: 10px;
        font-size: 2.4rem;
        color: #ff4f5b
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .box-faq-01 .unit-faq-01 .q:before {
            font-size: 1.8rem;
            margin-right: 5px
        }
    }

    .faq .section-style-01 .box-faq-01 .unit-faq-01 .q:after {
        content: "\f061";
        color: #ff4f5b;
        font-family: Fontawesome;
        font-size: 1.5rem;
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        display: block;
        line-height: 1em;
        text-indent: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .box-faq-01 .unit-faq-01 .q:after {
            font-size: 1.3rem
        }
    }

    .faq .section-style-01 .box-faq-01 .unit-faq-01 .a .con {
        background: #fff;
        padding: 30px;
        position: relative;
        margin-top: 30px;
        border-radius: 20px
    }

    .faq .section-style-01 .box-faq-01 .unit-faq-01 .a .con .txt-box .txt {
        margin-bottom: 10px;
        font-size: 1.8rem
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .box-faq-01 .unit-faq-01 .a .con .txt-box .txt {
            font-size: 1.5rem
        }
    }

    .faq .section-style-01 .box-faq-01 .unit-faq-01 .a .con .txt-box .txt a {
        color: #0071BC;
        text-decoration: underline
    }

    .faq .section-style-01 .box-faq-01 .unit-faq-01 .a .con .txt-box .attention {
        font-size: 1.6rem;
        color: #808080
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .box-faq-01 .unit-faq-01 .a .con .txt-box .attention {
            font-size: 1.4rem
        }
    }

    @media screen and (max-width:768px) {
        .faq .section-style-01 .box-faq-01 .unit-faq-01 .a .con {
            padding: 20px;
            margin-top: 20px
        }
    }

    #pageTop-00 {
        z-index: 400;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 70px;
        height: 74px
    }



    #pageTop-00 .unit-pagetop-00 {
        display: block;
        width: 100%;
        height: 100%
    }



    /* Fukunaga  add --------------
------------------------------*/

    .unit-bnr-01 {
        padding-top: 20px;
        background: none;
    }

    .flex-box2 {
        margin: 0 auto 0 auto;
        letter-spacing: -0.5em;
        text-align: center;
        width: 720px;
    }

    .flex-box2 .box-inner {
        margin: 10px 0 0 10px;
        display: inline-block;
        vertical-align: top;
        width: 49%;
    }

    .flex-box2 .box-inner:first-child {
        margin: 10px 0 0 0;
    }

    .flex-box2 .box-inner img {
        width: 100%;
    }

    .user-select {
        margin-bottom: 40px;
    }


    /* 追従系ボタン ----------------------------- */

    .header {
        /* header固定一時解除 */
        position: relative;
    }

    .btnBox {
        width: 100%;
        padding: 20px 0;
        background: rgba(255, 255, 255, 0.8);
        position: fixed;
        top: 0;
        text-align: center;
        letter-spacing: -0.5em;
    }

    .btnBox p {
        margin: 0 0 0 20px;
        line-height: 0;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        /*transition-duration: 0.1s;*/
    }

    .btnBox p.btnLogin {
        margin: 0 0 0 0;
    }

    .btnBox p a {
        display: block;
        -webkit-backface-visibility: hidden;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .btnBox p a:hover {
        opacity: 1;
    }

    .btnBox p a:hover img {
        opacity: 1;
        animation: jump 0.3s ease 0s 1 alternate none running;
    }

    @keyframes jump {
        0% {
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        50% {
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        100% {
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .btnBox p.btnToroku img.pc {
        display: block;
    }

    .btnBox p.btnToroku img.sp {
        display: none;
    }


    @media screen and (max-width:768px) {
        .unit-bnr-01 {
            padding-top: 20px;
            background: none;
        }

        .btnBox p {
            margin: 0 0 0 20px;
            line-height: 0;
            display: inline-block;
            vertical-align: top;
            letter-spacing: normal;
            transition-duration: 1s;
        }

        .btnBox p.btnLogin {
            display: none;
        }

        .btnBox p.btnToroku {
            margin: 0 auto;
            width: 92%;
        }

        .btnBox p a:hover {
            opacity: 1;
            transform: translateY(0px);
            transition-duration: 1s;
        }

        .btnBox p a:hover img {
            opacity: 1;
            animation: jump 1s ease 0s 0 alternate none running;
        }

        .btnBox p.btnToroku img.pc {
            display: none;
        }

        .btnBox p.btnToroku img.sp {
            display: block;
            width: 100%;
        }

    }


    @media screen and (max-width:768px) {
        .shop-info .title-exp {
            text-align: center;
        }
    }



    /* 還元ショップ・サービス */

    .shop-service .flex-box .box-inner {
        padding: 40px 20px 0 20px;
        line-height: 0;
    }

    .shop-service .flex-box .box-inner p.Img {
        line-height: 0;
    }

    .shop-service .flex-box .box-inner p.title {
        margin: 0 0 35px 0;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: normal;
        line-height: 1.4;
        height: 57px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .shop-service .flex-box .box-inner p.joke {
        margin: 0 0 0 0;
        font-size: 17px;
        line-height: 1.3;
    }

    .shop-service .flex-box .box-inner p.point {
        margin-top: 10px;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.2;
        color: #FF4F5B;
    }

    .shop-service .flex-box .box-inner p.point span {
        padding: 0 0 0 5px;
        font-size: 20px;
    }

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

        .shop-service .flex-box .box-inner {
            padding: 20px 10px 0 10px;
            line-height: 0;
            text-align: center;
        }

        .shop-service .flex-box .box-inner p.Img {
            margin: 0;
            line-height: 0;
        }

        .shop-service .flex-box .box-inner p.title {
            margin: 20px 0 10px 0;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: normal;
            line-height: 1.3;
            height: 34px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .shop-service .flex-box .box-inner p.joke {
            margin: 0 0 5px 0;
            font-size: 11px;
            line-height: 1.2;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .shop-service .flex-box .box-inner p.point {
            margin: 0px;
            padding: 0 0 25px 0;
            font-size: 16px;
            font-weight: normal;
            line-height: 1.2;
            color: #FF4F5B;
            letter-spacing: -0.05em;
        }

        .shop-service .flex-box .box-inner p.point span {
            padding: 0 0 0 3px;
            font-size: 9px;
            letter-spacing: -0.1em;
        }

    }




    ul {

  position: relative;
}

ul li {
    position: relative;
    font-size:16px;
    padding-left: 32px;
    margin-bottom: 27px;

    letter-spacing: 0.08em;
  list-style-type: none!important;
}

ul li:before {
  
    top: 3px;
    left: 0;
    position: absolute;
    content: "";
    display: block;
    height: 22px;
    width: 22px;
    background-image: url(https://yellowcab.jp/satueikai/img/right.svg);


}


@media (max-width: 767px){

    ul li {

    font-size:13px;
    padding-left: 22px;
}


ul li:before {
 height: 15px;
    width: 15px;
}


}

.inView.-in {
        margin: 36px 10px 0;
}
    .What__inner {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 80px;
    background: #fff;
    border-radius: 24px;
    border: 5px solid;
    margin-top: 120px;

    }

@media (max-width: 767px){
.What__inner {
    width: auto;
    padding: 39px 15px 45px;
}
}


.What__heading {
    font-size: 2.25rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    margin: 0;
    letter-spacing: .1em;
}



.What__item {
    position: relative;
    border: 5px solid #f3f3f3;
    padding: 40px 55px;
    border-radius: 18px;
    text-align: left
}



@media (max-width: 768px){
.What__item {
 
    margin: 0 auto;
    padding: 30px 18px;
}
}





@media ( min-width : 600px ){

    .flexbox {
      width: 700px;
      margin: 0 auto;
      display: -webkit-flex;
      display: flex;
    }
 .box {
    -webkit-flex: 1;
    flex: 1;
   
  }
}





.panels {
  display: flex;
  flex-wrap: nowrap;
  padding: 1.5em;
  letter-spacing: 0.05em;


}
.panels .panel {
  flex-shrink: 0;
  width: 20em;
  height: 33.75em;
  outline: 0.25em solid rgba(26, 97, 203, 0);
  transition: 500ms;
  position: relative;
  border-radius: 20px;
}
.panels .panel:not(:last-child) {
  margin-right: 1.5em;
}
.panels .panel .background:after,
.panels .panel .text > * {
  transition: transform 200ms, opacity 200ms;
}
.panels .panel .background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 100ms;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 14px;
  border: 0
}
.panels .panel .background:before, .panels .panel .background:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.panels .panel .background:before {
  opacity: 0;
}
.panels .panel .background:after {
    border-radius: 14px;
  opacity: 0.8;
     background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 20%, rgb(255 251 251) 70%, #fff 100%);
 }
.panels .panel .text {
  cursor: default;
  position: absolute;
  left: 1em;
  right: 1em;
  bottom: 0em;
}
.panels .panel .text .location {
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 1em;
}
.panels .panel .text .title {
  font-weight: 700;
  font-size: 2em;
  margin-bottom: 0.5em;
  line-height: 1
}
.panels .panel .text .author {
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 1em;
}
.panels .panel .text .link {
  display: inline-block;
  padding: 0.375em 2em;
  background: #fff;
  border: 1px solid;
  text-align: center;
  opacity: 1;
  color: #000;
  margin-bottom: 0.5em;
  width: 220px;
      border-radius: 100px;
}
.panels .panel .text .link2 {
  display: inline-block;
  padding: 0.375em 2em;
  background: #000;
  border: 1px solid #000;
  text-align: center;
  opacity: 1;
  color: #fff;
  margin-bottom: 1em;
  width: 220px;
      border-radius: 100px;
}
/*
.panels .panel.hover, .panels .panel:hover {
  outline: 0.875em solid #000000;
  transition: 300ms;
}
.panels .panel.hover .background, .panels .panel:hover .background {
  transition: 125ms;
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
}
.panels .panel.hover .background:after, .panels .panel:hover .background:after {
  opacity: 1;
}
.panels .panel.hover .text > *, .panels .panel:hover .text > * {
  transform: translate3d(0, -3.5rem, 0);
}
.panels .panel.hover .text .location, .panels .panel:hover .text .location {
  transition-delay: 0ms;
}
.panels .panel.hover .text .title, .panels .panel:hover .text .title {
  transition-delay: 60ms;
}
.panels .panel.hover .text .author, .panels .panel:hover .text .author {
  transition-delay: 110ms;
}
.panels .panel.hover .text .link, .panels .panel:hover .text .link {
  opacity: 1;
  transition-delay: 150ms;
}
*/


.box {
        position: relative;
}




.btn {
 position: relative;
 font-size: 17px;
 text-transform: uppercase;
 text-decoration: none;

    padding: 1.4em 3em;
 display: inline-block;
 border-radius: 6em;
 transition: all .2s;

 border: none;
 font-family: inherit;
 font-weight: 500;
 color: black;
 background-color: white;
     border: 2px solid;
}

.btn:hover {
 transform: translateY(-3px);
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn:active {
 transform: translateY(-1px);
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn::after {
 content: "";
 display: inline-block;
 height: 100%;
 width: 100%;
 border-radius: 100px;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 transition: all .4s;
}

.btn::after {
 background-color: #fff;
}

.btn:hover::after {
 transform: scaleX(1.4) scaleY(1.6);
 opacity: 0;
}

.btn-animated {
 animation: moveInBottom 5s ease-out;
 animation-fill-mode: backwards;
}

@keyframes moveInBottom {
 0% {
  opacity: 0;
  transform: translateY(30px);
 }

 100% {
  opacity: 1;
  transform: translateY(0px);
 }
}