@charset "utf-8";
/*home*/
/*fv*/
#fv{ padding: 50px 0 80px; display: flex; align-items: center; justify-content: center; background: url("../images/fv_bg.jpg") center center no-repeat; background-size: cover; position: relative; z-index: 1; min-height: 700px; height: calc(100vh - 80px);}
#fv:after{ content: ""; width: 100%; height: 40px; background: url("../images/fv_bar.png") center bottom repeat-x; background-size: auto 100%; position: absolute; left: 0; bottom: 0; z-index: 3;}
#fv_in{ width: 1060px; margin: auto;}
#fv_in .txt{ width: calc(100% + 140px); margin: 70px 0 0 -70px; display: flex; align-items: center;}
#fv_in .txt h1{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 320px; border-left: 1px solid #D3A944; border-right: 1px solid #D3A944;}
#fv_in .txt h1 span{ font-size: 2.4rem; line-height: 1em; color: #2B72B8; margin-bottom: 0.25em;}
#fv_in .txt h1 strong{ font-size: 2.0rem; line-height: 1em; color: #D3A944;}
#fv_in .txt p{ flex: 1; display: flex; justify-content: flex-end; font-size: 1rem; font-weight: 500; line-height: 2em; margin-left: 60px;}
@media screen and (max-width:767px){
#fv{ padding: 10% 0 20%; min-height: 125vw; height: auto;}
#fv:after{ height: 7.5vw;}
#fv_in{ width: 100%;}
#fv_in .txt{ margin: 10% auto 0; flex-direction: column; align-items: center; justify-content: center; width: 80%;}
#fv_in .txt h1{ width: 100%; border: none; border-top: 1px solid #D3A944; border-bottom: 1px solid #D3A944; padding: 7.5% 0 5%;}
#fv_in .txt h1 span{ font-size: 2.4rem;}
#fv_in .txt h1 strong{ font-size: 2.0rem;}
#fv_in .txt p{ width: 100%; margin: 7.5% auto 0; justify-content: flex-start; font-size: 1.1rem;}
}


/*home_news*/
#home_news .maincontent{ padding: 100px 0; display: flex;}
#home_news h2.h2_tit{ margin-bottom: 0;}
#home_news .home_news_l{ display: flex; flex-direction: column; justify-content: space-between; width: 260px;}
#home_news .home_news_r{ width: 940px;}
#home_news .home_news_r ul li{ border-bottom: 1px solid #ccc;}
#home_news .home_news_r ul li:first-child{ border-top: 1px solid #ccc;}
#home_news .home_news_r ul li a{ display: block; padding: 30px 90px 30px 0; position: relative;}
#home_news .home_news_r ul li a i{ position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 0.8rem; color: #E94738; transition: 0.3s;}
#home_news .home_news_r ul li a dl{ display: flex;}
#home_news .home_news_r ul li a dl dt{ width: 150px; padding-left: 15px;}
#home_news .home_news_r ul li a dl dt span.date{ font-size: 0.8rem; color: #2B72B8; font-weight: bold; padding-left: 20px; position: relative; top: -0.33em;}
#home_news .home_news_r ul li a dl dt span.date:before{ content: ""; width: 10px; height: 1px; background: #2B72B8; position: absolute; left: 0; top: 0.7em;}
#home_news .home_news_r ul li a dl dd{ width: calc(100% - 180px); color: #000; transition: 0.3s;}
#home_news .home_news_r ul li a dl dd h4{ font-size: 0.8rem; line-height: 1.5em; margin-bottom: 0.33em;}
#home_news .home_news_r ul li a dl dd p{ font-size: 0.8rem; line-height: 1.25em; /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/}
#home_news .home_news_r ul li a:hover dl dd{ color: #E94738;}
#home_news .home_news_r ul li a:hover i{ right: 20px;}
@media screen and (max-width:767px){
#home_news .maincontent{ padding: 15% 0; display: block;}
#home_news .home_news_l{ flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 10%;}
#home_news .home_news_r{ width: 100%;}
#home_news .home_news_r ul li a{ padding: 3.75% 12.5vw 5% 5%;}
#home_news .home_news_r ul li a i{ right: 3.75vw; font-size: 0.8rem;}
#home_news .home_news_r ul li a dl{ display: block;}
#home_news .home_news_r ul li a dl dt{ width: 100%; padding: 0;}
#home_news .home_news_r ul li a dl dt span.date{ font-size: 0.8rem; padding-left: 3.75vw;}
#home_news .home_news_r ul li a dl dt span.date:before{ width: 2.5vw; top: 0.75em;}
#home_news .home_news_r ul li a dl dd{ width: 100%; margin-top: -0.25em;}
#home_news .home_news_r ul li a dl dd h4{ font-size: 0.8rem; line-height: 1.5em; margin-bottom: 0.33em;}
#home_news .home_news_r ul li a dl dd p{ font-size: 0.8rem; line-height: 1.25em;}
#home_news .home_news_r ul li a:hover i{ right: 2.5vw;}
}

/*slide*/
#home_news #news_slide01{ margin: 0;}
#home_news #news_slide01 ul{ width: calc(1790px*4); height: 150px; position: relative; left: 0;}
#home_news #news_slide01 ul li img{ height: 150px;}
#home_news #news_slide01 ul li{ width: 1790px;}
#home_news #news_slide01 ul li.slide01{ position: absolute; left: calc(1790px*-1); top: 0;}
#home_news #news_slide01 ul li.slide02{ position: absolute; left: 0; top: 0;}
#home_news #news_slide01 ul li.slide03{ position: absolute; left: calc(1790px*1); top: 0;}
#home_news #news_slide01 ul li.slide04{ position: absolute; left: calc(1790px*2); top: 0;}
@media screen and (max-width:767px){
#home_news #news_slide01 ul{ width: calc(208vw*4); height: 20vw;}
#home_news #news_slide01 ul li img{ height: 20vw;}
#home_news #news_slide01 ul li{ width: 208vw;}
#home_news #news_slide01 ul li.slide01{ left: calc(208vw*-1);}
#home_news #news_slide01 ul li.slide03{ left: calc(208vw*1);}
#home_news #news_slide01 ul li.slide04{ left: calc(208vw*2);}
}

/*loop*/
#home_news #news_slide01 ul{ animation: news_slide01 17.9s linear infinite;}
@media screen and (max-width:767px){
#home_news #news_slide01 ul{ animation: news_slide01_smp 17.9s linear infinite;}
}
@keyframes news_slide01{
from{ left: 0;}
to{ left: -1790px;}
}
@keyframes news_slide01_smp{
from{ left: 0;}
to{ left: -208vw;}
}

#home_news #news_slide02{ margin: 0;}
#home_news #news_slide02 ul{ width: calc(1790px*4); height: 150px; position: relative; right: 0;}
#home_news #news_slide02 ul li img{ height: 150px;}
#home_news #news_slide02 ul li{ width: 1790px;}
#home_news #news_slide02 ul li.slide01{ position: absolute; left: calc(1790px*1); top: 0;}
#home_news #news_slide02 ul li.slide02{ position: absolute; left: 0; top: 0;}
#home_news #news_slide02 ul li.slide03{ position: absolute; left: calc(1790px*-1); top: 0;}
#home_news #news_slide02 ul li.slide04{ position: absolute; left: calc(1790px*-2); top: 0;}
@media screen and (max-width:767px){
#home_news #news_slide02 ul{ width: calc(208vw*4); height: 20vw;}
#home_news #news_slide02 ul li img{ height: 20vw;}
#home_news #news_slide02 ul li{ width: 208vw;}
#home_news #news_slide02 ul li.slide01{ left: calc(208vw*-1);}
#home_news #news_slide02 ul li.slide03{ left: calc(208vw*1);}
#home_news #news_slide02 ul li.slide04{ left: calc(208vw*2);}
}

/*loop*/
#home_news #news_slide02 ul{ animation: news_slide02 17.9s linear infinite;}
@media screen and (max-width:767px){
#home_news #news_slide02 ul{ animation: news_slide02_smp 17.9s linear infinite;}
}
@keyframes news_slide02{
from{ right: 0;}
to{ right: -1790px;}
}
@keyframes news_slide02_smp{
from{ right: 0;}
to{ right: -208vw;}
}



/*home_message*/
#home_message{ padding: 180px 0 100px; background: url("../images/mesage_bg.jpg") center center no-repeat; background-size: cover;}
#home_message h2.h2_tit{ text-align: center; align-items: center; padding-top: 60px; position: relative;}
#home_message h2.h2_tit:before{ content: ""; width: 92px; height: 24px; background: url("../images/messgae_tit_ico.png") center center no-repeat; background-size: 100% 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto;}
#home_message h3{ text-align: center; font-size: 2.4rem; color: #E94738; margin-bottom: 50px;}
#home_message p{ text-align: left; font-size: 0.9rem; margin-bottom: 40px;}
#home_message p.sign{ text-align: right; font-weight: bold; margin-bottom: 0;}
#home_message .txt02{ display: none;}
@media screen and (max-width:767px){
#home_message{ padding: 20% 0 10%;}
#home_message h2.h2_tit{ padding-top: 9.6vw;}
#home_message h2.h2_tit:before{ width: 18.4vw; height: 4.8vw;}
#home_message h3{ font-size: 1.66rem; margin-bottom: 7.5%;}
#home_message p{ text-align: left; font-size: 0.9rem; margin-bottom: 7.5%;}
#home_message p.sign{ text-align: right;}
}



/*home_timeline*/
#home_timeline{ padding: 100px 0 80px; background: #fff; position: relative; z-index: 1;}
#home_timeline:before{ content: ""; width: 280px; height: 270px; background: url("../images/timeline/bg_ico_l.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 0; z-index: -1;}
#home_timeline:after{ content: ""; width: 263px; height: 188px; background: url("../images/timeline/bg_ico_r.png") center center no-repeat; background-size: 100%; position: absolute; right: 0; top: 0; z-index: -1;}
#home_timeline .tit_txt{ display: flex; align-items: center; margin-bottom: 40px;}
#home_timeline .tit_txt h2{ margin-bottom: 0;}
#home_timeline .tit_txt p{ margin-left: 40px; font-size: 0.9rem; font-weight: 500;}
@media screen and (max-width:767px){
#home_timeline{ padding: 10% 0;}
#home_timeline:before{ width: 28vw; height: 27vw}
#home_timeline:after{ width: 26.3vw; height: 18.8vw;}
#home_timeline .tit_txt{ display: block; margin-bottom: 7.5%;}
#home_timeline .tit_txt p{ margin: 0; font-size: 1rem;}
}

#home_timeline #timeline{ display: flex; justify-content: space-between; position: relative; z-index: 1;}
#home_timeline #timeline:before{ content: ""; width: 1920px; height: 2px; background: #D3A944; position: absolute; left: -960px; bottom: 92px; z-index: -1;}
#home_timeline #timeline:after{ content: ""; width: 1920px; height: 2px; background: #D3A944; position: absolute; right: -960px; bottom: 92px; z-index: -1;}
#home_timeline #timeline .movie{ width: 430px;}
#home_timeline #timeline .cont{ width: 700px;}
#home_timeline #timeline .cont nav{ margin-bottom: 30px;}
#home_timeline #timeline .cont nav ul{ display: flex;}
#home_timeline #timeline .cont nav ul li{ display: flex; align-items: center; justify-content: center; padding-top: 0.2em; width: 100px; height: 40px; background: #fff; color: #D3A944; border: 1px solid #D3A944; font-size: 0.9rem; font-weight: bold; border-radius: 40px; margin-right: 10px; cursor: pointer; transition: 0.3s;}
#home_timeline #timeline .cont nav ul li.active{ background: #D3A944; color: #fff;}
@media screen and (max-width:767px){
#home_timeline #timeline{ display: block;}
#home_timeline #timeline .movie{ width: 100%; margin-bottom: 10%;}
#home_timeline #timeline .cont{ width: 100%;}
#home_timeline #timeline .cont nav{ margin-bottom: 10%;}
#home_timeline #timeline .cont nav ul{ display: flex; flex-wrap: wrap; width: calc(100% + 3.75vw); margin: -1.25vw 0 -1.25vw -1.875vw;}
#home_timeline #timeline .cont nav ul li{ padding-top: 0.2em; width: calc(33.33% - 3.75vw); height: 7.5vw; font-size: 0.9rem; border-radius: 7.5vw; margin: 1.25vw 1.875vw;}
}

#home_timeline #timeline .cont .timeline_slide{ visibility: hidden; position: absolute; left: -9999px; opacity: 0; transition: 0.3s;}
#home_timeline #timeline .cont .timeline_slide.active{ visibility: visible; position: static; opacity: 1.0;}

#home_timeline #timeline .cont .timeline_slide .detail{ width: 620px;}
#home_timeline #timeline .cont .timeline_slide .detail{ margin-bottom: 10px;}
#home_timeline #timeline .cont .timeline_slide .detail dl{ display: flex; width: 620px; padding-right: 60px;}
#home_timeline #timeline .cont .timeline_slide .detail dl dt{ width: 260px; margin-right: 20px;}
#home_timeline #timeline .cont .timeline_slide .detail dl dd{ flex: 1;}
#home_timeline #timeline .cont .timeline_slide .detail dl dd h4{ font-size: 1rem; color: #2B72B8; margin-bottom: 15px;}
#home_timeline #timeline .cont .timeline_slide .detail dl dd p{ font-size: 0.8rem; line-height: 1.5em; text-align: left;}
@media screen and (max-width:767px){
#home_timeline #timeline .cont .timeline_slide .detail{ width: 100%;}
#home_timeline #timeline .cont .timeline_slide .detail{ margin-bottom: 5%;}
#home_timeline #timeline .cont .timeline_slide .detail dl{ width: 100%; display: block;}
#home_timeline #timeline .cont .timeline_slide .detail dl dt{ width: 60%; margin: 0 0 5%;}
#home_timeline #timeline .cont .timeline_slide .detail dl dd{ padding-right: 20%;}
#home_timeline #timeline .cont .timeline_slide .detail dl dd h4{ font-size: 1rem; margin-bottom: 2.5%;}
#home_timeline #timeline .cont .timeline_slide .detail dl dd p{ font-size: 0.8rem;}
}

#home_timeline #timeline .cont .timeline_slide .year{ width: calc(620px*3); margin-left: -620px;}
#home_timeline #timeline .cont .timeline_slide .year ul{ display: flex; align-items: flex-end;}
#home_timeline #timeline .cont .timeline_slide .year ul li{ width: 620px; padding-right: 60px; padding-top: 10px;}
#home_timeline #timeline .cont .timeline_slide .year .comingsoon{ display: flex; flex-direction: column; align-items: center; color: #ccc;}
#home_timeline #timeline .cont .timeline_slide .year .comingsoon strong{ font-size: 1rem; font-weight: 500; line-height: 1em; margin-bottom: 0.25em;}
#home_timeline #timeline .cont .timeline_slide .year .comingsoon span{ font-size: 1rem; font-weight: 600; line-height: 1em;}
#home_timeline #timeline .cont .timeline_slide .year dl{ display: flex; align-items: center; padding-bottom: 72px;}
#home_timeline #timeline .cont .timeline_slide .year dl dt{ font-size: 2.4rem; line-height: 1em; font-weight: 700; position: relative;}
#home_timeline #timeline .cont .timeline_slide .year dl dt:before{ content: ""; width: 2px; height: 44px; background: #E94738; position: absolute; left: 50%; bottom: -60px; transform: translateX(-50%);}
#home_timeline #timeline .cont .timeline_slide .year dl dt:after{ content: ""; width: 24px; height: 24px; background: #E94738; border-radius: 50%; position: absolute; left: 50%; bottom: -72px; transform: translateX(-50%);}
#home_timeline #timeline .cont .timeline_slide .year dl dd{ display: flex; flex-direction: column; margin-left: 10px;}
#home_timeline #timeline .cont .timeline_slide .year dl dd strong{ font-size: 1rem; font-weight: bold; line-height: 1em; margin-bottom: 0.25em;}
#home_timeline #timeline .cont .timeline_slide .year dl dd span{ font-size: 0.75rem; font-weight: bold; line-height: 1em; color: #2B72B8;}
@media screen and (max-width:767px){
#home_timeline #timeline .cont .timeline_slide .year{ width: calc(60vw*3); margin-left: -60vw;}
#home_timeline #timeline .cont .timeline_slide .year ul li{ width: 60vw; padding-right: 10vw; padding: 1.25vw;}
#home_timeline #timeline .cont .timeline_slide .year{ margin-top: 5%;}
#home_timeline #timeline .cont .timeline_slide .year .comingsoon strong{ font-size: 0.9rem;}
#home_timeline #timeline .cont .timeline_slide .year .comingsoon span{ font-size: 0.9rem;}
#home_timeline #timeline .cont .timeline_slide .year dl{ padding-bottom: 15vw;}
#home_timeline #timeline .cont .timeline_slide .year dl dt{ font-size: 2rem;}
#home_timeline #timeline .cont .timeline_slide .year dl dt:before{ height: 12.5vw; bottom: -15vw;}
#home_timeline #timeline .cont .timeline_slide .year dl dt:after{ width: 3.75vw; height: 3.75vw; bottom: -15vw;}
#home_timeline #timeline .cont .timeline_slide .year dl dd{ margin-left: 2.5%;}
#home_timeline #timeline .cont .timeline_slide .year dl dd strong{ font-size: 0.9rem;}
#home_timeline #timeline .cont .timeline_slide .year dl dd span{ font-size: 0.7rem;}
}

#home_timeline .timeline_controll{ margin-top: 40px;}
#home_timeline .timeline_controll ul{ display: flex; justify-content: flex-end;}
#home_timeline .timeline_controll ul li{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #BFBFBF; color: #BFBFBF; font-size: 0.8rem; margin-left: 10px; cursor: pointer; transition: 0.3s;}
#home_timeline .timeline_controll ul li:hover{ background: #BFBFBF; color: #fff;}
@media screen and (max-width:767px){
#home_timeline .timeline_controll{ margin-top:10%;}
#home_timeline .timeline_controll ul li{ width: 8.75vw; height: 8.75vw; font-size: 0.8rem; margin-left: 1.25vw;}
}



/*home_sponsors*/
#home_sponsors{ background: #2B72B8; color: #fff; padding: 80px 0;}
#home_sponsors h2.h2_tit{ align-items: center; justify-content: center;}
#home_sponsors h2.h2_tit span{ color: #fff;}
#home_sponsors .list01{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #fff;}
#home_sponsors .list01 ul{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin: -10px 0 -10px -10px;}
#home_sponsors .list01 ul li{ width: calc(25% - 20px); margin: 10px;}
#home_sponsors .list01 ul li a{ transition: 0.3s;}
#home_sponsors .list01 ul li a:hover{ opacity: 0.7;}

#home_sponsors .list02 ul{ display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin: -10px 0 -10px -20px; font-size: 0.9rem; font-weight: 500; line-height: 1em;}
#home_sponsors .list02 ul li{ margin: 10px 20px;}
#home_sponsors .list02 p.att{ margin-top: 20px; text-align: right; font-size: 0.9rem; font-weight: 500; line-height: 1.5em;}
@media screen and (max-width:767px){
#home_sponsors{ padding: 10% 0;}
#home_sponsors .list01{ margin-bottom: 5vw; padding-bottom: 5vw;}
#home_sponsors .list01 ul{ width: calc(100% + 3.75vw); margin: -1.875vw 0 -1.875vw -1.875vw;}
#home_sponsors .list01 ul li{ width: calc(50% - 3.75vw); margin: 1.875vw;}

#home_sponsors .list02 ul{ width: calc(100% + 5vw); margin: -2.5vw 0 -2.5vw -2.5vw; font-size: 0.7rem;}
#home_sponsors .list02 ul li{ margin: 2.5vw 2.5vw;}
#home_sponsors .list02 p.att{ margin-top: 5vw; font-size: 0.7rem;}
}