@charset "UTF-8";

@media screen and (max-width: 1600px) {
    #link ul li a img {
        width: 135%;
        max-width: 135%;
    }
}

/*projects*/
@media screen and (max-width: 1460px) {
    #projects .projectsBox01 .projectsBox02 .box02 {
        width: 50%;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl {
        width: 80%;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl dd ul li {
        font-size: 1.35vw;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl dd ul li strong {
        font-size: 2.5vw;
    }
    #projects .projectsBox01 .txt01 {
        margin-top: 2vw;
    }
    #projects .projectsBox01 .txt01 br {
        display: none;
    }
    #link ul li a img {
        width: 150%;
        max-width: 150%;
    }
    #link ul li a dl dd p br {
        display: none;
    }
}

@media screen and (max-width: 1300px) {
    #link ul li a img {
        width: 200%;
        max-width: 200%;
    }
}

@media screen and (max-width: 1200px) {
    #mainVisual nav.fixed ul li.secondLayer01 a, #mainVisual nav.fixed ul li.secondLayer02 a {
        padding: 0.8rem 0.5rem;
    }
}

@media screen and (max-width: 1024px) {
    #mainVisual .txt01 {
        max-width: 56%;
    }
    #mainVisual nav.fixed ul {
        font-size: 1.5vw;
    }
    #mainVisual nav.fixed ul li a {
        padding: 1rem 0.6rem;
    }
    #mainVisual nav ul li.secondLayer01 a, #mainVisual nav ul li.secondLayer02 a {
        padding: 0.6rem 0.6rem;
    }
    #mainVisual nav.fixed ul li.secondLayer01 a, #mainVisual nav.fixed ul li.secondLayer02 a {
        padding: 0.6rem 0.6rem;
    }
    #message section h2 strong {
        font-size: 3.25vw;
    }
    #message section h2 span {
        font-size: 3vw;
    }
    #message section .messageBox01 .txt01 {
        width: 65%;
    }
    #projects h2 {
        font-size: 3.25vw;
    }
    #projects .projectsBox01 {
        display: block;
        font-size: 1rem;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl dt, #projects .projectsBox01 .projectsBox02 .box01 dl dt, #projects .projectsBox01 .projectsBox02 .box03 dl dt {
        font-size: 2.5vw;
    }
    #projects .projectsBox01 .txt01 {
        width: auto;
    }
    #projects .projectsBox01 .projectsBox02 {
        width: auto;
        margin-top: 1.5rem;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl dd ul li strong {
        font-size: 4vw;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl dd ul li {
        font-size: 2.25vw;
    }
    #news section h2 strong {
        font-size: 3.25vw;
    }
    #news section h2 span {
        font-size: 3vw;
    }
    #news section .messageBox01 ul li .newsIcon01, #news section .messageBox01 ul li .newsIcon02, #news section .messageBox01 ul li .newsIcon03 {
        width: 20%;
    }
    #news section .messageBox01 ul li .date {
        width: auto;
    }
    #news section .messageBox01 ul li dd p {
        width: 60%;
    }
    #link ul {
        display: block;
    }
    #link ul li {
        display: block;
        width: auto;
    }
    #link ul li a {
        padding: 1.5rem 0 2rem;
    }
    #link ul li a img {
        display: none;
    }
    #link ul li:first-child a {
        background: url(/top/images/linkBg01.png) no-repeat 0 0;
        background-size: 100%;
    }
    #link ul li:nth-child(2) a {
        background: url(/top/images/linkBg02.png) no-repeat 0 0;
        background-size: 100%;
    }
    #link ul li:nth-child(3) a {
        background: url(/top/images/linkBg03.png) no-repeat 0 0;
        background-size: 100%;
    }
    #link ul li a dl {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin: 0 auto;
    }
    #link ul li a dl dt {
        margin-bottom: 0.5rem;
        font-size: 3vw;
    }
    #link ul li a dl dd {
        font-size: 1rem;
    }
    #link ul li a .link01 {
        position: static;
    }
}

@media screen and (max-width: 767px) {
    .fixedBg01, .fixedBg02 {
        background-attachment: inherit;
    }
    #mainVisual {
        background-image: url(/top/images/spMainVisual01.png);
    }
    #mainVisual .txt01 {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 95%;
        width: 95%;
    }
    #mainVisual nav {
        display: none;
    }
    header nav {
        display: block;
    }
    #message section {
        display: block;
        padding: 7vw 0;
    }
    #message section h2 {
        width: auto;
        margin: 0 0 1em 0;
    }
    #message section h2 strong {
        font-size: 7vw;
    }
    #message section h2 span {
        font-size: 5vw;
    }
    #message section .messageBox01 {
        display: block;
        width: auto;
    }
    #message section .messageBox01 .txt01 {
        display: block;
        width: auto;
    }
    #message section .messageBox01 .link01 {
        width: auto;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid #004da3;
        text-align: right;
        display: block;
        margin-top: 1em;
    }
    #message section .messageBox01 .link01 a {
        padding-right: 10vw;
    }
    #projects {
        padding: 10vw 0 2rem;
    }
    /*.fixedBg02::before {
        content:"";
        display:block;
        position:fixed;
        top:0;
        left:0;
        z-index:-1;
        width:100%;
        height:50vh;
        background-repeat:no-repeat;
        background-position:center;
        background-image:url(/top/images/mainVisual01.png);
        background-size:cover;
    }*/
    #projects h2 {
        font-size: 7vw;
    }
    #projects .projectsBox01 {
        margin: 1.5em auto 0;
    }
    #projects .projectsBox01 .txt01 {
        margin-top: 0;
        font-size: 3.75vw;
    }
    #projects .projectsBox01 .projectsBox02 {
        display: block;
        background: url(/top/images/messageBgSp04.png) no-repeat 50% 50%;
        background-size: 1%;
        margin-top: 2em;
        overflow: hidden;
    }
    #projects .projectsBox01 .projectsBox02 .box01 {
        width: 50%;
        margin: 0 auto 1em;
    }
    #projects .projectsBox01 .projectsBox02 .box02 {
        width: 105%;
        margin: 0 0 0 -2.5%;
    }
    #projects .projectsBox01 .projectsBox02 .box03 {
        width: 50%;
        margin: 0 auto;
    }
    #projects .projectsBox01 .projectsBox02 dl dd a {
        padding: 2vw 5vw 3vw;
    }
    #projects .projectsBox01 .projectsBox02 .box01 dl dt, #projects .projectsBox01 .projectsBox02 .box03 dl dt {
        font-size: 5vw;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl {
        width: 70%;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl dt {
        font-size: 6vw;
        margin-bottom: 0.25em;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl dd ul li strong {
        font-size: 8vw;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl dd ul li {
        font-size: 4vw;
    }
    #projects .projectsBox01 .projectsBox02 .box02 dl dd ul li:not(:last-child) {
        margin-bottom: 0.2rem;
        padding-bottom: 0.4rem;
    }
    #news section {
        display: block;
        padding: 7vw 0;
    }
    #news section h2 {
        width: auto;
        margin: 0 0 1em 0;
    }
    #news section h2 strong {
        font-size: 7vw;
    }
    #news section h2 span {
        font-size: 5vw;
    }
    #news section .messageBox01 {
        width: auto;
    }
    #news section .messageBox01 ul li:not(:last-child) {
        margin-bottom: 10vw;
    }
    #news section .messageBox01 ul li dt {
        display: block;
    }
    #news section .messageBox01 ul li .newsIcon01, #news section .messageBox01 ul li .newsIcon02, #news section .messageBox01 ul li .newsIcon03 {
        width: 30%;
        display: inline-block;
    }
    #news section .messageBox01 ul li dt a {
        display: block;
        margin-top: 0.5em;
        width: auto;
    }
    #news section .messageBox01 ul li dd {
        display: block;
    }
    #news section .messageBox01 ul li dd p {
        display: block;
        width: auto;
        font-size: 3.75vw;
    }
    #news section .messageBox01 ul li dd .link01 {
        width: auto;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid #004da3;
        text-align: right;
        display: block;
        margin-top: 1em;
    }
    #news section .messageBox01 ul li dd .link01 a {
        padding-right: 5vw;
    }
    #news .link02 {
        margin-top: 0;
    }
    #news .link02 a {
        padding: 0.8em 4em;
    }
    #link ul li a dl dt {
        font-size: 7vw;
    }
    #link ul li a dl dd {
        font-size: inherit;
        text-align: left;
    }
    #link ul li:first-child a {
        background: url(/top/images/linkBg01.png) no-repeat 0 0;
        background-size: cover;
    }
    #link ul li:nth-child(2) a {
        background: url(/top/images/linkBg02.png) no-repeat 0 0;
        background-size: cover;
    }
    #link ul li:nth-child(3) a {
        background: url(/top/images/linkBg03.png) no-repeat 0 0;
        background-size: cover;
    }
    #link ul li a .link01 div {
        padding: 0.3em 1.2em 0.4em;
        line-height: 1;
        font-size: 4vw;
    }
}