@charset "utf-8";


#advert .mod_ttl_01{
  margin-bottom: 6%;
}
#advert .mod_ttl_02,
#advert .mod_ttl_03{
  margin-bottom: 1.5em;
}

@media screen and (max-width:767px){
#advert .mod_ttl_01{
  margin-bottom: 10%;
}
}



#advert .mod_list_btnList ul > *{
  flex-basis: 25%;
}
#advert .mod_itemList_3_1 .mod_flex figure{
display: block;
position: relative;
}

#advert .mod_itemList_3_1 .mod_flex figure:before{
content: '';
display: block;
position: absolute;
width: 16%;
height: 0;
padding-top: 16%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: url(/shared/image/icon_play.svg) center no-repeat;
background-size: contain;
opacity: 0.8;
z-index: 1;
}
#advert .mod_itemList_3_1 .mod_flex figure:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.2);
}
#advert .mod_itemList_3_1 .mod_flex div p{
  margin-top: 0.5em;
}

#advert .news_art {
margin-top: 2em;
overflow: hidden;
}

#advert * + .mod_txt_01, #advert * + .mod_txt_02 {
margin-top: 1em;
}

#advert .news_imgColumn img {
display: block;
width: auto;
max-width: 100%;
margin: auto;
}

#advert .news_imgColumn {
display: flex;
width: calc(100% + 30px);
margin-left: -15px;
}

#advert .news_imgColumn > * {
flex: 1;
margin: 0 15px;
text-align: center;
}
#advert .news_imgColumn p {
text-align: left;
font-size: 1.6rem;
margin-top: 0.5em;
}
#advert .news_imgColumn .news_imgColumnCaption {
display: inline-block;
margin-top: 0.5em;
text-align: left;
}

@media screen and (max-width: 767px) {

#advert .news_imgColumn {
flex-wrap: wrap;
width: auto;
margin: 0;
}

#advert .news_imgColumn > * {
flex-basis: 100%;
margin: 0;
}

#advert .news_imgColumn > * + * {
margin-top: 2em;
}
#advert .news_imgColumn img {
width: 100%;
}
}

@media screen and (max-width: 767px){
  #advert .mod_list_btnList ul > *{
    flex-basis: calc(100% / 2);
  }
  .mod_itemList_3_1 .mod_flex > *:nth-of-type(n + 2){
    margin-top: 3em;
  }
}
