.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; }

/*sec02*/
#sec02 { overflow: hidden; margin: 70px auto 20px; text-align: center;}
#sec02 h2{ font-size: 2.4rem; line-height: 1.8;}
#sec02 p{ font-size: 1.8rem; line-height: 2; margin-top: 20px; font-weight: bold;}
#sec02 .about{ margin: 30px auto; width: 980px; overflow: hidden;}
#sec02 .about dt{ width: 178px; float: left; margin-right: 40px;}
#sec02 .about dt img{ width: 178px;}
#sec02 .about dd{ width: 760px; float: left; text-align: left; padding-top: 20px;}
#sec02 .about dd span{ display: block;}
#sec02 .about dd p{ display: block; margin-top: 14px;}

/*sec03*/
#sec03{ width: 1050px; overflow: hidden; margin: auto; background: url(../img/dot_pc.png) repeat-x top; padding-top: 60px;}
#sec03 h2 span{ display: block; font-size: 3.4rem; line-height: 2; font-weight: bold;}
#sec03 h2 img{ display: block;}
#sec03 h3{ font-size: 1.5rem; font-weight: bold; padding: 8px; border: 1px solid #000; width: 230px; margin: 8px auto;}
#sec03 .collaboList{ overflow: hidden; margin: 30px auto 50px;}
#sec03 .collaboList dl{ width: 345px; display: inline-block; margin: 0;}
#sec03 .collaboList dt{ margin: 0 auto; display: block;}
#sec03 .collaboList dt img{ width: 280px;}
#sec03 .collaboList dd{ font-size: 1.8rem; line-height: 1.8; font-weight: bold; margin-top: 20px;}
#sec03 p{ font-size: 1.8rem; font-weight: bold;}
#sec03 .collaboNews{ overflow: hidden; margin: 50px auto;}
#sec03 .collaboNews dl{ width: 520px; display: inline-block; margin: 0;}
#sec03 .collaboNews dt{ display: block; background: #000; margin: 0 auto 16px; width: 270px; border-radius: 20px; padding: 6px; color: #fff; font-size: 1.5rem; font-weight: bold;}
#sec03 .collaboNews dd{ font-size: 1.6rem; line-height: 1.8; font-weight: bold;}
#sec03 .collaboNews dd span{ font-size: 1.1rem; display: block; margin-top: 10px;}

/*sec04*/
#sec04{ width: 1140px; overflow: hidden; background: #ffe6e6; margin: 20px auto;}
#sec04 h2{background: #b53837; padding: 20px 0 22px; margin-bottom: 35px;}
#sec04 dl{ overflow: hidden; width: 1100px; margin: 25px auto; padding-left: 65px;}
#sec04 dt{ width: 100px; float: left; margin-right: 20px; background: #000; color: #fff; padding: 8px; font-size: 1.4rem; font-weight: bold; text-align: center;}
#sec04 dd{ width: 900px; float: left; text-align: left;}
#sec04 dd .area{ display: block; margin: 5px 0 8px; font-size: 1.6rem; font-weight: bold;}
#sec04 dd .area:last-child{ margin: 0;}
#sec04 dd .target{ width: 264px; display: inline-block; border: 1px solid #000; text-align: center; font-size: 1.4rem; font-weight: bold; padding: 5px 0; margin-right: 14px;}
#sec04 dd img{ margin-top: 5px;}
#sec04 dd .sub{ font-size: 1.2rem; display: block; margin: 14px 0 10px;}
#sec04 dd p{ font-size: 1.6rem; letter-spacing: -0.05em; margin-top: 14px;}
#sec04 dd p:first-child{ margin-top: 0;}

/*sec05*/
#sec05{ width: 1140px; margin: 40px auto;}
#sec05 dl{ border: 1px solid #02b404; overflow: hidden;}
#sec05 dt{ width: 340px; float: left; display: inline-block; text-align: center; padding: 50px 0; background: #02b404; color: #fff; font-size: 2.2rem; font-weight: bold; line-height: 1.6;}
#sec05 dd{ width: 740px; float: left; display: inline-block; text-align: left; line-height: 1.8; margin: 20px 0 0 30px; font-size: 1.6rem;}
#sec05 dd p{ font-size: 1.6rem; margin-top: 16px;}
#sec05 dd span{ display: block; margin-bottom: 8px;}

/*sec06*/
#sec06{ width: 1190px; margin: 100px auto 110px; padding-left: 60px;}
#sec06 .bland{ margin: 30px auto; width: 1040px; overflow: hidden;}
#sec06 .bland dt{ width: 272px; float: left; margin-right: 40px;}
#sec06 .bland dt img{ width: 272px; margin-top: 15px;}
#sec06 .bland dd{ width: 710px; float: left; text-align: left;}
#sec06 .bland p{ font-size: 1.8rem; font-weight: bold; line-height: 2; margin-bottom: 20px;}
#sec06 .bland dd span{ display: block;}
#sec06 .bland dd span a{ background: #000; padding: 16px 0 16px 20px; color: #fff; font-weight: bold; font-size: 1.6rem; display: block; width: 260px; text-align: center;}
#sec06 .bland dd span a:hover{ opacity: 0.6;}
#sec06 .bland dd span a img{ margin: -3px 10px 0; vertical-align: middle;}

/*sec07*/
#sec07{ width: 1140px; overflow: hidden; margin: auto;}
#sec07 .btn a{ transition: 0.4s;}
#sec07 .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;}

/*sec02*/
#sec02 { margin: 40px auto 0;}
#sec02 h2{ font-size: 1.8rem; line-height: 1.6;}
#sec02 p{ font-size: 1.4rem; line-height: 1.8;}
#sec02 .about{ width: 100%;}
#sec02 .about dt{ width: 100%; float: inherit; margin: 0;}
#sec02 .about dt img{ width: 125px;}
#sec02 .about dd{ width: 100%; float: inherit; text-align: center;}
#sec02 .about dd span img{ width: 310px;}

/*sec03*/
#sec03{ width: 92%; margin: auto; background: url(../img/dot_pc.png) repeat-x top; padding-top: 30px;}
#sec03 h2 span{ font-size: 2.2rem; line-height: 2.2;}
#sec03 h2 img{ display: block; width: 268px;}
#sec03 h3{ font-size: 1.1rem; padding: 6px 0; width: 170px; margin: 0 auto;}
#sec03 .collaboList{ margin: 20px auto;}
#sec03 .collaboList dl{ width: 100%; display: block; margin: 0 0 10px 6px; overflow: hidden;}
#sec03 .collaboList dt{ margin: 0 auto; display: inline-block; float: left; margin-right: 16px;}
#sec03 .collaboList dt img{ width: 118px;}
#sec03 .collaboList dd{ font-size: 1.3rem; line-height: 1.8; margin-top: 20px; display: inline-block; float: left; text-align: left;}
#sec03 p{ font-size: 1.5rem;}
#sec03 .collaboNews{ margin: 30px auto 0;}
#sec03 .collaboNews dl{ width: 100%; display: inline-block; margin: 0 0 20px;}
#sec03 .collaboNews dt{ margin: 0 auto 10px; width: 250px; padding: 4px 0; font-size: 1.4rem;}
#sec03 .collaboNews dd{ font-size: 1.4rem; line-height: 1.8;}
#sec03 .collaboNews dd span{ font-size: 1rem; margin-top: 5px;}

/*sec04*/
#sec04{ width: 92%; overflow: hidden; margin: 20px auto;}
#sec04 h2{ padding: 14px 0 16px; margin-bottom: 25px;}
#sec04 h2 img{ width: 293px;}
#sec04 dl{ width: 92%; margin: 15px auto 30px; padding: 0;}
#sec04 dt{ width: 100%; float: inherit; margin: 0 0 10px; padding: 4px; font-size: 1.3rem;}
#sec04 dd{ width: 100%; float: inherit; text-align: center;}
#sec04 dd img{ width: 232px;}
#sec04 dd .area{ margin: 16px 0; font-size: 1.3rem; line-height: 1.6;}
#sec04 dd .area:last-child{ margin: 0;}
#sec04 dd .target{ width: 210px; display: block; border: 1px solid #000; text-align: center; font-size: 1.1rem; padding: 3px 0; margin: 8px auto;}
#sec04 dd img{ margin-top: 5px;}
#sec04 dd .sub{ font-size: 1rem; margin: 8px 0 0;}
#sec04 dd p{ font-size: 1.3rem; letter-spacing: -0.07em; margin-top: 10px;}
#sec04 dd p:first-child{ margin-top: 0;}

/*sec05*/
#sec05{ width: 92%; margin: 30px auto;}
#sec05 dt{ width: 100%; float: inherit; display: block; padding: 10px 0; font-size: 1.6rem; line-height: 1.6;}
#sec05 dd{ width: 100%; float: inherit; display: block; text-align: center; line-height: 1.8; margin: 0; font-size: 1.6rem; padding: 12px 0 16px;}
#sec05 dd img{ width: 232px;}
#sec05 dd p{ font-size: 1.2rem; margin-top: 14px;}
#sec05 dd span{ margin-bottom: 4px;}

/*sec06*/
#sec06{ width: 100%; margin: 60px auto; padding: 0;}
#sec06 .bland{ margin: 30px auto; width: 100%; overflow: hidden;}
#sec06 .bland dt{ width: 100%; float: inherit; margin: 0 0 20px;}
#sec06 .bland dt img{ width: 216px; margin: 0;}
#sec06 .bland dd{ width: 100%; float: inherit; text-align: center;}
#sec06 .bland dd img{ width: 160px; margin-bottom: 5px;}
#sec06 .bland p{ font-size: 1.4rem; line-height: 1.8; margin-bottom: 20px;}
#sec06 .bland dd span{ display: block;}
#sec06 .bland dd span a{ padding: 14px 0 14px 10px; font-size: 1.3rem; display: block; width: 200px; text-align: center; margin: auto;}
#sec06 .bland dd span a img{ width: 13px; margin: -2px 0 0 8px;}

/*sec07*/
#sec07{ width: 92%; overflow: hidden; margin: auto;}
#sec07 .btn a{ transition: 0.4s;}
#sec07 .btn a:hover{ opacity: 0.6;}

}