@charset "utf-8";
/* CSS Document */

p,h1,h2,h3,h4,ul,ol,li {
	margin: 0;
	padding: 0;
}
.page-header{
	border-bottom: none;
}
@media print,screen and (min-width: 741px) {

	
	.main_ttl {
		text-align: center;
		font-size: 26px;
		margin: 0 0 40px;
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_ico.gif) no-repeat 40% 1%;
	}
	.main_ttl span {
		font-size: 14px;
		color: #ff4800;
		display: block;
		margin-top: 5px;
	}
	
	 .flow {
		text-align: center;
	}
	
	.flow h4 {
		font-size: 24px;
		color: #ff4800;
		margin: 20px auto 15px;
	}
	
	.flow p {
		font-size: 16px;
		margin: 0 auto 40px;
	}
	.flow_list {
		margin: 0 auto 35px;
	}
	.flow_list li {
		border: 1px solid #ccc;
		padding: 20px 0 30px 20px;
		text-align: left;
		margin: 0 auto 35px;
		position: relative;
	}
	.flow_list li:after {
		content: "";
		border-top: 24px solid #ccc;
		border-right: 95px solid transparent;
		border-bottom: 24px solid transparent;
		border-left: 95px solid transparent;
		position: absolute;
		left: 405px;
		bottom: -48px;
	}
	
	.flow_list li:first-child {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img01.png) no-repeat 91% center;
	}
	
	.flow_list li:nth-child(2) {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img02.png) no-repeat 91% center;
		
	}
	
	.flow_list li:nth-child(3) {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img03.png) no-repeat 91% center;
	}
	
	.flow_list li:nth-child(4) {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/low_img04.png) no-repeat 91% center;
	}
	
	.flow_list li:nth-child(5) {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img05.png) no-repeat 91% center;
	}
	
	.flow_list li:last-child {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img06.png) no-repeat 91% center;
	}
	
	.flow_list li:last-child:after {
		content: "";
		border: none;
	}
	
	
	
	.flow_list h3 {
		font-size: 30px;
		color: #ff4800;
		display: inline-block;
		vertical-align: middle;
		padding-left: 5px;
	}
	
	.flow_txt  {
		width: 700px;
		padding: 10px 0 0 50px;
		font-size: 14px;
	}
	.ttl_num {
		width: 40px;
		height: 40px;
		margin: 0;
		display: inline-block;
		background-color: #ff4800;
		vertical-align: middle;
		font-weight: bold;
	}
	
	.step {
		display: block;
		font-size: 11px;
		text-align: center;
		color: #fff;
		line-height: 2.3em;
	}
	
	.number {
		display: block;
		font-size: 16px;
		text-align: center;
		margin: -10px auto 0;
		color: #fff;

	}
	
	.flow_txt2 {
		width: 800px;
		margin: 0 auto 80px;
		text-align: center;
		font-size: 16px;
	}
	
	.btnfloat {
		padding-left: 65px;
	}
	.btn{
		width: 420px;
	}
	.area,.subway {
		float: left;
		margin: 0 33px 0 0;
	}
	.store {
		margin: 40px auto 115px;
	}
	.btn a{
		color: #fff;
		display: block;
		padding: 20px 0;
		text-align: center;
		font-size: 18px;
		border-radius: 7px;
		position: relative;
		
		}
	.area a {
		background-color:#68a450;
		border-bottom: solid 3px #487237; 
	}		
	.subway a {
		background-color: #e9a626;
		border-bottom: solid 3px #bc861f;
	}
	.store a {
		background-color: #ff4800;
		border-bottom: solid 3px #c33700;
	}
	.btn a:hover{
		text-decoration: none;
		opacity: 0.8;
		}
	.btn a .fa-chevron-right,.town_box .btn a .fa-chevron-right{
		font-size: 14px;
		right: 10px;
		top: 25px;
		position: absolute;
		}
	

}
@media screen and (max-width: 740px) {
	#flow_contents{
		.main_contents {
			padding-top: 0;
		}
	}
	.page-header{
		margin: 0;
	}
	
	#main .main_ttl {
		width: 160px;
		text-align: center;
		font-size: 16px;
		margin: 20px auto;
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_ico.gif) no-repeat 5% 1%; 
		background-size: 15px;
	}
	#main .main_ttl span {
		font-size: 10px;
		color: #ff4800;
		display: block;
		margin-top: 5px;
		font-weight: inherit;
	}
	
	#main .flow {
		text-align: center;

	}
	
	#main .flow h4 {
		font-size: 15px;
		color: #ff4800;
		margin: 0 auto 5px;
		line-height: 150%;
	}
	
	#main #main .flow p {
		font-size: 14px;
		margin: 0 auto 15px;
		text-align: left;
	}
	#main .flow_list {
		margin: 0 auto 15px;
	}
	#main .flow_list li {
		border: 1px solid #ccc;
		padding: 10px 0 10px 10px;
		text-align: left;
		margin: 0 auto 35px;
		position: relative;
	}
	#main .flow_list li:after {
		content: "";
		border-top: 20px solid #ccc;
		border-right: 75px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 75px solid transparent;
		position: absolute;
		left: 50%;
		bottom: -40px;
		margin: 0 0 0 -75px;
	}
	
	.flow_list li:first-child {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img01.png) no-repeat 65% 2%;
		background-size: 20%;
	}
	
	.flow_list li:nth-child(2) {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img02.png) no-repeat 68% 1%;
		background-size: 22%;
	}
	
	.flow_list li:nth-child(3) {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img03.png) no-repeat 69% 4%;
		background-size: 25%;
	}
	
	.flow_list li:nth-child(4) {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/low_img04.png) no-repeat 70% 1%;
		background-size: 18%;
	}
	
	.flow_list li:nth-child(5) {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img05.png) no-repeat 85% 3%;
		background-size: 20%;
	}
	
	.flow_list li:last-child {
		background: url(https://t-living.re-ws.jp/app/uploads/sites/1286/2024/12/flow_img06.png) no-repeat 80% 1%;
		background-size: 18%;
		margin: 0 auto 15px;
	}
	
	.flow_list li:last-child:after {
		content: "";
		border: none;
	}
	
	
	
	.flow_list h3 {
		font-size: 15px;
		color: #ff4800;
		display: inline-block;
		vertical-align: middle;
		padding-left: 5px;
		margin: 5% 0 0;
	}
	
	.flow_txt  {
		padding: 5% 0 0 0;
		font-size: 14px;
	}
	.ttl_num {
		width: 35px;
		height: 35px;
		margin: 5% 0 0;
		display: inline-block;
		background-color: #ff4800;
		vertical-align: middle;
		font-weight: bold;
	}
	
	.step {
		display: block;
		font-size: 11px;
		text-align: center;
		color: #fff;
	}
	
	.number {
		display: block;
		font-size: 15px;
		text-align: center;
		margin: -8px auto 0;
		color: #fff;

	}
	
	.flow_txt2 {
		margin: 0 auto 30px;
		font-size: 14px;
	}
	

	.btnfloat {
	}
	.btn{
		width: 90%;
		margin: 0 auto;
	}
	.area,.subway {
		margin: 0 auto 15px;
	}
	.store {
		margin: 35px auto 40px;
	}
	.btn a{
		color: #fff;
		display: block;
		padding: 20px 0;
		text-align: center;
		font-size: 14px;
		border-radius: 7px;
		position: relative;
		font-weight: bold;
		}
	.area a {
		background-color:#68a450;
		border-bottom: solid 3px #487237; 
	}		
	.subway a {
		background-color: #e9a626;
		border-bottom: solid 3px #bc861f;
	}
	.store a {
		background-color: #ff4800;
		border-bottom: solid 3px #c33700;
	}
	.btn a:hover{
		text-decoration: none;
		opacity: 0.8;
		}
	.btn a .fa-chevron-right,.town_box .btn a .fa-chevron-right{
		font-size: 10px;
		right: 10px;
		top: 25px;
		position: absolute;
		}
}