@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

#main > div {
    margin: 0 auto;
    width: 950px;
}

#main .mainVisual {
    position: relative;
}

#main .mainVisual .mainImg img {
    width: 100%;
}

#main .storesjp-button {
	width: 100%;
}



#main .sec02 {
    margin-bottom: 62px;
    position: relative;
}

#main .sec02 .img {
    margin-right: -10px;
}

#main .sec02 p {
    position: absolute;
    left: 44.8%;
    top: 38%;
    width: 51%;
}

#main .sec03 {
    margin-bottom: -333px;
    position: relative;
    z-index: 1;
}

#main .sec03 .title01 {
    margin: 0 auto 83px;
    width: 80%;
}


#main .sec04 {
    position: relative;
}




#main .sec05 {
    position: relative;
}

#main .sec05 p {
    position: absolute;
	    top: 71%;
    left: 5%;
    width: 90%;
}


#main .sec06 {
    position: relative;
}



#main .sec07 {
    position: relative;
}

#main .sec07 .txt {
    position: absolute;
    top: 43.4%;
    width: 100%;
    text-align: center;
}
#main .sec07 .video {
width: 100%;
}

#main .sec09 {
    position: relative;
}

#main .sec09 p {
    position: absolute;
    width: 90%;
			left:5%;
	top:60%;
}

#main .sec09 .txt01 {
    top: 54.3%;
}

#main .sec09 .txt02 {
    bottom: 31.2%;
}

#main .sec09 .txt03 {
    bottom: 23.2%;
}

#main .sec09 .txt04 {
    bottom: 14.8%;
    letter-spacing: 0;
}

#main .sec09 .txt05 {
    bottom: 6.8%;
    letter-spacing: 0;
}

#main .sec10 {
    position: relative;
}

#main .sec10 .img {
    margin-left: -3px;
}

#main .sec10 div+div {
    position: absolute;
    width: 492px;
}

#main .sec10 p {
    margin-bottom: 37px;
    line-height: 1.67;
}

#main .sec10 p span {
    display: block;
}

#main .sec10 .txt01 {
    top: 12.6%;
    left: 6.6%;
}

#main .sec10 .txt02 {
    top: 26.2%;
    right: 6.6%;
}

#main .sec10 .txt03 {
    top: 39.8%;
    left: 6.6%;
}

#main .sec10 .txt04 {
    top: 56%;
    right: 6.6%;
}

#main .sec10 .txt05 {
    bottom: 25.2%;
    left: 6.6%;
}

#main .sec10 .txt06 {
    bottom: 4.2%;
    left: 12.6%;
    width: 324px;
}

#main .sec10 .txt06 p {
    margin-bottom: 42px;
    letter-spacing: 3.5px;
    text-align: justify;
}

#main .sec10 .txt06 .top {
    margin-bottom: 10px;
}

#main .sec10 .txt06 .btn {
    margin-left: 8px;
}

#main .sec11 {
	position: relative;
}

#main .sec11 p {
     position: absolute;
    top: 45%;
    width: 90%;
	left: 5%;
}

#main .sec13 {
    position: relative;
}


#main .sec13 .txt01{
    position: absolute;
	    top: 23%;
    left: 21%;
    width: 90%;
	font-size: 1.3em;
}
#main .sec13 .txt02{
    position: absolute;
	    top: 34%;
    left: 19%;
    width: 70%;
}
#main .sec13 .txt03{
    position: absolute;
	    top: 48%;
    left: 21%;
    width: 90%;
	font-size: 1.3em;
}
#main .sec13 .txt04{
    position: absolute;
	    top: 59%;
    left: 19%;
    width: 70%;
}
#main .sec13 .txt05{
    position: absolute;
	    top: 73%;
    left: 21%;
    width: 90%;
	font-size: 1.3em;
}
#main .sec13 .txt06{
    position: absolute;
	    top: 83%;
    left: 19%;
    width: 70%;
}


@media all and (max-width: 767px) {
	#main{
		width: 100%;
	}
	
    #main > div {
        width: 100% !important;
    }
    
    #main .mainVisual {
        margin-bottom: -20%;
        position: relative;
    }
    


    #main .sec02 {
        margin-bottom: 8%;
    }

    #main .sec02 p {
        top: 28%;
        line-height: 1.5;
        font-size: 3.5vw;
    }

    #main .sec03 {
        margin-bottom: -34%;
    }

    #main .sec03 .title01 {
        margin: 0 auto 10%;
        width: 80%;
    }

    #main .sec03 p {
        margin-left: -37%;
        width: 74%;
    }

    #main .sec04 {
        position: relative;
    }

    #main .sec04 .txt01 {
        top: 53%;
    }

    #main .sec04 .txt01 span {
        font-size: 5vw;
    }

    #main .sec04 .txt02 {
        margin: 0 0 0 -43%;
        left: 50%;
        width: 86%;
        bottom: 7%;
    }

    #main .sec05 .txt01 {
        top: 38%;
        right: 15%;
        width: 38%;
    }

    #main .sec05 .txt04 {
        bottom: 25%;
    }

    #main .sec05 .txt05 {
        bottom: 14%;
    }

    #main .sec06 .title01 {
        top: -11%;
    }
    
    #main .sec06 .title01 img {
        width: 76%;
    }

    #main .sec06 .txt01 sup {
        font-size: 2.8vw;
    }

    #main .sec06 .txt02 {
        top: 55%;
        right: 4%;
        width: 46%;
        letter-spacing: -1px;
    }

    #main .sec06 .txt03 {
        bottom: 6%;
        left: 7%;
        width: 45%;
    }

    #main .sec07 {
        position: relative;
    }

    #main .sec07 .txt {
        position: absolute;
        top: 44.4%;
        width: 100%;
        text-align: center;
    }
    
    #main .sec09 {
        position: relative;
    }

    #main .sec09 p {
        min-height: 7.5%;
        letter-spacing: 1px;
    }

    #main .sec09 .txt01 {
        top: 54.3%;
    }

    #main .sec09 .txt02 {
        bottom: 30%;
    }

    #main .sec09 .txt03 {
        bottom: 21.5%;
    }

    #main .sec09 .txt04 {
        bottom: 13%;
    }

    #main .sec09 .txt05 {
        bottom: 4.8%;
        letter-spacing: 0;
    }

    #main .sec10 {
        position: relative;
    }

    #main .sec10 div+div {
        position: absolute;
        width: 52%;
    }

    #main .sec10 p {
        margin-bottom: 5%;
    }

    #main .sec10 .txt06 {
        bottom: 4.2%;
        width: 35%;
    }

    #main .sec10 .txt06 p {
        margin-bottom: 5%;
    }

    #main .sec10 .txt06 .btn {
        margin-left: 0;
    }
    
    #main .sec11 {
        margin-bottom: 0;
    }

    #main .sec11 .comShopBtn {
        bottom: 4%;
    }

}