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

.col2Wrap{ overflow: hidden;}
.col2Wrap .left{ float: left;}
.col2Wrap .right{ float: right;}

#special{ margin: 0 auto; padding-bottom: 120px; max-width: 1256px; width: 100%; position: relative; background: #fff; text-align: center;}

#special .btn{ margin: 40px auto 0; text-align: center;}
#special .btn a{ transition: 0.4s;}
#special .btn a:hover{ opacity: 0.6;}

#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; }
#special .keyVisual{ padding-top: 60px;}
#special sup{ font-size: 80%; vertical-align: super;}

#sec01{ width: 100%; max-width: 1256px;}

@media screen and (max-width: 768px){
   .pcOnly {display: none !important;}
   .spOnly {display: inline-block !important;}

   .col2Wrap .left{ float: none;}
   .col2Wrap .right{ float: none;}	

   #special { max-width: 100%; padding-bottom: 60px;}
   #special .btn{ margin: 0 auto; text-align: center; width: 92%;}

   #special .keyVisual{ padding-top: 50px; margin-top: -30px;}
   #special sup,#special .sup{ font-size: 60%; margin: 6px 0 0; vertical-align: super;}

   #sec01{ width: 100%; height: auto;}
   #social-wrap { top: 10px;}
}

#sec01 .leadHead{ font-weight: bold; font-size: 2.4rem; margin: 50px 0 30px; line-height: 2;}
#sec01 .lead p{ font-size: 1.8rem; margin-top: 12px;}
#sec01 .itemWrap{ width: 1176px; margin: 50px auto 0; position: relative;}
#sec01 .sample{ position: absolute; top: -170px; right: 10px;}
#sec01 .item{ background: #F3F3F3; padding: 30px 40px 20px; overflow: hidden;}
#sec01 .itemdetail{ margin: 0;}
#sec01 .itemdetail li{ display: inline-block; background: #fff; margin: 10px 6px 0 0; padding: 30px 0; width: 359px; height: 420px; font-size: 1.6rem; vertical-align: top;}
#sec01 .itemdetail li:nth-child(3),#sec01 .item li:nth-child(6){ margin: 10px 0 0 0;}
#sec01 .itemdetail li strong{ font-size: 1.8rem; display: block; margin: 22px 0 10px;}
#sec01 .itemdetail li img{ width: 280px;}
#sec01 .sup{ font-size: 1.4rem; float: right; text-align: right; margin: 15px 2px 0;}
#sec01 .sup li{ margin: 4px 0 0;}
#sec01 .sup li .fontL{ font-size: 2rem; vertical-align: middle; margin-right: 2px;}
#sec01 .notice{ font-size: 2rem; margin-top: 50px;}

@media screen and (max-width: 768px){
  #sec01 .leadHead{ font-size: 1.6rem; margin: 50px 0 20px; line-height: 1.8; padding: 0 15px;}
  #sec01 .lead p{ font-size: 1.4rem; margin-top: 12px;}
  #sec01 .itemWrap{ width: 100%; margin: 30px auto 0;}
  #sec01 .sample{ top: -42px; right: 5px;}
  #sec01 .sample img{ width: 110px;}
  #sec01 .item{ padding: 10px 20px 10px; margin: 0 15px;}
  #sec01 .itemdetail li{ display: block; margin: 10px 0 0; padding: 20px 0; width: 100%; height: auto; font-size: 1.2rem;}
  #sec01 .itemdetail li:nth-child(3),#sec01 .item li:nth-child(6){ margin: 10px 0 0;}
  #sec01 .itemdetail li strong{ font-size: 1.5rem; margin: 15px 0 8px;}
  #sec01 .itemdetail li img{ width: 250px;}
  #sec01 .sup{ font-size: 1.1rem; margin: 8px 2px 0;}
  #sec01 .sup li{ margin: 2px 0 0; line-height: 1.6;}
  #sec01 .sup li .fontL{ font-size: 1.5rem;}
  #sec01 .notice{ font-size: 1.6rem; margin: 30px 0;}

}