@charset "utf-8";  
/*------------------------------------------------------------ 
    TOP css
------------------------------------------------------------*/  

#top-Visual{
    display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
       align-items: center;
    width:100%;
    height:calc(100% - 110px);
    min-height: 800px;
    max-height: 75vw;
    background:url(../img/visual202207.jpg) no-repeat 50%;
    box-sizing:border-box;
    background-size:auto 100%;
    position:relative;
    z-index: 1;
}

#top-Visual__inner{
    width:100%;
    max-width:calc(910px*.9);
    text-align: center;
    background-color: #fff;
}

#top-Visual__head{
    width:100%;
    padding:calc(60px*.8) calc(30px*.8) calc(40px*.8);
    box-sizing: border-box;
    background-color: var(--buyer-color);
}

#top-Visual__name{
    width:100%;
    max-width:611px;
    margin:0 auto;
    font-size:7.4rem;
    line-height:1.05;
}

#top-Visual__lead{
    font-size:calc(3rem*.8);
    margin-top:.85em;
    line-height: 1;
}

#top-Visual__txtfield{
    width:auto;
    padding:0 26px 40px;
}

.top-Visual__text{
    font-size:2.1rem;
    padding:16px;
    margin-bottom: 26px;
    width:auto;
    border-bottom: 1px solid #ccc;
}

.top-Visual__text .size-s{ font-size:1.8rem;}
.top-Visual__text .size-m{
    font-size:2.5rem;
    font-weight: bold;
}
.top-Visual__text .size-l{
    font-size:3.6rem;
    font-weight: bold;
}

.top-Visual__subtext{
    font-size:1.6rem;
    font-weight: bold;
    padding-top:.5em;
}

.top-Visual__subtext small{ font-size:1.4rem;}

.top-Visual__time{
    width:33.3333%;
    text-align: center;
}

.top-Visual__time p{
    line-height: 1;
    font-size: 2rem;
    font-weight: bold;
}

.top-Visual__time small{
    display: block;
    font-size: 1.4rem;
    margin-top:4px;
}

.top-Visual__button{
    width:100%;
    max-width:300px;
    height:70px;
    margin:34px auto 0;
}

.top-Visual__button a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height: 100%;
    color:#000;
    font-size: 2rem;
    font-weight: bold;
    background-color: var(--buyer-color);
    transition: all .2s ease-out;
}

.top-Visual__button a:hover{
    color:var(--buyer-color);
    background-color: #333;
}

#top-Visual__scroll{
	display:block;
	position: absolute;
    width:24px;
	padding-bottom: 126px;
	right:100px;
	bottom:0;
	overflow: hidden;
}

#top-Visual__scroll .cls-1{
    fill:none;
    stroke:#fff;
    stroke-miterlimit:10;
}

#top-Visual__scroll::before{
	content:"";
	width:1px;
	height: 118px;
	background:rgba(255, 255, 255, 0.3);
	position: absolute;
	left: 50%;
	bottom:0;
}

#top-Visual__scroll::after{
	content:"";
	width:1px;
	height: 0;
	background:rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 50%;
	bottom:118px;
	z-index: 10;
	animation: scrollBar 2.5s infinite cubic-bezier(0.165, 0.84, 0.44, 1);
}

@keyframes scrollBar{
    0% {
        bottom:118px;
        height: 0;
    }

    5% {
        bottom: 0;
        height: 118px;
    }

    100% {
        bottom: -118px;
        height: 118px;
    }
}

/*------------------------------------------------------------ 
    ABOUT 
------------------------------------------------------------*/  

#top-About{
    width:100%;
    margin-top: 80px;
    padding:120px 0 140px;
    position: relative;
    z-index: 1;
}

#top-About::before{
    content:"";
    width:40%;
    height:100%;
    background:url(../img/bg-about202207.jpg) no-repeat 50%;
    background-size:cover;
    position:absolute;
    left:0;
    top:0;
    z-index: -1;
}

#top-About__head{
    font-size:3.5rem;
    line-height:1.1;
    text-align: center;
    color:#fff;
    width:40%;
}

#top-Visual__name span,
#top-About__head span{
    font-size:inherit;
    font-weight: bold;
    line-height:inherit;
}

#top-About__text{
    width:59%;
    max-width:1000px;
    margin-left: -80px;
    padding:110px 120px 110px 100px;
    color:#333;
    font-size:1.8rem;
    line-height:1.5;
    background:#fff;
    position: relative;
    box-sizing:border-box;
}






/*------------------------------------------------------------ 
    SCHEDULE 
------------------------------------------------------------*/  

#top-Section{
    width:100%;
    padding:0 0 110px;
}

.com-Table__wrap{
    width:auto;
    padding:50px;
    background:#fff;
}

.com-Table{
    width:100%;
	border-collapse:separate;
	border-spacing: 10px;
}

.com-Table th{
    text-align: center;
    vertical-align: middle;
    font-size:2rem;
    line-height: 1.2;
    padding:12px 16px;
    color:#fff;
    white-space: nowrap;
    background-color: var(--suppliers-color);
}

.com-Table .is-txtl{ text-align: left;}

.com-Table .thead1{
    width:160px;
    box-sizing: border-box;
}

.com-Table .thead2{
    width:380px;
    height: 90px;
    font-size: 1.8rem;
    padding-left: 24px;
    box-sizing: border-box;
}

.com-Table td{
    padding:20px 24px;
    line-height:1.33;
    font-size:1.8rem;
    color:#333;
    vertical-align: middle;
    background:#f2f2f2;
}

.com-Table .is-break td{ background: rgba(148,153,153,.5);}

.com-Table td span{
    display:inline-block;
    text-align: left;
    font-size:inherit;
    line-height: inherit;
}


/*------------------------------------------------------------ 
    SUPPLIERS 
------------------------------------------------------------*/  

#top-Event,
#top-Schedule,
#top-Suppliers{
    width:100%;
    padding-top:110px;
}

.top-Suppliers + .top-Suppliers{ margin-top:70px;}

.top-Suppliers__title{
    font-size:2.4rem;
    margin-bottom: .9em;
}

.top-Suppliers__item{
    width:31.492537313432836%;
    height:110px;
}

.top-Suppliers__item:nth-child(3n+2):last-child{ margin-right:34.2537313432836%;}
.top-Suppliers__item:nth-child(n+4){ margin-top:2.91044776119403%;}

.top-Suppliers__item a{
    display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
       align-items: center;
    width:100%;
    height:100%;
    font-size:1.8rem;
    line-height:1.33;
    color:#000;
    padding:0 56px 0 30px;
    box-sizing: border-box;
    background:#fff url(../img/icon-link.svg) no-repeat right 26px top 50%;
    background-size:20px auto;
    transition:all 0.2s ease-out;
}

.top-Suppliers__item a:hover{ box-shadow:rgba(149, 157, 165, .5) 0px 0px 12px; }


/*------------------------------------------------------------ 
    MENU 
------------------------------------------------------------*/  

.top-ModalBtn{
    width:50%;
    height:316px;
}

.top-ModalBtn a{
    display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
       align-items: center;
	width:100%;
	height:100%;
}

.top-ModalBtn .style1{ background:var(--buyer-color);}
.top-ModalBtn .style2{ background:var(--suppliers-color);}

.top-ModalBtn p{
    color:#fff;
    font-size:3.2rem;
    transition:all .2s ease-out;
}

.top-ModalBtn p span{
    font-weight: bold;
    font-size:inherit;
}

.top-ModalBtn svg{
    margin-left: 20px;
    transition:all .2s ease-out;
}

.top-ModalBtn a:hover svg{ transform:translateX(10px);}

.top-ModalBtn .cls-1{
    fill:none;
    stroke:#fff;
    stroke-miterlimit:10;
    stroke-width:3px;
}

.top-ModalBtn .style1 p{ color:#000;}
.top-ModalBtn .style1 .cls-1{ stroke: #000;}

/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* TABLET */
@media screen and (max-width: 834px){

}


/* SP */
@media screen and (max-width: 480px){


}