@charset "utf-8";

/* top */
#main {padding: 0;}
#mv {
  padding: 0;
  position: relative;
}
#bg_v {
  overflow: hidden;
  /*max-height: 300px;*/
  /*width: 100%; */ 

}
@media screen and (min-width: 950px) {
  #bg_v {
      max-height: 600px;
      /*margin: 0 230px 0 0; */     
    }    
}
@media screen and (min-width: 1200px) {
  #bg_v {
      max-height: 800px;
      /*margin: 0 230px 0 0;*/      
    }    
}
@media screen and (min-width: 1450px) {
  #bg_v {
      max-height: 1000px;
      margin: 0 230px 0 0;
    }
    
}
#bg_v > p {
  width: 100%;
  position: absolute;
  bottom: 8%;
}
#bg_v > p img {
  width: 64%;
  max-width: 800px;
  margin: 0 auto 3%;
}
#bg_v .slick-slider {
  z-index :-1;
}
#bg_v > p a,
div.bx_btn > a,
#yt ul.lst_ty li > a {
  width: 50%;
  max-width: 480px;
  margin: 0 auto;
  padding: 2px;
  /*background: #fcffcc;
  border: 3px solid #dd3030;
  border-radius: 4rem;
  color: #dd3030;*/
  display: block;
  font-size: 1.4rem;
  font-weight: 900;
  text-align: center;
    background: #dd3030;
    border-radius: 10px;
    color: #ffffff;
}
#bg_v > p a.btn_yt {
  background: #dd3030;
  color: #fff;
}
#bg_v > p a span,
div.bx_btn > a span {
  padding: 10px 1%;
  /*border: 1px solid #dd3030;
  border-radius: 4rem;*/
  display: block;
  font-family: Noto Sans, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#bg_v > p a.uc span,
#prsntr > div > a.uc span,
#btn > div > a.uc span {
  /*border: 1px solid #fff;*/
}
#bg_v > p a.btn_yt span {
  border: 1px solid #fff;
}
#bg_v > p a:hover,
div.bx_btn > a:hover {
  /*background: #dd3030;
  color: #fff;*/
  opacity: 1!important;
    background: #fbe7e7;
    color: #dd3030;
}
#bg_v > p a:hover span,
div.bx_btn > a:hover span {
  /*border: 1px solid #fff;*/
}

.slick-slide img {width: 100%;}

/*#main h2 {background: none;}*/

#main section#news {
  padding: 10px 0;
  /*background: #ffeeee;*/
}
#main section#news ul {
  width: 100%;
  display: table;
}
#main section#news li {
  /*width: calc(100% - 230px);
  display: table-cell;*/
  vertical-align: top;
}
#main section#news li:first-child {
  /*width: 170px;*/
  /*border-bottom: 2px solid #dd3030;*/
}
/*#main h2{
    width: 100%;
    padding: 0.5em 0;
    background: #dd3030;
    color: #ffffff;
    font-weight: 900;
}*/
#main section#news h2 {
    margin: 3px 0 5px 0;
    padding: 0 2% 0 0;
    font-size: 128%;
    background: #ffffff;
    border-bottom: solid 1px #878787;
    /*color: #dd3030;*/
    font-weight: normal;
    color: #000000;
}

#news dl {
  width: 97%;
  max-height: 110px;
  padding: 10px 0 10px 3%;
  display: inline-block;
  overflow-y: auto;
  vertical-align: top;
     
    /*scrollbar-color: #6969dd #e0e0e0;*/
    scrollbar-width: thin;

}

#news dl::-webkit-scrollbar {
    width: 16px;
}
 
#news dl::-webkit-scrollbar-track {
    background-color: #CCCCCC;
    
}
 
#news dl::-webkit-scrollbar-thumb {
    background-color: #E7242E;
    
}



#news dl dt,
#news dl dd {
  width: calc(100% - 122px);
  display: inline-block;
  text-align: left;
  vertical-align: top;
  font-size: 0.9em;
}
#news dl dt {width: 108px;}
#news dl dd {
  border-bottom: 1px dashed #ccc;
  margin: 0 0 8px;
}
#news > dl dd a {vertical-align: top;}


#ovvw {
    padding: 0px 0 0 0;
    /*background: #fbe7e7;*/
}
/*#ovvw h2 {
  margin: 0 auto 0px;
  font-size: 145%;
}*/
#ovvw > ul,
#twtr div > ul,
#yt ul.lst_ty,
#yt ul.lst_mvty,
#yt > div > dl {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  align-items: end;
  justify-content: space-between;
}
#ovvw > ul li,
#twtr div > ul li.pht,
#twtr div > ul li {
  width: 48%;
  text-align: left;
}
#ovvw > ul li > p,
#twtr div > ul li p {line-height: 1.5;}
#ovvw > ul li > a {
  width: 66%;
  margin: 30px auto 0;
  padding: 18px 1% 18px 1%;
  border: 1px solid #dd3030;
  border-radius: 4rem;
  color: #dd3030;
  display: block;
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}
#ovvw > ul li > a:hover {
  background-color: #ffeeee;
}
#bg_v > p a.uc,
#ovvw > ul li > a.uc,
#prsntr > div > a.uc,
#btn > div > a.uc {
  background: #eee;
  /*border: 1px solid #999;*/
  color: #999;
}

#twtr {padding: 30px 0 70px 0;}
#twtr h2 {
  padding: 10% 0 0;
  background: transparent url(../../img/top/twtr_logo.png) no-repeat center 0;
  background-size: 8% auto;
  font-size: 150%;
}
#twtr div > ul li {
  color: #fff;
}
#twtr div > ul li p {margin: 0 auto 30px;}
#main #twtr div > ul li p:nth-child(2) {
  padding: 10px 2%;
  background: #fff;
  color: #dd3030;
  text-align: center;
  font-size: 132%;
  font-weight: 900;
}
#twtr div > ul li p:nth-child(2) strong {
  color: #7f7f7f;
  font-weight: 900;
}
#twtr div > ul li:nth-child(2) > a {
  width: 40%;
  margin: 0 auto;
  padding: 15px 9%;
  border: 1px solid #fff;
  border-radius: 3rem;
  color: #fff;
  display: block;
  font-size: 120%;
  text-align: center;
}
#twtr div > ul li:nth-child(2) > a:hover {
  background-color: #a90808;
}

#prsntr > h2, #schdl > div > h2 {
  /*font-size: 175%;*/
}
#prsntr > p {
  margin: 0 auto 45px;
}
#prsntr > ul,
#prsntr > ul ol {
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  align-items: flex-start;
  justify-content: space-between;
}
#prsntr > ul:not(:last-child) {margin: 0 auto;}
#prsntr > ul > li,
#prsntr > ul > li > ol li {
  width: 49%;
}
#prsntr > ul > li > ol li {
  width: 48%;
}
#prsntr > ul > li b {
  margin: 0 auto 10px;
  padding: 6px 0 6px 4%;
  background: #c30d23;
  color: #fff;
  display: block;
/*   line-height: 1; */
  text-align: left;
}
#prsntr > ul > li li.pnl b {background: #036eb7;}
#prsntr > ul > li li.bnk b {background: #007130;}
#prsntr > ul > li li.dmr b {background: #796a56;}
#prsntr > ul li p {
  /*margin: 0 auto 5px;*/
    margin: 0 auto 3px;
  color: #000;
  /*font-size: 88%;*/
  text-align: left;
    font-size: 100%;
}
#prsntr > ul li h3 {
  padding: 0;
  color: #000;
  text-align: left;
    font-size: 15px;
    border-bottom: none;
}

#main #schdl {margin: 0 auto 70px;}
#schdl > div > p {
  margin: 0 auto 40px;
}
#schdl > div > ul > li:not(:last-child) {margin: 0 auto 12px;}
#schdl > div > ul > li.brk {
  padding: 3px 0 1px;
  background: #e7cccc;
  font-weight: 900;
}
#schdl > div > ul > li > dl {
  width: 100%;
  padding: 10px 0;
  display: table;
  /*background: #fff;*/
    background: #ffeeee;
    border-radius: 5px;
}
#schdl > div > ul > li > dl > * {
  width: 150px;
  display: table-cell;
}
#schdl > div > ul > li > dl > dt {
  font-weight: bold;
}
#schdl > div > ul > li > dl > dd {
  width: calc(100% - 150px);
  padding: 0 0 0 3%;
  border-left: 2px solid #dd3030;
  text-align: left;
}
#schdl div ul > li dl dd h3 {
  margin: 0 auto 7px;
  padding: 10px 0 0 0;
  font-weight: bold;
    border-bottom: none;
    text-align: left;
}
#schdl div ul > li dl dd h3.mb0 {margin: 0 auto;}
#main #schdl div ul > li dl dd p {
  margin: 0 auto 7px;
  color: #000;
}
#main #schdl div ul > li dl dd p span{
  margin: 0 auto 5px;
  font-size: 120%;
  font-weight: bold;
  display: block;
}
#schdl div ul > li dl dd > ul li > ol li,
#schdl div ul > li dl dd > ol li {
  /*margin: 0 0 5px 0;
  padding: 0 0 0 6.9rem;
  line-height: 1.3;
    text-align: left;*/
    margin: 0 0 5px 0;
  padding: 0 0 0 5.0em;
  line-height: 1.3;
}
#schdl div ul > li dl dd > ul li > ol.chief li,
#schdl div ul > li dl dd > ol.chief li {
  padding: 0 0 0 6.1rem;
}
#schdl div ul > li dl dd > ul li > ol.demo li,
#schdl div ul > li dl dd > ol.demo li {
  /*padding: 0 0 0 7.5rem;*/
    padding: 0 0 0 7rem;
}

/*#schdl div ul > li dl dd > ul li > ol li:before,
#schdl div ul > li dl dd > ol li:before {
  margin: 0 0 0 -6.9rem;
  color: #990000;
  content: '・登壇経営者';
}
#schdl div ul > li dl dd > ul li > ol.chief li:before,
#schdl div ul > li dl dd > ol.chief li:before {
  margin: 0 0 0 -6.1rem;
  content: '・登壇首長';
}*/

#schdl div ul > li dl dd > ul li > ol li:before,
#schdl div ul > li dl dd > ol li:before {
  margin: 0 0 0 -5.0em;
  color: #990000;
  content: '・登壇者';
}
#schdl div ul > li dl dd > ul li > ol.demo li:before,
#schdl div ul > li dl dd > ol.demo li:before {
  /*margin: 0 0 0 -7.5rem;*/
  margin: 0 0 0 -7.5rem;
  content: '・モデレータ';
}


@media screen and (max-width: 640px) {
  #schdl div ul > li dl dd > ul li > ol.demo li:before,
  #schdl div ul > li dl dd > ol.demo li:before {
  margin:0 0 0 -4rem;
}
}

#schdl .e ol li{
  /*padding: 0 0 0 7.5rem;*/
    padding: 0 0 0 6.4rem;
}
#schdl .e ol li:before {
  margin: 0 0 0 -6.4em;
  color: #990000;
  content: '・Speakers';
}
#schdl .e ol.demo li{
  /*padding: 0 0 0 7.5rem;*/
    padding: 0 0 0 6.7rem;
}
#schdl .e  ol.demo li:before {
  margin: 0 0 0 -6.7rem;
  content: '・Moderator';
}
/*
#schdl div ul > li dl dd > ul li > ol li span:not(.btn_online):before,
#schdl div ul > li dl dd > ol li span:not(.btn_online):before {
  content: ':';
}
*/
#schdl div ul > li dl dd > ul li.u_line {
  margin: 0 auto 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #cccccc;
}
#schdl div ul > li dl dd > h3.u_line {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #cccccc;
}

#dld, #dld2 {
  width: 80%;
  max-width: 700px;
  margin: 0 auto 10px;
  padding: 10px 4% 40px 4%;
  border: 2px solid #dd3030;
}
#dld, #dld2 {margin: 0 auto 30px;}
#dld .sel_02,
#dld2 .sel_02 {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
}
#dld .sel_02 > div,
#dld2 .sel_02 > div {
  width: 48%;
}
#dld .sel_02 > div > img {
  width: 48%;
  vertical-align: top;
  border: 1px solid #ccc;
}
#dld2 .sel_02 > div > img {
  vertical-align: top;
  border: 1px solid #ccc;
}
#dld .sel_02 > div a:not(:last-child),
#dld2 .sel_02 > div a:not(:last-child) {
  margin: 0 auto 8%;
  padding: 15px 1%;
  background: #dd3030;
  border-radius: 3rem;
  color: #fff;
  display: block;
  font-weight: 700;
  text-decoration: none;
}
#dld2 > div.bx_wbx {
  padding: 20px 0 0 0;
}
#dld2 > div.bx_wbx p {
  margin: 0 auto 10px;
  font-size: 1.3rem;
  position: relative;
}
#dld2 > div.bx_wbx p:before,
#dld2 > div.bx_wbx p:after {
  content: '▼';
}
@media screen and (max-width: 870px) {
  #dld2 > div.bx_wbx p {font-size: 2.2vw;}
}
#dld2 > div.bx_wbx > a {
  padding: 15px 1%;
  background: #dd3030;
  color: #fff;
  display: block;
  font-weight: 700;
  text-decoration: none;
}
#dld .sel_02 > div a:not(:last-child):before,
#dld2 .sel_02 > div a:not(:last-child):before,
#dld2 > div.bx_wbx > a:before {
  margin: 0 6px 0 0;
  content: '　';
  background: url(../../img/ico_dld.png) no-repeat center center;
  background-size: auto 100%;
}
#dld > div > div.r_bx > a:last-child,
#dld2 > div > div.r_bx > a:last-child {
  color: #666;
  display: inline-block;
  font-size: 75%;
  text-decoration: none;
  text-align: left;
}
#dld > div > div.r_bx > a:last-child img,
#dld2 > div > div.r_bx > a:last-child img {
  width: 68%;
  margin: 0 auto 5px;
  border: 1px solid #bbb;
}

#btn {padding: 90px 0;}

#main section#yt {
  margin: 0 auto;
  padding: 30px 0 45px;
  background: #dd3030;
}
#main section#yt .nst {
  width: 90%;
  max-width: 900px;
}
#main section#yt h2 {
  /*max-width: 100%;
  margin: 0 auto 25px;
  padding: 8px 1%;
  background: none;
  border: 1px solid;
  color: #fff; */
}
#main section#yt div div {
  margin: 0 auto 15px;
  padding-top: 56.25%;
  position: relative;
}
#main section#yt iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
}
#main section#yt div > p {
  margin: 0 auto 20px;
  color: #fff;
  font-weight: 900;
}

#yt > div > dl {
  width: 92%;
  max-width: 560px;
  margin: 0 auto 25px;
  padding: 16px 3%;
  border: 1px solid;
  color: #fff;
  text-align: left;
}
#yt > div > dl dd {
  width: calc(100% - 72px);
}

#yt ul.lst_ty li {
  width: 24%;
}
#yt ul.lst_ty li > a {
  width: 98%;
  padding: 8px 1%;
  background: #fff;
  border: none;
  font-size: 1rem;
}
#yt ul.lst_mvty {
  margin: 0 auto -20px;
  justify-content: space-evenly;
}
#yt ul.lst_mvty li {
  width: 48%;
  max-width: 360px;
  margin: 0 0 25px;
}
#yt div > a,
#yt div > a img,
#yt ul.lst_mvty li > a,
#yt ul.lst_mvty li > a img {
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  line-height: 1;
}
#yt div > a img {margin: 0 auto 10px;}

#main section ul li h4 {
  margin: 0 auto 5px;
  color: #a00000;
  display: block;
  font-size: 140%;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue' , Helvetica , Arial , Verdana , Roboto , '游ゴシック' , 'Yu Gothic' , '游ゴシック体' , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: 600;
  line-height: 1.3em;
  text-align: left;
}



#main section div.bx_prsn div {
  width: calc(92% - 130px);
  margin: 0 0 0 2%;
  padding: 10px 10px;
  display: inline-block;
  text-align: left;
}

#main section div.bx_prsn div p{
  font-size: 80%;
}


/* Tb */
@media screen and (max-width: 770px) {
  #main section ul li div > span.img,
  #main section ul li p.pht span.img {
    width: 18%;
  }

  #main #twtr div > ul li p:nth-child(2) {
    font-size: 2.3vw;
  }

  #prsntr > ul > li b {
    font-size: 1.8vw;
  }

  #schdl > div > ul > li > dl > * {
    width: 120px;
  }
}


/* sp */
@media screen and (max-width: 640px) {
  #hdr {margin: 0 auto -1px;}
  #mv h1 {width: 90%;}
  #mv h1 img {width: 80%;}
  #mv h1 img:nth-child(1) {width: 46%;}
  #mv h1 img:last-child {
    width: 70%;
    margin: 10px auto 0;
  }
  #bg_v > p {bottom: 6%;}
  #bg_v > p img {
    width: 80%;
    max-width: 400px;
    -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, .9));
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .9));
  }
  #bg_v > p a, div.bx_btn > a {
    width: 72%;
    font-size: 5vw;
  }
  #bg_v > p a span {padding: 6px 1%;}

  .slick-slide img {
    /*width: 200%;
    max-width: 200%;*/
      /*width: 150%;
    max-width: 150%;
    margin: 0 0 0 -25%;*/
    overflow: hidden;
  }

  #main #nav {display: none;}

  #news {padding: 15px 0;}
  #main section#news ul {
    width: 94%;
    margin: 0 auto;
  }
  #main section#news li,
  #main section#news li:first-child {
    width: 100%;
    border-right: none;
    display: block;
  }
  #main section#news h2 {
    width: 100%;
    margin: 0 auto 10px;
    padding: 0 0 5px;
    border: none;
    /*border-bottom: 2px solid;*/
  }
  #news dl {
    width: 100%;
    padding: 0;
    max-height: 100px;
  }
  #news dl dt {width: 86px;}
  #news dl dd {width: calc(100% - 102px);}

  #main section p.exp {font-size: 4.5vw;text-align: left;}

  #main section#yt h2 {
    /*font-size: 5vw;*/
  }
  #yt > div > dl dt,
  #yt > div > dl dd {
    margin: 0 0 5px;
  }
  #yt > div > dl dd {width: calc(100% - 66px);}

  #ovvw {/*padding: 30px 0;*/}
  #ovvw h2 {
    /*margin: 0 auto 20px;
    font-size: 4.7vw;*/
  }
  #ovvw > ul,
  #twtr div > ul,
  #yt ul.lst_ty {
    display: block;
  }
  #ovvw > ul li, #twtr div > ul li.pht,
  #twtr div > ul li,
  #yt ul.lst_ty li,
  #yt ul.lst_mvty li {
    width: 100%;
    margin: 0 auto 20px;
  }
  #yt ul.lst_ty li:last-child,
  #yt ul.lst_mvty li:last-child {
    margin: 0 auto;
  }


  #ovvw > ul li > a,
  #twtr div > ul li:nth-child(2) > a {
    width: 80%;
    margin: 30px auto 0;
    padding: 12px 1%;
  }

  #twtr h2 {
    padding: 22% 0 0;
    background: transparent url(../../img/top/twtr_logo.png) no-repeat center 0;
    background-size: 16% auto;
    font-size: 5vw;
  }

  #main section > div > ul li,
  #main section > div > ul li > p {
    width: auto;
    display: block;
  }

  #main section > div > ul li p:not(.pht) {
    margin: 0 auto 20px;
  }
  #main section > div ul li h4 {
    margin: 0 auto 10px;
    font-size: 4.5vw;
  }

  #twtr {padding: 30px 0 20px 0;}
  #main #twtr div > ul li p:nth-child(2) {
    font-size: 4.4vw;
  }

  #prsntr > ul > li {width: 100%;}
  #prsntr > ul > li b {font-size: 3.5vw;}

  #schdl > div > ul > li > dl > *,
  #schdl > div > ul > li > dl > dd {
    width: 92%;
    margin: 0 auto;
    padding: 0;
    display: block;
  }
  #schdl > div > ul > li > dl > dd {
    border: none;
    border-top: 2px solid #dd3030;
    text-align: left;
  }
  #schdl div ul > li dl dd h3 {font-size: 3.9vw;}
  #main #schdl div ul > li dl dd p span {
    font-size: 3.5vw;
  }
  #schdl div ul > li dl dd > ol li,
  #schdl div ul > li dl dd > ol.demo li {
    padding: 0 0 0 4rem;
  }
  #schdl div ul > li dl dd > ul li > ol li {
    padding: 0 0 0 4rem;
  }
  #schdl div ul > li dl dd > ul li > ol.chief li {
    padding: 0 0 0 5rem;
  }
  #schdl div ul > li dl dd > ul li > ol.demo li {
    padding: 0 0 0 4rem;
  }
  /*
  #schdl div ul > li dl dd > ul li > ol li:before {
    margin: 0 0 0 -6.2rem;
  }
  */
  #schdl div ul > li dl dd > ul li > ol.chief li:before {
    margin: 0 0 0 -5.3rem;
  }
  #schdl div ul > li dl dd > ul li > ol:not(.demo) li span:before {
    margin: 0;
  }
  #schdl div ul > li dl dd > ol.spkrs li span:before {
    margin: 0 0.1rem 0 0;
  }

  #dld, #dld2 {padding: 10px 4% 25px 4%;}
  #dld h2, #dld2 h2 {/*margin: 0 auto;font-size: 4.4vw;*/}
  #dld .sel_02, #dld2 .sel_02 {display: block;}
  #dld .sel_02 > div, #dld2 .sel_02 > div {width: 100%;}
  #dld .sel_02 > div:first-child,
  #dld2 .sel_02 > div:first-child {margin: 0 auto 15px;}

  #dld2 > div.bx_wbx p {
    font-size: 4vw;
    line-height: 1.3;
  }
  #dld2 > div.bx_wbx p:before,
  #dld2 > div.bx_wbx p:after {
    position: absolute;
    top: 30%;
  }
  #dld2 > div.bx_wbx p:before {
    left: 4%;
  }
  #dld2 > div.bx_wbx p:after {
    right: 4%;
  }

  #btn {padding: 50px 0;}
}


.kirihiraku{
    background: rgb(221,48,48);
background: linear-gradient(90deg, rgba(221,48,48,1) 75%, rgba(221,48,48,0) 100%);
    color: #ffffff;
    position: absolute;
    top: 10%;
    z-index: 10;
    font-family: 'Noto Serif JP', serif;
    font-size: 51px;
}
@media screen and (max-width: 1499px) {
    .kirihiraku{
        font-size: 40px;
    }
}
@media screen and (max-width: 1199px) {
  .kirihiraku{
        font-size: 30px;
    }    
}
@media screen and (max-width: 770px) {
 .kirihiraku{
        /*font-size: 150%;*/
     font-size: 25px;
    }    
}
.kirihiraku p{
   /* margin: 0 25% 0 10%;*/
    /*padding: 0 0% 0 1em;*/
    width: 17em;
}






.date{
     width: 100%;
    background: rgba(255,255,255,0.70);
    position: absolute;
    bottom: 0%;
    z-index: 10;
    padding: 1% 0;
}
.date img{
    width: 90%;
    margin: 0 auto
}
@media screen and (max-width: 1499px) {
    .date{
        bottom: 5%;
    }
}
@media screen and (max-width: 1199px) {
  .date{
        bottom: 35%;
    }  
}
@media screen and (max-width: 770px) {
     .date{
        bottom: 0%;
    }
}
@media screen and (max-width: 640px) {
     .date{
        bottom: 25%;
    }
}
@media screen and (max-width: 500px) {
     .date{
        bottom: 0%;
    }
}
#ovvw .bg_img{
    background: url("../../img/top/ovvw_img.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}
@media screen and (max-width: 770px) {
    #ovvw .bg_img{
        background-size: cover;
        background-position: left 10% center;        
    }
    .bg_img .nst{
      width: 100%;
    }
    
}

#look .bg_img_2{
    background: url("../../img/top/ovvw_img_2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}
@media screen and (max-width: 770px) {
    #look .bg_img_2{
        background-size: cover;
        background-position: right 10% center;        
    }
    .bg_img_2 .nst{
      width: 100%;
    }
    
}
.bg_w_30{
    background: rgba(255,255,255,0.50);
    width: 60%;
    padding: 2%;
    margin: 1% 18% 1% 18%;
    /*margin: 0 auto;*/
}
@media screen and (max-width: 770px) {
    .bg_w_30{
        background: rgba(255,255,255,0.70);
        width: 90%;
        margin: 1% 2% 1% 2%;
    }
}
.bg_p{
    background: #fbe7e7;
}
.bg_p h2{
   margin: 0 auto!important; 
}
.bg_p h3{
    padding: 3% 0 2% 0;
    border-bottom: none;
    /*text-align: left;*/
}
@media screen and (max-width: 770px) {
    .bg_p h3{
        padding: 1% 0 1% 0;
        margin: 0 0 40% 0;
       text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
    }
    .look_h3 h3{
        margin: 0 0 2% 0;
    }
}
.c_b{
    clear: both;
}
#prsntr h3{
    /*margin-top: -5%;*/
}

/*----------------------------*/
#prsntr div > ul > li {
  width: 19%;
  margin: 0 /* 1.3% */0 30px 0;
    display: inline-block;
}
@media screen and (max-width: 640px) {
  #prsntr div > ul > li {
    width: 48%;
    margin: 0 0 30px;
  }
}
#prsntr div > ul li p {
  margin: 0 auto 5px;
  color: #1a1a1a;
  text-align: left;
}
#prsntr div > ul li h4 {
  padding: 0;
  color: #1a1a1a;
  font-size: 105%;
  text-align: left;
}
@media screen and (max-width: 640px) {
  #prsntr div > ul li p {
    margin: 0 auto;
    font-size: 86%;
  }
}
.fs_60{
    font-size: 60%;
}



/*------------------　スライドショー　-----------------------*/
.fadeslide {
	position: relative;
	/*width: 300px;
	height: 250px;*/
    width: 100%;
	/*height: 800px;*/
	overflow: hidden;
	z-index: 0;
    aspect-ratio: 16 / 9;

}
@media screen and (max-width: 770px) {
    .fadeslide {
        /*height: 800px;*/
    }
}
.fadeslide div {
	position: absolute;
	top: 0;
	left: 0;
}

.fadeslide div:nth-of-type(1) {
	animation: fadeslide 18s 0s infinite both;
	z-index: 6;
}

.fadeslide div:nth-of-type(2) {
	animation: fadeslide 18s 6s infinite both;
	z-index: 5;
}

.fadeslide div:nth-of-type(3) {
	animation: fadeslide 18s 12s infinite both;
	z-index: 4;
}

/*
.fadeslide div:nth-of-type(4) {
	animation: fadeslide 20s 15s infinite both;
	z-index: 3;
}

/*.fadeslide div:nth-of-type(5) {
	animation: fadeslide 30s 20s infinite both;
	z-index: 2;
}

.fadeslide div:nth-of-type(6) {
	animation: fadeslide 30s 25s infinite both;
	z-index: 1;
}*/

@keyframes fadeslide {
	/*0% { left: 0; opacity: 0; }
	5% { left: 0; opacity: 1; }
	20% { left: 0; opacity: 1; }
	25% { left: 0; opacity: 0; }
	26% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }*/
    
    0% { left: 0; opacity: 0; }
	5% { left: 0; opacity: 1; }
	20% { left: 0; opacity: 1; }
	45% { left: 0; opacity: 0; }
	90% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }
    
}

.s_img{    
    margin: 0;
    padding: 0;
}
.s_img div:not(.btn_online){
    display: inline-block;
    width: 22%;
    margin: 1%;
    padding: 0;
    vertical-align: top;
    font-size: 80%
}
@media screen and (max-width: 770px) {
    .s_img div:not(.btn_online){        
        width: 30%;
    }
}
.s_img img{
    width: 100%;
}
/*.btn_online{
    padding: 0.2em;
    border-radius: 5px;
    background: #dd3030;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 70%
}*/
.btn_online{
    padding: 0.2em;
    border-radius: 5px;
    background: #dd3030;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 70%;
    width: 6em;
    display:inline-block;
}
#schdl ol a{
    color: #000000;
}

.bg_event_img2023{
    background: url("../../img/top/bg_event_img2023.jpg");
    background-size: cover;
    background-position: center center;
}
.bg_event_img2023 h3{
    background: transparent;
    font-size: 130%;  
    font-weight: 900;
    color: #E7242E;
    text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
    /*margin: 5% 0;*/
    padding: 10% 0 0 0;
    width: 84%;
    margin: 0 auto;
    line-height: 150%;
}


@media screen and (max-width: 640px) {
  .bg_event_img2023 h3{
    width: 99%;
    font-size: 110%;}
  }

.bg_event_img2023 h4{
    font-weight: 500;
    font-size: 110%;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
    /*text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;*/
    /*margin: 5% 0;*/
    padding: 5% 0;
    width: 80%;
    margin: 0 auto;
    line-height: 150%;
    font-family: 'Noto Sans JP', sans-serif;

}
@media screen and (max-width: 640px) {
  .bg_event_img2023 h4{
    width: 99%;
    font-size: 100%;}
  }



.j{
    background-color: #195D9C;
    padding: 0.3em;
    width: 90%;
    color: #ffffff;
    font-weight: bold;
    margin: 0.3em 5% 1em 5% ;
    text-align: center;
}
.en{
    background-color: #dd3030;
    padding: 0.3em;
    width: 90%;
    color: #ffffff;
    font-weight: bold;
    margin: 0.3em 5% 1em 5% ;
    text-align: center;
}

/* 240910追記 */
.sp{
  display: none;
}

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


/* 241227追記 */
.digest2024{
  display: flex;
}
.digest2024_btn a{
  width: 80% !important;
  margin-bottom: 15px !important;
}
.digest2024_btn a span{
  font-size: 1rem !important;
}

.digest2024_h3{
  text-align: left;
  font-size: 1.15em;
}

.digest2024_right{
  margin-left: 40px;
  max-width: 500px;
}

@media screen and (max-width: 768px) {
  .digest2024{
    display: block;
  }

.digest2024_right{
  margin-left: 0px;
  margin-top: 20px;
  max-width: 100%;
}
  }