@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : intro.css
Description : 【下層】イントロダクションページCSS
===================================================================== */
#intro{
}

#intro .inner_content {
    width: 100%;
}

#intro .img_text_02 {
    padding-top: 4.6875%;
}

#intro .img_text_03 {
    padding-top: 4.6875%;
}

#intro .img_text_04 {
    padding-top: 4.6875%;
}

#intro .img_text_05 {
    padding-top: 3.125%;
}

#intro .img_text_06 {
    padding-top: 3.125%;
}

#intro .img_text_07 {
    padding-top: 3.125%;
}

#intro .img_text_08 {
    padding-top: 3.125%;
}

#intro .img_text_09 {
    padding-top: 3.125%;
    padding-bottom: 20px;
}

@media screen and (min-width:700px){
    #intro {
    }

    #intro .img_text_01 {
        width: 100%;
        height: 0;
        background: url(../images/intro/img_text_01.jpg) no-repeat center top;
        background-size: 100% auto;
        padding-top: 64.773%;
    }

    #intro .img_text_02 {
        width: 100%;
        height: 0;
        background: url(../images/intro/img_text_02.jpg) no-repeat center top;
        background-size: 100% auto;
        padding-top: 7.96%;
        margin-top: 4.55%;
    }

    #intro .img_text_03 {
        width: 100%;
        height: 0;
        background: url(../images/intro/img_text_03.jpg) no-repeat center top;
        background-size: 100% auto;
        padding-top: 35.228%;
        margin-top: 3.41%;
    }

    #intro .img_text_04 {
        width: 100%;
        height: 0;
        background: url(../images/intro/img_text_04.jpg) no-repeat center top;
        background-size: 100% auto;
        padding-top: 15.91%;
        margin-top: 5.68%;
        position: relative;
    }

    #intro .img_text_04:after {
        width: 11%;
        height: 126px;
        content: " ";
        background: url(../images/intro/img_object_01.jpg) no-repeat center top;
        background-size: 100% auto;
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1;
        margin-top: 5.34%;
        margin-left: 36.363636%;
    }

    #intro .img_text_05 {
        width: 100%;
        height: 0;
        background: url(../images/intro/img_text_05.jpg) no-repeat center top;
        background-size: 100% auto;
        padding-top: 16.48%;
        margin-top: 2.27%;
    }

    #intro .img_text_06 {
        width: 100%;
        height: 0;
        background: url(../images/intro/img_text_06.jpg) no-repeat center top;
        background-size: 100% auto;
        padding-top: 10.23%;
        margin-top: 2.27%;
        position: relative;
    }

    #intro .img_text_06:after {
        width: 6%;
        height: 115px;
        content: " ";
        background: url(../images/intro/img_object_02.jpg) no-repeat center top;
        background-size: 100% auto;
        position: absolute;
        top: 0;
        right: 50%;
        z-index: 1;
        margin-top: 10%;
        margin-right: 42.72727272%;
    }

    #intro .img_text_07 {
        width: 100%;
        height: 0;
        background: url(../images/intro/img_text_07.jpg) no-repeat center top;
        background-size: 100% auto;
        padding-top: 11.37%;
        margin-top: 2.27%;
    }

    #intro .img_text_08 {
        width: 100%;
        height: 0;
        background: url(../images/intro/img_text_08.jpg) no-repeat center top;
        background-size: 100% auto;
        padding-top: 14.21%;
        margin-top: 2.27%;
    }

    #intro .img_text_09 {
        width: 100%;
        height: 0;
        background: url(../images/intro/img_text_09.jpg) no-repeat center top;
        background-size: 100% auto;
        padding-top: 17.05%;
        margin-top: 2.27%;
        margin-bottom: 0;
        position: relative;
    }

    #intro .img_text_09:after {
        width: 6.6%;
        height: 115px;
        content: " ";
        background: url(../images/intro/img_object_03.jpg) no-repeat center top;
        background-size: 100% auto;
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1;
        margin-top: 8.3%;
        margin-left: 42%;
    }

    #intro .img_text_01 img,
    #intro .img_text_02 img,
    #intro .img_text_03 img,
    #intro .img_text_04 img,
    #intro .img_text_05 img,
    #intro .img_text_06 img,
    #intro .img_text_07 img,
    #intro .img_text_08 img,
    #intro .img_text_09 img {
        display: none;
    }
}