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

#sm_creca {
    width: 1000px;
    margin: 0 auto;
}
#sm_creca h1 {
    width: 790px;
    margin: 0 auto;
    padding: 50px 0;
}
#sm_creca .ttl > img {
    display: block;
    width: 850px;
    margin: 0 auto;
    padding: 20px 0;
}

#sm_creca .ttl > p {
    text-align: center;
    width: 90%;
    margin: 30px 0px 0px 50px;
    font-size: 18px;
    color: #dc143c;
}


#sm_creca .h_list {
    padding-bottom: 60px;
}
#sm_creca .h_list ul {
    padding: 20px 0;
    text-align: center;
}
#sm_creca .h_list ul li {
    display: inline-block;
    width: 311px;
    margin: 0 auto;
    padding: 0;
}
#sm_creca .h_list p {
    width: 830px;
    margin: 0 auto;
    font-size: 13px;
    text-align: justify;
}
#sm_creca .notes {
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
}
#sm_creca a.btn_nagare {
    margin: 50px auto 0;
}
#sm_creca a.btn_nagare:hover {
    opacity: 0.7;
}

/*------------------------------------------------------------------------------------------
sp（320px～667px）
------------------------------------------------------------------------------------------*/
@media screen and (max-width: 667px) {
#sm_creca {
    width: 100%;
    margin: 0;
}
#sm_creca h1 {
    width: 86%;
    margin: 0 7%;
    padding: 7% 0;
}
#sm_creca .ttl > img {
    width: 92%;
    margin: 0 4%;
    padding: 0;
}
#sm_creca .h_list {
    padding-bottom: 30px;
}
#sm_creca .h_list ul {
    padding: 30px 0 10px;
    text-align: center;
}
#sm_creca .h_list ul li {
    max-width: 300px;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 15px;
}
#sm_creca .h_list p {
    width: 90%;
    margin: 0 5%;
    font-size: 12px;
    text-align: justify;
}
#sm_creca .notes {
    width: 90%;
    text-align: left;
    font-size: 11px;
}
#sm_creca a.btn_nagare {
    width: 90%;
    margin: 30px 5% 0;
}


}