.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: url(../img/mv2_pc.jpg) no-repeat left top #fcd9ad; position: relative; height: 460px; width: 1256px;}
#sec01 .about p{ font-size: 1.9rem; font-weight: bold; position: absolute; right: 70px; top: 65px; text-align: left; line-height: 42px;}

/*sec02*/
#sec02 { overflow: hidden; margin-bottom: 20px; }
#sec02 .point{ width: 1160px; padding: 50px 0 0; margin: 30px auto 20px; overflow: hidden;}
#sec02 .point h2{ font-size: 3rem; margin-bottom: 16px; padding-bottom: 30px; background: url(../img/border.png) no-repeat bottom; background-size: 80px;}
#sec02 .point dl{ width: 346px; overflow: hidden; display: inline-block; vertical-align: top;}
#sec02 .point dt{ margin-bottom: 15px; font-size: 1.8rem; font-weight: bold; color: #e60010; display: block;}
#sec02 .point dt img{ display: block; width: 275px; margin: 0 auto 10px;}
#sec02 .point dd{ font-size: 1.6rem; line-height: 1.8;}

/*sec03*/
#sec03 { margin-top: 90px;}
#sec03 .item dl{ margin: 60px 0;}
#sec03 .item dl dt{ margin: 34px 0;}
#sec03 .item dl dt li{ width:240px; display: inline-block; margin: 0 28px;}
#sec03 .item dl dt li span{ display: block; border: #707070 1px solid; border-radius: 80px; padding: 5px; text-align: center; font-size: 1.6rem; font-weight: bold; margin-top: 22px;}
#sec03 .item dl dd{ margin-top: 45px;}
#sec03 .item dl dd span{ display: block; font-size: 2rem; font-weight: bold; margin-top: 18px;}
#sec03 .explain{ width: 1140px; margin: auto; margin-bottom: 80px;}
#sec03 .explain h3{ font-size: 1.8rem; background: #e6e6e6; padding: 8px; display: block;}
#sec03 .explain ul{padding: 15px 0 0 120px;}
#sec03 .explain li{ width: 270px; display: inline-block; text-align: left; font-size: 1.4rem; margin-bottom: 14px;}
#sec03 .explain li.pcLong{ width: 460px;}
#sec03 .btn{ margin-top: 20px;}
#sec03 .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;}

/*sec01*/
#sec01 { width: 100%; height: auto;}
#sec01 .keyVusial{ position: inherit;}
#sec01 .about{ background: #fcd9ad; position:inherit; height: auto; width: auto; padding: 30px 0 0;}
#sec01 .about p{ font-size: 1.4rem; position: inherit; right: 0; top: 0; text-align: center; line-height: 28px;}
#sec01 .about img{ width: 100%;}

/*sec02*/
#sec02 { margin-bottom: 20px; }
#sec02 .point{ width: 100%; padding: 38px 0 0; margin: 20px auto 10px;}
#sec02 .point h2{ font-size: 1.9rem; margin-bottom: 30px; padding-bottom: 22px; background-size: 50px;}
#sec02 .point dl{ width: 100%; display: block; margin-bottom: 20px;}
#sec02 .point dt{ width: 170px; margin: 0 10px 0 20px; font-size: 1.2rem; display: inline-block; float: left;}
#sec02 .point dt img{ width: 150px; margin: 0 auto 6px;}
#sec02 .point dd{ font-size: 1.2rem; line-height: 1.8; text-align: left; width: calc(100% - 210px); float: left}
#sec02 .point dd.smt10{ margin-top: 10px;}
#sec02 .point dt.smt15{ margin-top: 15px;}

/*sec03*/
#sec03 { margin-top: 40px; padding: 15px;}
#sec03 h2{ width: 270px; margin: auto;}
#sec03 .item dl{ margin: 34px 0 40px;}
#sec03 .item dl dt{ margin: 20px 0 0;}
#sec03 .item dl dt li{ width: 43%; display: inline-block; margin: 0 10px 35px;}
#sec03 .item dl dt li span{ font-size: 1.1rem; margin-top: 10px; padding: 2px;}
#sec03 .item dl dd{ margin-top: 0;}
#sec03 .item dd img{ width: 250px;}
#sec03 .item dl dd span{ font-size: 1.5rem; margin-top: 10px;}
#sec03 .explain{ width: 100%; margin-bottom: 30px;}
#sec03 .explain h3{ font-size: 1.2rem; padding: 6px;}
#sec03 .explain ul{padding: 8px 0; overflow: hidden;}
#sec03 .explain li{ width: 48%; display: inline-block; font-size: 1.2rem; text-indent: -1em; padding-left: 1em; vertical-align: top; float: left; margin: 0 3px 6px; line-height: 1.7;}
#sec03 .explain li.pcLong{ width: 48%;}
#sec03 .btn{ margin: 0 auto; width: 100%;}
}