@charset "utf-8";

/*---page_thermorebirth---*/

@media screen and (min-width:768px){
/*pc・タブレットcss*/

#maincolumn {
	color: #6a6a6a;
}
#maincolumn h3 {
	margin: 0 0 11px 0;
}
#maincolumn .main-title {
	position:relative;
	width: 720px;
	height: 286px;
	margin-bottom:18px;
}
#maincolumn .text {
	position:absolute;
	left:23px;
	top:208px;
	width: 520px;
	line-height:180%;
}
#maincolumn .block {
	width: 470px;
	padding: 0 0 0 250px;
	margin-bottom:26px;
	line-height: 180%;
	font-size: 14px;
	letter-spacing: 0.1em;
	background: url(../images/thermorebirth/bk2.jpg) no-repeat;
}
#maincolumn .text_box {
	width: 440px;
	height:107px;
	padding:15px 30px 0 0;
}
#maincolumn .block2 {
	width: 436px;
	padding: 29px 260px 20px 18px;
	margin-bottom: 32px;
	line-height: 180%;
	letter-spacing: 0.1em;
	border: 3px solid #BFCEBC;
	background: url(../images/thermorebirth/photo01.jpg) no-repeat right top;
}
#maincolumn .text_box2 {
	width: 436px;
	padding: 0 0 5px 0;
	margin-bottom:10px;
	line-height: 190%;
	border-bottom: 1px solid #CECECE;
}
#maincolumn .block3 {
	width: 720px;
	padding: 0;
	line-height: 180%;
	font-size:14px;
	letter-spacing: 0.1em;
}
#maincolumn .boxR {
	width: 453px;
	float:right;
	display:block;
}
#maincolumn .text_box3 {
	clear:both;
	width: 720px;
	margin-bottom:25px;
	line-height: 180%;
	font-size:14px;
	letter-spacing: 0.1em;
	color: #6a6a6a;
}
#maincolumn #flow {
	width: 720px;
	height: 809px;
	margin-bottom: 14px;
	background: url(../images/thermorebirth/bk.png) no-repeat;
}
#maincolumn #flow dl {
	clear: both;
	width: 394px;
	height: 168px;
	margin: 0;
	background: url(../images/thermorebirth/flow-bk2.png) no-repeat;
}
#maincolumn #flow dl.fast {
	height: 142px;
	background: url(../images/thermorebirth/flow-bk1.png) no-repeat;
}
#maincolumn #flow dl.last {
	height: 132px;
	background: url(../images/thermorebirth/flow-bk2.png) no-repeat;
}
#maincolumn #flow dt {
	width: 394px;
	color:#656565;
}
#maincolumn #flow dd {
	width: 364px;
	padding:5px 0 0 30px;
	line-height: 170%;
	font-size:12px;
}
#maincolumn #flow dd.fast {
	padding:0 0 0 30px;
}



}
@media screen and (max-width:767px){
/*pc・タブレット用cssを丸々コピーしたものを編集していく（スマホ用css）*/

	
	#maincolumn {
		color: #6a6a6a;
	}
	#maincolumn h3 {
		margin: 0 0 11px 0;
	}
	#maincolumn .main-title {
		position:relative;
		margin-bottom:18px;
	}
	#maincolumn .text {
		padding-top:5vw;
		line-height:180%;
	}
	#maincolumn .block {
		padding-top:5vw;
		margin-bottom:5vw;
		line-height: 180%;
		font-size: 14px;
		letter-spacing: 0.1em;
	}
	#maincolumn .text_box {
		padding-top:5vw;
	}
	#maincolumn .block2 {
		padding: 5vw;
		margin-bottom: 32px;
		line-height: 180%;
		letter-spacing: 0.1em;
		border: 3px solid #BFCEBC;
	}
	#maincolumn .text_box2 {
		padding: 0 0 5px 0;
		margin-bottom:10px;
		line-height: 190%;
		border-bottom: 1px solid #CECECE;
	}
	#maincolumn .block3 {
		padding: 0;
		line-height: 180%;
		font-size:14px;
		letter-spacing: 0.1em;
	}
	#maincolumn .boxR {
		display:block;
	}
	#maincolumn .text_box3 {
		clear:both;
		margin-bottom:25px;
		line-height: 180%;
		font-size:14px;
		letter-spacing: 0.1em;
		color: #6a6a6a;
	}
	#maincolumn #flow {
		margin-bottom: 14px;
		background: url(../images/thermorebirth/bk.png) no-repeat;
	}
	#maincolumn #flow dl {
		clear: both;
		margin: 0;
	}
	#maincolumn #flow dl.fast {
	}
	#maincolumn #flow dl.last {
	}
	#maincolumn #flow dt {
		color:#656565;
	}
	#maincolumn #flow dd {
		margin-bottom:5vw;
		border: solid 1px #C8C8C8;
		border-top:none;
		padding:3vw;
		line-height: 170%;
	}
	#maincolumn #flow dd.fast {
		padding:0 0 0 30px;
	}

	#maincolumn .sp-ttl01{
		padding-bottom:3vw;
		margin-bottom:3vw;
		border-bottom: solid 1px #D7D7D3;
	}
	#maincolumn .photo01{
		float:none;
		width:70%;
		margin: 0 auto 5vw;
	}

	.merit-ttl{
		font-size:18px;
		font-weight: normal;
		line-height:1.3;
	}
	.merit-ttl span{
		color:#27964F;
	}



}