.diagnosis-form-main {

    /*------------------------------------------------------
        Reset Styles
    ------------------------------------------------------*/
    html{
    overflow-y:scroll;
    }
    html, body{
    height:100%;
    }
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-style:normal;
    vertical-align:baseline;
    }
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section{
    display:block;
    }
    nav ul{
    list-style:none;
    }
    li{
    list-style:none;
    }
    blockquote, q{
    quotes:none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after{
    content:'';
    content:none;
    }
    a{
    margin:0;
    padding:0;
    vertical-align:baseline;
    }
    ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
    }
    mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
    }
    del{
    text-decoration:line-through;
    }
    abbr[title], dfn[title]{
    border-bottom:1px dotted;
    cursor:help;
    }
    table{
    border-collapse:collapse;
    border-spacing:0;
    }
    table th p, table th ul, table th ol, table td p, table td ul, table td ol{
    padding-bottom:0;
    margin-bottom:0;
    }
    table th p.icon01 img, table td p.icon01 img{
    margin:0 5px;
    }
    hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
    }
    input, select{
    font-family:\30e1\30a4\30ea\30aa,\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33,"Hiragino Kaku Gothic Pro",\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF,Arial,sans-serif;
    vertical-align:middle;
    }
    img{
    vertical-align:top;
    }
    img.blank{
    padding:0 0 0 5px;
    vertical-align:baseline;
    }
    img.pdf{
    padding:0 0 0 5px;
    vertical-align:baseline;
    }
    img.money{
    padding:0 2px 0 5px;
    vertical-align:baseline;
    position:relative;
    top:3px;
    }
    img.icon-01{
    vertical-align:baseline;
    }
    img.notice{
    margin-top:1px;
    vertical-align:middle;
    position:relative;
    }
    img.topic{
    margin-right:7px;
    vertical-align:middle;
    }
    img.btn{
    margin:0 auto;
    display:block;
    }
    img.mark{
    vertical-align:baseline;
    margin:0 5px 0 0;
    }
    /*------------------------------------------------------
        BaseStyle
    ------------------------------------------------------*/
    body * {
    box-sizing: border-box;
    }
    body{
    font-size:87.5%;
    font-family:\30e1\30a4\30ea\30aa,\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33,"Hiragino Kaku Gothic Pro",\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF,Arial,sans-serif !important;
    color:#1f1f1f;
    line-height:1.5;
    }
    em, b{
    font-weight:bold;
    }
    sup{
    color:#575757;
    font-size:85.7%;
    }
    sup.super{
    vertical-align:super;
    }
    sub{
    color:#575757;
    vertical-align:sub;
    font-size:85.7%;
    }
    strong{
    color:#cc0000;
    }
    a:link{
    color:#002a66;
    text-decoration:underline;
    }
    a:hover{
    text-decoration:none;
    }
    a:visited{
    color:#710080;
    }
    a sup, a sub{
    color:#002a66;
    }


    /*------------------------------------------------------
    Header
    ------------------------------------------------------*/
    .header {
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 1px 0px 0px #e2e2e2;
    position: relative;
    }
    .header__inner {
    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;
    margin-right: auto;
    margin-left: auto;
    max-width: 830px;
    padding-top: 11px;
    padding-right: 15px;
    padding-bottom: 9px;
    padding-left: 15px;
    }
    @media screen and (max-width: 639px) {
        .header__utility {
            display: none;
        }
    }
    .header__utility-close {
    padding-top: 2px;
    }
    .noscript {
    border: 1px dotted black;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-bottom: 12px;
    margin-left: auto;
    max-width: 700px;
    }
    .noscript__text {
    padding:0 0 0 30px;
    background:url(/shared/images/modules/icon/notice_05.png) no-repeat 0 0;
    }
    /*------------------------------------------------------
        Footer
    ------------------------------------------------------*/
    .copyright {
    background-color: #ebebeb;
    border-top: 2px solid #adadad;
    border-bottom: 1px solid #d1d1d1;
    }
    .copyright__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 830px;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 15px;
    text-align: center;
    }
    .copyright__text {
    font-family: Verdana;
    }
    .footer {
    font-size: 92.8%;
    color: #575757;
    line-height: 2.0;
    background:#ffffff;
    }
    .footer__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 830px;
    padding-top: 13px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    }
    @media screen and (max-width: 639px) {
        .footer__inner {
            display: none;
        }
    }
    .footer__content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
    .footer__group-company {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    }
    .footer__group-company-logo {
    padding-top: 12px;
    padding-right: 24px;
    }
    .footer__group-company-logo + .footer__group-company-links {
    padding-left: 28px;
    position: relative;
    }
    .footer__group-company-logo + .footer__group-company-links::before {
    border-left: 3px solid #aeaeae;
    content: '';
    height: 80%;
    left: 0;
    position: absolute;
    top: 5px;
    }
    .footer__utility {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    }
    .footer__utility-csr {
    padding-top: 13px;
    }
    .footer__utility-csr + .footer__utility-close {
    margin-left: 20px;
    }
    .footer__utility-close {
    padding-top: 14px;
    }

    /*------------------------------------------------------
        Content
    ------------------------------------------------------*/
    .contents {
        display: block;
        overflow: hidden;
        transition: opacity .2s;
        opacity: 1;
    }
    .contents.-hidden {
        opacity: 0;
    }
    .contents.-vis {
        visibility: hidden;
    }
    .contents__inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 830px;
        padding-right: 15px;
        padding-bottom: 80px;
        padding-left: 15px;
    }
    @media screen and (max-width: 639px) {
        .contents__inner {
            padding-right: 12px;
            padding-left: 12px;
        }
    }
    .contents__inner.-has-pagetop {
        padding-bottom: 91px;
        position: relative;
    }
    .heading-area {
        background-color: #ffeffb;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        margin-bottom: 15px;
        width: 100vw;
    }
    .heading-area__inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        padding-top: 27px;
        padding-right: 30px;
        padding-bottom: 21px;
        padding-left: 30px;
        text-align: center;
        width: 800px;
    }
    .heading-area__title {
        font-size: 40px;
        font-weight: normal;
    }
    @media screen and (max-width: 767px) {
        .heading-area__title {
            font-size: 32px;
        }
    }
    @media screen and (max-width: 639px) {
        .heading-area__title {
            font-size: 26px;
        }
    }
    .diagnosis-form {
        margin-bottom: 81px;
    }
    @media screen and (max-width: 767px) {
        .diagnosis-form {
            margin-bottom: 50px;
        }
    }
    @media screen and (max-width: 639px) {
        .diagnosis-form {
            margin-bottom: 40px;
        }
    }
    .diagnosis-form__section {
        padding-top: 30px;
        padding-bottom: 44px;
    }

    .diagnosis-form__section + .diagnosis-form__section {
        border-top: 1px solid #d1d1d1;
    }
    @media screen and (max-width: 767px) {
        .diagnosis-form__section {
            padding-bottom: 30px;
        }
    }
    @media screen and (max-width: 639px) {
        .diagnosis-form__section {
            padding-top: 25px;
        }
    }
    .selectbox {
        display: inline-block;
        max-width: 290px;
        position: relative;
        width: 100%;
    }
    .selectbox::before {
        border-style: solid;
        border-width: 16px 10.5px 0 10.5px;
        border-color: #757575 transparent transparent transparent;
        content: '';
        height: 0;
        pointer-events: none;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 21px;
        width: 0;
        z-index: 1;
    }
    @media screen and (max-width: 639px) {
        .selectbox::before {
            border-width: 12px 8px 0 8px;
            right: 16px;
        }
    }
    .selectbox__body {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border-radius: 10px;
        border: 2px solid #d1d1d1;
        font-size: 20px;
        letter-spacing: .01em;
        max-width: 290px;
        min-height: 60px;
        padding-top: 15px;
        padding-right: 57px;
        padding-bottom: 11px;
        padding-left: 17px;
        position: relative;
        width: 100%;
    }
    .selectbox__body::-ms-expand {
        display: none;
    }
    @media screen and (max-width: 639px) {
        .selectbox__body {
            border-width: 1px;
            font-size: 18px;
            min-height: 48px;
            padding-top: 11px;
            padding-right: 48px;
            padding-bottom: 8px;
        }
    }
    .inputbox {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width: 100%;
    }
    .inputbox__body {
        background-color: #fff;
        border-radius: 10px;
        border: 2px solid #d1d1d1;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        font-size: 20px;
        letter-spacing: .01em;
        max-width: 290px;
        min-height: 60px;
        min-width: 0;
        padding-top: 15px;
        padding-right: 17px;
        padding-bottom: 11px;
        padding-left: 17px;
        width: 100%;
    }
    @media screen and (max-width: 639px) {
        .inputbox__body {
            border-width: 1px;
            font-size: 18px;
            min-height: 48px;
            padding-top: 11px;
            padding-bottom: 8px;
        }
    }
    .inputbox__body + .inputbox__tailtext {
        display: inline-block;
        -ms-flex: 0 0 52px;
        flex: 0 0 52px;
        font-size: 20px;
        font-weight: bold;
        padding-left: 10px;
        padding-top: 3px;
    }
    @media screen and (max-width: 639px) {
        .inputbox__body + .inputbox__tailtext {
            font-size: 18px;
            -ms-flex: 0 0 44px;
            flex: 0 0 44px;
            padding-left: 8px;
        }
    }
    .diagnosis-btn {
        background-color: #b60081;
        border: none;
        border-radius: 6px;
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 26px;
        font-weight: bold;
        margin-right: auto;
        margin-left: auto;
        padding-top: 22px;
        padding-right: 20px;
        padding-bottom: 19px;
        padding-left: 20px;
        text-align: center;
        width: 400px;
    }
    .diagnosis-btn:disabled {
        cursor: default;
        opacity: .5;
        pointer-events: none;
    }
    @media screen and (max-width: 639px) {
        .diagnosis-btn {
            font-size: 24px;
            width: 100%;
        }
    }
    .diagnosis-btn .fix-IE {
        position: relative; /* ボタンクリック時の文字ずれを解決 */
    }
    .diagnosis-form__elm {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    @media screen and (max-width: 639px) {
        .diagnosis-form__elm {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
    }
    .diagnosis-form__elm-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding-right: 20px;
        padding-left: 12.4%;
        width: 43%;
    }
    @media screen and (max-width: 767px) {
        .diagnosis-form__elm-header {
            padding-left: 0;
        }
    }
    @media screen and (max-width: 639px) {
        .diagnosis-form__elm-header {
            padding-right: 0;
            margin-bottom: 15px;
            width: 100%;
        }
    }
    .diagnosis-form__elm-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width: 57%;
    }
    @media screen and (max-width: 639px) {
        .diagnosis-form__elm-content {
            width: 100%;
        }
    }
    .diagnosis-form__elm-footer {
        padding-top: 14px;
        padding-left: 43%;
        width: 100%;
    }
    .diagnosis-form__elm-footer > *:last-child {
        margin-bottom: 0;
    }
    @media screen and (max-width: 639px) {
        .diagnosis-form__elm-footer {
            padding-left: 0;
        }
    }
    .required-label {
        background-color: #ff0000;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        margin-right: 10px;
        min-width: 46px;
        padding-top: 2px;
        padding-right: 11px;
        padding-bottom: 1px;
        padding-left: 11px;
        text-align: center;
        width: 46px;
    }
    .diagnosis-form__elm-label {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-top: 4px;
    }
    @media screen and (max-width: 639px) {
        .diagnosis-form__elm-label {
            padding-top: 0;
        }
    }
    .diagnosis-form__elm-title {
        display: block;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.26;
    }
    @media screen and (max-width: 639px) {
        .diagnosis-form__elm-title {
            font-size: 18px;
        }
    }
    .text-notes,
    .text-notes-list__item {
        color: #292a2a;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        font-size: 15px;
        letter-spacing: .01em;
    }
    .text-notes.-sm,
    .text-notes-list__item.-sm {
        color: #575757;
        font-size: 12px;
        letter-spacing: 0;
    }
    .text-notes__mark,
    .text-notes-list__mark {
        display: block;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        padding-right: 5px;
    }
    .text-notes.-sm .text-notes__mark,
    .text-notes-list__item.sm .text-notes-list__mark {
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
        padding-right: 0;
    }
    .text-notes__text,
    .text-notes-list__text {
        display: block;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .text-notes-list__item + .text-notes-list__item {
        margin-top: 5px;
    }
    .heading-lv2 {
        border-bottom: 1px solid #d1d1d1;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 12px;
        padding-bottom: 6px;
    }
    @media screen and (max-width: 639px) {
        .heading-lv2 {
            font-size: 18px;
        }
    }
    .text-m {
        font-size: 14px;
        line-height: 1.785em;
    }
    .cv-btn {
        background-color: #b60081;
        border-radius: 6px;
        color: #fff;
        display: block;
        font-size: 26px;
        font-weight: bold;
        margin-right: auto;
        margin-bottom: 14px;
        margin-left: auto;
        padding-top: 22px;
        padding-right: 20px;
        padding-bottom: 19px;
        padding-left: 20px;
        text-align: center;
        width: 400px;
    }
    @media screen and (max-width: 639px) {
        .cv-btn {
            font-size: 24px;
            width: 100%;
        }
    }
    .cv-btn:link,
    .cv-btn:visited {
        color: #fff;
        text-decoration: none;
    }
    .plain-btn {
        background-color: #fff;
        border: 1px solid #9e9e9e;
        border-radius: 3px;
        color: #1f1f1f;
        display: block;
        font-size: 20px;
        font-weight: bold;
        margin-right: auto;
        margin-left: auto;
        padding-top: 14px;
        padding-right: 20px;
        padding-bottom: 8px;
        padding-left: 20px;
        text-align: center;
        width: 400px;
    }
    @media screen and (max-width: 639px) {
        .plain-btn {
            font-size: 18px;
            width: 100%;
        }
    }
    .plain-btn:link,
    .plain-btn:visited {
        color: #1f1f1f;
        text-decoration: none;
    }
    .pagetop {
        bottom: 0;
        position: absolute;
        right: 15px;
    }
    @media screen and (max-width: 639px) {
        .pagetop {
            right: 12px;
        }
    }
    .spacer {
        padding-top: 31px;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    @media screen and (max-width: 639px) {
        .spacer {
            padding-top: 25px;
            padding-bottom: 20px;
        }
    }
    .spacer.-lg {
        padding-top: 50px;
        padding-bottom: 58px;
    }
    .spacer.-border {
        border-bottom: 1px solid #d1d1d1;
    }
    .spacer.-ac {
        text-align: center;
    }
    @media screen and (max-width: 639px) {
        .spacer.-lg {
            padding-top: 20px;
            padding-bottom: 30px;
        }
    }
    .result-title {
        color: #b60081;
        display: inline-block;
        font-size: 30px;
        line-height: 2.666;
        text-align: left;
    }
    .result-title.-positive {
        background-image: url('/loan/card_loan/diagnosis/images/icon_result_01.png');
        background-position: 10px 19px;
        background-repeat: no-repeat;
        background-size: auto;
        padding-left: 60px;
    }
    @media screen and (max-width: 639px) {
        .result-title {
            line-height: 1.466;
        }
        .result-title.-positive {
            background-position: 10px 4px;
        }
    }
    #js-result-title {
        min-height: 135px;
    }
    .drawer-menu-wrap {
        display: none!important; /* 診断項目に被って見辛いのでヘルプメニューは非表示にする */
    }
    .box-01 {
        background-color: #fff;
        border: 1px solid #d1d1d1;
        padding-top: 12px;
        padding-right: 15px;
        padding-bottom: 12px;
        padding-left: 15px;
    }
    .box-01 > *:last-child {
        margin-bottom: 0;
    }
    .box-01__title {
        color: #000;
        border-left: 4px solid #b60081;
        font-weight: bold;
        margin-bottom: 9px;
        padding-top: 2px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 8px;
    }
    .box-01__text {
        margin-bottom: 9px;
    }
    .link-01 {
        padding-left: 16px;
        background: url(/shared/images/modules/icon/arrow_01.png) no-repeat 4px 6px;
    }
    .list-link-01 {
        margin-bottom: -8px !important;
        padding-bottom: 11px;
    }
    .list-link-01 li {
        margin-bottom: 8px;
        padding-left: 16px;
        font-size: 100%;
        background: url(/shared/images/modules/icon/arrow_01.png) no-repeat 4px 7px;
    }

    /*------------------------------------------------------
        Helper class
    ------------------------------------------------------*/
    .ac {
        text-align: center!important;
    }
    /* margin */
    .ma0{margin:0px !important;}
    .ma5{margin:5px !important;}
    .ma10{margin:10px !important;}
    .ma15{margin:15px !important;}
    .ma20{margin:20px !important;}
    .ma25{margin:25px !important;}
    .ma30{margin:30px !important;}
    .ma35{margin:35px !important;}
    .ma40{margin:40px !important;}
    .ma45{margin:45px !important;}
    .ma50{margin:50px !important;}
    /* margin-top */
    .mt0{margin-top:0px !important;}
    .mt5{margin-top:5px !important;}
    .mt10{margin-top:10px !important;}
    .mt15{margin-top:15px !important;}
    .mt20{margin-top:20px !important;}
    .mt25{margin-top:25px !important;}
    .mt30{margin-top:30px !important;}
    .mt35{margin-top:35px !important;}
    .mt40{margin-top:40px !important;}
    .mt45{margin-top:45px !important;}
    .mt50{margin-top:50px !important;}
    .mt85{margin-top:85px !important;}
    /* margin-bottom */
    .mb0{margin-bottom:0px !important;}
    .mb5{margin-bottom:5px !important;}
    .mb10{margin-bottom:10px !important;}
    .mb15{margin-bottom:15px !important;}
    .mb20{margin-bottom:20px !important;}
    .mb25{margin-bottom:25px !important;}
    .mb30{margin-bottom:30px !important;}
    .mb35{margin-bottom:35px !important;}
    .mb40{margin-bottom:40px !important;}
    .mb45{margin-bottom:45px !important;}
    .mb50{margin-bottom:50px !important;}
    .mb53{margin-bottom:53px !important;}
    .mb55{margin-bottom:55px !important;}
    .mb60{margin-bottom:60px !important;}
    .mb100{margin-bottom:100px !important;}
    /* margin-left */
    .ml-5 {margin-left:-5px !important;}
    .ml0{margin-left:0px !important;}
    .ml5{margin-left:5px !important;}
    .ml10{margin-left:10px !important;}
    .ml15{margin-left:15px !important;}
    .ml20{margin-left:20px !important;}
    .ml25{margin-left:25px !important;}
    .ml30{margin-left:30px !important;}
    .ml35{margin-left:35px !important;}
    .ml40{margin-left:40px !important;}
    .ml45{margin-left:45px !important;}
    .ml50{margin-left:50px !important;}
    /* margin-right */
    .mr0{margin-right:0px !important;}
    .mr5{margin-right:5px !important;}
    .mr10{margin-right:10px !important;}
    .mr15{margin-right:15px !important;}
    .mr20{margin-right:20px !important;}
    .mr25{margin-right:25px !important;}
    .mr30{margin-right:30px !important;}
    .mr35{margin-right:35px !important;}
    .mr40{margin-right:40px !important;}
    .mr45{margin-right:45px !important;}
    .mr50{margin-right:50px !important;}

}