@charset "UTF-8";
/* =====
 * ALL DEVICE::Start
========================================================= */
.ty-profile-field .ty-cart-content__top-buttons {display: none;}
/* =====
 * ALL DEVICE::End
========================================================= */
@media only screen and (max-width:768px) {
/* =====
 * SP::Start
========================================================= */
    /* CONTAINER::TYGH::01
    -----------------------*/
    #tygh_container .container-fluid {
        padding: 0 !important;
    }
    #tygh_container .not-disp,
    #tygh_container .tygh-header,
    #tygh_container .ty-subheader,
    #tygh_container .ty-mainbox-title {
        display: none;
    }
    #tygh_container .ty-control-group {
        box-sizing: border-box;
        padding: 1%;
        font-size: 150%;
    }
    #tygh_container .ty-control-group__title {
        color: #253a64;
    }
    #tygh_container .ty-newsletters {
        box-sizing: border-box;
        padding: 1%;
        font-size: 150%;
        margin-top: 12px;
    }
    #tygh_container .ty-newsletters > p {
        font-weight: bold;
        color: #253a64;
        padding: 6px 0;
    }
    #tygh_container .ty-form-builder__radio-label,
    #tygh_container .ty-form-builder__checkbox-label {
        display: block;
    }
    #tygh_container .ty-form-builder .ty-input-text,
    #tygh_container .ty-form-builder__textarea {
        height: auto;
        padding: 0.5em 0.25em;
        border-radius: 5px;
        border: 1px solid #ddd;
    }
    #tygh_container .ty-btn__secondary {
        display: block;
        border-bottom: 4px solid #1b8a2d;
        background-color: #22ac38;
        color: #fff;
        font-size: 200%;
        font-weight: 600;
        text-align: center;
        text-decoration: none;
        padding: 1em 2.5em;
        position: relative;
        width: 10em;
        margin: 0 auto;
    }
    #tygh_container .ty-btn__secondary::after {
        content: "\e902";
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        font-size: 75%;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        margin-top: -0.5em;
        position: absolute;
        top: 50%;
        right: 1em;
    }
    #tygh_container .buttons-container {
        padding: 1em 0;
        margin: 0;
    }
    #tygh_container label.cm-required:after {
        content: "必須";
        background-color: #C00;
        color: #fff;
        font-size: 75%;
        line-height: 2;
        margin: 0 1em;
        padding: 0 1em;
        border-radius: 2px;
        display: inline-block;
        vertical-align: middle;
    }
    /* SECTION::LEGAL::01
    -----------------------*/
    .block-legal-01 {
        background-color: #fafafa !important;
        border: 1px solid #eee !important;
        border-radius: 10px !important;
        height: 15em;
        text-align: left;
        overflow: scroll !important;
        padding: 0 1em !important;
        margin-bottom: 1em !important;
    }
    .block-legal-01 > .inner {
        margin: 0 !important;
        padding: 0 !important;
        background-color: transparent !important;
    }
    .block-legal-01 p,
    .block-legal-01 h4,
    .block-legal-01 li,
    .block-legal-01 .title-style-01,
    .block-legal-01 .title-style-02,
    .block-legal-01 .title-style-04 {
        font-size: 100% !important;
    }
    .block-legal-01 .title-style-02 {
        margin-top: 3em;
        font-size: 100% !important;
    }
    .block-legal-01 .title-style-02:first-child {
        margin-top: 1em;
    }
    .block-legal-01 .title-style-04 {
        margin-bottom: 1em;
    }
    .block-legal-01 .title-style-02 {
        margin-top: 2em;
        margin-bottom: 1em;
    }
    .block-legal-01 ol {
        padding: 0 0 0 2em;
        counter-reset: count-number;
    }
    .block-legal-01 ol li {
        position: relative;
        padding: 0 0 0 2em;
    }
    .block-legal-01 ol li::before {
        counter-increment:count-number;
        content: "(" counter(count-number) "）";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }
/* =====
 * SP::End
========================================================= */
}

@media only screen and (min-width:769px) {
/* =====
 * PC::Start
========================================================= */
    #Breadcrumb {
        margin-bottom: 40px !important;
    }
    #Main {
        position: relative;
    }
    #Main .title-style-01 {
        margin-bottom: 1.5em;
        color: #fff !important;
    }
    /* CONTAINER::TYGH::01
    -----------------------*/
    #tygh_container .not-disp,
    #tygh_container .tygh-header,
    #tygh_container .ty-subheader,
    #tygh_container .ty-mainbox-title {
        display: none;
    }
    #tygh_container .ty-control-group {
    }
    #tygh_container .ty-control-group__title {
        color: #253a64;
    }
    #tygh_container .ty-newsletters {
        margin-top: 12px;
    }
    #tygh_container .ty-newsletters > p {
        font-weight: bold;
        color: #253a64;
        padding: 6px 0;
    }
    #tygh_container .ty-form-builder__radio-label,
    #tygh_container .ty-form-builder__checkbox-label {
        width: 12.4em;
        text-align: left;
        font-size: 91.75%;
    }
    #tygh_container .ty-form-builder .ty-input-text,
    #tygh_container .ty-form-builder__textarea {
        height: auto;
        padding: 0.5em 0.25em;
        border-radius: 5px;
        border: 1px solid #ddd;
    }
    #tygh_container .ty-btn__secondary {
        display: block;
        border-bottom: 4px solid #1b8a2d;
        background-color: #22ac38;
        color: #fff;
        font-size: 125%;
        font-weight: 600;
        text-align: center;
        text-decoration: none;
        padding: 1em 2.5em;
        position: relative;
        width: 10em;
        margin: 0 auto;
    }
    #tygh_container .ty-btn__secondary::after {
        content: "\e902";
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        font-size: 75%;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        margin-top: -0.5em;
        position: absolute;
        top: 50%;
        right: 1em;
    }
    #tygh_container .buttons-container {
        padding: 1em 0;
    }
    #tygh_container .vs-form-table label.cm-required:after {
        content: "必須";
        background-color: #C00;
        color: #fff;
        font-size: 70%;
        padding: 0.25em 0.5em;
        margin-left: 1em;
        border-radius: 2px;
    }
    /* SECTION::LEGAL::01
    -----------------------*/
    .block-legal-01 {
        background-color: #fafafa !important;
        border: 1px solid #eee !important;
        border-radius: 10px !important;
        height: 270px;
        text-align: left;
        overflow: scroll !important;
        padding: 0 1em !important;
        margin-bottom: 1em !important;
    }
    .block-legal-01 .title-style-01,
    .block-legal-01 .title-style-02,
    .block-legal-01 .title-style-04 {
        font-size: 100% !important;
    }
    .block-legal-01 .title-style-02 {
        margin-top: 3em;
        font-size: 100% !important;
    }
    .block-legal-01 .title-style-02:first-child {
        margin-top: 1em;
    }
    .block-legal-01 p,
    .block-legal-01 ul,
    .block-legal-01 ol {
        margin: 0 2em;
        counter-reset: count-number;
    }
    .block-legal-01 ul li {
        list-style-type: circle;
        list-style-position: inside;
        border-bottom: 1px solid #eee;
        padding: 1em 1em 1em 2em;
        text-indent: -1em;
        margin: 0;
    }
    .block-legal-01 ol li {
        border-bottom: 1px solid #eee;
        padding: 1em 1em 1em 2.5em;
        margin: 0;
        position: relative;
    }
    .block-legal-01 ol li::before {
        counter-increment:count-number;
        content: "(" counter(count-number) "）";
        position: absolute;
        display: block;
        top: 1em;
        left: 0;
    }
    .block-legal-01 ol li:last-child {
        border-bottom: 0 none transparent;
    }
    .block-legal-01 h4 {
        border-bottom: 1px solid #ddd;
        margin-bottom: 1em;
        margin-top: 2em;
    }
    .block-legal-01 h5 {
        font-size: 100%;
        margin-bottom: 1em;
    }
    .block-legal-01 p + p {
        margin-top: 1em;
    }
    .block-legal-01 h5 + p,
    .block-legal-01 p.dl {
        padding: 0 1em 1em;
    }
/* =====
 * PC::End
========================================================= */
}