@charset "UTF-8";

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

}

@media screen and (max-width: 1024px) {
	.renove_valuable_flex {
		flex-wrap: wrap-reverse;
	}
	.renove_valuable_flex.reverse {
		flex-wrap: wrap;
	}
	.renove_box_r, .renove_box_l {
		width: 100%;
	}
	.renove_box_l .renove_box_l_inner {
		max-width: 100%;
		padding: 0 40px;
		margin: auto;
	}
	.renove_box_r .pic_box {
		margin: 0 auto 80px;
		max-width: 100%;
		width: 90%;
	}
	.renovation_top .common_btn{
		max-width:100%;
	}
	.renovation .flex-content{
		gap:20px 0;
	}

	.renovation_bottom_link ul li{
		width:49%;
	}
	.renovation_luxury-design .swiperLuxury_design,.renovation_luxury-design .thumb-wrapper {
		width: 100%;
	}
	.renovation_luxury-design .swiper-thumb {
		width: 100%;
		padding:10px;
	}
	/*//カラーシュミレーション//*/
	.color-scheme-area .base-img,.color-scheme-area .chang-img{
		width:100%;
	}
	.color-scheme-area .base-img {
		margin-bottom: 40px;
	}
	.color-scheme-area .chang-img .tab_content {
		height: 150px;
		min-height: 1px;
	}
}

@media screen and (max-width: 768px) {
	.renove_factories .renove_factories_box .pic_box,.renove_factories .renove_factories_box .text_box{
		width:100%;
		padding:0 20px;
		max-width:100%;
	}
	.skk_ldm .common_btn {
		max-width: 100%;
	}
	.renovation_addfanction .inner,.renovation_addfanction .inner .bg_cream {
		padding: 10px;
	}
	.renovation_addfanction .before_after_inner .flex-content::after{
		border-width: 20px 0 20px 10px;
	}
	.renovation_fctories .btn_ttl_wrap {
		width: 100%;
		margin-bottom: 30px;
	}
	.renovation_fctories .btn_link .more_btn {
		margin: auto;
	}
	.renovation_addfanction .anti-dirt_pic .ttl {
		font-size: 35px;
		bottom: 170px;
		left: 20px;
		width: 90%;
	}
	.anti-dirt .ceramix .ceramix-grid-auto .box_col1, .anti-dirt .ceramix .ceramix-grid-auto .box_col2 {
		width: 100%;
	}
	.anti-dirt .ceramix .ceramix-grid-auto .box_col2 .half-box {
		width: 50%;
	}
}

@media screen and (max-width: 600px) {
	.renove_box_l .renove_box_l_inner,.renove_valuable_flex.reverse .renove_box_l_inner{
		padding:0 20px;
	}
	.renovation_luxury-design .slider__wrap .thumb-list {
		grid-template-columns: repeat(5,1fr);
		width: 97%;
		margin: auto;
	}
	.before_after_inner .after .pic p {
		font-size: 10px;
		line-height: 0.9;
	}
	.renovation_bottom_link ul li {
		width: 100%;
	}
	.renovation_luxury-design h3 {
		padding: 15px 0;
	}
	.renovation_addfanction .slide-img_wrap .text {
		position: static;
		background: #000;
	}
	.renovation_fctories .number_ttl .num {
		font-size: 40px;
	}
	.renovation_fctories .number_ttl h5 {
		font-size: 22px;
	}
	.variety .three-box {
		width: 48%;
	}
	
}

@media screen and (max-width: 480px) {
	.renove_in_pic li{
		width:100%;
	}
	.renovation_luxury-design h3 span {
		width: 35px;
		margin-right: 5px;
	}
	.renovation_addfanction .features dl dd,.renovation_addfanction .features dl dt{
		max-width:100%;
		width:100%;
	}
	.renovation_head_ttl {
		padding: 10px 0;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	.color_ttl_wrap {
		flex-wrap: wrap;
	}
	.color_ttl_wrap .color_ttl{
		margin-right:0;
		margin-bottom:10px;
	}
	.renovation_fctories .btn_link {
		padding: 5%;
	}
	.renovation_fctories .btn_link:not(:last-child){
		margin-bottom: 15px;
	}
	.anti-dirt .ceramix .ceramix-grid-auto .box_col2 .half-box {
		width: 100%;
	}
	.saving-energy_box .three-box-sub{
	width:100%;
}
	.ceiling-I-wall_head .color_ttl_wrap .color_ttl{
	width:100%;
}
}