@media all and (min-width: 641px) {

	body.treatment #header{
		background-image: url(../images/treatment/title-bg.jpg) ;
	}

	/* INDEX */
	body#treatment-index #treatment-time{
		width: 530px;
		margin-left: auto;
		margin-right: auto;
	}
	body#treatment-index #treatment-time tbody th{
		width: 140px;
	}
	body#treatment-index #treatment-time .note{
		width: 380px;
		margin: 0 auto 10px;
	}
	body#treatment-index #treatment-subject .subject-desc{
		text-align: center;
	}
	body#treatment-index #treatment-subject .subject-list li{
		display: inline-block;
		margin: 0 25px 20px;
	}
	body#treatment-index #treatment-subject .w-box {
		width: 700px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 50px 5px;
	}
	body#treatment-index #treatment-subject .w-box .title-level02{
		text-align: center;
		letter-spacing: 0px;
	}
	body#treatment-index #treatment-flow .desc{
		margin-bottom: 65px;
		text-align: center;
	}
	body#treatment-index #treatment-flow .flow-list li{
		margin-bottom: 70px;
		padding-left: 80px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 60px auto;
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(1){
		background-image: url(../images/common/num-01.png);
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(2){
		background-image: url(../images/common/num-02.png);
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(3){
		background-image: url(../images/common/num-03.png);
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(4){
		background-image: url(../images/common/num-04.png);
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(5){
		background-image: url(../images/common/num-05.png);
	}
	body#treatment-index #treatment-flow .flow-list li span{
		display: block;
	}
	body#treatment-index #treatment-flow .flow-list li .title{
		display: block;
		color: #19a86f;
		font-size: 120%;
		font-weight: bold;
	}
	body#treatment-index #treatment-flow .image p{
		margin-bottom: 50px;
	}
	body#treatment-index #treatment-whitening .desc{
		text-align: center;
	}
	body#treatment-index #treatment-whitening .imgr-box .price{
		padding-left: 15px;
		background: url(../images/common/listmark-type01.png) no-repeat left 10px;
		background-size: 10px;

	}
	body#treatment-index #treatment-whitening .imgr-box{
		margin-bottom: 20px;
	}
	body#treatment-index #treatment-whitening .imgr-box .text{
		margin-bottom: 30px;
	}
	body#treatment-index #treatment-whitening .w-box{
		padding: 50px;
	}
	body#treatment-index #treatment-whitening .w-box .title-level04{
		margin-bottom: 45px;
		text-align: center;
	}
}



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

	body.treatment #title{
		background-image: url(../images/treatment/title-bg.jpg);
	}

	/* INDEX */
	body#treatment-index #treatment-subject .subject-desc{
		text-align: center;
	}
	body#treatment-index #treatment-subject .subject-list li{
		display: inline-block;
		width: 30%;
		margin: 0 1% 20px;
	}
	body#treatment-index #treatment-subject .w-box {
	}
	body#treatment-index #treatment-subject .w-box .title-level02{
		text-align: center;
		letter-spacing: 0px;
	}
	body#treatment-index #treatment-flow .desc{
		margin-bottom: 30px;
		text-align: center;
	}
	body#treatment-index #treatment-flow .flow-list li{
		margin-bottom: 20px;
		padding-left: 40px;
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 30px auto;
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(1){
		background-image: url(../images/common/num-01.png);
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(2){
		background-image: url(../images/common/num-02.png);
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(3){
		background-image: url(../images/common/num-03.png);
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(4){
		background-image: url(../images/common/num-04.png);
	}
	body#treatment-index #treatment-flow .flow-list li:nth-child(5){
		background-image: url(../images/common/num-05.png);
	}
	body#treatment-index #treatment-flow .flow-list li span{
		display: block;
	}
	body#treatment-index #treatment-flow .flow-list li .title{
		display: block;
		color: #19a86f;
		font-size: 107.142%;
		font-weight: bold;
	}
	body#treatment-index #treatment-flow .image p{
		float: left;
		width: 50%;
	}
	body#treatment-index #treatment-whitening .desc{
		text-align: center;
	}
	body#treatment-index #treatment-whitening .imgr-box .price{
		padding-left: 15px;
		background: url(../images/common/listmark-type01.png) no-repeat left 10px;
		background-size: 10px;

	}
	body#treatment-index #treatment-whitening .imgr-box{
		margin-bottom: 30px;
	}
	body#treatment-index #treatment-whitening .imgr-box .text{
		margin-bottom: 20px;
	}
	body#treatment-index #treatment-whitening .title{
		padding: 0 10px;
		background: #60c196;
		color: #fff;
	}
	body#treatment-index #treatment-whitening .w-box .title-level04{
		margin-bottom: 20px;
	}

}