@charset 'UTF-8';


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

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

h2,
h3
{
    font-family: '游明朝',HonMincho-Book,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    font-weight: 500;
    line-height: 1.8;

    margin: 0;
    padding: 0;

    vertical-align: bottom;
}

/* mv
---------------------------------------- */
#mv .inner-area
{
    padding: 153px 0 131px 0;

    text-align: center;
}

@media screen and (max-width: 740px)
{
    #mv .inner-area
    {
        padding: 7.8125vw 0;
    }
    #mv .inner-area p
    {
        width: 100%;
        margin: 0 auto;
    }
}

/* content
---------------------------------------- */
.content .inner
{
    max-width: 1140px;
    margin: 0 auto;
    padding: 60px 0 70px;
}

.content h2
{
    font-size: 2.6rem;

    margin-bottom: 10px;

    text-align: center;

    color: #2e4988;
}

.content h3
{
    font-size: 2.8rem;

    margin-bottom: 10px;

    text-align: center;
}

.content .txt
{
    font-family: '游明朝',HonMincho-Book,YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;

    margin-bottom: 50px;

    text-align: center;
}

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

@media screen and (max-width: 740px)
{
    .content .inner
    {
        padding: 7.8125vw 3.125vw !important;
    }
    .content h2
    {
        font-size: 2.0rem !important;

        margin-bottom: 3.125vw !important;

        text-align: center !important;
    }
    .content h3
    {
        font-size: 2.3rem !important;

        text-align: center !important;
    }
    .content .txt
    {
        margin-bottom: 3.125vw;

        text-align: left;
    }
}

/* roomconcept
---------------------------------------- */
#roomconcept
{
    padding-top: 0;
}

#roomconcept h2
{
    margin-bottom: 30px;
}

#roomconcept ul
{
    display: -webkit-flex;
    display:         flex;

    margin-bottom: 60px;
}

#roomconcept li
{
    width: 30%;
    margin-left: 5%;

    list-style-type: none;
}

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

    margin-bottom: 16px;
    padding-left: 20px;

    border-left: 4px solid #8298cc;
}

#roomconcept li .txt
{
    font-family: 'Hiragino Kaku Gothic ProN';
    font-size: 1.3rem;

    margin-bottom: 0;

    text-align: left;
}

#roomconcept li:first-child
{
    margin-left: 0;
}

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

@media screen and (max-width: 740px)
{
    #roomconcept h2
    {
        margin-bottom: 3.125vw;
    }
    #roomconcept ul
    {
        display: inline-block;

        margin-bottom: 3.125vw;
    }
    #roomconcept li
    {
        width: 100%;
        margin: 0 0 3.90625vw;
    }
}

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

#bedroom .inner
{
    display: -webkit-flex;
    display:         flex;
}

#bedroom h2
{
    margin-top: 10px;
    margin-bottom: 10px;

    text-align: left;
}

#bedroom h3
{
    text-align: left;
}

#bedroom h2,
#bedroom h3,
#bedroom .txt
{
    margin-left: 50px;
}

#bedroom .txt
{
    margin-bottom: 36px;

    text-align: left;
}

#bedroom .img
{
    width: 46%;
    margin-right: 2%;
}

#bedroom .txtarea .img
{
    width: 100%;
    margin-right: 0;
}

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

@media screen and (max-width: 740px)
{
    #bedroom .inner
    {
        display: inline-block;
    }
    #bedroom h2,
    #bedroom h3,
    #bedroom .txt
    {
        margin-left: 0;
    }
    #bedroom .pc-hide.img
    {
        margin-bottom: 3.125vw;
    }
}

/* storage
---------------------------------------- */
#storage ul
{
    display: -webkit-flex;
    display:         flex;
}

#storage li
{
    width: 30%;
    margin-left: 3%;

    list-style-type: none;
}

#storage li:first-child
{
    margin-left: 0;
}

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

    margin-top: 10px;

    text-align: center;
}

#storage .list .txt
{
    font-family: 'Hiragino Kaku Gothic ProN';
    font-size: 1.2rem;

    margin-bottom: 5px;

    text-align: left;
}

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

@media screen and (max-width: 740px)
{
    #storage ul
    {
        display: inline-block;
    }
    #storage li
    {
        width: 100%;
        margin: 0 0 5% 0;
    }
}

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

#kitchen h3
{
    margin-bottom: 40px;
}

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

@media screen and (max-width: 740px)
{
    #kitchen h3
    {
        margin-bottom: 3.90625vw;
    }
}

/* utility
---------------------------------------- */
#utility
{
    padding-bottom: 0;
}

#utility h2
{
    margin-bottom: 40px;
}

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

#utility li
{
    width: 30%;
    margin-left: 3%;

    list-style-type: none;
}

#utility li:first-child
{
    margin-left: 0;
}

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

@media screen and (max-width: 740px)
{
    #utility ul
    {
        display: inline-block;
    }
    #utility li
    {
        width: 100%;
        margin: 0 0 5% 0;
    }
}

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

    max-width: 1540px;
    margin: 0 auto;
    padding: 57px 0 36px 0;

    color: #333;
}

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

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

        padding: 7.03125vw 3.125vw;
    }
}