body{scroll-behavior:smooth;}#siteTitle{width:100%;object-fit:contain;}
#body{display:flex;align-items:flex-start;}.contents{background:rgba(255,255,255,.5);margin:10px;}
#start{width:100%;}#classification{width:180px;background:#fff;position:sticky;top:10px;}.a{display:block;width:100%;font-family:"Palatino",serif;height:38px;margin:38px 0;background:none;box-shadow:inset 0 5px 10px #fff,inset 0 -5px 10px rgba(64,82,152,.58),0 0 10px rgba(64,82,152,.58);border:none;transition:.18s;}.a:hover{box-shadow:inset 0 -5px 10px #fff,inset 0 5px 10px rgba(64,82,152,.58),0 0 10px rgba(64,82,152,.58);}.a:active{background:#a4defc;}#scrollContener{text-align:left;flex:1;padding:10px;}h3{margin-top:80px;}.goSupport{padding:38px 0;background:#aaeeff;font-size:1.1em;font-weight:bold;}.blueText{color:#004cff;font-weight:bold;font-size:1.1em;}
#paymentBox{
    position:relative;display:block;width:100%;height:380px;font-size:1.5em;margin:30px 0;overflow:hidden;transition:.3s;
    border-radius:83px;box-shadow:0 3px 30px #666;transform:translateY(-3px);
}
#paymentText{
    position:absolute;inset:0;width:80px;height:80px;padding:5%;margin:auto;z-index:1;background:#fff;border-radius:50%;transition:.3s;
    box-shadow:0 0 5px #fff;text-shadow: 0 8px 8px #666;transform:translateY(-8px);
}
#paymentImg{position:absolute;left:0;width:100%;height:100%;filter:brightness(110%);transition:.3s;}
#paymentBox:hover{box-shadow:0 0 8px #333;transform:translateY(0);}
#paymentBox:hover>#paymentText{box-shadow:0 0 38px 5px #fff;text-shadow:0 0 0 #666;transform:translateY(0);}
#paymentBox:hover>#paymentImg{filter:brightness(30%);}
@media screen and (max-width:563px){body{scroll-padding-top:200px;}h2.contents{margin:30px 0;}#body{flex-direction:column;}#classification{width:100%;top:0;z-index:3;}#classificationMenu{font-size:.8em;}.a{margin:0;}.height{padding:5px 0;}#start{margin:58px 0;}}