@charset "UTF-8";

html {
	font-size: 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 {
    font-size: revert;
}
body {
}
#gHeader .headBox #hNav .navUl > li > a {
    font-size: 0.875rem;
}
#gFooter .f-wrap01 .txtBox .txt {
    font-size: 0.875rem;
}
#gFooter .f-wrap01 .navBox .navUl li {
    line-height: 1;
}
#gFooter .f-wrap01 .navBox .navUl li a {
    font-size: 0.875rem;
}
#gFooter .f-wrap02 .textBox .title {
    font-size: 1.125rem;
}
#gFooter .f-wrap02 .textBox .txt {
    font-size: 0.75rem;
}
#gFooter .copy {
    font-size: 0.75rem;
}

#root .min-h-screen {
    padding: 43px 1rem 104px;
    background: #F4F1E7;
}
#root .font-noto_sans {
    font-family: "Noto Sans JP", sans-serif;
}
/*ロゴ*/
#root .max-w-2xl .text-center .mb-6 .w-40 {
    width: 19.3rem;
    padding-right: 61px;
    margin-bottom: -17px;
}
#root .diag-img {
    width: 16rem;
    height: 16rem;
}
#root .result-img {
    padding: 0;
    border-radius: 100px;
}
#root button.w-full.bg-slate-800 {
    background: #2CB6B6;
}
#root .focus\:ring-slate-800:focus {
    --tw-ring-opacity: 0;
}
#root .cancel-btn {
    border: 1px solid #000;
    color: #000;
}
@media all and (max-width: 834px) {
    /*ロゴ*/
    #root .max-w-2xl .text-center .mb-6 .w-40 {
        width: 16.3rem;
        padding-right: 2.8rem;
        margin-bottom: -18px;
    }
    #root .space-y-3.mb-6 .flex.transition {
        flex-flow: row;
    }
}