#silva{ overflow: hidden; background: url("/static/mallDefault/contents/images/sp/silva/bg.jpg") no-repeat top center; background-color: #f3efe2; color:#3e3a39; text-align: center;}
#silva .pc{ display: block;}
#silva .sp{ display: none;}
#silva .anchor{ position: relative; z-index: -1;}
#silva .anchor:before{ display: block; margin-top: -67px; width: 100%; height: 67px; content: ""; vertical-align: top;}

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

#silva .sec1{ padding: 0px auto; margin: 0 auto;  width: 750px;}
#silva .sec1 h2 .pc{ margin: 0px auto;}
#silva .sec1 h2 .sp{ margin: 0px auto;}
#silva .btn{ text-align: center;}
#silva dl + .btn{ padding: 90px 0 0;}
#silva .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) {
    #silva .sec1{ padding: 0vw; width: 100%;}
    #silva .btn{ width: 100%;}
    #silva dl + .btn{ padding: 20vw 0 0;}
    #silva .btn a{ width: 100%; height: 8.666vw; font-size: 3.333vw;}
}

#silva .lead{ margin: 0px auto; letter-spacing: .1em; font-size: 18px; font-family: "Ryumin Medium KL"; line-height: 38px;}

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

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

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

#silva .item-wrap{ margin: 40px 0 0; }

@media only screen and (max-width: 736px) {
    #silva .item-wrap{ margin: 10vw -10.666vw 0; padding: 0 0 12vw;}
}


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


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

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


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

#silva .about { margin: 100px auto;  width: 650px; }
#silva .about .ttl{ letter-spacing: .1em; font-size: 30px; line-height: 62px; font-weight: bold; margin: 0px auto 20px; }
#silva .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) {
	#silva .about { width: 300px; }
    #silva .about p{ font-size: 3.5vw; line-height: 2.18;}
}