@charset "utf-8";

/*intro*/

#intro h2.main_title {
    margin-bottom: 50px;
}

#intro figure {
    margin-bottom: 50px;
}

/*sec01*/

#sec01 {
    width: 100%;
    text-align: center;
/*    margin-bottom: 50px;*/
}

#sec01 h3.sec01_h301 {
    margin-bottom: 50px;
}

#sec01 .sec01_h401 {
    margin-bottom: 100px;
}

#sec01 .sec01_h401 h4 {
    margin-bottom: 25px;
}

#sec01 .sec01_h401 ul {
    display: block;
    height: 303px;
    position: relative;
}

#sec01 .sec01_h401_elm01 {
    position: absolute;
    top: -30px;
    left: 110px;
}

#sec01 .sec01_h401_elm02 {
    position: absolute;
    top: -39px;
    right: 110px;
}

#sec01 .sec01_h402 {}

#sec01 .sec01_h402 h4 {
    margin-bottom: 0;
}

#sec01 .sec01_h402 ul {
    display: block;
    height: 325px;
    position: relative;
}

#sec01 .sec01_h402_elm01 {
    position: absolute;
    top: 0px;
    left: 330px;
}

/*sec02*/

#sec02 {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

#sec02 p {
    margin-bottom: 50px;
}

#sec02 .sec02_bln01 {
    margin-bottom: 30px;
}

#sec02 h3.sec02_h301 {
    margin-bottom: 30px;
}

#sec02 .sec02_h301_img01 {
    margin-bottom: 100px;
    position: relative;
}
#sec02 .sec02_h301_img02 {
    margin-bottom: 100px;
}
/**/

#sec02 .sec02_bln02 {
    margin-bottom: 30px;
    padding-top: 50px;
}

#sec02 h3.sec02_h302 {
    margin-bottom: 30px;
}

#sec02 .sec02_h302_img01 {
    margin-bottom: 50px;
    position: relative;
}

#sec02 .sec02_bln03 {
    margin-bottom: 30px;
    padding-top: 50px;
}

#sec02 h3.sec02_h303 {
    margin-bottom: 30px;
}

#sec02 .sec02_h303_img01 {
    margin-bottom: 50px;
    position: relative;
}

#sec02 .sec02_bln04 {
    margin-bottom: 30px;
}

#sec02 h3.sec02_h304 {
    margin-bottom: 30px;
}

#sec02 .sec02_h304_img01 {
    margin-bottom: 50px;
    position: relative;
}

/**/

/*sec03*/

/*動画位置調整用*/
.sec03_h401_movie iframe{
    right: 0;
}

#sec03 {
    width: 100%;
    text-align: center;
    /*    margin-bottom: 40px;*/
}

#sec03 .stack {
    margin: 0 auto;
}

#sec03 .sec03_h301 {
    width: 100%;
    background: #e4f7fe;
    margin-bottom: 120px;
}

#sec03 .sec03_h301 .section {
    padding: 80px 0;
    position: relative;
}

#sec03 .sec03_illust01 {
    position: absolute;
    bottom: -80px;
    left: 0;
}



#sec03 .sec03_illust02 {
    position: absolute;
    bottom: -105px;
    right: 0;
}

#sec03 h3.sec03_h301 {
    margin-bottom: 30px;
}

#sec03 .sec03_h401 {
    margin-bottom: 80px;
}

#sec03 .sec03_h401 h4 {
    margin-bottom: 66px;
}

#sec03 .sec03_h401 p {
    margin-bottom: 70px;
}
/**/
#sec03 .sec03_h401 .sec03_h401_img01 {
    margin-bottom: 100px;
}
#sec03 .sec03_h401 .sec03_h401_img02 {
    margin-bottom: 40px;
}
#sec03 .sec03_h401 .sec03_h401_img03 {
    margin-bottom: 50px;
}
#sec03 .sec03_h401 .sec03_h401_movie {
    margin-bottom: 60px;
}
#sec03 .sec03_h401 .sec03_h401_img04 {
    margin-bottom: 100px;
}
#sec03 .sec03_h401 .sec03_h401_img05 {
    margin-bottom: 50px;
}
#sec03 .sec03_h401 .sec03_h401_img06 {
/*    margin-bottom: 50px;*/
}
/**/

/*bottom_area*/

#bottom_area {}

#bottom_area.maincontents {}

#bottom_area .section {}

#bottom_area .stack {
    width: 950px;
    margin: 33px auto;
}

#bottom_area .stack .box {
    margin-left: 25px;
    float: left;
}

/*itemList*/

#itemList {
    width: 100%;
    background: #fefce3;
    text-align: center;
}

#itemList .section {}

#itemList .itemList_h301 {
    padding: 50px 0 60px;
}

#itemList .stack {
    width: 100%;
/*    margin-bottom: 70px;*/
}

#itemList .stack li {
    width: 450px;
    position: relative;
    margin: 0 auto 40px;
}

#itemList p {
    width: 165px;
    position: absolute;
    top: 95px;
    right: 22px;
    font-size: 15px;
    line-height: 1.4em;
    text-align: left;
}

#itemList .itemList_btn {
    position: absolute;
    bottom: 23px;
    right: 23px;
}

.itemList_bnr {}

.itemList_bnr .itemList_bnrTitle {
    margin-bottom: 10px;
}

.itemList_bnr .itemList_bnr01 {}

@media screen and (min-width: 641px) {}

@media screen and (max-width: 640px) {
    /*intro*/
    #intro {
        width: 100%;
        background: #e4f7fe;
        margin-bottom: 5%;
    }

    #intro .section {
        padding: 2% 0 8%;
    }

    #intro h2.main_title {
        margin-bottom: 8%;
    }

    #intro figure {
        margin-bottom: 8%;
    }
    #intro p {
        text-align: left;
    }
    /*sec01*/
    #sec01 {
        width: 100%;
        text-align: center;
        margin-bottom: 8%;
    }

    #sec01 h3.sec01_h301 {
        margin-bottom: 6%;
    }
    #sec01 h3.sec01_h301 img {
        width: 90%;
    }

    #sec01 .sec01_h401 {
        margin-bottom: 17%;
    }

    #sec01 .sec01_h401 h4 {
        margin-bottom: 4%;
    }

    #sec01 .sec01_h401 ul {
        height: auto;
    }

    #sec01 .sec01_h401_elm {
        margin-bottom: 4%;
    }

    #sec01 .sec01_h402 {}

    #sec01 .sec01_h402 h4 {
        margin-bottom: 0;
    }
    #sec01 .sec01_h402 ul {
        display: none;
    }


    /*sec02*/
    #sec02 {
        margin-bottom: 0;
    }
    #sec02 p {
        margin-bottom: 8%;
        text-align: left;
    }

    #sec02 .sec02_bln01 {
        margin-bottom: 5%;
    }

    #sec02 h3.sec02_h301 {
        margin-bottom: 5%;
    }
    #sec02 h3.sec02_h301 img {
        width: 60%;
    }
    #sec02 .sec02_h301_img01 {
        margin-bottom: 16%;
    }
    #sec02 .sec02_h301_img02 {
        margin-bottom: 16%;
    }
    #sec02 .sec02_bln02 {
        margin-bottom: 5%;
        padding-top: 0;
    }

    #sec02 h3.sec02_h302 {
        margin-bottom: 10%;
    }
    #sec02 h3.sec02_h302 img {
        width: 60%;
    }

    #sec02 .sec02_bln03 {
        margin-bottom: 5%;
        padding-top: 0;
    }

    #sec02 h3.sec02_h303 {
        margin-bottom: 5%;
    }
    #sec02 .sec02_h303_img01 img{
       width:60%;
    }
    #sec02 h3.sec02_h303 img {
        width: 60%;
    }

    #sec02 .sec02_bln04 {
        margin-bottom: 5%;
    }

    #sec02 h3.sec02_h304 {
        margin-bottom: 5%;
    }
    #sec02 h3.sec02_h304 img {
        width: 60%;
    }

    /*sec03*/
    #sec03 {
        /*    margin-bottom: 40px;*/
    }
    
    #sec03 .sec03_h301 {
        margin-bottom: 25%;
    }
    #sec03 .sec03_h301 h3 img {
        width: 80%;
    }
    #sec03 .sec03_h301 .section {
        padding: 12% 0;
    }

    #sec03 .sec03_illust01 {
        width: 23%;
        bottom: -25%;
        left: 0;
    }
    #sec03 .sec03_illust02 {
        width: 35%;
        bottom: -32%;
        right: 0;
    }

    #sec03 .sec03_h401 {
        margin-bottom: 12%;
    }
    #sec03 .sec03_h401 h4 {
        margin-bottom: 10%;
    }
    .sec03_h401 h4 img {
        width: 83%;
    }
    #sec03 .sec03_h401 p {
        margin-bottom: 11%;
    }
    #sec03 .sec03_h401 p img {
        width: 60%;
    }
    
    /**/
    #sec03 .sec03_h401 .sec03_h401_img01 {
        margin-bottom: 16%;
    }
    #sec03 .sec03_h401 .sec03_h401_img02 {
        margin-bottom: 6%;
    }
    #sec03 .sec03_h401 .sec03_h401_img03 {
        margin-bottom: 8%;
    }
    #sec03 .sec03_h401 .sec03_h401_movie {
        margin-bottom: 10%;
    }
    #sec03 .sec03_h401 .sec03_h401_img04 {
        margin-bottom: 16%;
    }
    #sec03 .sec03_h401 .sec03_h401_img05 {
        margin-bottom: 8%;
    }
    #sec03 .sec03_h401 .sec03_h401_img06 {
        /*    margin-bottom: 50px;*/
    }
    /**/

    /*sec04*/
    #sec04 {
        margin-bottom: 8%;
    }

    #sec04 .sec04_h301 {
        margin-bottom: 7%;
    }
    #sec04 .sec04_h301 h3 img {
        width: 84%;
    }
    #sec04 .sec04_h301 .section {
        padding: 12% 0;
    }

    #sec04 .sec04_illust01 {
        width: 30%;
        bottom: -35%;
        left: 0%;
    }

    #sec04 .sec04_illust02 {
        width: 30%;
        bottom: -35%;
        right: 0%;
    }

    #sec04 h3.sec04_h301 {
        margin-bottom: 5%;
    }
    #sec04 h3.sec04_h301 img {
        width: 75%;
    }
    #sec04 .section > p {
        margin-bottom: 7%;
        text-align: left;
    }

    #sec04 .sec04_h401 {}

    #sec04 .sec04_h401 h4 {
        margin-bottom: 9%;
    }

    #sec04 .sec04_h401 p {
        margin-bottom: 9%;
        text-align: left;
    }
    #sec04 .sec04_h401_img01 {
        margin-bottom: 7%;
    }

    #sec04 .sec04_h401_img02 {
        margin-bottom: 12%;
    }

    #sec04 .sec04_h401_img03 {
        margin-bottom: 12%;
    }

    #sec04 .sec04_h401_img04 {
        margin-bottom: 5%;
    }
    #sec04 .sec04_h401_img04 img {
        width: 52%;
    }
    #sec04 .sec04_h401_img05 {
        margin-bottom: 10%;
    }

    #sec04 .sec04_h402 {}

    #sec04 .sec04_h402 h4 {
        margin-bottom: 8%;
    }

    #sec04 .sec04_h402_graph01 {}

    /*bottom_area*/
    #bottom_area {}
    #bottom_area.maincontents {}
    #bottom_area .section {}
    #bottom_area .stack {
        width: 94%;
        margin: 5% auto 2%;
    }
    #bottom_area .stack .box {
        width: 100%;
        margin-left: 0;
        margin-bottom: 3%;
        text-align: center;
    }
    #bottom_area .stack .box img {
        width: auto;
    }

    /*itemList*/
    #itemList {}

    #itemList .section {}

    #itemList .itemList_h301 {
        padding: 8% 0 10%;
    }
    #itemList .itemList_h301 img {
        width: 46%;
    }
    #itemList .stack {}

    #itemList .stack li {
        width: 100%;
        margin-bottom: 6%;
    }

    #itemList p {
        width: 43%;
        top: 29%;
        right: 2.5%;
        font-size: 3.2vw;
        line-height: 1.4em;
    }

    #itemList .itemList_btn {
        width: 43.41%;
        position: absolute;
        bottom: 6%;
        right: 3.5%;
    }
    #itemList .itemList_btn img {
        width: 100%;
    }
    .itemList_bnr {
        padding-bottom: 10%;
    }
    .itemList_bnr .itemList_bnrTitle {
        margin-bottom: 3%;
    }
    .itemList_bnr .itemList_bnr01 {}
}

@media screen and (max-width: 340px) {
    #bottom_area .stack .box img {
        width: 100%;
    }
}