@charset "utf-8";

/*-------------------------------------------------------------------
setting basic
-------------------------------------------------------------------*/
#wrapper {
    overflow: hidden;
    font-family: 'Noto Serif JP', sans-serif;
    font-weight: 300;
    position: relative;
    letter-spacing: .15em;
}
.mincho{
    font-family: 'Noto Serif JP', serif!important;
}
.gochic{
    font-family: 'Noto Sans JP', sans-serif!important;
}
.fadelink{
    display: block;
    cursor: pointer;
    transition: .6s;
    text-decoration: none;
}
.inner{
    max-width: 86vw;
    margin: auto;
}
.bolder{
    font-weight:900 !important;
    font-size:120%;
    vertical-align: baseline;
}
/* フェードイン */
.is-fadeIn {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    transition: opacity 1.0s, transform 1.0s;
}
.is-fadeIn.is-scrollIn {
    opacity: 1;
    transform: translate(0, 0);
}


@media screen and (min-width:751px){
    .is-fadeIn {
        transform: translate3d(0, 40px, 0);
    }
    .u-sp{
        display: none !important;
    }
    .fadelink:hover{
        opacity: 0.6;
    }
}
@media screen and (max-width:750px){
    .u-pc{
        display: none !important;
    }
}


/*-------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------*/
/* ============ common ============ */

.site_footer {
    background: #e2edff;
    position: relative;
    padding: 27vw 0 20vw;
}
.site_footer::after{
    content: "";
    display: block;
    width:100vw;
    height: 155vw;
    position: absolute;
    top:-53vw;
    left: 0;
    background: url("../images/kv_under_w_sp.png") no-repeat top center;
    background-size: 100%;
}

.footList{
    margin: 0 0 18.6vw;
}
.footList li:not(:last-child){
    margin: 0 0 10.6vw;
}
.footList_tit{
    margin: 0 auto 2.6vw;
}
.footList_tit.-partner{
    width:28.6vw;
}
.footList_tit.-organizer{
    width:34.2vw;
}
.footList_content_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 6.6vw 4vw;
}
.partner_img{
    display: block;
}
.partner_img01{
    width:33.4vw;
    margin: 0 6vw 0 0;
}
.partner_img02{
    width:34.4vw;
}
.partner_img03{
    margin: 6.6vw 0 0;
    width:50vw;
}
.partner_img04{
    margin: 9vw 0 0;
   width:34.4vw;
}
.partner_img05{
  width: 28vw;
  margin: 7vw 4vw 0 0;
}
.partner_img05 img {
  width: 100%;
}


.footList_txt{
    padding: 6.6vw 0;
    text-align: center;
    color: #020d30;
    font-size: 4vw;
}
.copyright {
    text-align: center;
    color: #000;
    display: block;
    font-size: 3.43vw;
}

/* ============ pc ============ */
@media screen and (min-width:751px){
    .site_footer {
        padding: 240px 0 15px;
    }
    .site_footer::after{
        width:100%;
        height: 505px;
        top:-364px;
        background: url("../images/kv_under_w.png") no-repeat top center;
        background-size: 100%;
    }
    .footList{
        margin: 0 0 90px;
    }
    .footList li:not(:last-child){
        margin: 0 0 50px;
    }
    .footList_tit{
        margin: 0 auto 10px;
    }
    .footList_tit.-partner{
        width:108px;
    }
    .footList_tit.-organizer{
        width:128px;
    }
    .footList_content_flex{
        padding: 25px 0 30px;
        border-radius: 5px;
    }
    .partner_img01{
        width:20.9%;
        margin: 0 5% 0 0;
    }
    .partner_img02{
        width:21.5%;
        margin: 0 5% 0 0;
    }
    .partner_img03{
        margin: 0;
        width:31.3%;
    }
    .partner_img04{
        margin: 6% 0 0 0;
        width:26%;
    }
    .partner_img05{
      margin: 5% 4% 0 0;
      width: 20%;
    }
  .footList_txt{
        border-radius: 5px;
        padding: 28px 0;
        font-size: 1.5rem;
    }
    .copyright {
        font-size: 1.3rem;
    }
}


/*-------------------------------------------------------------------
MAIN
-------------------------------------------------------------------*/

/* ============ animation ============ */
@keyframes rotation{
    0%{ transform:rotate(0);}
    100%{ transform:rotate(360deg); }
}
@keyframes fall {
  from{
    top:-50px;
  }
  to {
    top: 0%;
  }
}
@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-15deg);
  }
    40% {
        transform: rotate(15deg);
    }
    60% {
        transform: rotate(-15deg);
    }
    80% {
        transform: rotate(15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/* ============ common ============ */
.inner{
    max-width: 86vw;
    margin: auto;
    position: relative;
    z-index: 10;
}
.main_content{
    background: #010536;
    color: #fff;
}
.sec_bg{
    background: url("../images/timeline_bg_sp.png") no-repeat bottom center;
    background-size: 100%;
}
.sec_tit{
    margin: 0 auto 8vw;
}
.linkBtn{
    background: #b19552;
    color: #fff;
    border-radius: 100px;
    padding: 3vw;
    font-size: 3vw;
    display: block;
    text-align: center;
    letter-spacing: .2em;
    margin: 1em auto;
}


/* ============ kv ============ */
.kv{
    position: relative;
    height: 130vw;
}
.kv img{
    width:100%;
}
.kv_img{
    position: fixed;
    z-index: -1;
    width:100%;
}

.kv_txtArea{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:0px;
    width:100%;
    text-align: center;
    z-index: 10;
}

.kv_circle{
    position: absolute;
    z-index: 1;
    left: -4vw;
    width:72vw;
    top:0;
    animation:50s linear infinite rotation;
}

.kv_tit{
    position: relative;
    z-index: 10;
    margin: 0 0 24vw;
}
.scroll{
    color: #fff;
    font-size: 3.43vw;
    display: inline-block;
    position: relative;
}
.scroll::after{
    content: "";
    display: block;
    width:4.26vw;
    height: 1.8vw;
    background: url("../images/arrow.png") no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    top:calc(100% + 2.6vw);
    position: absolute;
}

/* ============ about ============ */
.sec-about{
    position: relative;
    padding: 27vw 0 20vw;
}
.sec-about::after{
    content: "";
    display: block;
    width:100vw;
    height: 155vw;
    position: absolute;
    top:-53vw;
    left: 0;
    background: url("../images/kv_under_sp.png") no-repeat top center;
    background-size: 100%;
}
.sec-about .sec_tit{
    width:26.6vw;
}
.about_txt{
    font-size: 4vw;
    line-height: 2.3;
}

/* ============ outline ============ */
.sec-outline{
    padding: 34.5vw 0 0;
    position: relative;
}
.sec-outline .sec_tit{
    width:28.2vw;
}
.outline_deco{
    width:29.4vw;
    margin: 0 auto 20vw;
    position: absolute;
    top:-200px;
    left: 33.85vw;
}
.is-anim.leaf.on{
    animation:fall 1s linear forwards;
}
.outlineList{
    text-align: center;
}
.outlineList li{
    margin: 0 0 15vw;
}
.partic_inner .outlineList li{
    margin: 5vw 0 0 0;
}
.outlineList a{
    color: #fff;
    text-decoration: underline;
}
.outlineList_tit{
    font-weight: 300;
    margin: 0 0 3vw;
    color: #b19552;
    font-size: 5.3vw;
}
.outlineList_txt{
    font-family: 'Noto Serif JP', serif;
}
.outlineList_txt-big{
    font-size: 6.6vw;
    font-family: 'Noto Serif JP', serif;
}
.outlineList_txt-big .mintxt{
    line-height: 1em;
    display: block;
}
.outlineList_txt{
    font-size: 5.3vw;
}
.outlineList_txt-big span{
    font-size: 3.43vw;
}
.outlineList_txt span{
    font-size: 3.43vw;
}
.outlineList_txt .mintxt{
    line-height: 1.6em;
    display: block;
}

.outlineList_txt .-accent{
    color: #b19552;
}


/* ============ partic ============ */
.sec-partic{
    position: relative;
    background: url("../images/gathering_bg_sp.png") no-repeat top center;
    height: 280.7vw;
    background-size: cover;

  /*    background: url("../images/gathering_bg_sp_s.png") no-repeat top center;
      height: 180vw;
  */
    padding: 80vw 0 0;
    text-align: center;
    color: #030e32;
}
.partic_inner{
    position: relative;
}
.partic_tit{
    width:76vw;
    margin: 0 auto 5.3vw;
}
.partic_subTit{
    font-size: 5.3vw;
    color: #b19552;
    margin: 9.6vw 0 0;
}
.partic_txt{
    font-size: 3.73vw;
    display: block;
    margin: 0 auto 3em auto;
    text-align: center;
}
.partic_stepList{
    text-align: left;
    display: inline-flex;
    flex-direction: column;
    margin: 5.6vw 0 13.3vw ;
}
.partic_stepList li{
    display: inline-flex;
    min-height: 1px;
}
.partic_stepList li:not(:last-child){
    margin: 0 0 9.3vw;
}
.partic_stepList_num{
    margin: 0 2.6vw 0 0;
    font-size: 3.43vw;
}
.partic_stepList_tit{
    color: #030e32;
    font-size: 5vw;
    line-height: 1;
    margin: 0 0 3vw;
}
.partic_stepList_txt span{
    font-size: 4.26vw;
}
.lineBtn{
    display: block;
    width:40vw;
    margin: auto;
}
.partic_bg{
    position: absolute;
    left: 0;
    top:35%;
}

/* ============ timeline ============ */
.sec-timeline{
    padding: 32.2vw 0 16.6vw;
    position: relative;
}
.sec-timeline .sec_tit{
    width:34.1vw;
}
.timeline_deco{
    width:19vw;
    margin: 0 auto 13.3vw;
    position: absolute;
    left: 40.5vw;
    top:-200px;
}
.timelineList{
    margin: 0 0 13.3vw;
}
.timelineList li{
    border-bottom: 1px solid #fff;
    padding: 4vw 0;
}
.timelineList li:first-child{
    border-top: 1px solid #fff;
}
.timelineList_time{
    color: #b19552;
    margin: 0 0 2.6vw;
    font-size: 5.3vw;
}
.timelineList_category{
    color: #656977;
    padding-left: 3vw;
    font-size: 3.43vw;
}
.timelineList_subtit {
    display: inline-block;
    padding-left: 5.4vw;
    padding-top: 1vw;
    font-size: 3.73vw;
    line-height: 1;
    font-family: 'Noto Serif JP', serif;
}
.timelineList_tit{
    font-size: 5vw;
    padding-left: 5.3vw;
    font-family: 'Noto Serif JP', serif;
}
.timelineList_img{
    max-width:65%;
}
.timelineList_name{
    padding-left: 5.3vw;
    font-family: 'Noto Serif JP', serif;
    font-size: 3.73vw;
    letter-spacing: normal;
}

/* ============ speakers ============ */
.sec-speakers{
    padding-bottom:50vw ;
}

.sec-speakers .sec_tit{
    width:31.2vw;
}
.sec-speakers .sec_subtit{
    color: #b19552;
    font-size: 1.9rem;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 1em;
}
.sec-speakers .sec_subtxt{
    font-size: 1.3rem;
    text-align: center;
    margin: 1em auto;
}
.speakerList{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    font-family: 'Noto Serif JP', serif;
    margin: 0 0 10.6vw;
}
.speakerList.lectureList{
    display: block;
    justify-content: center;
    flex-wrap: wrap;
    font-family: 'Noto Serif JP', serif;
    margin: 0 0 10.6vw;
}
.speakerList > li{
    width:41vw;
    margin: 0 0 16vw;
}
.speakerList.lectureList > li{
    width:86vw;
    margin: 0 0 16vw;
}
.speakerList > li:nth-child(even){
    margin-left: 4vw;
}
.speakerList.lectureList > li:nth-child(even){
    margin-left: 0vw;
}
.speakerList_img{
    margin: 0 auto 5.3vw;
    width:37.3vw;
    height: 37.3vw;
    border-radius: 50%;
    overflow: hidden;
    background: #C4C4C4;
}
.speakerList_name{
    color: #b19552;
    margin: 0 0 4vw;
    font-size: 4.8vw;
    text-align: center;
}
.speakerList_job{
    text-align: center;
    margin: 0 0 1vw;
    font-size: 1.3rem;
}
.speakerList_snsList{
    display: flex;
    justify-content: center;
    margin: 0 0 5.3vw;
    min-height: 7.8vw;
}
.speakerList_snsList li{
    width:8vw;
}
.speakerList_snsList li:not(:last-child){
    margin: 0 4vw 0 0;
}
.speakerList_txt{
    line-height: 1.75;
    font-size: 3.43vw;
}

/* ============ pc ============ */
@media screen and (min-width:751px){
    #wrapper{
        max-width: 720px;
        margin: auto;
    }
    /* ============ common ============ */
    .inner{
        max-width: 720px;
        width:90%;
    }
    .sec_bg{
    /*    background-color: #081e41;*/
        background: url("../images/timeline_bg.png") no-repeat bottom center;
        background-size: 100%;
    }
    .sec_tit{
        margin: 0 auto 30px;
    }
    .linkBtn{
        padding: 12px;
        margin: 1em auto;
        max-width: 380px;
        font-size: 1.3rem;
        transition: .4s;
        border: 2px solid #b19552;
    }
    .linkBtn:hover{
        background: #040f33;
    }


    /* ============ kv ============ */
    .kv{
        height: 700px;
    }
    .kv_txtArea{
        /*
        top:145px;
        width:231px;
        */
        top:0px;
        width:100%;
    }
    .kv_circle{
        width:271px;
        left:-20px;
        top:-35px;
    }
    .kv_tit{
        margin: 0 0 90px;
    }
    .kv_img{
        max-width: 720px;
    }
    .scroll{
        margin-top:100px;
        font-size: 1.3rem;
    }
    .scroll::after{
        width:16px;
        height: 7px;
        top:calc(100% + 10px);
    }

    /* ============ about ============ */
    .sec-about{
        padding: 135px 0 90px;
    }
    .sec-about::after{
        width:100%;
        height: 480px;
        top:-364px;
        background: url("../images/kv_under.png") no-repeat top center;
        background-size: 100%;
    }
    .sec-about .sec_tit{
        width:99px;
    }
    .about_txt{
        font-size: 1.5rem;
    }

    /* ============ outline ============ */
    .sec-outline{
        padding: 130px 0 0;
    }
    .sec-outline .sec_tit{
        width:106px;
    }
    .outline_deco{
        width:110px;
        margin: 0 auto 75px;
        left: 45%;
    }
    .outlineList li{
        margin: 0 0 50px;
    }
    .outlineList_tit{
        margin: 0 0 12px;
        font-size: 2rem;
    }
    .outlineList_txt-big{
        font-size: 2.5rem;
    }
    .outlineList_txt{
        font-size: 2rem;
    }
    .outlineList_txt-big span{
        font-size: 1.3rem;
    }
    .outlineList_txt span{
        font-size: 1.3rem;
    }


    /* ============ partic ============ */
    .sec-partic{
        height: auto;
        /*margin: 58.7vw 0 0;*/
        padding: 512px 0 0;
        margin: -90px 0 0;
        position: relative;
        background: none;
    }
    .partic_inner{
        padding: 20px 0 275px;
        background: url("../images/gathering_bg02.png") no-repeat top center;
        background-size: 100% 100%;
        position: relative;
    }
    .sec-partic::after{
        content: "";
        display: block;
        background: url("../images/gathering_bg01.png") no-repeat top center;
        background-size: 100%;
        width:100%;
        height: 512px;
        position: absolute;
        /*bottom:100%;*/
        top:0;
        left: 0;
    }
    .partic_tit{
        width:285px;
        margin: 0 auto 38px;
    }
    .partic_subTit{
        font-size: 2rem;
        margin: 54px 0 0;
    }
    .partic_txt{
      font-size: 1.6rem;
      max-width: 520px;
      line-height: 2.4rem;
    }
    .partic_stepList{
        margin: 25px 0 45px;
    }
    .partic_stepList li:not(:last-child){
        margin: 0 0 30px;
    }
    .partic_stepList_num{
        margin: 0 10px 0 0;
        font-size: 1.3rem;
    }
    .partic_stepList_tit{
        font-size: 1.9rem;
        margin: 0 0 10px;
    }
    .partic_stepList_txt{
        font-size: 1.3rem;
    }
    .partic_stepList_txt span{
        font-size: 1.6rem;
    }
    .lineBtn{
        width:150px;
    }
    .partic_bg{
        top:10%;
        width:100%;
        z-index: 2;
    }
    .partic_bg img{
        width:100%;
        height:110%;
    }

    /* ============ timeline ============ */
    .sec-timeline{
        padding: 121px 0 128px;
        margin: -90px 0 0;
        /*background-color: #081e41;*/
    }
    .sec-timeline .sec_tit{
        width:128px;
    }
    .timeline_deco{
        width:72px;
        left: 46%;
    }
    .timelineList{
        margin: 0 0 50px;
    }
    .timelineList li{
        border-bottom: 1px solid #fff;
        padding: 12px 10px 17px;
    }
    .timelineList_time{
        margin: 0 0 8px;
        font-size: 2rem;
    }
    .timelineList_category{
        padding-left: 15px;
        font-size: 1.3rem;
    }
    .timelineList_subtit{
      display: block;
      padding-left: 22px;
      padding-top: 4px;
      font-size: 1.4rem;
    }
    .timelineList_tit{
        font-size: 1.9rem;
        padding-left: 20px;
    }
    .timelineList_img{
        max-width:65%;
    }
    .timelineList_name{
        padding-left: 25px;
        font-size: 1.4rem;
    }

    /* ============ speakers ============ */
    .sec-speakers{
        padding-bottom:300px;
    }
    .sec-speakers .sec_tit{
        width:117px;
    }
    .speakerList{
        margin: 0 0 40px;
    }
    .speakerList > li{
        width:49%;
        margin: 0 0 70px;
    }
    .speakerList.lectureList > li{
        width:100%;
        margin: 0 0 70px;
    }
    .speakerList > li:nth-child(even){
        margin-left: 2%;
    }
    .speakerList_img{
        margin: 0 auto 20px;
        width:140px;
        height: 140px;
    }
    .speakerList_name{
        margin: 0 0 13px;
        font-size: 1.8rem;
    }
    .speakerList_snsList{
        margin: 0 0 18px;
        min-height: 2.8em;
    }
    .speakerList_snsList li{
        width:30px;
    }
    .speakerList_snsList li:not(:last-child){
        margin: 0 10px 0 0;
    }
    .speakerList_txt{
        font-size: 1.3rem;
    }
}
.comingsoon{
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    margin: 2em auto;
    font-family: 'Noto Serif JP', serif;
}