@charset "UTF-8";

@media screen and (max-width: 1024px) {
    #mainVisual nav.fixed ul {
        font-size: 1.5vw;
    }
    #mainVisual nav.fixed ul li a {
        /*padding: 1rem 0.75rem;*/
        padding: 1rem 2rem;
    }
    #introduction section h2 strong {
        font-size: 3.25vw;
    }
    #introduction section .introductionBox02 .img01 {
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 767px) {
    .fixedBg01 {
        background-attachment: inherit;
    }
    #mainVisual {
        background-image: url(/english/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;
    }
    #introduction section {
        display: block;
        padding: 10vw 0;
    }
    #introduction section h2 {
        width: auto;
        margin: 0 0 1em 0;
    }
    #introduction section h2 strong {
        font-size: 7vw;
    }
    #introduction section .introductionBox01 {
        width: auto;
    }
    #introduction section .introductionBox02 .img01 {
        float: none;
        text-align: center;
        margin-right: 0;
        margin-bottom: 2em;
    }
    #introduction section .introductionBox02 .img01 img {
        margin: 0 auto 0.25em auto;
    }
    #introduction section .introductionBox03 .img01 {
        float: none;
        margin: 0 0 2em;
        text-align: center;
    }
}