body{
    padding: 0;
    margin:0;
}

img {
    max-width: 100%;
}

.pc-protection .area01{
  width: 100%;
  height: 700px;
  margin: 0 auto;
  display:block;
  position: relative;
}
.pc-protection .area01 .campaign{
 /* background: url(/template/default/img/sp/2017bigsale/pc/present/campaign-bg.png) no-repeat center -1px;*/
  width: 100%;
  margin: 0 auto;
  padding:23px 0 85px;
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: 18px;
  color: #066378
}
.pc-protection .area01 .mainimg {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.pc-protection .area01 .mainimg02 {
  background: url(/template/default/img/sp/2017bigsale/pc/present/mainvisual.jpg) no-repeat center top;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.pc-protection .area01 .mainvisual{
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}
.mainvisual h2{
	margin: 0;	
	margin-top:25px;
}
.pc-protection .area02,
.pc-protection .area03,
.pc-protection .area05,
.pc-protection .area06,
.pc-protection .area07,
.pc-protection .area10{
  width: 100%;
  margin: 0 auto;
  text-align:center;
  display:block;
  position: relative;
}
.pc-protection .area02 h3{
  background-color:#fff;
  border-bottom: 1px #0ca0c2 solid;
  padding:30px 0 65px;
  margin:0;
}
.pc-protection .area02:after{
  content: url(/template/default/img/sp/2017bigsale/pc/present/arrow.png);
  width: 303px;
  height: 38px;
  margin: 0 auto;
  text-align:center;
  display:block;
  position: relative;
  top:-1px;
}
.pc-protection .area03 {
	padding: 50px 0;
}
.pc-protection .area03 p{
   font-size:1.5em;
   line-height: 1.7em;
   padding: 20px 0 10px;
}

.pc-protection .area03 .btn{
   margin:30px auto 50px auto;
   background: none;
   border: none;
}

.pc-protection .area04{
  height: 1200px;
  display: block;
  position: relative;
}

.pc-protection .area04 .inline{
  background: url(/template/default/img/sp/2017bigsale/pc/present/area04-bg.jpg) no-repeat center top;
  width: 100%;
  padding-top:80px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.pc-protection .area04 .width {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.pc-protection .area04 .smartpro {
  position: absolute;
  top: 420px;
  left: 560px;
}
.pc-protection .area04 h3{
  padding-top:500px;
  margin: 0 auto;
  text-align: center;
  padding-right: 320px;
}

.pc-protection .area04 .cap{
  background: #76bdaf;
  width: 100%;
  margin: 40px auto;
  padding: 30px 0;
  display: block;
}
.pc-protection .area04 .cap img {
	padding-right: 320px;
}
.pc-protection .area04 .point-txt{
  font-size: 18px;
  line-height: 1.8;
  color: #11a2c3;
  padding-right: 320px;
}

.pc-protection .area05 h2{
      background-color:#11a2c3;
      margin:0;
    }
.pc-protection .area05 .width {
  width: 980px;
  margin: 0 auto;
}
.pc-protection .area05-w {
	z-index: 1;
	margin-top: -150px;
	margin-bottom: 0px;
}
.pc-protection .area06 h2{
	width: 100%;
	height: 230px;
	margin: 0px auto;
	padding-top:0px;
	display: block;
}
.pc-protection .area06 {
	background: url(/template/default/img/sp/2017bigsale/pc/present/area06-h-bg.png) bottom repeat-x;
	width: 100%;
}
.pc-protection .area06 .ca-img{
	width: 100%;
	margin: 0px auto;
	padding: 20px 0;
	display: block;
}
.pc-protection .area06 p{
	max-width: 610px;
	width:100%;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	margin: 0px auto 50px;
	display:block;
	border: 1px #ccc solid;
	padding: 20px 30px;
	background: #fff;
}
.pc-protection .area07 h2 {
	padding: 80px 0 20px;
}
.pc-protection .area07 .hand{
  background: url(/template/default/img/sp/2017bigsale/pc/present/hand.jpg) no-repeat center top;
  width: 100%;
  max-width: 980px;
  height: 650px;
  margin: -130px auto 70px auto;
  display: block;
}
.pc-protection .area07 p{
  padding-top:500px;
  display: block;
}
.pc-protection .area08{
  background: url(/template/default/img/sp/2017bigsale/pc/present/area08-bg.png) repeat-x;
  width: 100%;
  margin: 0px auto;
  text-align: center;
  display: block;
}
.pc-protection .area08 .inline-p {
    max-width: 980px;
    margin: 0 auto 80px auto;
    position: relative;
}
.pc-protection .area08 .inline-p h2{
    margin-top:30px;
    margin-bottom: 40px;
}
.pc-protection .area08 .inline-p .back:hover{
  opacity: 0.5 ;
}
.pc-protection .area09{
  width: 100%;
  margin: 0 auto;
  padding: 100px 0 80px;
  text-align:center;
  display:block;
  position: relative;
  background: #f7f7f7;
}
.pc-protection .area09 .outline-txt{
  width: 100%;
  max-width:840px;
  margin: 0 auto 40px;
  text-align:left;
  display:block;
}
.area09 h2 {
	padding-bottom: 30px;
}
.area09 .odd {
    background: #fff;
}
.area09 .even {
	margin: 20px 0;
}
.area09 .question-area {
	display: block;
	color: #000;
	font-size: 20px;
	line-height: 30px;
	padding: 20px 50px 20px 50px;
}
.area09 .question-area .question_icon {
	font-family: 'Times New Roman', Times, serif;
	font-size: 28px;
	float: left;
	color: #559efd;
}
.area09 .question {
	font-weight: bold;
	padding-left: 45px;
	display: block;
}
.area09 .answer-area {
	font-size: 16px;
	padding: 0 50px 20px 50px;
}
.area09 .answer_icon {
	color: #777;
	font-family: 'Times New Roman', Times, serif;
	font-size: 28px;
    padding-left: 10px;
	float: left;
}
.area09 .answer {
	font-weight: normal;
	margin-left: 45px;
	line-height: 25px;
	display: block;
}

.pc-protection .inline-txt{
  background-color: #e6f6f9;
    display:block;
}

.pc-protection .area09 label .question {
    color: #559efd;
    font-family: "Times", Georgia, Serif;
    font-size: 2.4em;
    line-height: 1;
    float: left;
}

.pc-protection .area09 .inline-txt .answer {
    color: #559efd;
    font-family: "Times", Georgia, Serif;
    font-size: 2.4em;
    line-height: 1;
    padding-top:10px;
    float: left;
}

.pc-protection .area09 label .text-faq{
      font-size: 1.3em;
      line-height: 1.8em;
      color: #000;
      padding: 5px 0 20px 70px;
}

.pc-protection .area09 .inline-txt .text-faq{
      font-size: 1.3em;
      line-height: 1.8em;
      color: #000;
      padding: 10px 20px 10px 50px;
}

.pc-protection .area09 input[type="checkbox"].on-off{
    display: none;
}

.pc-protection .area09 .menu .inline-txt{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pc-protection .area09 input[type="checkbox"].on-off + .inline-txt{
    height: 0;
    overflow: hidden;
}

.pc-protection .area09 input[type="checkbox"].on-off:checked + .inline-txt{
    height: auto;
    padding: 20px;
    margin: 10px;
}

.pc-protection .area10 {
	padding: 50px 0 0;
}
.pc-protection .area10 ul{
  max-width: 760px;
  width: 100%;
padding:30px 10px 30px 50px;
margin:10px auto 100px auto;
text-align: left;
border:solid 1px #989898;
font-size: 1.3em;
line-height: 1.8em;
}

.pc-protection .area10 li{
margin-bottom:5px;
list-style: initial;
}

.pc-protection .area10 .back{
  margin-bottom:100px;
}
.pc-protection .area10 .back:hover{
  opacity: 0.5 ;
}

/* Testimonial
----------------------------------------------- */
.testimonial {
	background: #fff url(/template/default/img/sp/2017bigsale/pc/present/testimonial_bg.jpg) no-repeat center top;
}
.testimonial .inner {
	width:800px;
	margin:0 auto;
	padding:50px 0 70px;
	position: relative;
}
.testimonial .inner h2{
	text-align: center;
	margin: 80px 0 20px;
}
.testimonial .tstm_box {
	margin: 40px 50px 80px;
	clear: both;
	min-height: 250px;
}
.testimonial .tstm_box .tstm_photo_left {
	float: left;
	padding: 0 20px;
}
.testimonial .tstm_box .tstm_photo_right {
	float: right;
	padding: 0 20px;
}
.testimonial .tstm_box .tstm_cont_left {
	margin-left: 20px;
	width: 395px;
}
.testimonial .tstm_box .tstm_cont_right {
	margin-left: 290px;
	width: 395px;
}
.testimonial .tstm_box .tstm_tt {
	font-size: 22px;
	font-weight: bold;
	padding: 10px 12px;
	border-bottom: 1px #aaa solid;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝',serif;
	line-height: 1.4;
}
.testimonial .tstm_box .tstm_txt {
	font-size: 16px;
	line-height: 1.8;
	padding: 12px;
}
.testimonial .tstm_box .tstm_name {
	padding: 0 12px;
	margin-top: 20px;
	font: 14px/20px 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝',serif;
}
.testimonial .tstm_box .tstm_age {
	background: #05a1c4;
	color: #fff;
	padding: 5px 10px;
	margin-right: 10px;
	font-size: 18px;
}
.testimonial .tstm_box .tstm_age2 {
	font-size: 14px;
	padding-right: 5px;
}
.testimonial .readmore-button-box {
}
.testimonial .readmore-button-box a {
	text-decoration: underline;
}
.testimonial .readmore-area {
}


/* accordion2 */
#accordion-container2 {background: #ffffff; margin: 0 20px;}
.accordion-header2 {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 15px 20px;
	cursor: pointer;
	color: #666666;
}
.active-header2 {background: url(/sp/_img/subs/smp/smapro/arrow_down.png) no-repeat right 50%;}
.active-header2:hover {background: url(/sp/_img/subs/smp/smapro/arrow_down.png) no-repeat right 50%;}
.inactive-header2 {background: url(/sp/_img/subs/smp/smapro/arrow_up.png) no-repeat right 50%;}
.inactive-header2:hover {background: url(/sp/_img/subs/smp/smapro/arrow_up.png) no-repeat right 50%;}
.accordion-content2 {display: none; padding: 20px; background: #ffffff;}

