@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
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:before, blockquote:after {
    content: '';
    content: none;
}

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

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

/* end reset css */

body {
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 414px) {
    * {
        -webkit-tap-highlight-color: rgba(185, 210, 231, 0.1);
    }
}
.form-wrapper .form {
}
.form-wrapper .form * {
    box-sizing: border-box;
}
.form-wrapper .form input::placeholder,
.form-wrapper .form select::placeholder,
.form-wrapper .form textarea::placeholder {
    color: inherit;
}
.form-wrapper .form input:focus,
.form-wrapper .form select:focus,
.form-wrapper .form textarea:focus {
    border-color: inherit;
    outline: none;
}
.form-wrapper .form .mktoForm {
    margin-top: -10px;
}
.form-wrapper .form .mktoFormRow {
    display: flex;
}
.form-wrapper .form .mktoFormCol {
    float: initial;
    width: 100%;
}
.form-wrapper .form .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
    color: #f00;
}
.form-wrapper .form .mktoError .mktoErrorArrow {
    background: #3A6F9A;
    border: 0;
}
.form-wrapper .form .mktoError .mktoErrorMsg {
    max-width: none;
    padding: 14px 15px;
    background: #3A6F9A;
    border: 0;
    color: #fff;
    font-size: 15px;
    text-shadow: none;
    box-shadow: none;
}
.form-wrapper .form .mktoOffset {
    display: none;
}
.form-wrapper .form .mktoHasWidth {
    /*width: 100%;*/
}
.form-wrapper .form .mktoLabel {
    padding-left: 10px;
    font-size: .85rem;
}
.form-wrapper .form .mktoField {
    border: 1px solid #C2CFE5;
    font-size: 15px;
}
.form-wrapper .form input.mktoField,
.form-wrapper .form select.mktoField
{
    padding: 10px 5px;
}
.form-wrapper .form .mktoCheckboxList input.mktoField {
    padding-block-end: 0px;
}
.form-wrapper .form .mktoFieldWrap {
    float: initial;
    width: 100%;
    padding: 0 10px;
    margin-block-end: 0.5em;
}
.form-wrapper .form .mktoButtonRow {
    margin-top: 1em;
    padding: 0 10px;
    display: block;
}
.form-wrapper .form .mktoButtonWrap {
    display: block;
}
.form-wrapper .form .mktoButtonWrap.mktoMinimal .mktoButton,
.form-wrapper .form .mktoButtonWrap.mktoSimple .mktoButton {
    display: block;
    padding: 15px 10px;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    width: 100%;
    text-align: center;
    background: linear-gradient(to right, #269f9a 0%, #4a79a9 100%) !important;
    color: #fff;
    margin-top: 1em;

    transition-property: background-color;
    transition-duration: .4s;
}
.form-wrapper .form .mktoButtonWrap.mktoMinimal .mktoButton:hover,
.form-wrapper .form .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: linear-gradient(to right, #269f9a 0%, #4a79a9 100%) !important;
    color: #fff;
    box-shadow: none;
}
.form-wrapper .form .mktoHtmlText {
    width: auto;
    margin: 5px 20px 0;
    font-size: 11px;
    line-height: 1.8;
}
.form-wrapper .form .mktoHtmlText a {
    text-decoration: underline;
}
.form-wrapper .form .mktoHtmlText a:hover {
    text-decoration: none;
}
@media screen and (max-width: 414px) {
    .form-wrapper .form {
        padding: 0 !important;
        margin-block-end: 2em;
    }
    .form-wrapper .form .mktoForm {
    }
    .form-wrapper .form .mktoForm.mktoLayoutAbove .mktoRequiredField {
        padding: 0 5px;
    }
    .form-wrapper .form .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix::before {
        font-size: 10px;
    }
    .form-wrapper .form .mktoLabel {
        margin-top: 15px;
        font-size: 13px;
    }
    .form-wrapper .form .mktoField {
        font-size: 13px;
    }
    .form-wrapper .form .mktoButtonWrap.mktoMinimal .mktoButton {
        padding: 22px 0;
        font-size: 15px;
    }
}

/** common **/

.hidden-pc {
    display: none;
}

@media screen and (max-width: 767px) {
    .hidden-pc {
        display: block;
    }
    .hidden-sp {
        display: none;
    }

    .mb-md-1rem {
        margin-block-end: 1rem;
    }
}

.badge {
    border-radius: 2px;
    padding: 6px 10px !important;
    font-size: 14px;
    line-height: 14px;
    text-align: center !important;
    min-width: 50px;
    font-weight: 400;
}

.badge-blue {
    background-color: #1D4B9F;
    border: 6px solid #1D4B9F;
    color: #fff;
}

.badge-required-blue {
    background-color: #1D4B9F;
    border: 1px solid #1D4B9F;
    color: #fff;
}

.badge-optional-blue {
    border: 1px solid #1D4B9F;
    color: #1D4B9F;
}

.font-bold {
    font-weight: 700;
}

/** pardot **/


input, select, textarea, input[readonly], input[readonly]:focus {
    position: relative;
    border-radius: 4px;
    border: 1px solid #B2C4C7;
    background-color: #FAFBFC;
}

select {
    appearance: auto;
}

input[readonly] {
    padding: 10px;
    background-color: #CCC;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked),
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 100%;
    display: inline-block;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked),
[type="radio"]:checked + .pd-radio:before,
[type="radio"]:not(:checked) + .pd-radio:before {
    content: '';
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background-color: #DBE6E8;
    border-radius: 2px;
}

[type="submit"] {
    display: block;
    padding: 15px 10px;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    width: 100%;
    text-align: center;
    background: linear-gradient(to right, #269f9a 0%, #4a79a9 100%) !important;
    color: #fff;
    margin-top: 1em;
}

.pd-checkbox {
    margin: 12px 0;
}

.container {
    width: 80%;
    margin: 0 auto;
    height: 320px;
    overflow: scroll;
    border: 1px solid #ccc;
    margin-bottom: 50px;
    padding: 1rem;
    font-size: 13px;
    color: #131313;
    margin-top: 30px;
    border-radius: 5px;
    background: white;
}

.required > label::after {
    content: '※';
    color: red;
}

span.description {
    font-size: 1em;
    font-family: auto;
}

.error {
    color: indianred;
}

.pd-checkbox > span.description::before {
    content: '\A';
    white-space: pre;
}

#ui-datepicker-div {
    display: none !important;
}

.mt-25 {
    margin-top: 2.5em;
}

.mb-10 {
    margin-block-end: 1em;
}
.mb-25 {
    margin-bottom: 2.5em;
}

.ml-1em {
    margin-left: 1em;
}

.text-end {
    text-align: end;
}

.text-center {
    text-align: center;
}
h2.c-innerTitle-blueGreen.p-form_innerTitle {
    margin-block-end: 12px;
}
h2.c-innerTitle-blueGreen.p-form_innerTitle:nth-of-type(2) {
    margin: 12px 0;
}

/** white paper **/
.p-background-gradation {
    position: relative;
}

.p-background-gradation:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 200px;
    background: linear-gradient(to right, #269f9a 0%, #4a79a9 100%);
    z-index: -1;
}

.p-mainContent-whitepaper {
    padding: 30px 20px;
    margin: auto;
}

.p-img-whitepaper {
    margin: 20px auto;
    width: 85%;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
}

.p-title_h1-whitepaper {
    font-size: 1.4rem;
    color: #fff;
}

.p-title_h2-whitepaper {
    font-size: 1.1rem;
    margin-bottom: 10px;
    font-weight: 700;
}

.p-title_h3-whitepaper {
    font-size: 1.1rem;
    margin: 40px 0 10px;
    font-weight: 700;
}

.p-section-left p {
    line-height: 240%;
}

.p-list-whitepaper {
    padding-left: 10px;
}

.p-form_title-whitepaper {
    font-size: 1rem;
    text-align: center;
    color: #269f9a;
}

.c-form_title {
    padding-left: 0;
}

.c-form-select_box::before {
    z-index: 2;
    position: absolute;
    right: 15px;
    top: 50%;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #3C4E65 transparent transparent transparent;
}

.p-label-required-whitepaper,
.p-label-optional-whitepaper {
    padding: 2px 6px;
    min-width: 40px;
}

.p-label-required-whitepaper {
    background-color: #EA6464;
    color: #fff;
}

.p-formButton-next,
.p-formButton-unanswered {
    max-width: 300px;
    margin: auto;
}

.value span {
    padding-right: 20px;
}

.p-footer-whitepaper {
    width: 100%;
    position: sticky;
    top: 100vh;
    height: fit-content;
}

.p-footer_title-whitepaper {
    color: #fff;
    font-size: .8rem;
}

.p-footer_container-whitepaper {
    padding: 20px;
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.p-footer_text-whitepaper {
    color: #fff;
    font-size: .6rem;
    line-height: normal;
}

.p-footer_list-whitepaper {
    color: #fff;
    font-size: .8rem;
    display: flex;
    justify-content: flex-end;
}

.p-footer_list-whitepaper li {
    position: relative;
    padding-left: 12px;
    margin-left: 20px;
}

.p-footer_list-whitepaper li:before {
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background-color: #B2C4C7;
    border-radius: 8px;
    z-index: 2;
}

.p-footer_list-whitepaper a {
    color: #5AE6E0;
    transition: .5s;
}

.p-footer_list-whitepaper a:hover {
    color: #269f9a;
}

.p-tosho-img {
    width: 50px;
    margin-right: 10px;
}

.p-footer-left {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.p-footer-right {
    display: flex;
    justify-content: flex-end;
}

@media all and (max-width: 1024px) {
    .p-title_h1-whitepaper {
        font-size: 1rem;
    }

    .p-footer_list-whitepaper {
        flex-direction: column;
    }
}

@media all and (max-width: 768px) {
    .p-headerLogo_img {
        margin-block-end: 0.5em;
    }

    .p-background-gradation:before {
        height: 160px;
    }

    .p-mainContent-whitepaper {
        padding: 20px 0 0;
    }

    .p-title_h1-whitepaper pre {
        white-space: normal;
    }

    .p-section-left {
        padding: 0 20px 40px;
    }

    .p-pageBg-whitepaper {
        border-radius: 0;
        padding: 8px;
    }

    .p-formButton-next,
    .p-formButton-unanswered {
        max-width: 240px;
    }

    .p-footer-right {
        align-items: flex-start;
        padding-top: 20px;
    }

    .p-footer_title-whitepaper {
        font-size: .6rem;
    }
}