@charset "utf-8";

/* -----------------------------------------------------------------
 スポンサーのご案内
----------------------------------------------------------------- */
.area_sponsor_list .ttl_lv6 {
  margin-top:0;
}
.area_sponsor_list .ttl_lv3 + .ttl_lv6 {
  margin-top: 30px;
}
.area_sponsor_list .box_bnr {
  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; 
}
.area_sponsor_list .box_bnr li {
  width: 22.5%;
  margin-right:3.3%;
  margin-bottom: 20px;
}
.area_sponsor_list .box_bnr li span {
  display: inline-block;
  padding: 5px 0 0 0 ;
}
.area_sponsor_list .box_bnr li:nth-child(4n) {
  margin-right: 0;
}
.area_sponsor_list .box_bnr li img {
  border: 1px solid #cfcfcf;
}
.area_sponsor_list .box_bnr li a {
  color: #026c9f;
  display: block;
}
/*diamond*/
.area_sponsor_list .box_bnr.diamond li {
  width: 31%;
  margin-right:3.5%;
}
.area_sponsor_list .box_bnr.diamond li:nth-child(4n) {
  margin-right: 3.5%;
}
.area_sponsor_list .box_bnr.diamond li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (min-width : 769px){
  .area_sponsor_list .box_bnr li a {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .area_sponsor_list .box_bnr li a:hover{
    opacity: .6;
    text-decoration: none;
  }
}
@media screen and (min-width : 769px) and (max-width : 1000px){
  .area_sponsor_list .box_bnr li {
    width: 31%;
    margin-right:3.5%;
  }
  .area_sponsor_list .box_bnr li:nth-child(4n) {
    margin-right: 3.5%;
  }
  .area_sponsor_list .box_bnr li:nth-child(3n) {
    margin-right: 0;
  }
  /*diamond*/
  .area_sponsor_list .box_bnr.diamond li {
    width: 48%;
    margin-right:4%;
  }
  .area_sponsor_list .box_bnr.diamond li:nth-child(3n),
  .area_sponsor_list .box_bnr.diamond li:nth-child(4n)  {
    margin-right: 4%;
  }
  .area_sponsor_list .box_bnr.diamond li:nth-child(2n) {
    margin-right: 0;
  }  
}
@media screen and (max-width : 768px){
  .area_sponsor_list .ttl_lv3 + .ttl_lv6 {
    margin-top: 20px;
  }
  .area_sponsor_list .box_bnr li {
    width: 48%;
    margin-right:4%;
  }
  .area_sponsor_list .box_bnr li:nth-child(4n) {
    margin-right: 0;
  }
  .area_sponsor_list .box_bnr li:nth-child(2n) {
    margin: 0 0 15px 0  !important;
  }
  /*diamond*/
  .area_sponsor_list .box_bnr.diamond {
    display: block;
  }
  .area_sponsor_list .box_bnr.diamond li {
    width: 81%;
    margin: 0 auto 20px auto  !important;
  }
}


/* -----------------------------------------------------------------
 スポンサーシップ・プログラムの提案
----------------------------------------------------------------- */
.area_about .box_about {
  display: table;
  width: 100%;
  margin: 10px 0 37px 0;
}
.area_about .box_about dt {
  display: table-cell;
  width: 27.5%;
}
.area_about .box_about dd {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 20px;
}
.area_about .box_about dd .ttl {
  color: #026c9f;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.16em; 
  margin: 0 0 20px 0;
}
@media screen and (max-width: 1500px) {
  .area_about .box_about dd .ttl_br {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .area_about .box_about dt {
    width: 40%;
  }
}
@media screen and (max-width: 1000px) {
  .area_about .box_about {
    display: block;
    margin: 10px 0 37px 0;
  }
  .area_about .box_about dt {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 15px 0;
  }
  .area_about .box_about dt img {
    margin: 0 auto;
    width: 71.7%
  }
  .area_about .box_about dd {
    display: block;
    vertical-align: middle;
    padding: 0;
  }
  .area_about .box_about dd .ttl {
    margin: 0 0 10px 0;
  }  
}


/* -----------------------------------------------------------------
 特典概要
----------------------------------------------------------------- */
.area_privilege {
  max-width: 1510px;
  padding: 0 2%;
  margin: 0 auto 83px auto;



}
.area_privilege .box_pri_cont {
  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;  
}
.area_privilege .box_pri_cont .pri_cont {
  margin: 0 0 50px 0;
}
.area_privilege .box_pri_cont .pri_cont dt {
  position: relative;
}
.area_privilege .box_pri_cont .pri_cont dt span {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.area_privilege .box_pri_cont .pri_cont dd .ttl {
  text-align: center;
  font-size: 1.55em;
  color: #026c9f;
  font-weight: bold;
  margin: 27px 0 10px 0;
}
.area_privilege .box_pri_cont .pri_cont dd .ttl span {
  font-size: 0.65em;
  color: #000000;
}
/*2カラム*/
.area_privilege .box_pri_cont.col2 .pri_cont  {
  width: 48.2%;
  margin-right: 3.6%;
}
.area_privilege .box_pri_cont.col2 .pri_cont:nth-child(2n)  {
  margin-right: 0;
}
/*3カラム*/
.area_privilege .box_pri_cont.col3 {
  margin:0 0 50px 0
}
.area_privilege .box_pri_cont.col3 .pri_cont  {
  width: 30.9%;
  margin-right: 3.6%;
}
.area_privilege .box_pri_cont.col3 .pri_cont:nth-child(3n)  {
  margin-right: 0;
}

@media screen and (max-width: 1640px) {
  .area_privilege .box_pri_cont .pri_cont dd .ttl span {
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .area_privilege .box_pri_cont .pri_cont dt span img {
    width:60px;
  }
}
@media screen and (max-width: 1000px) {
  /*2カラム*/  
   .area_privilege .box_pri_cont.col2 {
    display: block;
  }
  .area_privilege .box_pri_cont.col2 .pri_cont  {
    width: 100%;
  }
  .area_privilege .box_pri_cont.col2 .pri_cont {
      margin: 0 0 35px 0;
  }  
  /*3カラム*/
  .area_privilege .box_pri_cont.col3 {
    margin:0;
    flex-wrap:nowrap;
  }  
}
@media screen and (max-width: 768px) {
  .area_privilege {
    margin: 0 auto 40px auto;
  }
  .area_privilege .ttl_lv5 {
    margin: 40px 0 25px 0;
  }
  .area_privilege .box_pri_cont .pri_cont dt span {
    left: 10px;
    bottom: 10px;
  }  
  .area_privilege .box_pri_cont .pri_cont dt span img {
    width:45px;
  }
  .area_privilege .box_pri_cont .pri_cont dd .ttl {
    margin: 9px 0 5px 0;
  }  
}