html {
    font-size: 62.5%;
    overflow-y: scroll !important;
}

body {
    font-size: 1.6rem;
   font-family: 'Noto Sans JP', sans-serif;
    background:url("../img/bg.gif");
    line-height: 2.2rem;
    list-style: none;
}

img{width: 100%; height: auto;display: block; margin:0 auto;}

a {
    text-decoration: none;
    color: #e95098;
    transition: .3s;
}
a:hover{opacity: 0.8;}

li {
    list-style: none !important;
}

#Wrap500{width: 100%; max-width: 500px; margin:0 auto; background: #fff;}
.BG2{background:url("../img/bg2.gif")!important; background-size: 6%!important;}
.bg_w{background: #fff;margin-top: 50px;}

.Img{position: relative;}

.btn01{position: absolute; width: 74%; top: 40%; margin: 0 auto; left: 0; right: 0;}
.btn02{position: absolute; width: 89%; top: 20.5%; margin: 0 auto; left: 0; right: 0;}
.btn03{position: absolute; width: 74%; top: 75.5%; margin: 0 auto; left: 0; right: 0;}

.btn06{display: block; width: 74%; margin: 50px auto 0 auto;}

.btnArea{background: #ff5c8f; padding:7% 14%;}
footer{padding:7% 14%;background: #fff;}
footer p{text-align: center; font-size: 13px;}

h2{margin-bottom: 6px;}
.column1{width: 96%;margin: 0 auto 40px auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;}
.column1 li{background: #fffdde;width: 65%;margin: 1%;}

.column3{width: 96%;margin: 0 auto 40px auto;display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;}
.column3 li{background: #fffdde;width:31%;margin: 1%;display: flex;align-items: center;}
.column3 li img{box-sizing: border-box; border: 1px solid #fff;}

@media screen and (max-width:767px) {
    
    #Wrap500{width: 100%; max-width: unset;}
    
}