@charset 'UTF-8';
/*smart_phone_config*/
/*共通パーツ化が困難だったため追記*/
/* *****************************
 *
 * INDEX file to Scss or Sass.
 *
 **************************** */
#news
{
    margin-top: 2px;
}
@media screen and (max-width: 768px)
{
    #news
    {
        margin: 50px 0 4% 0;
    }
}

#newsDetail .green
{
    margin-bottom: 50px; 

    background-color: #3fa79e;
}
@media screen and (max-width: 768px)
{
    #newsDetail .green
    {
        margin-top: 52px;
        margin-bottom: 4%;
    }
}
#newsDetail .green .newsDetailTitle
{
    font-weight: normal;
    line-height: 34px;

    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 2% 0 2% 0; 

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 768px)
{
    #newsDetail .green .newsDetailTitle
    {
        width: 94%;
    }
}
#newsDetail .green .date
{
    font-size: 20px;

    margin-right: 15px;
}
#newsDetail .green h1
{
    font-size: 28px;

    text-align: left;
}
@media screen and (max-width: 768px)
{
    #newsDetail .green h1
    {
        font-size: 153.9%; 

        color: #fff;
    }
}

.detailContents
{
    width: 100%;
    max-width: 800px;
    margin: 0 auto 50px auto;
}
@media screen and (max-width: 768px)
{
    .detailContents
    {
        width: 90%;
        margin: 0 auto 10% auto;
    }
}
.detailContents .inner
{
    font-size: 123.1%;
    line-height: 1.5; 

    padding: 0 0 5%;
}
@media screen and (max-width: 768px)
{
    .detailContents .inner
    {
        padding: 0 0 10%;
    }
}
.detailContents .btnBlue
{
    width: 300px;
    margin: 0 auto; 

    text-align: center;
}
@media screen and (max-width: 768px)
{
    .detailContents .btnBlue
    {
        width: 70%;
    }
}
.detailContents .btnBlue a
{
    font-size: 153.9%; 

    padding: 5% 10%;
}
@media screen and (max-width: 768px)
{
    .detailContents .btnBlue a
    {
        font-size: 17px; 

        padding: 5% 10%;
    }
}