@font-face {
    font-family: "didot";
    src: url("../font/Didot.otf") format("opentype"); /*fontがあるパスを書いて、formatを指定*/
    font-display: swap;
}

.didot {
    font-family: "didot",sans-serif;
}
/*-------------------------------
    model wrap
-------------------------------*/

.model_wrap {
    margin:0 auto 9rem;
    background:#F5F8FA;
    padding:6rem 7.5rem 15rem;
    border-radius: 3rem;
}

/*-------------------------------
    sec top    
-------------------------------*/

.sec_top {
    position:relative;
    overflow: visible;
}

.top_comment {
    margin-top:15rem;
    padding-bottom:12rem;
}

.top_comment h3,
.top_comment p {
    font-weight:700;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom:8rem;
}

.top_comment h3 {
    font-size:2.8rem;
    color:var(--maincolor);
    line-height:1.875;
}

.top_comment p {
    font-size:2.2rem;
    color:var(--blueblack);
}

/*-------------------------------
    model block    
-------------------------------*/

.model_block:not(.model_block04) .model_flex {
    margin-bottom:9rem;
    padding-bottom:8.5rem;
    border-bottom:.4rem dotted var(--maincolor);
}

.model_txt_wrap {
    width:43.2%;
    max-width:47.5rem;
}

.model_txt h3 {
    font-size:2.4rem;
    font-weight:700;
    letter-spacing: 0.01em;
    margin-bottom:8rem;
}

.model_txt p {
    line-height:2.5;
}

.model_img {
    width:48.2%;
    max-width:53rem;
}

/*-------------------------------
    個別 model block    
-------------------------------*/

.model_block01 .model_flex {
    position:relative;
}

.model_block01 .model_img {
    position:absolute;
    right:0;
    top:0;
}

/*-------------------------------
    model no
-------------------------------*/

.model_no {
    margin-top:4rem;
}

.model_no li {
    padding-left:4.5rem;
    position:relative;
}

.model_no li:not(:last-of-type) {
    margin-bottom:4rem;
}

.model_no li::before {
    content:"";
    display: block;
    width:2.7rem;
    height:3.7rem;
    position:absolute;
    left:0;
    top:0.45em;
}

.model_no li:nth-of-type(1)::before {
    background:url(../images/model_room/no1.svg) no-repeat center bottom / contain;
}

.model_no li:nth-of-type(2)::before {
    background:url(../images/model_room/no2.svg) no-repeat center bottom / contain;
}

.model_no li:nth-of-type(3)::before {
    background:url(../images/model_room/no3.svg) no-repeat center bottom / contain;
}

.model_no li h4 {
    font-size:2rem;
    font-weight:700;
    letter-spacing: 0.01em;
    color:var(--blueblack);
}

/*-------------------------------
    illust
-------------------------------*/

.illust_wrap01 .illust_dining01 {
    top:13rem;
    right:1rem;
}

.illust_wrap01 .illust_living01 {
    top:40rem;
    left:-1.5rem;
}

.illust_wrap02 .yukinyan_onegai {
    right:0;
    bottom:28rem;
}

/*-------------------------------
    responsive
-------------------------------*/

@media screen and (max-width:960px) {


} /* end 960px */



/*-------------------------------
    ver sp
-------------------------------*/

@media screen and (max-width:768px) {

/*-------------------------------
    model wrap
-------------------------------*/

.model_wrap {
    margin:0 auto 12rem;
    padding:3rem 6rem 12rem;
}

/*-------------------------------
    sec top    
-------------------------------*/

.top_comment {
    margin-top:9rem;
    padding-bottom:25rem;
}

.top_comment h3,
.top_comment p {
    margin-bottom:7rem;
}

.top_comment h3 {
    font-size:3.2rem;
}

.top_comment p {
    font-size:2.8rem;
}

/*-------------------------------
    model block    
-------------------------------*/

.model_block:not(.model_block04) .model_flex {
    margin-bottom:5rem;
    padding-bottom:5rem;
}

.model_txt_wrap {
    width:100%;
    max-width:100%;
}

.model_txt h3 {
    font-size:3rem;
    margin-bottom:5rem;
}

.model_img {
    width:100%;
    max-width:100%;
    margin-top:5rem;
}

/*-------------------------------
    個別 model block    
-------------------------------*/

.model_block01 .model_flex {
    position:relative;
}

.model_block01 .model_img {
    position:relative;
    right:auto;
    top:auto;
}

/*-------------------------------
    model no
-------------------------------*/

.model_no {
    margin-top:7.5rem;
}

.model_no li {
    padding-left:6.5rem;
}

.model_no li:not(:last-of-type) {
    margin-bottom:5rem;
}

.model_no li::before {
    width:3.8rem;
    height:5.2rem;
    top:0.45em;
}

.model_no li h4 {
    font-size:2.8rem;
}

.model_no li p {
    font-size:2.4rem;
}

/*-------------------------------
    illust
-------------------------------*/

.illust_wrap01 .illust_dining01 {
    top:-1rem;
    right:-7.5rem;
}

.illust_wrap01 .illust_living01 {
    top:67rem;
    left:-4.5rem;
}

.illust_wrap02 .yukinyan_onegai {
    width:16.7rem;
    right:-6rem;
    bottom:6rem;
}

} /* end 768px */