@charset "UTF-8";
/* CSS Document */

@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15); /* 拡大率 */
}
}



/*PC*/
@media print, screen and (min-width: 768px) {



/* sponsor
--------------------------------------------*/
#sponsor {
position:relative;
margin:0 auto 120px;
}

#sponsor .section_wrap{
width: 1000px;
margin: auto;
position: relative;
}

#sponsor .section_wrap .ttl01{
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
margin: 0 0 30px;
text-align: center;
}

#sponsor .section_wrap .ttl02{
font-size: 1.4rem;
font-weight: 900;
line-height: 1;
margin: 0 0 30px;
text-align: center;
}

#sponsor .sponsor_list0{
width: 900px;
margin: 0 auto 100px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#sponsor .sponsor_list0 li{
width: 390px;
margin: 0 20px 20px;
}

#sponsor .sponsor_list0 li:nth-child(2n){
margin-right: 0;
}

#sponsor .sponsor_list1{
width:900px;
margin: 0 auto 100px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#sponsor .sponsor_list1 li{
width:270px;
margin: 0 10px 20px;
}


#sponsor .sponsor_list2{
width:900px;
margin: 0 auto 40px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#sponsor .sponsor_list2 li{
width: 270px;
margin: 0 10px 20px;
}

#sponsor .sponsor_list4{
width:1000px;
margin: 0 auto 40px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#sponsor .sponsor_list4 li{
width: 180px;
margin:0 10px 20px;
}



/*com
------------*/
.sub_ttl{
font-size: 1.6rem;
font-weight: 300;
font-style: italic;
color: #eb55a5;
margin: 0 auto 20px;
text-align: center;
}

.red_txt{
font-size: 1.2rem;
font-weight: 300;
font-style: italic;
margin: 0 auto 60px;
}

.red_txt span{
display: block;
font-size: 1rem;
margin-top: 10px;
}


}
/*sp*/
@media only screen and (max-width: 767px) {

/* sponsor
--------------------------------------------*/
#sponsor {
position:relative;
margin:0 auto 60px;
}

#sponsor .section_wrap{
width: 90%;
margin: auto;
position: relative;
}

#sponsor .section_wrap .ttl01{
font-size: 1.4rem;
font-weight: 900;
line-height: 1;
margin: 0 0 20px;
text-align: center;
}

#sponsor .section_wrap .ttl02{
font-size: 1.2rem;
font-weight: 900;
line-height: 1;
margin: 0 0 20px;
text-align: center;
}

#sponsor .sponsor_list0{
width: 200px;
margin: 0 auto 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
}

#sponsor .sponsor_list0 li{
width: 100%;
margin: 0 0 20px;
}

#sponsor .sponsor_list0 li:nth-child(2n){
margin-right: 0;
}

#sponsor .sponsor_list1{
width: 100%;
margin: 0 auto 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#sponsor .sponsor_list1 li{
width: 48%;
margin: 0 20px 20px;
}

#sponsor .sponsor_list0 li:nth-child(2n){
margin-right: 0;
}

#sponsor .sponsor_list2{
width:100%;
margin: 0 auto 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
}

#sponsor .sponsor_list2 li{
width: 31.33%;
margin: 0 3% 3% 0;
}

#sponsor .sponsor_list2 li:nth-child(3n){
margin-right: 0;
}

#sponsor .sponsor_list3{
width:100%;
margin: 0 auto 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
}

#sponsor .sponsor_list3 li{
width: 22%;
margin: 0 3% 3% 0;
}

#sponsor .sponsor_list3 li:nth-child(4n){
margin-right: 0;
}

#sponsor .sponsor_list4{
width:100%;
margin: 0 auto 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


#sponsor .sponsor_list4 li{
width:48%;
margin:0 0 2%;
}



/*com
------------*/
.sub_ttl{
font-size: 1.2rem;
font-weight: 300;
font-style: italic;
color: #eb55a5;
margin: 0 auto 20px;
text-align: center;
}


.red_txt{
font-size: 1rem;
font-weight: 300;
font-style: italic;
margin: 0 auto 30px;
}

.red_txt span{
display: block;
margin-top: 15px;
line-height: 1.4;
font-size: .8rem;
}


}