@charset "utf-8";

/* ==================================================================

	ota-model.css
	
=================================================================== */

/* --------------------------------
   □ general
-------------------------------- */ 
.contents{
	padding-bottom: 0;
}

.contents main .accentArea{
	background-image:url("../../images/modelhouse/tahi-comfy/accent.jpg");
}

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

        .contents main .accentArea h1 em.en {
            font-size: 3.8rem
        }
        .tahi-comfy .contents main section h2.title span.en {
            font-size: 3.2rem;
        }
}

/*==========================
#pre
==========================*/
#pre {
    margin-bottom: 100px;
    h2 {
        text-align: center;
        font-size: 275%;
        line-height: 1.7;
        margin-bottom: 60px;
        span {
            font-size: 50%;
            display: block;
        }
    }
    .images {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1.2fr;
        justify-content: center;
        max-width: 1210px;
        margin-inline: auto;
        img {
            width: 100%;
        }
    }
}

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

    #pre {
        margin: 0 0 60px;
        h2 {
            text-align: center;
            font-size: 180%;
            line-height: 1.5;
            margin-bottom: 40px;
        }
        .images {
            gap: 30px;
            grid-template-columns: 1fr;
            max-width: initial;
        }
    }
}