@charset "UTF-8";

#container{
	width: 100%;
    max-width: 700px;
    margin: 0 auto 100px; 
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.maintitle{
    font-size: 200%;
    margin: 20px auto 10px;
}
.sbtitle{
    font-size: 120%;
    margin: 10px auto 30px;
}
.event_wrapper{
    background-color:#f2f2f2;
}
.event_text{
    padding: 30px 0 30px;
    font-size: 120%;
}
.second .event_btn{
    width:60%;
    background: #ad9f68;
    padding: 10px;
    margin: 0 auto 60px;
    color: #fff;
}
.second{
    border:1px solid #ad9f68;
    margin-bottom: 100px;
}

.third{
    border:1px solid #67b94b;
	margin-bottom: 100px;
}
.third .event_btn{
    width:60%;
    background: #67b94b;
    padding: 10px;
    margin: 0 auto 60px;
    color: #fff;
}

.first .event_btn{
    width:60%;
    background: #F56E41;
    padding: 10px;
    margin: 0 auto;
    color: #fff;
}

.first{
    border:1px solid #F56E41;
}

.pc_only{
    display: block;
}
.sp_only{
    display: none;
}



@media screen and (max-width: 767px) {

#container{
    margin: 0px auto 100px; 
} 
.maintitle{
    font-size: 170%;
}
.event_text{
    padding: 20px 0 20px;
    font-size: 110%;
}
.third .event_btn{
    margin: 0 auto;
}
.pc_only{
    display: none;
}
.sp_only{
    display: block;
}
	
}