@charset "utf-8";
/*--------------------------------------------------
  body
--------------------------------------------------*/
.sp {
    display: none!important;
}
/*--------------------------------------------------
contents_btn
--------------------------------------------------*/
#main #contents_btn {
    background-color: #fff93f!important;
    padding: 1.5rem 0!important;
}
#main #contents_btn p {
    width: 1100px!important;
    margin: 0 auto!important;
    padding-bottom: 1rem!important;
    font-size: 2rem!important;
    font-weight: bold!important;
    text-align: center!important;
    color: #333!important;
}
#main #contents_btn h3 {
    width: 1100px!important;
    margin: 0 auto!important;
    font-size: 2.25rem!important;
    font-weight: bold!important;
    height: auto!important;
}
#main #contents_btn a {
    display: block;
    padding: 1rem 0!important;
    width: 900px!important;
    margin: 0 auto 8px!important;
    text-align: center!important;
    color: #fff!important;
    background-color: #ff5984!important;
    border-radius: 46px!important;
    box-shadow: 0 8px 0 rgba(214, 86, 119)!important;
    transition: 0.2s!important;
    text-decoration: none!important;
}
#main #contents_btn a:hover {
    opacity: 1!important;
    letter-spacing: -2px!important;
    box-shadow: initial!important;
    color: #fff!important;
    margin: 8px auto 0!important;
}
/*-----------------------------------------------------------------------------------------------------------------
sp
-----------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 736px) {
/*--------------------------------------------------
  body
--------------------------------------------------*/
#wrapper {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif!important;
}
.pc {
    display: none!important;
}
.sp {
    display: block!important;
}
/*--------------------------------------------------
contents_btn
--------------------------------------------------*/
#main #contents_btn {
    padding: 1.0rem 0!important;
}
#main #contents_btn p {
    width: 100%!important;
    padding-bottom: 0.5rem!important;
    font-size: 1.25rem!important;
}
#main #contents_btn h3 {
    width: 100%!important;
    font-size: 1rem!important;
}
#main #contents_btn a {
    display: block;
    padding: 0.75rem 0!important;
    width: 95%!important;
    margin: 0 auto !important;
    border-radius: 10px!important;
    box-shadow: none!important;
    letter-spacing: -1px!important;
}
#main #contents_btn a:hover {
    opacity: 1!important;
    letter-spacing: -1px!important;
    margin: 0 auto!important;
}
}