@charset "utf-8";



.ucHeader {
    font-size: 2rem;
    text-align: center;
    margin: 5vw 0 3vw;
}

@media screen and (max-width:768px) {
    html {
        scroll-behavior: smooth;
    }

    body {
        background:#f7f7f7;
    }

    #ucGlobalHeader {
        padding: 2vw 5vw;
        background:#fff;
        width: 100%;
        box-sizing: border-box;
    }

    #ucGlobalHeader p ,
    #ucGlobalHeader li {
        padding: 1.5vw 0;
    }

    #ucGlobalHeader #jaa a {
        color:#111;
        text-decoration: none;
        display: block;
        font-weight: 800;
    }

    #ucGlobalHeader ul {
        display: none;
    }

    .ucHeader .text-bloc h1 {
        padding: 3vw 5vw;
        box-sizing: border-box;
        font-size: 1.25rem;
        font-weight:400;
        text-align: left;
    }

    .theme {
        overflow: hidden;
        margin-bottom: 2vw;
    }

    .theme img {
        width: 100%;
        height: auto;
    }

    .uthContent {
        padding: 5vw;
        box-sizing: border-box;
    }

    .uthContent h2 {
        font-size: 1.125rem;
        margin-bottom: 2vw;
        font-weight: 800;
    }

    .uthContent .boxarea {
        background:#d3d3d3;
        padding:5vw;
        box-sizing: border-box;
        margin: 5vw 0;
    }

    .uthContent .boxarea h3 {
        text-align: center;
        margin-bottom: 2vw;
        font-weight: 800;
    }

    .uthContent .boxarea ul {
        list-style: disc;
    }

    .uthContent .boxarea li {
        margin-left: 1.5em;
        font-size: .725rem;
    }

    .result {
        margin-top: 10vw;
    }

    .result picture {
        display: block;
        width: 100%;
        overflow: hidden;
        margin-bottom: 3vw;
    }

    .result picture img {
        width: 100%;
        height: auto;
    }

    .result h3 {
        margin-top: 5vw;
        font-size: 1.25rem;
        margin-bottom: 3vw;
    }

    .result .project h4 {
        font-weight: 800;
        margin-bottom: 1vw;
    }

    .result .project + .project {
        margin-top: 5vw;
    }

    .result .project p {
        font-size: .875rem;
    }

    .refer {
        margin-top: 10vw;
        background:#fff;
    }

    .refer picture {
        display: block;
        width: 100%;
    }

    .refer picture img {
        width: 100%;
        height: auto;
    }

    .refer .text-bloc {
        padding: 5vw;
        box-sizing: border-box;
    }

    .refer .text-bloc h3 {
        font-size: 1.125rem;
        margin-bottom: 3vw;
    }

    .refer .text-bloc h3 span {
        display: block;
        font-size: .625rem;
        font-weight: 800;
    }

    .refer .text-bloc p {
        font-size: .725rem;
    }

    .refer .text-bloc p + p {
        margin-top: 0.5em;
    }

    .uthContent dl {
        margin: 5vw 0;
    }

    .uthContent dt {
        font-size: 1.125rem;
        margin-bottom: 2vw;
    }

    .boxarea2 {
        margin: 10vw 0;
    }

    .boxarea2 h3 {
        font-size: 1.25rem;
        margin-bottom: 3vw;
    }

    .boxarea2 ul {
        list-style: disc;
    }

    .boxarea2 li {
        margin-left: 1.5em;
    }
}


@media screen and (min-width:769px) {
    #ucGlobalHeader {
        border-bottom:1px solid #dedede;
        padding: 15px 0;
    }

    #ucGlobalHeader .inner {
        width: 94%;
        margin: auto;
    }

    #ucGlobalHeader:after {
        content:"";
        clear: both;
        width: 100%;
        display: table;
        height: 0;
    }

    #ucGlobalHeader #jaa {
        text-align: left;
        float: left;
        font-weight: 900;
        font-family: 'Heebo', sans-serif;
    }

    #ucGlobalHeader #jaa a {
        color:#111;
        text-decoration: none;
    }

    #ucGlobalHeader ul {
        float: right;
        text-align: right;
    }

    #ucGlobalHeader li {
        margin-left: 16px;
        float: right;
    }

    #youthFooter.uc {
        margin-top: 10vw;
    }

    .ucHeader.hasTheme {
        margin: 0 auto;
        width: 100%;
    }

    .ucHeader.hasTheme .text-bloc {
        width: 94%;
        margin: 5vw auto 3vw;
    }

    .ucHeader.hasTheme .text-bloc h1 {
        text-align: left;
    }

    .ucHeader.hasTheme picture {
        width: 94%;
        height: 60vh;
        overflow: hidden;
        margin: auto;
        display: block;
    }

    .ucHeader.hasTheme picture img {
        width: 100%;
        height: 60vh;
        object-fit: cover;
        vertical-align: baseline;
    }
    
    .ucWrap .content {
        width: 94%;
        margin: 5vw auto;
    }

    .ucWrap .content h2 {
        font-size: 2rem;
        margin-bottom: 2vw;
    }

    .ucWrap .content dl {
        margin-bottom: 5vw;
    }

    .ucWrap .content dt {
        box-sizing: border-box;
        margin-bottom: 1vw;
        font-size: 1.25rem;
        padding: 5px 0 5px 0;
    }

    .ucWrap .content ul,
    .ucWrap .content ol {
        margin: 2vw 0;
    }

    .ucWrap .content li {
        margin-left: 1.5em;
        margin-bottom: 1em;
    }

    .ucWrap .content ul {
        list-style: disc;
    }

    .ucWrap .content ol {
        list-style: decimal;
    }

    .ucWrap .content p + p {
        margin-top: 1em;
    }

    .ucWrap .stants {
        margin: 5vw 0;
        width: 100%;
        padding: 5% 10%;
        box-sizing: border-box;
        background:#f2f2f2;
    }

    .ucWrap .stants .inner.ibp {
        letter-spacing: -1.5em;
    }

    .ucWrap .stants .inner.ibp .ib {
        width: 50%;
        vertical-align: middle;
        letter-spacing: 1px;
    }

    .ucWrap .stants .namearea .name {
        font-size: 1.25rem;
        line-height: 1;
        margin-bottom: 5px;
    }

    .ucWrap .stants figure {
        text-align: right;
    }

    .ucWrap .content .uthContent h3 {
        margin-top: 5vw;
        margin-bottom: 2vw;
        font-size: 1.5rem;
        font-weight: 400;
    }

    .uthContent .campain picture {
        display: block;
        margin: 30px 0;
    }

    .uthContent .campain dd + dt {
        margin-top: 30px;
    }
}