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



	/*バナー（ファーストビュー）ここから*/
	#contents .inner{
		margin: 0.5em 0 0;
	}
	#contents .main-flex{
		display: none;
	}
        .showroom_banner img {
                width:100%;
                height:auto;
        }
        .showroom-gallery1 {
                flex-direction:column;
        }
        .showroom-gallery1 p {
                font-size:14px;
        }
        .unithouse_pdf img {
                width:100%;
                display:block;
                margin:0 auto;
        }
        .sub-showroom .showroom-flex {
                flex-direction:column;
        }
        .sub-showroom .showroom-info {
                width:100%;
        }
        .sub-showroom .showroom-map {
                flex:1;
        }
        .sub-showroom .showroom-map iframe {
                width:100%;
        }
        #products.list article{
	        display:flex;
	        flex-direction:column;
        }
        #products.list article section{
	        width:100%;
        }
        #products.list .pic img{
	        width:350px !important;
	        height:219px !important;
        }
	/*バナー（ファーストビュー）ここまで*/
        
        /*文字の改行*/
        .photo-caption span {
                display:inline-block;
        }
        .showroom-gallery3 p span {
                display:inline-block;
        } 
        .text-aircon span {
                display:inline-block;
        }
        .sp_br {
                display:none;
        }
#sec2 .items{
	display: none;
}
#sec2 .items.active{
	display: block;
}
#sec2 .items-flex dl{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}
#sec2 .items-flex{
	display: flex;
	flex-direction:row;
	align-items: flex-start;
	margin-bottom: 20px;
	background-color: #fff;
}
#sec2 dl{
	padding: 15px;
}
#sec2 dl dt{
	height:48px;
	font-size: 140%;
	font-weight: bold;
}
#sec2 dl dt a{
	color: #333;
}
#sec2 dl dt a:hover{
	color: #0968ab;
}
#sec2 .size_serial{
	margin:0;
	padding:0;
	font-size: 80%;
	color: #666;
}
#sec2 ul{
	display: flex;
}
#sec2 ul li{
	font-size: 75%;
	margin: 6px 6px 0 0;
	padding: 2px 3px;
	text-align: center;
	color: #fff;
}
#sec2 ul li:nth-Child(1){
	background-color: #0968ab;
}
#sec2 ul li:nth-Child(2){
	background-color: #b779cf;
}
#sec2 ul li:nth-Child(3){
	background-color: #ff9c00;
}
#sec2 ul li.layout{
	background-color: #9acd32 !important;
}
#sec2 ul li.rental{
	background-color: #ff9c00 !important;
}
#sec2 .price{
	margin-top: 10px;
	text-align: right;
	line-height: 180%;
	font-size: 11px;
	color: #666;
}
#sec2 .price span{
	font-size: 200%;
}
}
