@charset "UTF-8";




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

/*********** common変更 *************/

	
/*********** ↑common変更 *************/
	
	
	
/*********** 共通 *************/

.modelroom_bt-wrap {
	padding-top: 30px;
	padding-bottom: 30px;
}

.modelroom_bt-wrap li {
	width: 49.12%;
	margin-top: 8px;
}
	
.modelroom_bt-wrap li .new {
	font-size: 1.0rem;
	padding: 3px 3px;
}
	
.mask {
	top: 20px;
	left: 20px;
}
	
.mask p {
	font-size: 1.5rem;
}
	
	
	
/*********** ↑共通 *************/
	
	
	
	
	
	
/*********** MRコピー *************/

.content_wrap dl {
	right: 7px;
	bottom: 5px;
}

.content_wrap dt {
	font-size: 1.1rem;
}

.content_wrap dd {
	font-size: 0.9rem;
}
	

.content_wrap .coming p {
	font-size: 1.8rem;
	letter-spacing: 0.2rem;
}

	
	
	
	
.modelroom_headline-wrap {
	padding-top: 30px;
}

.modelroom_headline-wrap p:nth-child(1) {
	font-size: 2.5rem;
	letter-spacing: 0.1rem;
}

.modelroom_headline-wrap p:nth-child(2) {
	font-size: 1.7rem;
	letter-spacing: 0.2rem;
	padding-top: 5px;
}

.modelroom_headline-wrap p:nth-child(3) {
	line-height: 1.7;
	text-align: justify;
	padding-top: 20px;
}

.modelroom_headline-wrap p:nth-child(3) br {
	display: none;
}


/*********** ↑MRコピー *************/
	
	

	
	
	
	


	
	
	

	
	
	
	

	
	
	
	
	
	
	
	
	
	
/********** scroll-box ***********/	

.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
	
.scroll-box div img {
  max-width: 100%;
	
  vertical-align: top;
}

.service_02 .scroll-box div img {
  min-width: 580px;
}


	

	
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
.scroll-box::-webkit-scrollbar-track {
  background: #fff;
}
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
	
/********** ↑scroll-box ***********/
	
	

	
}




@media only screen and (min-width: 581px){
.service_02 .scroll-box div img {
  min-width: 780px;
}

}