#event .main{
position:relative;
width:100%;
max-width:900px;
margin:0 auto;
z-index:2;}
#event .main img{width:100%;}

.main-bg,
.main-bg::before{
display:block;
position:fixed;
top:50px;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
content:"";
background-color:#fff;
background-image:url("../img/event/ev2508/inf2508_bg.webp");
background-repeat:no-repeat;
background-size:cover;
background-position:top;
padding:0;
opacity:1;
z-index:1;}

.main .inner{position:relative;}
.main .inner > p{position:relative;}
.main .inner > a{position:absolute !important; left:calc(50% - 240px); bottom:30%;}
@media screen and (max-width:560px){.main .inner > a{left:5%; bottom:25%;}}
@media screen and (max-width:420px){.main .inner > a{bottom:15%;}}
@media screen and (max-width:360px){.main .inner > a{bottom:10%;}}

.main .inner#link02 > a{bottom:15%;}
@media screen and (max-width:700px){.main .inner#link02 > a{bottom:-5%;}}
@media screen and (max-width:420px){.main .inner#link02 > a{bottom:-25%;}}
@media screen and (max-width:360px){.main .inner#link02 > a{bottom:-35%;}}

/*ボタン*/
.main a.btn{
display:block;
position:relative;
width:90%;
max-width:480px;
background:linear-gradient(to right, #ff4040 0%,#ffcc00 100%);
border-radius:30px;
padding:3px;
margin:20px auto;}
.main a.btn + .main a.btn{margin-top:0;}
.main a.btn p{
position:relative;
color:#fff;
background:#ff7979;
font-size:18px;
text-align:center;
font-weight:bold;
border-radius:27px;
padding:10px;
transition:all .2s ease;}
.main a.btn:hover p{color:#ff7979; background:#fff;}

.main a.btn::before,
.main a.btn p::before,
.main a.btn p::after{display:block; content:""; position:absolute; transition:all .2s ease;}
.main a.btn::before{
top:calc(50% - 15px);
right:10px;
width:30px;
height:30px;
background:#fff;
border-radius:50%;
z-index:3;}
.main a.btn p::before{
top:calc(50% - 7.5px);
right:14px;
width:15px;
height:15px;
border-top:3px solid #ff7979;
border-right:3px solid #ff7979;
transform:rotate(45deg);
z-index:4;}
.main a.btn p::after{
top:calc(50% - 1.5px);
right:15px;
width:15px;
height:3px;
background:#ff7979;
z-index:4;}
.main a.btn:hover::before{background:#ff7979;}
.main a.btn:hover p::before{border-color:#fff !important;}
.main a.btn:hover p::after{background:#fff;}

@media screen and (max-width:800px){
.main a.btn p{font-size:15px; padding:5px 10px;}
.main a.btn::before{
top:calc(50% - 12px);
width:24px;
height:24px;}
.main a.btn p::before{
top:calc(50% - 6px);
width:12px;
height:12px;
border-top:2px solid #ff7979;
border-right:2px solid #ff7979;}
.main a.btn p::after{
top:calc(50% - 1px);
width:10px;
height:2px;}}