#refill-1000{ overflow: hidden; background-color: #dbdbdd; color: #3a3a3a; text-align: center;}
#refill-1000 .pc{ display: block;}
#refill-1000 .sp{ display: none;}
#refill-1000 .anchor{ position: relative; z-index: -1;}
#refill-1000 .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}

@media only screen and (max-width: 736px) {
    #refill-1000{ overflow: hidden; padding: 0 0 145px; }
    #refill-1000:before{ position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh;}
    #refill-1000 *{ box-sizing: border-box;}
    #refill-1000 .pc{ display: none;}
    #refill-1000 .sp{ display: block;}
    #refill-1000 .anchor{ position: relative; z-index: -1;}
    #refill-1000 .anchor:before{ display: block; margin-top: -18.4vw; width: 100%; height: 18.4vw; content: ""; vertical-align: top;}
}

#refill-1000 .sec1{ padding: 0px auto; margin: 0 auto;  width: 70%;}
#refill-1000 .sec1 h2 .pc{ margin: 0px auto;}
#refill-1000 .sec1 h2 .sp{ margin: 0px auto;}
#refill-1000 .btn{ text-align: center;}
#refill-1000 dl + .btn{ padding: 90px 0 0;}
#refill-1000 .btn a{ display: flex; width: 590px; height: 65px; border-top: 2px solid; border-bottom: 2px solid; color: #4d7597; letter-spacing: .06em; font-size: 25px; font-family: "A1 Gothic M"; align-items: center; justify-content: center;}

@media only screen and (max-width: 736px) {
    #refill-1000 .sec1{ padding: 0vw; width: 100%;}
    #refill-1000 .btn{ width: 100%;}
    #refill-1000 dl + .btn{ padding: 20vw 0 0;}
    #refill-1000 .btn a{ width: 100%; height: 8.666vw; font-size: 3.333vw;}
}

#refill-1000 .lead{ margin: 50px auto; letter-spacing: .1em; font-size: 21px; font-family: "Ryumin Medium KL"; line-height: 46px;}
#refill-1000 .sub-ttl{ margin: 80px auto 0px; letter-spacing: .1em; font-size: 18px; font-family: "Ryumin Medium KL"; }

@media only screen and (max-width: 736px) {
    #refill-1000 .lead{ font-size: 3.5vw; line-height: 1.8;}
    #refill-1000 .sub-ttl{ font-size: 2.8vw;}
}

#refill-1000 .attention{ margin: 50px auto 0px; letter-spacing: .1em; font-size: 42px; font-family: "Ryumin Medium KL"; color: #ffffff; } 

@media only screen and (max-width: 736px) {
    #refill-1000 .attention{ font-size: 6.5vw; line-height: 1.8;}
}

#refill-1000 .item-wrap{ margin: 40px auto 0;  width: 850px;}

@media only screen and (max-width: 736px) {
    #refill-1000 .item-wrap{ width: 100%;}
}


#refill-1000 .list { margin: 40px auto 120px; width: 650px; padding: 50px; border:#ffffff solid 1px; }
#refill-1000 .list .ttl{ letter-spacing: .1em; font-size: 18px; line-height: 28px; font-weight: bold; margin: 0px auto 20px; }
#refill-1000 .list p{letter-spacing: .1em; font-size: 18px; line-height: 28px; margin: 15px auto; text-align: center; }
#refill-1000 .list span{  font-size: 14px; line-height: 21px; margin: 30px auto 0px; text-align: center; }


@media only screen and (max-width: 736px) {
	#refill-1000 .list { width: 300px; padding: 15px; }
	#refill-1000 .list .ttl{ font-size: 14px; }
    #refill-1000 .list p{ font-size: 3.5vw; line-height: 1.7;}
    #refill-1000 .list span{ font-size: 2.8vw; }
}

#refill-1000 .cupsule { margin: 100px auto; width: 650px; }
#refill-1000 .cupsule .ttl{ letter-spacing: .1em; font-size: 21px; line-height: 28px; font-weight: bold; margin: 0px auto 20px; }
#refill-1000 .cupsule p{letter-spacing: .1em; font-size: 16px; line-height: 28px; margin: 30px auto 15px; text-align: center; font-family: "Ryumin Medium KL"; }
#refill-1000 .cupsule span{  font-size: 14px; line-height: 24px; margin: 30px auto 0px; text-align: center; }


@media only screen and (max-width: 736px) {
	#refill-1000 .cupsule { width: 300px;}
    #refill-1000 .cupsule p{ font-size: 3.5vw; line-height: 1.7; }
    #refill-1000 .cupsule span{ font-size: 2.8vw; }
}

#refill-1000 .about { margin: 100px auto;  width: 650px; }
#refill-1000 .about .ttl{ letter-spacing: .1em; font-size: 30px; line-height: 62px; font-weight: bold; margin: 0px auto 20px; }
#refill-1000 .about p{letter-spacing: .1em; font-size: 14px; line-height: 26px; margin: 30px auto 0px; text-align: left; }


@media only screen and (max-width: 736px) {
	#refill-1000 .about { width: 300px; }
    #refill-1000 .about p{ font-size: 3.5vw; line-height: 2.18;}
}