@charset 'UTF-8';


.content-area
{
    background: url(../img/design/pc_bg_mv.jpg) no-repeat center top;
}

@media screen and (max-width: 740px)
{
    .content-area
    {
        background: url(../img/design/sp_bg_mv.jpg) no-repeat center top;
        background-size: 100% auto;
    }
}

/* mv
---------------------------------------- */
#mv .inner-area
{
    position: relative;

    overflow: hidden;

    max-width: 1600px;
    height: 710px;
    margin: 0 auto;
}

#mv .inner-area p
{
    position: absolute;
    top: 14%;
    left: 50%;

    width: 1150px;

    -webkit-transform: translate(-47%, -4.2%);
            transform: translate(-47%, -4.2%);
}

@media screen and (max-width: 740px)
{
    #mv .inner-area
    {
        max-width: 100%;
        height: 140.625vw;
    }
    #mv .inner-area p
    {
        position: relative;
        top: auto;
        left: auto;

        width: auto;
        margin-top: 2rem;

        -webkit-transform: none;
                transform: none;
    }
}

/* landplan
---------------------------------------- */
#landplan
{
    background: url(../img/modelroom/bg_content.jpg) repeat center top;
}

#landplan .inner
{
    max-width: 1080px;
    margin: 0 auto;
    padding: 70px 0 50px;
}

#landplan h2
{
    font-family: '游明朝',HonMincho-Book,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    font-size: 3.0rem;
    font-weight: 500;

    margin-bottom: 40px;

    text-align: center;
}

#landplan .landplanarea
{
    display: -webkit-flex;
    display:         flex;
}

#landplan .landplanarea .planimg
{
    width: 46%;
    margin-right: 4%;
}

#landplan .landplanarea .area
{
    width: 50%;
}

#landplan .landplanarea .number
{
    margin: 76px auto 36px;
    padding: 28px 40px;

    background: #fdfdfd;
}

#landplan .landplanarea .number li
{
    font-family: '游明朝',HonMincho-Book,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    font-size: 1.7rem;

    padding: 14px 0;

    border-bottom: 1px solid #999;
}

#landplan .landplanarea .number li span
{
    font-family: '游明朝',HonMincho-Book,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    font-size: 1.8rem;

    display: inline-block;

    margin-right: 10px;
    padding: 0 8px;

    color: #fff;
    background: #6f94cd;
}

#landplan .landplanarea .number li:last-child
{
    border-bottom: none;
}

#landplan .landplanarea .number .cap
{
    font-family: '游明朝',HonMincho-Book,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    font-size: 1.2rem;
}

@media screen and (max-width: 740px)
{
    #landplan .inner
    {
        padding: 3.90625vw 3.125vw;
    }
    #landplan h2
    {
        margin-bottom: 3.125vw;
    }
    #landplan .landplanarea
    {
        display: inline-block;
    }
    #landplan .landplanarea .planimg
    {
        width: 100%;
    }
    #landplan .landplanarea .area
    {
        width: 100%;
    }
    #landplan .landplanarea .number
    {
        margin: 4.6875vw 0;
        padding: 4.6875vw;
    }
    #landplan .landplanarea .number li span
    {
        display: table;
    }
}

/* suport
---------------------------------------- */
#suport .inner
{
    max-width: 1140px;
    margin: 0 auto;
    padding: 70px 0 15px;
}

#suport h2
{
    font-family: '游明朝',HonMincho-Book,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    font-size: 2.8rem;

    margin-bottom: 40px;

    text-align: center;
}

#suport ul
{
    display: -webkit-flex;
}

#suport ul li
{
    display: inline-block;

    width: 23.94%;
    margin: 0 1.35% 40px 0;
}

#suport ul li .ttl
{
    font-family: '游明朝',HonMincho-Book,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    font-size: 2.0rem;
    line-height: 1.4;

    text-align: center;

    color: #2e4988;
}

#suport ul li .ttl span
{
    font-family: '游明朝',HonMincho-Book,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    font-size: 1.5rem;

    display: block;

    color: #606060;
}

#suport ul li .img
{
    margin: 8px auto 12px;
}

#suport ul li .info
{
    font-size: 1.3rem;

    color: #444;
}

#suport ul li .box:first-child
{
    margin-bottom: 50px;
}

#suport ul li.mg_non
{
    margin-right: 0;
}

@media screen and (max-width: 1200px)
{
    #suport .inner
    {
        padding: 0 3.125vw;
    }
}

@media screen and (max-width: 740px)
{
    #suport .inner
    {
        padding: 3.90625vw 3.125vw;
    }
    #suport h2
    {
        font-size: 2.2rem;

        margin-bottom: 3.90625vw;
    }
    #suport ul
    {
        display: inline-block;
    }
    #suport ul li
    {
        width: 48%;
        margin: 0 2% 5% 0;

        vertical-align: top;
    }
    #suport ul li .ttl
    {
        font-size: 1.4rem;
        line-height: 1.5;
    }
    #suport ul li .ttl span
    {
        font-size: 1.1rem;
    }
    #suport ul li .ttl .box:first-child
    {
        margin-bottom: 5%;
    }
    #suport ul li:nth-child(even)
    {
        margin-right: 0;
    }
}

/* note
---------------------------------------- */
.note .inner
{
    font-size: 1.1rem;
    line-height: 1.5;

    max-width: 1540px;
    margin: 0 auto;
    padding: 5px 0 37px 0;

    color: #333;
}

@media screen and (max-width: 1540px)
{
    .note .inner
    {
        padding: 5px 3.125vw 37px 3.125vw;
    }
}

@media screen and (max-width: 740px)
{
    .note .inner
    {
        font-size: 2.8125vw;

        padding: 7.03125vw 3.125vw;
    }
}