.inner {
    max-width: 1280px;
    margin: 0 auto;
}

@media screen and (max-width: 903px) {
  .inner {
      padding: 10px;
  }
}


.event{
    margin-top:75px;
}

.event_list{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin-bottom:70px;
  }
  
  @media screen and (max-width: 903px) {
    .event_list{
      margin-bottom:15px;
    }
  }
  
  .event_list_item{
    display:flex;
    flex-direction:column;
    width:calc((100% - 90px)/ 4);
    margin:0 30px 30px 0;
    box-shadow: 0 0 8px rgba(192, 192, 192, 0.8);
  }
  
  @media screen and (max-width: 903px) {
    .event_list_item{
      display:column;
      margin:0 0 10px;
      width:100%;
    }
  }
  
  .event_list_item a{
    display:block;
    width:100%;
    height:100%;
    cursor: pointer;
  }
  
  .event_list_item a:hover{
    opacity:0.7;
    transition: all 0.3s;
  }
  
  
  .event_list_item:nth-child(4n){
    margin-right:0;
  }
  .mv_block .main_ttl
  .event_list_item_img{
    position:relative;
  }
  
  .event_list_item_img span{
    position:absolute;
    top:0;
    left:0;
    font-size:1.2rem;
    display:inline-block;
    padding:8px 8px;
    color:#fff;  
  }
  
  .event_list_item_img span.blue{
    background:linear-gradient(45deg, #262ed6, #0a2986);
  }
  
  .event_list_item_img span.sky{
    background:linear-gradient(45deg, #219ed8, #3aaff3d8);
  }
  
  
  
  .event_list_wrap{
    padding:15px 15px 0;
  }
  
  .event_list_ttl{
    font-size:1.6rem;
    font-weight:600;
    margin-bottom:20px;
  }
  
  .event_list_ico_01{
    display:inline-block;
    font-size:1.2rem;
    background:#ebedff;
    padding:3px;
    margin:0 10px 5px 0;
  }
  
  .event_list_txt{
    font-size:1.4rem;
    margin:10px 0;
  }
  
  .event_list_date{
    font-size:1.4rem;
    color:#848484;
    margin-bottom:6px;
  }
  
  .event_list_product{
    font-size:1.2rem;
    border:1px solid #d7d7d7;
    padding:2px 5px;
    display:inline-block;
    margin-bottom:15px;
  }
  
  .event_list_link{
    display:block;
    position:relative;
    padding-left:20px;
    font-size:1.4rem;
    margin:0 0 15px 0;
    margin-top:auto;
  }
  
  .event_list_link:before{
    position:absolute;
    content:"";
    width:8px;
    height:8px;
    border-top:2px solid #848484;
    border-right:2px solid #848484;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    transform: rotate(45deg);
  }
  
  .settion_ttl{
    font-size:1.8rem;
    font-weight:600;
    margin-bottom:30px;
  }

  @media screen and (max-width: 903px) {
    .settion_ttl{
      font-size:1.6rem;
      font-weight:600;
      margin-bottom:15px;
    }
  }

  .settion_ttl span{
    font-size:1.6rem;
    display:block;
  }

  .settion_tbl{
    border-collapse: collapse;   
    margin-bottom:50px;
    width:100%;
  }

  @media screen and (max-width: 903px) {
    .settion_tbl{
      margin-bottom:15px;
    }
  }

  .settion_tbl td{
    border:1px solid #dedede;
    padding:15px 10px;;
    font-size:1.4rem;
  }

  .settion_tbl th{
    border:1px solid #ccc;
    background:#eee;
    border:1px solid #dedede;
    padding:10px;;
    font-size:1.6rem;
  }

  @media screen and (max-width: 903px) {
    .settion_tbl th{
      font-size:1.4rem;
    }
  }

  .settion_tbl th span{
    display:block;
    font-size:1.4rem;
  }

  .settion_cta{
    display:flex;
    justify-content: center;;
  }

  .settion_cta_link{
    display:inline-block;
    padding:10px 30px;
    background: linear-gradient(45deg, #262ed6 5%, #0a2986);
    color:#fff;
    position:relative;
    width:200px;
    text-align:center;
  }

  .settion_cta_link:before{
    position:absolute;
    content:"";
    width:8px;
    height:8px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    left:10px;
    top:50%;
    transform: rotate(45deg);
    margin-top:-4px;
  }

  .settion_block{
    margin-bottom:50px;
  }

  @media screen and (max-width: 903px) {
    .settion_block{
      margin-bottom:15px;
    }
  }

