.pcOnly {display: inline-block !important;}
.spOnly {display: none !important;}

#special{ margin: 0 auto; padding-bottom: 120px; max-width: 1256px; width: 100%; position: relative; background: #fff; text-align: center;}
#special p{ line-height: 1.8; font-size: 2rem; }

#social-wrap { position: absolute; right: 0; top: 15px; overflow: hidden; z-index: 9; }
#social-wrap a.fb { background-position: 0 0; }
#social-wrap a.tw { background-position: -36px 0; }
#social-wrap a { display: block; width: 36px; height: 36px; background: url(../img/social_bt.png) no-repeat left top; margin: 0 10px 0 0; float: left; text-indent: -9999px; }

/*sec01*/
#sec01 { width: 100%; max-width: 1256px; opacity: 1; position: relative;}
#sec01 .keyVusial{ position: relative;}
#sec01 .about{ background: #fce8ed; padding: 50px 125px;}
#sec01 .about-inner{ background:#fff; padding: 50px 0 35px; text-align: center; border-radius: 30px;}
#sec01 .about-inner h2{ font-size: 2.6rem; line-height: 2; color: #cf152d;}
#sec01 .about-inner p{ font-size: 1.8rem; line-height: 2; margin: 16px 0;}

/*sec02*/
#sec02 { background: url(../img/item_bg.jpg) no-repeat center top; background-size: 100%; padding: 0 56px;}
#sec02 .item{display:grid; grid-template-columns:repeat(3,1fr);gap:40px 30px;padding:0;list-style:none;}
#sec02 .card{text-align:center;}
#sec02 .card img{ width:100%; display:block; margin-bottom: 16px;}
#sec02 .card h2{margin:12px 0 0;font-size:1.8rem;color:#cf152d;}
#sec02 .price{font-size:1.6rem;margin:2px 0;}
#sec02 .note{font-size:1.1rem; line-height:1.6; color: #5a5a5a; margin: 12px 0;}
#sec02 .note span{ display: block; margin-bottom: 8px;}
#sec02 .copy{ background: #fce8ed; padding: 20px; text-align: center; font-size: 1.3rem; line-height: 2; margin: 30px 0 50px; border-radius: 10px;}
#sec02 .btn{ margin-top: 20px;}
#sec02 .btn a:hover{ opacity: 0.6; }


@media screen and (max-width: 768px){

.pcOnly {display: none !important;}
.spOnly {display: inline-block !important;}

#special { max-width: 100%; padding-bottom: 60px;}
#special p{ line-height: 1.8; font-size: 1.6rem;}
#social-wrap {top: 10px;}

/*sec01*/
#sec01 { width: 100%; height: auto;}
#sec01 .keyVusial{ position: inherit;}
#sec01 .about{ padding: 40px 15px 40px;}
#sec01 .about-inner{ padding: 30px 0 20px; border-radius: 12px;}
#sec01 .about-inner h2{ font-size: 1.9rem; line-height: 1.6;}
#sec01 .about-inner p{ font-size: 1.4rem; margin: 15px 0; line-height: 1.8;}

/*sec02*/
#sec02 { background-size: 400%; padding: 0 15px;}
#sec02 .item{grid-template-columns:1fr;gap:24px;}
#sec02 .card h2{font-size:1.5rem; margin: 10px 0 0;}
#sec02 .card img{width: 300px; margin: 0 auto 14px;}
#sec02 .price{font-size:1.4rem; margin: 0;}
#sec02 .note{font-size:1rem; margin: 10px 0;}
#sec02 .note span{ margin-bottom: 6px;}
#sec02 .copy{ padding: 15px; font-size: 1.1rem; margin: 15px 0 30px; border-radius: 6px; line-height: 1.6;}
#sec02 .btn{ margin: 0 auto; width: 100%; text-align: center;}

}