@charset "UTF-8";
/*----------------------------------------------------------------------------*/

* {
  box-sizing: border-box;
}
body {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.5vw;
  line-height: 1.5;
  display: block;
  z-index: -1;
  text-align: left;
  color:#FFF;
  width: 100%;
  background-color: black;
  margin: 0;
  font-size: 16px;
}

p {
    margin: 0;
    padding: 0;
}

img {
  max-width: 100%;
}
ul {
    text-decoration: none;
    text-align: left;
    list-style: none;
    padding: 0;
    line-height: 1.5;
}
.pc {display: block;}
.sp {display: none;}
#t-spark_top {background-color: black;}
.w-100 {width: 100%;}

/* top */
#top { width: 100%; text-align: center;}
#top img { width: 100%;}
.section_title {
    text-align: center;
    width: 100%;
    background-image: linear-gradient(90deg, rgba(0, 177, 191, 1), rgba(36, 83, 164, 1));
    margin-bottom: 50px;
}
.section_title img {
    width: 30%;
    margin-top: 5px;
}

/* sec2 */
#sec2 { margin: 100px 0; text-align: center;}
#sec2 .event_info {
    display: flex;
    justify-content: center;
    width: 50%;
    margin: 0 auto 30px;
    line-height: 1.7;
    text-align: left;
}
#sec2 .blue_btn {
    width: 40%;
    margin-top: 20px;
}
#sec2 .event_info .title {
    width: 15%;
    font-weight: bold;
    margin-right: 10px;
}
#sec2 .event_info .text {
    width: 78%;
}

/* sec3 */
#sec3 .brands {
    display: flex;
    flex-wrap: wrap;
    width: 60%;
    margin: 50px auto 150px;
    justify-content: center;
}
#sec3 .brands img {
    margin-bottom: 20px;
}
#sec3 .brands .w-28 {
    width: 45%;
}
#sec3 .brands .w-23 {
    width: 45%;
}
#sec3 .brands .mr_20px {
    margin-right: 20px;
}

/* info */
p.copy {
    font-size:2.5vw;
    text-align: center;
}
/* COPYRIGHT */    
#copyright1{
    width:96%;
    margin:0 auto 5vw;
    text-align: center;
}
#copyright1 p{
    font-size:2.5vw;
    text-align: left;
    line-height: 2;
}   
#brand_detail #copyright1{
    width:96%;
    margin:10vw auto 0vw;
}   

/* みまもりチェック */    
.ageCheck h3{color:#FFF;font-size:5vw;;text-align:center;margin-top:1em;}
.ageCheck p.txt02{color:#FFF; font-size:4vw;text-align:center;}

/* デザインC(PC) */
@media screen and (min-width: 1025px) {
    body {font-size: 16px;}  
        
    /* COPYRIGHT */    
    #copyright1{width:40%;margin:0 auto 140px;}   
    #copyright1 p{font-size:12px;}

    #brand_detail #copyright1{width:860px;margin:140px auto 0px;}   

    /* みまもりチェック */    
    .ageCheck h3{color:#FFF;font-size:28px;;text-align:center;margin-top:2em;}
    .ageCheck p.txt02{color:#FFF; font-size:20px;text-align:center;}
}

@media screen and (max-width: 650px) {
    #sec2 .event_info {width: 90%;}
    #sec2 .event_info .title {width: 20%;}
    #sec2 .blue_btn {width: 90%;}
}

@media screen and (max-width: 430px) {
    .pc {display: none;}
    .sp {display: block;}

    /* sec2 */
    #sec2 {margin: 50px 0;}
    .section_title img {width: 70%;}

    /* sec3 */
    #sec3 .brands {justify-content: space-between; margin: 50px auto;}
    #sec3 .brands a.w-28, #sec3 .brands a.w-23 {width: 49%;}
    #sec3 .brands a.mr_20px {margin-right: 0;}
}