@charset "utf-8";

/*----------------------------------------------
初期設定 
-----------------------------------------------*/
#container {
    margin: 0 auto; 
}

* { box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
    background-color: #101010;
}
body {
    font-family: 'M PLUS 1p', sans-serif;
}
img {
    width: 100%;
}
li {
    list-style:none
}
a {
    text-decoration: none;
    color: #fff;
}
address{
    font-style:normal;
}

.border {
    border-bottom: solid 0.1px #ffffff;
    padding-bottom: 100px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}
.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 70%;
    margin: 0 auto;  
}
.flex_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 70%;
    margin: 0 auto;  
}
.center {
    margin: 0 auto;
    text-align: center;
}
.reverse {
    flex-direction:row-reverse
}

.fs16 {
    font-size: 1.6rem;
    text-align:left;
    line-height: 32px;
    letter-spacing :0.1rem;
}

.fs20 {
    font-size: 20px;
}
.fs24 {
    font-size: 2.4rem;
}
.fs26 {
    font-size: 2.6rem;
}
.tXcenter  {
    font-size: 26px;
}
.fw700 {
    font-weight: 700;
}
.gradation01 {
    background: linear-gradient(90deg, #4158D0, #C850C0 20%, #FFCC70);
    background: -webkit-linear-gradient(0deg, #4158D0, #C850C0 20%, #FFCC70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradation02 {
    background: linear-gradient(90deg, #4158D0, #b1f062 20%, #ff7077);
    background: -webkit-linear-gradient(0deg, #4158D0,#b1f062 20%, #ff7077);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradation03 {
    background: linear-gradient(90deg, #4158D0, #43ccf3 20%, #FFCC70);
    background: -webkit-linear-gradient(0deg, #4158D0, #43ccf3 20%, #FFCC70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.accordion_header {
    cursor: pointer;
  }
  
.accordion_inner {
display: none;
}
.tXcenter .red{
	color: #d12222;
	font-size: 14px;
}
.media {
    font-size: 2.0rem;
    letter-spacing: 0.4rem;
    line-height: 1.6;
    font-weight: 500;
}
  
.event-title, .event-title span {
    font-size: 1.8rem;
    letter-spacing :0.3rem;
    line-height: 1.6;
}
.event-list img {
    max-width: 380px;
    margin-block: 20px;
}

.event-text, .event-text span {
    font-size: 1.3rem;
    letter-spacing: 0.3rem;
    line-height: 1.8;
}

@media (max-width:1024px) { 
    nav {
        /* opacity: 1; */
    }
}

.top_heade.is-show {
    opacity: 1;
}

/* @media (max-width:1024px) { 
    nav.is-show {
        opacity: 1;
    }
} */

.backTopB {
    opacity: 0 ;
    transition: 0.4s;
}

.backTopB.is-show {
    opacity: 1;
}

/*----------------------------------------------
margin
-----------------------------------------------*/
.mgb10 {
    margin-bottom: 10px;
}
.mgb20 {
    margin-bottom: 20px;
}
.mgb30 {
    margin-bottom: 30px;
}
.mgb40 {
    margin-bottom: 40px;
}
.mgb50 {
    margin-bottom: 50px;
}
.mgb60 {
    margin-bottom: 60px;
}
.mgb70 {
    margin-bottom: 70px;
}
.mgb100 {
    margin-bottom: 100px;
}
.mgt100{
    margin-top: 100px;
}
.mgt20{
    margin-top: 20px;
}

/*----------------------------------------------
width
-----------------------------------------------*/
.wd24 {
    width: 48px;
    bottom: 0px;
}

.wd30 {
    width: 30%;
}
.wd35 {
    width: 35%;
}

.wd45 {
    width: 45%;
}




/*----------------------------------------------
slider 
-----------------------------------------------*/
.slider{
    margin: 0 auto;
    /* 20220622 横幅をめいいっぱい拡げてます */
    /* width: 80%; */
    width: 100%;
}
.slider img{
    width: 100%;
}

/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slider {
    width: 100%;
    margin-bottom: 200px;
}
/*----------------------------------------------
PCの設定 ※1025px以上 
-----------------------------------------------*/
header {
    position: relative;
    margin-bottom: 95px;
}


/* =======================
.headerList
======================= */
.headerList {
    text-align: right;
    color: #fff;
    font-size: 16px;  
    line-height: 70px;
    list-style: none;
    position: absolute;
    top: 24px;
    right: 10px;
  }

.headerList li {
    width: 132px;
    margin-left: auto;
    text-align: center;
}

.list .logo02 { 
    width: 50px;
    height: auto;
}   

.headerList .instagramW { 
    width: 33px;
    height: auto;
    position: absolute;
    right: 50px;
    margin-top: 20px;
}

.headerList .youtubeW { 
    width: 33px;
    height: auto;
    position: absolute;
    right: 50px;
    margin-top: 70px;
}

.headerList .xW { 
    width: 33px;
    height: auto;
    position: absolute;
    right: 50px;
    margin-top: 120px;
}

.headerList .tiktokW {
    width: 33px;
    height: auto;
    position: absolute;
    right: 50px;
    margin-top: 170px;
}
.headerList .lineW {
    width: 33px;
    height: auto;
    position: absolute;
    right: 50px;
    margin-top: 220px;
}
.headerList .baseW {
    width: 33px;
    height: auto;
    position: absolute;
    right: 50px;
    margin-top: 270px;
}


/*=== headerlist ここまで  ====*/
.logo01 {
    width: 33px;
    height: auto;
}

.instagramB {   
    width: 33px;
    height: auto;
}
.youtubeB {
    width: 33px;
    height: auto;
}
.xB {
    width: 33px;
    height: auto;
}

.instagramWG .youtubeWG .xWG {
    display: none;
}

.headerleft {
    text-align: left;
    color: #fff;
    list-style: none;
    position: absolute;
    top: 200px;
    left: 68px;
    z-index: 100;
    text-shadow: -1px -2px 3px #808080; 
}

h1 {
    font-size: 3.2rem;
    top: 280px;
    letter-spacing: 0.5rem;
    margin-bottom: 60px;
}
 
.disc01 {
    font-size: 1.8rem;
    letter-spacing: 0.3rem;
    line-height: 34px; 
    margin-bottom: 60px;
}

.thema {
    font-size: 3.3rem;
    background: linear-gradient(90deg, rgba(0,0,0,1) 70%, rgba(0,0,0,0));
    letter-spacing: 0.5rem;
    margin-left: -70px;
    font-family: serif;
}
.weight600 {
    font-weight: 600;
}


/* =======================
矢印が動いてスクロールを促す
======================= */

/*スクロールダウン全体の場所*/
.scrolldown4{
	position:absolute;
    top: 600px;   /*この位置がしたすぎて動かなくなった*/
	right: 150px;
	animation: arrowmove 1.2s ease-in-out infinite;  /*矢印の動き1秒かけて永遠にループ*/
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:5%;}
      50%{bottom:-5%;}
     100%{bottom:5%;}
 }

/*Scrollテキストの描写*/
.scrolldown4 span{
    /*描画位置*/
	position: absolute;
	left:-20px;
	bottom:10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 1.1rem;
	letter-spacing: 0.15em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
}

.scrolldown4:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	right:0;
    /*矢印の形状*/
	width:1px;
	height: 60px;
	background:#eee;
}

/*=== 矢印が動いてスクロールを促す ここまで  ====*/

/*=== header ここまで ====*/

#lead, #lead span {
    font-size: 1.6rem;
    text-align:center;
    line-height: 32px;
    margin: 0 auto;
    letter-spacing :0.2rem;
}

#lead p {
    margin-bottom: 30px;
}

#members,#partnermembers {
    font-size: 1.6rem;
    text-align:left;
    line-height: 32px;
    letter-spacing :0.1rem;
}


.works-area {
    max-width: 1230px;
    margin: 0 auto;
}


.Topics {
    margin-bottom: 70px;
}

.h2set01 {
    font-size: 3.5rem;
    letter-spacing :0.5rem;
    text-align: center;
    margin: 80px 0px 50px;
}

.topics_media {
    margin-bottom: 20px;
}

.logoTFL {
    width: 380px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 50px;
}

.tokyoFashonlink {
    font-size: 2.6rem;
    margin-bottom: 30px;
    letter-spacing :0.4rem;
}

.news, .achievement {
    font-size: 2.0rem;
    letter-spacing :0.4rem;
    line-height: 38px;
    font-weight: 500;
}
.newsSmall {
    font-size: 1.6rem;
    letter-spacing :0.3rem;
    line-height: 38px;
}
.mediatext01, .mediatext01 span {
    font-size: 2rem;
    letter-spacing :0.3rem;
    line-height: 30px;
}
.mediatext02 {
    font-size: 1.3rem;
    letter-spacing :0.3rem;
    line-height: 1.8;
}
h4 { 
    display: inline-block;
    font-size: 2.4rem;
    letter-spacing :0.2rem;
    border-bottom: solid 0.1px #ffffff;
    padding: 0px 0px 10px 0px;
    margin-bottom: 72px;
}

.description01, .description02 {
    font-size: 1.5rem;
    letter-spacing :0.2rem;
    padding-top: 60px;
}

.dontMissIt {
    font-size: 2.4rem;
    line-height: 50px;
    padding: 40px 0px 140px 0px;
}

.backGimg01 {
    background-image: url(../images/background01.png) ;  
    background-position: center;
}

.themaYabuke {
    padding-top: 140px;
}

span {
    font-size: 2.4rem;
}

.description02 {
    margin-bottom: 40PX;
}

div .schedule, div .tickets {
    margin: 0px 15px;
    border: solid 1px #fff;
    padding: 20px;
}

.ticketsDetail, .infection, .notion01, .notion02, .archive {
    text-align: left;
}

.sT {
    font-size: 2.1rem;
}

.ticketsDetail {
    font-size: 1.4rem;
    line-height:28px;
}

.schDate {
    font-size: 1.7rem;
    padding-bottom: 20px;
}

dd {
    font-size: 1.4rem;
    line-height: 28px;
}

.start, .showTime {
    padding-bottom: 30px;
}

.attention {
    padding-bottom: 30px
}

.add {
    font-size: 1.2rem;
    line-height: 20px;  
}

.infection {
    font-size: 1.4rem;
}

.archive, .notion01 {
    padding-bottom: 16px;
}

.notion02 {
    padding-bottom: 40px;
}

.venue {
    text-decoration: none;
    margin-bottom: 40px;
}

.ticketB {
    background-color: white;
    font-size: 1.7rem;
    color: #000;
    display: block;
    font-weight: bold;
    width: 270px;
    text-align: center;
    margin: 40px auto 20px;
    text-decoration: none;
    padding: 12px 20px;
    border: none;
    border-radius: 50px;
    transition: opacity 0.5s;
}

#service {
    text-align: center;
    max-width: 1000px;
    margin: 140px auto;
}

.tCcan {
    font-size: 3.3rem;
    letter-spacing: 0.5rem;
    display: inline;
    border-top: solid 0.1px #ffffff;
    border-bottom: solid 0.1px #ffffff; 
    padding: 4px 0px;
}

.tCcan_runwaylook {
    font-size: 3.3rem;
    letter-spacing: 0.5rem;
    display: inline;
    padding: 4px 0px;
}

h3 {
    text-align: center;
}

.tcCanPC { 
    width: 70%;
    margin: 100px auto 0px;
}



.flex-03 {
    display: flex;
    justify-content: space-between;
    margin: 60px auto;
}

.owndShow, .mCasting, .outSourcing {
    width: 280px;
    height: auto;
    margin-bottom: 150px; 
}
/* 
.castomgModels {
    text-align: center;
    letter-spacing: 0.3rem;
    margin-bottom: 100px;
    
} */

.commingSoon { 
    font-size: 1.4rem;
    letter-spacing: 0.3rem;
    padding: 0px 0px 6px 100px;
    border-bottom: solid 0.1px #ffffff; 
    text-align: right;
    margin-bottom: 300px;
    margin-left: auto;
    width: 40%;
}

footer { 
    background-color: #000;
    padding-top: 28px;
}

.email { 
    font-size: 1.7rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.2em;
    display: block;
    width: 280px;
    text-align: center;
    margin: 10px auto;
    text-decoration: none;
    padding: 12px 20px;
    border: solid 0.1px #fff;
    border-radius: 0px;
}

small {
    font-size: 0.8rem;
    letter-spacing: 0.2em;
    display: block;
    text-align: right;
    padding: 0px 30px 10px 0px;
}

.mailadd { 
    font-size: 1.2rem;
    font-weight: 100; 
    letter-spacing: 0.1em;
}

.backTopB {
    display: block;
    width: 54px;
    height: auto;
    position: fixed;
    right: 20px;
    bottom: 30px;
}

.lightwidget-widget {
    width:100%;
    height: 1709px;
    border:0;
    overflow:hidden;
}

.tXcenter {
    text-align: center;
}
.imgcenter {
    margin: 0 auto;
}

.relative {
    position: relative;
}


.fts20 {
    font-size: 20px;
}
.sp_only {
    display: none;

}

.runway_span {
    display: inline-block;
}

#lookbook {
    text-align: center;
    max-width: 1230px;
    margin: 140px auto;
}
.tcCanSP {
    display: none;
}


/* 1025px END*/

/*----------------------------------------------
members
-----------------------------------------------*/
.members_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 3%;
    gap: 36px;
}


.lookbook_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    width: 96%;
    margin: 60px auto 0px;
}

.lookbook_text {
    color: #101010;
    background-color: #fff;
    padding: 22px 10px 20px;
    margin-top: -4px;
    font-size: 1.6rem;
    font-weight: 600;
    
}

.lookbook_text_span {
    display: inline-block;
    font-size: 1.6rem;
}

@media (max-width:768px) { 
    .members_grid {
        display: block;
        width: 90%;
    }

    .lookbook_grid {
        display: block;
        width: 90%;
    }

    .lookbook_item {
        margin-bottom: 24px;
    }
}




/*----------------------------------------------
メインビジュアルの調整 ※1440px以上
-----------------------------------------------*/
@media (max-width:1439px) {
   
    .scrolldown4{
        top: 600px; 
    }
    

    @keyframes arrowmove{
        0%{bottom:5%;}
        50%{bottom:-5%;}
       100%{bottom:5%;}
    }

}


/*----------------------------------------------
メインビジュアルの調整 ※1199px以下
-----------------------------------------------*/

@media (max-width:1199px) { 

    .headerList { 
        line-height: 65px;
    }

      .headerleft {
        top: 150px;
        left: 68px;
        z-index: 100;
    }

    @keyframes arrowmove{
        0%{bottom:4%;}
        50%{bottom:-6%;}
       100%{bottom:4%;}
    }
    

}

/*----------------------------------------------
scroolアイコン調整 ※1182px以下
-----------------------------------------------*/

@media (max-width:1182px) { 

    .headerList { 
        line-height: 58px;
        }

    .hheaderleft {
        top: 130px;
    }

    .headerList .logo02 { 
        width: 130px;
        height: auto;
    }   

    .scrolldown4{
        top: 400px; 
    }

    @keyframes arrowmove{
        0%{bottom: 6%;}
        50%{bottom:-4%;}
        100%{bottom:6%;}
    }

}


/*----------------------------------------------
タブレットの設定 ※600px以上1024px以下
-----------------------------------------------*/

.sp_header {
    display: none;
}

@media (max-width:1024px) { 

    .headerList {
        display: none;
    }

    header {
        margin-bottom: 60px;
    }   

    .headerleft {
        top: 120px;
    }

    .scrolldown4{
        top: 200px; 
        right: 76px;
    }
    .sp_header {
        display: block;
    }


    @keyframes arrowmove{
        0%{bottom: 0%;}
        50%{bottom:-10%;}
       100%{bottom:0%;}
    }
    .flex {
        max-width: 70%;
    }

    .flex-03 {
        width: 96%;
    }
    
    .flex-03 img {
        padding: 0px 10px;
    }
  
}

/*----------------------------------------------
nav調整の設定 ※600px以上900px以下
-----------------------------------------------*/

@media (max-width:900px) { 
    .commingSoon {
        width: 55%;
    }

    .headerleft {
        top: 80px;
    }

    h1 {
        font-size: 2.5rem;
        top: 180px;
        letter-spacing: 0.5rem;
        line-height: 20px;
        margin-bottom: 40px;
    }
     
    .disc01 {
        font-size: 1.6rem;
        letter-spacing: 0.3rem;
        line-height: 34px; 
        margin-bottom: 50px;
    }
    
    .thema {
        font-size: 2.4rem;
        background: linear-gradient(290deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
        letter-spacing: 0.3rem;
    }

    .flex {
        display: block;
        margin: 0 auto; 
        text-align: center;
    }


}

/*----------------------------------------------
スケジュール・チケット並びの調整設定 ※600px以上759px以下
-----------------------------------------------*/

@media (max-width:759px) {
    
    .headerleft {
        top: 60px;
    }

    .disc01 {
        font-size: 1.6rem;
        letter-spacing: 0.3rem;
        line-height: 30px; 
        margin-bottom: 50px;
    }

    .wd35 {
        width: 90%;
    }

    .wd30 {
        width: 70%;
    }

    div .schedule, div .tickets {
        margin: 40px;
        border: solid 1px #fff;
        padding: 50px;
    }

    .backGimg01 {
        background-image: url(../images/background02.jpg) ;  
        background-position: center;
    }

}

/*----------------------------------------------
スマホの設定 ※599px以下
-----------------------------------------------*/

@media (max-width:599px) { 
    .sp_only {
        display:block;    
    }

    header {
        margin-bottom: 280px;
    }

    .headerleft {
        top: 240px;
        left: 50px;
    }

    h1 {
        font-size: 2.5rem;
        top: 180px;
        letter-spacing: 0.5rem;
        margin-bottom: 30px;
    }
     
    .disc01 {
        font-size: 1.4rem;
        letter-spacing: 0.3rem;
        line-height: 26px; 
        margin-bottom: 30px;
    }
    
    .thema {
        font-size: 2.4rem;
        background: linear-gradient(90deg, rgba(0,0,0,1) 70%, rgba(0,0,0,0));
        letter-spacing: 0.3rem;
    }

    .tcCanSP {
        display: block;
        width: 80%;
        margin: 0 auto;
        margin-top: 40px;
    }




    /* =======================
    矢印が動いてスクロールを促す
    ======================= */
    .scrolldown4{
	position:absolute;
	right: 30px;
    }
    /*スクロール設定終了*/

    .border {
        padding-bottom: 60px;
    }

    .Topics, .schedule  {
        margin-bottom: 50px;
    }

    .newTopics {
        margin-bottom: 60px;
    }
    .news, .achievement {
        font-size: 1.2rem;
        letter-spacing :0.4rem;
        line-height: 1.8;
        font-weight: 500;
    }
    .newsSmall {
        font-size: 1.2rem;
        letter-spacing :0.3rem;
        line-height: 1.6;
    }

    .dontMissIt {
        padding: 0;
    }

    .ticketB, .mCasting, .logoTFL, h4 {
        margin-bottom: 40px;
    }
    .tokyoFashonlink {
        margin-bottom: 20px;
    }

    .themaYabuke {
        padding-top: 70px;
    }

    .logoTFL {
        width: 50%;
    }

    .h2set01 {
        font-size: 2.8rem;
    }

    .tokyoFashonlink, h4, .dontMissIt {
        font-size: 1.9rem;
    }

    .backGimg01 {
        padding-bottom: 70px;
    }

    .date {
        font-size: 1.6rem;
        letter-spacing: 0.25rem;
        line-height: 26px;
    }

    .tCcan { 
        font-size: 2.2rem;
        letter-spacing: 0.5rem;
        margin-bottom: 100px;
    }

    .tcCanPC {  
        display: none;
    }

    .owndShow, .mCasting, .outSourcing {
        display: block;
        width: 90%;
        height: auto;
        margin: 10px auto;
    }

    #service {
        text-align: center;
        margin-bottom: 100px;
    }

    .commingSoon { 
        font-size: 1.2rem;
        margin-bottom: 150px;
        width: 70%;
    }

    .flex-03 {
        flex-direction: column ;       
         align-items: center;
    }

    .flex-03 img {
        width: 90%;
    }

    small {
        text-align: center;
        margin: 30px;
    }
    .pc_only {
        display: none;

    }
    .fts20 {
        font-size: 16px;
    }

    .event-title br, .event-text br {
        display: none;
    }
   
}

    /*----------------------------------------------
    最小設定 ※462px以下
    -----------------------------------------------*/

    @media (max-width:462px) { 

        header {
            margin-bottom: 250px;
        }
    
        .headerleft {
            top: 170px;
            left: 40px;
        }
    
        h1 {
            font-size: 2rem;
            top: 180px;
            letter-spacing: 0.5rem;
            margin-bottom: 30px;
        }
         
        .disc01 {
            font-size: 1.15rem;
            letter-spacing: 0.1rem;
            line-height: 24px; 
            margin-bottom: 30px;
        }
        
        .thema {
            font-size: 1.5rem;
            background: linear-gradient(90deg, rgba(0,0,0,1) 70%, rgba(0,0,0,0));
            letter-spacing: 0.3rem;
            margin-left: 0;
        }

        .scrolldown4{
            top: 80px; 
        }

        @keyframes arrowmove{
            0%{bottom: 0%;}
            50%{bottom:-10%;}
           100%{bottom:0%;}
        }

          
         /*Scrollテキストの描写*/
         .scrolldown4 span{
	        font-size: 0.8rem;
         }

         .scrolldown4:after{
	        height: 50px;
         }


        p {
            font-size: 1.1rem;
            line-height: 24px; 
            letter-spacing: 0.05rem;
        }

        .fts12 {
            font-size: 1.6rem;
            line-height: 24px; 
            letter-spacing: 0.4rem;
        }

        .h2set01 {
            font-size: 2.2rem;
        }

        .date {
            font-size: 1.4rem;
            line-height: 24px;
        }

        .newTopics {
            margin-bottom: 50px;
        }
/* 
        #lead, #lead span {
            font-size: 1.4rem;
            text-align: center;
            line-height: 32px;
            margin: 0 auto;
            letter-spacing: 0.1rem;
        } */

        .lead, .dontMissIt {
            font-size: 1.7rem;
        }

        .lead {
            letter-spacing: 0.2rem;
        }

        h4 {
            width: 80%;
        }

        div .schedule, div .tickets {
            margin: 30px;
            border: solid 1px #fff;
            padding: 10px;
        }

        .sT {
            font-size: 1.8rem;
        }

        .commingSoon {
            font-size: 1.1rem;
            margin-bottom: 200px;
            width: 90%;
        }

        .backTopB {
            width: 46px;
            height: auto;
        }
        .mediatext01, .mediatext01 span {
            font-size: 1.2rem;
            letter-spacing: 0.15rem;
            line-height: 1.8;
        }
        .mediatext02 {
            font-size: 1.1rem;
            letter-spacing: 0.1rem;
            line-height: 20px;
        }
        .media {
            font-size: 1.2rem;
        }
    
    
    }


#lead,
#another-event,
#media,
#achieveMent {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 3%;
}
#sponsor {
    max-width: 1230px;
    padding-inline: 3%;
    margin-inline: auto;
    text-align: center;
}
.sponsor01 {
    display: flex;
    justify-content: space-between; 
}
.sponsor01 li {
    width: 30%;
}
.sponsor-block {
    display: flex;
    justify-content: center;
    gap: 36px;
}
.wd350 {
    max-width: 350px;
}

.allymotext {
    line-height: 1.2;
}

.line_break {
    display: inline-block;
}

@media (max-width:1182px) { 

    .fs24 {
        font-size: 1.6rem;
    }
}
@media (max-width:900px) { 

    .fs24 {
        font-size: 1.6rem;
    }

    .sponsor01 {
    flex-direction: column;
    align-items: center;
    }

    .sponsor-block {
        display: block;
    }
}
@media (max-width: 759px) {
    .sponsor01 li {
    width: 70%;
}
}

@media (max-width: 462px) {
    .fs24 {
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.05rem;
    }

    .line_break {
    display: inline-block;
}

    .event-title, .event-title span  {
        font-size: 1.4rem;
    }

    .event-text,  .event-text span {
    font-size: 1.1rem;

    }
    #lead, #lead span {
        font-size: 1.1rem;
        line-height: 2;
        letter-spacing: 0.05rem;
    
    }
}