/* CSS Document */

/* TOP
------------------------------------------------------------*/

#nenkin_contents{
  width:1000px;
  margin:10px auto 0; 
}

.kv .txt01{
  text-align:center;
  margin-top:60px;
} 

.bonus{
  margin-top:50px; 
}

.bonus h2{
  margin-bottom:30px; 
}

.bonus h3{
  margin-bottom:25px; 
}

.bonus .image01{
  text-align:center;
  margin-bottom:60px; 
}

.bonus h4{
  font-size:21px;
  color:#5b3382;
  font-weight:bold;
  margin-bottom:14px;
  line-height:1.2; 
}

.bonus .txt01{
  font-size:16px;
  color:#010101;
  margin-bottom:45px;
  line-height:1.2; 
}

.bonus .txt01.mb_min{
  margin-bottom:20px; 
}

.bonus table{
  width:600px;
  border-top:solid 3px #5b3382; 
}

.bonus table th,
.bonus table td{
  border-bottom:solid 1px #e2d8d9;
  padding:15px 0 13px;
  font-size:15px;
  color:#010101; 
  box-sizing:border-box;
  font-weight:bold;
}

.bonus table th.th1{
  color:#5b3382;
  width:155px; 
  padding-left:20px;
}

.bonus table td.td1{
  width:160px; 
}

.bonus table td.td3{
  font-size:13px; 
}

.bonus table td.td3 ul li{
  text-indent:-1em;
  padding-left:1em;
  font-weight:normal;
  margin-top:3px;
}

.indent{
  margin-top:13px; 
  margin-bottom:45px;
}

.indent li{
  font-size:10px;
  color:#010101;
  text-indent:-1.3em;
  padding-left:1.3em;
}

.indent.font-big li{
  font-size:13px;
}

.bonus .image01{
  margin-bottom:45px; 
}

.bonus .inner{
  padding-top:45px;
  border-top:solid 1px #f3f3f3;
  margin-bottom:45px; 
}

.bonus .inner .inner-box{
  margin-top:35px;
  display:flex;
  justify-content:space-between; 
}

.bonus .inner .inner-box.block{
  display:block; 
}

.bonus .inner .inner-box .inner-box-l{
  width:740px; 
  font-size: 16px;
  color: rgb(1, 1, 1);
  line-height: 1.438;
}

.bonus .inner .inner-box .inner-box-l.w100{
  width:100%; 
}

.bonus .inner .inner-box .inner-box-r{
  width:230px; 
}

.bonus a,
.support a{
  color:#eb344b; 
}

.bonus a:hover{
  text-decoration:none; 
}

.bonus .inner .inner-box ul.txt li{
   font-size:16px;
   color:#5b3382;
   margin-bottom:15px;
}

.mb0{
  margin-bottom:0 !important; 
}

.support{
  padding-bottom:90px;
  margin-top:100px;
  background:#f7f7f7;
  position:relative;
}

.support .inner{
  width:1000px;
  margin:0 auto;
  padding-top:70px;
  position:relative;
}

.support .inner h2{
  position:absolute;
  left:0;
  top:-33px; 
}

.support .inner2{
  width:1000px;
  margin:50px auto 0;
  background:#FFF;
  padding:50px 65px 45px;
  box-sizing:border-box;
}

.support .inner2 p{
  margin-top:15px;
  font-size: 16px;
  color: rgb(1, 1, 1);
  line-height: 1.563;   
}

.support .inner2 p span{
  display:block;
  margin-top:13px;
  font-size:10px; 
}

@media screen and (max-width: 768px) {
  #nenkin_contents img,
  .support img{
    width:100%;
    height:auto; 
  }
  
  
  
  #nenkin_contents{
    width:100%;
    margin:0 auto;
    padding-top:5vw;
  }
  
  .kv .txt01{
    width:86.6vw;
    text-align:center;
    margin:7.2vw auto 0;;
  } 
  
  .bonus{
    margin-top:6.26vw; 
  }
  
  .bonus h2{
    width:86.6vw;
    margin:0 auto 4vw; 
  }
  
  .bonus h3{
    width:100%;
    margin:0 auto 4vw; 
  }
  
  .bonus h3.w86{
     width:86.6vw;
  }
  
  .bonus .image01{
    text-align:center;
    margin-bottom:17.3vw; 
  }
  
  .bonus .image01.w100{
    width:100%;
  }
  
  .bonus h4{
    width:86.6vw;
    font-size:5.06vw;
    margin:0 auto 2vw;
    line-height:1.2; 
  }
  
  .bonus .txt01{
    width:86.6vw;
    font-size:3.73vw;
    margin:0 auto 9.3vw;
    line-height:1.2; 
  }
  
  .bonus .txt01.mb_min{
    margin-bottom:4vw; 
  }
  
  .bonus table{
    width:86.6vw;
    margin:0 auto;
    border-top:solid 0.8vw #5b3382; 
  }
  
  .bonus table th,
  .bonus table td{
    border-bottom:solid 0.26 #e2d8d9;
    padding:3.3vw 0 3vw;
    font-size:3.73vw;
  }
  
  .bonus table th.th1{
    color:#5b3382;
    width:28.6vw; 
    padding-left:2.6vw;
  }
  
  .bonus table td.td1{
    width:28.6vw; 
  }
  
  .bonus table td.td3{
    font-size:3.46vw; 
  }
  
  .bonus table td.td3 ul li{
    text-indent:-1em;
    padding-left:1em;
    font-weight:normal;
    margin-top:1vw;
  }
  
  .indent{
    width:86.6vw;
    margin:2.6vw auto 9.3vw;
  }
  
  .indent li{
    font-size:2.4vw;
  }
  
  .indent.font-big li{
    font-size:3.4vw;
  }
  
  .bonus .image01{
    width:86.6vw;
    margin:0 auto 12vw; 
  }
  
  .bonus .inner{
    padding-top:12vw;
    border-top:none;
    margin-bottom:13.3vw;
    position:relative;
  }
  
  .bonus .inner:before{
    content:"";
    display:block;
    width:86.6vw;
    height:0.52vw;
    background:#f3f3f3;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:0;
  }
  
  .bonus .inner .inner-box{
    width:86.6vw;
    margin:6vw auto 0;
    display:block;
    justify-content:space-between; 
  }
  
  .bonus .inner .inner-box.block{
    display:block; 
  }
  
  .bonus .inner .inner-box .inner-box-l{
    width:100%; 
    font-size: 3.73vw;
    color: rgb(1, 1, 1);
    line-height: 1.438;
    margin-bottom:4vw;
  }
  
  .bonus .inner .inner-box .inner-box-l.w100{
    width:100%; 
  }
  
  .bonus .inner .inner-box .inner-box-r{
    width:100%; 
  }
  
  .bonus a,
  .support a{
    color:#eb344b; 
  }
  
  .bonus a:hover{
    text-decoration:none; 
  }
  
  .bonus .inner .inner-box ul.txt li{
     font-size:3.73vw;
     color:#5b3382;
     margin-bottom:2.5vw;
  }
  
  .mb0{
    margin-bottom:0 !important; 
  }
  
  .support{
    padding-bottom:13.3vw;
    margin-top:0px;
    background:#f7f7f7;
    position:relative;
    
  }
  
  .support .inner{
    width:86.6vw;
    margin:0 auto;
    padding-top:20vw;
    position:relative;
  }
  
  .support .inner h2{
    position:absolute;
    width:86.6vw;
    left:50%;
    transform:translateX(-50%);
    top:-9.5vw; 
  }
  
  .support .inner2{
    width:86.6vw;
    margin:9.3vw auto 0;
    background:#FFF;
    padding:6vw 6.6vw 6vw;
    border-radius:2.6vw;
  }
  
  .support .inner2 p{
    margin-top:4vw;
    font-size: 3.73vw;
    color: rgb(1, 1, 1);
    line-height: 1.563;   
  }
  
  .support .inner2 p span{
    display:block;
    margin-top:2.6vw;
    font-size:2.4vw; 
  }
}

/*TOP------------------------------------------------------------*/

/* TOP
------------------------------------------------------------*/
.bn_area{
  margin-bottom:60px;
  display:flex; 
}

.bn_area .bn_area_l{
  width:220px; 
}

.bn_area .bn_area_l ul li{
  margin-bottom:15px; 
}

.bn_area .bn_area_r p{
  font-size:13px;
  margin-top:10px; 
}

@media screen and (max-width: 768px) {
  .bn_area{
    width:86.6vw;
    margin:0 auto 9.3vw;
    display:block; 
  }
  
  .bn_area .bn_area_l{
    width:100%;
  }
  
  .bn_area .bn_area_l ul{
    display:flex;
    justify-content:space-between;
    margin-bottom:1vw;
    flex-wrap: wrap;
  }
  
  .bn_area .bn_area_l ul li{
    margin-bottom:3vw;
    width:41.86vw;
  }
  
  .bn_area .bn_area_r p{
    font-size:3.2vw;
    margin-top:2.6vw; 
  }
}

/*TOP------------------------------------------------------------*/