@charset "UTF-8";
/* CSS Document */
.main{margin: 40px auto 0;}

#sponsor{padding: 0 0 60px;}
#sponsor h2{text-align: center; font-size: 16px; font-weight: bold; margin: 0 0 20px;}
#sponsor-logo{display: flex; justify-content: center; align-items: center; margin: 0 0 50px;}
#sponsor-logo figure{margin: 0 20px;}
#sponsor-btn{display: flex; flex-wrap: wrap;}
#sponsor-btn a{width: 18.75%; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; position: relative; margin: 0 1.5625% 0 0;}
#sponsor-btn a:last-of-type{margin: 0;}
#sponsor-btn a:after{content: ''; width: 0; height: 0; border-top: 3px solid transparent; border-left: 4px solid #fff; border-bottom: 3px solid transparent; position: absolute; right: 10px; top: 50%; margin-top: -3px;}
#sponsor-btn .btn1{background: #4eb0b3 url("../../images/top/btn_bg.png") no-repeat top left/100% 100%;}
#sponsor-btn .btn2{background: #ed543c url("../../images/top/btn_bg.png") no-repeat top left/100% 100%;;}
#sponsor-btn .btn3{background: #f3af18 url("../../images/top/btn_bg.png") no-repeat top left/100% 100%;;}
#sponsor-btn .btn4{background: #2959c9 url("../../images/top/btn_bg.png") no-repeat top left/100% 100%;;}
#sponsor-btn .btn5{background: #7bca54 url("../../images/top/btn_bg.png") no-repeat top left/100% 100%;;}

#boxNew{position: relative; margin: 0 0 50px;}
#boxNew h2{font-weight: bold; color: #721e1e; text-transform: uppercase; position:relative; top: 0; left: 0; font-size:17px; margin-bottom:20px; font-weight:bold;}
#boxNew .new{font-size: 14px; height: 60px; -webkit-overflow-scrolling: touch; overflow:auto;}
#boxNew .new dl{ position: relative; margin: 0 0 5px 0;}
#boxNew .new dt{ position: absolute; top: 0; left: 0; }
#boxNew .new dd{ box-sizing: border-box; padding: 0 0 0 9.5em;}

.frame{border: 1px solid #000; padding: 40px 30px 50px; font-size: 15px;}

#frame1 { margin: 0 0 50px; }
#frame1 table { border: 1px solid #ccc; width: 100%; }
#frame1 td { padding: 10px 20px; vertical-align: middle; border-bottom: 1px solid #ccc; }
#frame1 td:nth-of-type(1) { background: #cceff5; width: 135px; border-right: 1px solid #ccc; }
.f10{font-size: 10px;}
.mt10{margin-top: 10px;}

#frame2 .item { margin: 0 0 30px; }
#frame2 .tit { font-size: 18px; font-weight: bold; margin: 0 0 5px; }
#frame2{margin: 0 auto 50px;}
#frame2 .tit{font-size: 20px; font-weight: bold; margin: 0 0 30px; color: #1c92ab;}
#frame2 .txt p{margin: 0 0 35px;}
#frame2 .txt p:last-of-type{margin: 0;}

.btnMain{font-size: 20px; color: #fff; letter-spacing: 0.15em; font-weight: bold; text-align: center; display: block; line-height: 1; padding: 21px 0;  border-radius: 5px; position: relative; margin:0 0 20px;}
.btnMain:before{content: ''; display: block; width: 6px; height: 11px; background: url(../../images/top/ic_1.png) no-repeat; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.btnInfo{background: linear-gradient(to bottom, #a62c2c, #581717);}
.btnFaq{background: linear-gradient(to bottom, #f7bb34, #dd7f22);}

#sponsor_btn2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
#sponsor_btn2 li{
    width: 48.95%;
}

#sponsor_btn2 li:nth-child(3),#sponsor_btn2 li:nth-child(4){
    width: 100%;
    margin-top: 2%;
}
/*===============================
             MEDIA
================================*/
@media only screen and (max-width:960px) and (min-width: 751px){
    #sponsor-btn a{font-size: 1.5vw;}
}

@media only screen and (max-width:750px){
    #sponsor-btn a{width: 49%; margin: 0 2% 2% 0;}
    #sponsor-btn a:nth-of-type(2n){margin: 0 0 2%;}        
        
	#boxNew .new {height: 100px;}

	#frame1 td { padding: 10px; }
	#frame1 td:nth-of-type(1) { width: 120px; }

/*	.main{margin:4vw auto 0;}*/
	footer{padding: 50px 0 80px;}

    #sponsor_btn2{
        margin-bottom: 10px;
    }
    #sponsor_btn2 li{
        width: 100%;
    }
    #sponsor_btn2 li img{
        width: 100%;
    }
    #sponsor_btn2 li:nth-child(2){
        margin-top: 10px;
    }
}

@media only screen and (max-width:480px){
    #sponsor-logo figure{margin: 0 10px;}
    #sponsor-btn a{width: 100%; margin: 0 0 10px 0;}
    #sponsor-btn a:nth-of-type(2n){margin: 0 0 10px;}
    
	#boxNew{margin: 0 0 30px;}	
	#boxNew .new dt{ position: static;}
	#boxNew .new dd{ padding: 0 0 0 0;}
	
	.frame{font-size: 14px; padding: 20px 10px;}
	.frame .boxCent{line-height: 1.7; text-align: left;}
    #frame2 .tit{margin: 0 0 20px;}
    #frame2 .txt p{margin: 0 0 20px;}
}