/*////////////////////////////////////////
共通
////////////////////////////////////////*/



/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {
	
section#cnt01{
	width:96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

section#cnt01 h2#cnt-title{
		font-size: 220%;
		font-weight: bold;
		padding-top: 10px;
		margin-bottom: 20px;
		margin-top: 0px;
		text-align: center;
		line-height: 1.3;
		color:#b29f7b;
	}
	
	section#cnt01 p{
		padding: 20px;
		background: #f2f0ee;
		margin-top: 30px;
	}
	
	
/*point-cnt*/
	section#point-cnt{
		width:90%;
		margin-left: auto;
		margin-right: auto;

	}

		section#point-cnt h3{
			font-weight: bold;
			font-size: 230%;
			margin-top: 70px;
			margin-bottom: 50px;
	}
	
	section#point-cnt p{
		margin-bottom: 20px;
	}
	
	section#point-cnt p span{
		color:#fe6400;
			font-weight: bold;
	}

	
	
	p#point-cnt01{
		background: url("../img/point/point-cnt01.png") no-repeat left top;
		padding-left: 70px;
	}
	p#point-cnt02{
		background: url("../img/point/point-cnt02.png") no-repeat left top;
		padding-left: 70px;
		min-height: 70px;
	}
	p#point-cnt03{
		background: url("../img/point/point-cnt03.png") no-repeat left top;
		padding-left: 70px;
		min-height: 70px;
	}
	p#point-cnt04{
		background: url("../img/point/point-cnt04.png") no-repeat left top;
		padding-left: 70px;
		min-height: 70px;
	}
	p#point-cnt05{
		background: url("../img/point/point-cnt05.png") no-repeat left top;
		padding-left: 70px;
		min-height: 70px;
	}
	
	
/*menu*/
	section#menu-cnt{
		padding-top: 50px;
	}

	div#menu-cnt-01{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	div#menu-cnt-01 p img{
		width: 85px;
		float:left;
		margin-left: 2px;
		margin-right: 2px;
	}
	
	

/*flow-cnt*/
	section#flow-cnt{
		width:90%;
		margin-left: auto;
		margin-right: auto;
	}

		section#flow-cnt h3{
			font-weight: bold;
			font-size: 230%;
			margin-top: 70px;
			margin-bottom: 40px;
	}
	
	
	div#flow-inner{
		width:100%;
		margin-left: auto;
		margin-right: auto;
	}

	div#flow-inner p{
		width:70%;
		margin-left: auto;
		margin-right: auto;
		background: url("../img/method01/flow-arrow-s.png") no-repeat center bottom;
		padding-bottom: 60px;
		margin-bottom: 20px;
	}
	div#flow-inner p:nth-child(4){
		background : none;
	}
	
	div#flow-inner p img{
		width: 100%;
	}
	
	
	
/*cnt02*/
section#cnt02{
	width:96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
	
	section#cnt02 h4{
		font-weight: bold;
		font-size: 160%;
		margin-bottom: 20px;
		padding: 15px;
		border: 1px solid #333;
	}
	

	div#table-cnt{
		width:96%;
		margin-left: auto;
		margin-right: auto;
	}
	
	table{
		width:100%;
		border: 1px solid #ccc;
	}
	
	table th {
		background: #edeceb;
		padding: 15px;
		border: 1px solid #ccc;
	}
	table td {
		padding: 15px;
		border: 1px solid #ccc;
		border-bottom: 1px solid #ccc!important;
	}
	
	div#table-cnt p{
		margin-top: 10px;
		line-height: 1.3;
	}

	
/*cnt03*/
section#cnt03{
	width:96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
	
	section#cnt03 h4{
		font-weight: bold;
		font-size: 160%;
		margin-bottom: 20px;
		padding: 15px;
		border: 1px solid #333;
	}
	
	section#cnt03 ul li{
		list-style: circle;
		margin-left: 30px;
		width: 86%;
		margin-bottom: 5px;
	}
	
	
	
/*cnt04*/
section#cnt04{
	width:96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}
	
	section#cnt04 h4{
		font-weight: bold;
		font-size: 160%;
		margin-top: 70px;
		margin-bottom: 20px;
		padding: 15px;
		border: 1px solid #333;
	}
	
	
	div.cnt04-inner{
		width:100%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	div.cnt04-inner h5{
		font-weight: bold;
		font-size: 330%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	div.cnt04-inner-l{
		float: left;
		width: 22%;
		padding-right: 10px;
		border-right:2px dotted #fd6300;
	}
	div.cnt04-inner-l img{
		width: 100%;
	}

	div.cnt04-inner-r{
		float: left;
		width: 70%;
		margin-left: 10px;
	}
	
	
p#simulation{
	text-align: center;
	width:600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
	
p#simulation img{
	width:100%;
}
	

	
	
p#simulation{
	text-align: center;
	width:90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-bottom: 50px;
}
	
p#simulation img{
	width:100%;
}


}




/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

	
section#cnt01{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

section#cnt01 h2#cnt-title{
		font-size: 450%;
		font-weight: bold;
		padding-top: 0px;
		margin-bottom: 20px;
		margin-top: 0px;
		text-align: center;
		line-height: 1.3;
		color:#b29f7b;
	}
	
	section#cnt01 p{
		padding: 20px 120px;
		background: #f2f0ee;
		margin-top: 30px;
	}
	
	
	
/*point-cnt*/
	section#point-cnt{
		width:980px;
		margin-left: auto;
		margin-right: auto;

	}

		section#point-cnt h3{
			font-weight: bold;
			font-size: 260%;
			margin-top: 70px;
			margin-bottom: 50px;
	}
	
	section#point-cnt p{
		margin-bottom: 20px;
	}
	
	section#point-cnt p span{
		color:#fe6400;
			font-weight: bold;
	}
	
	p#point-cnt01{
		background: url("../img/point/point-cnt01.png") no-repeat left top;
		padding-left: 70px;
		min-height: 70px;
	}
	p#point-cnt02{
		background: url("../img/point/point-cnt02.png") no-repeat left top;
		padding-left: 70px;
		min-height: 70px;
	}
	p#point-cnt03{
		background: url("../img/point/point-cnt03.png") no-repeat left top;
		padding-left: 70px;
		min-height: 70px;
	}
	p#point-cnt04{
		background: url("../img/point/point-cnt04.png") no-repeat left top;
		padding-left: 70px;
		min-height: 70px;
	}
	p#point-cnt05{
		background: url("../img/point/point-cnt05.png") no-repeat left top;
		padding-left: 70px;
		min-height: 70px;
	}
	

	
/*menu*/
	section#menu-cnt{
		margin-top: 50px;
	}
	
	div#menu-cnt-01{
		width:860px;
		margin-left: auto;
		margin-right: auto;
	}
	div#menu-cnt-01 p{
		float:left;
		width: 195px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	div#menu-cnt-01 p img{
		width: 100%;
	}
	
/*メニュー用アンカー調整*/
.cnt-menu{
	display: block;
	padding-bottom: 50px;
}

	
/*flow-cnt*/
	section#flow-cnt{
		width:1100px;
		margin-left: auto;
		margin-right: auto;

	}

		section#flow-cnt h3{
			font-weight: bold;
			font-size: 260%;
			margin-top: 70px;
			margin-bottom: 50px;
	}
	

	
	div#flow-inner{
		width:1040px;
		margin-left: auto;
		margin-right: auto;
	}

	div#flow-inner p{
		float:left;
		width: 210px;
		line-height: 441px;
		background: url("../img/method01/flow-arrow.png") no-repeat right 200px;
		padding-right: 50px;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	div#flow-inner p:nth-child(4){
		background : none;
		width: 130px;
	}
	div#flow-inner p:nth-child(5){
		background : none;
		width: 130px;
	}
	
	div#flow-inner p img{
		height: 100%;
	}
	
	
/*cnt02*/
section#cnt02{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}
	
	section#cnt02 h4{
		font-weight: bold;
		font-size: 160%;
		margin-top: 70px;
		margin-bottom: 20px;
		padding: 15px;
		border: 1px solid #333;
	}
	
	
	div#table-cnt{
		width:700px;
	}
	
	table{
		width:700px;
		border: 1px solid #ccc;
	}
	
	table th {
		background: #edeceb;
		padding: 15px;
		border: 1px solid #ccc;
	}
	table td {
		padding: 15px;
		border: 1px solid #ccc;
		border-bottom: 1px solid #ccc!important;
	}
	
	div#table-cnt p{
		margin-top: 10px;
	}
	
	
	
/*cnt03*/
section#cnt03{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}
	
	section#cnt03 h4{
		font-weight: bold;
		font-size: 160%;
		margin-top: 70px;
		margin-bottom: 20px;
		padding: 15px;
		border: 1px solid #333;
	}
	
	section#cnt03 ul li{
		list-style: circle;
		margin-left: 30px;
	}
	
	
/*cnt04*/
section#cnt04{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	margin-top: 50px;
}
	
	section#cnt04 h4{
		font-weight: bold;
		font-size: 160%;
		margin-top: 70px;
		margin-bottom: 20px;
		padding: 15px;
		border: 1px solid #333;
	}
	
	
	div.cnt04-inner{
		width:805px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	div.cnt04-inner h5{
		font-weight: bold;
		font-size: 330%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	div.cnt04-inner-l{
		float: left;
		width: 190px;
		padding-right: 20px;
		border-right:4px dotted #fd6300;
	}
	div.cnt04-inner-l img{
		width: 100%;
	}

	div.cnt04-inner-r{
		float: left;
		width: 570px;
		margin-left: 20px;
	}
	
p#simulation{
	text-align: center;
	width:600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
	
p#simulation img{
	width:100%;
}
	

}



/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {




}