@charset "UTF-8";

/* common
--------------------------------------------------*/

.basicTips .ttl{
    font-size: 16px;
    text-align: center;
}
.basicTips p {
    font-size: 12px;
}




/* #kv
--------------------------------------------------*/

#kv .photo {
    background-image: url(../img/sp/img_kv.jpg);
}




/* #intro
--------------------------------------------------*/

#intro {
    padding-bottom: 15px;
}
    #intro .basicTips .ttl {
        margin-bottom: 25px;
    }
        #intro .figure {
            max-width: 362px;
            width: 64.6429%;
            margin: 0 auto;
        }




/* #about
--------------------------------------------------*/

#about {
	padding-top: 15px;
    padding-bottom: 10px;
}




/* #maintenance
--------------------------------------------------*/

#maintenance {
	padding-top: 15px;
    padding-bottom: 10px;
}



/* #reccomend
--------------------------------------------------*/

#reccomend {
	padding-top: 15px;
	padding-bottom: 15px;
}
    #reccomend li {
        position: relative;
        float: left;
        max-width: 560px;
        width: 100%;
        min-height: 30px;
        line-height: 1.45;
        margin-bottom: 5px;
        background-color: #FBF0E8;
        box-sizing: border-box;
        font-size: 12px;
        padding: 7px 10px 7px 25px;
    }
	    #reccomend li:nth-child(2n+1) {
	        margin-left: 0;
	        clear: both;
	    }
	    #reccomend li:last-child {
	        margin-left: 0;
	        margin-bottom: 5px;
	        max-width: 560px;
	        width: 100%;
	        float: none;
	    }
	    #reccomend li:before {
	    	content: "";
	    	position: absolute;
			background: url(../../img/common/sp/icon_check.png) 
			no-repeat center / contain;
			width: 15px;
			height: 13px;
			top: 9px;
			left: 7px;
	    }

	#reccomend .notes {
		font-size: 12px;
		text-align: right;
		line-height: 1;
	}


/* #effect
--------------------------------------------------*/

#effect {
	padding-top: 15px;
	padding-bottom: 15px;
}
    #effect li {
        position: relative;
        float: left;
        max-width: 275px;
        width: 49.1072%;
        min-height: 30px;
        line-height: 1.45;
        margin-left: 1.7857%;
        margin-bottom: 5px;
        background-color: #FBF0E8;
        box-sizing: border-box;
        font-size: 12px;
        padding: 7px 10px 7px 25px;
    }
	    #effect li:nth-child(2n+1) {
	        margin-left: 0;
	        clear: both;
	    }
	    #effect li:last-child {
	        margin-left: 0;
	        margin-bottom: 5px;
	        max-width: 560px;
	        width: 100%;
	        float: none;
	    }
	    #effect li:before {
	    	content: "";
	    	position: absolute;
			background: url(../../img/common/sp/icon_check.png) 
			no-repeat center / contain;
			width: 15px;
			height: 13px;
			top: 9px;
			left: 7px;
	    }

	#effect .notes {
		font-size: 12px;
		text-align: right;
		line-height: 1;
	}

/* #recommend(口コミ)
--------------------------------------------------*/
#recommend {
	padding-top: 50px;
}
	#recommend .btn {
		max-width: 390px;
		width: 69.6429%;
		margin: 0 auto;
	}

/* #price
--------------------------------------------------*/

#price {
	padding-top: 50px;
	padding-bottom: 35px;
}
	#price .priceList {
		margin-bottom: 20px;
	}
		#price .priceList li + li {
			margin-top: 15px;
		}
			#price .priceList h4 {
				background-color: #CE5F23;
				color: #fff;
				font-size: 16px;
				line-height: 1.5;
				padding: 7px 10px;
				margin-bottom: 10px;
			}
			#price .priceList h5 {
				color: #CE5F23;
				margin-bottom: 5px;
				font-size: 16px;
				line-height: 1.5;
			}
			#price .priceList .priceTxt {
				text-align: right;
				margin-bottom: 5px;
				font-size: 16px;
			}
				#price .priceList .priceTxt .small {
					font-size: 10px;
				}
				#price .priceList .priceTxt .small:first-child {
					padding-right: 5px;
				}
			#price .priceList .listTxt {
				font-size: 14px;
			}
			#price .priceList .notes {
				font-size: 12px;
			}


@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	#price .priceList h4 {
		padding-top: 10px;
	}
}

/* #question
--------------------------------------------------*/

#question {
	padding-top: 35px;
}
	#question .questionBox {
	    margin-bottom: 40px;
	}
		#question .questionBox li + li {
			margin-top: 20px;
		}
			#question .questionBox .qTxt {
				position: relative;
				box-sizing: border-box;
				padding-left: 30px;
				padding-bottom: 10px;
			}
				#question .questionBox .qTxt:before {
					content: "";
					position: absolute;
					background: url(../../img/common/sp/icon_question.png)
					no-repeat no-repeat center / contain;
					width: 23px;
					height: 30px;
					top: -4px;
					left: 0;
				}
			#question .questionBox .aTxt {
				position: relative;
				box-sizing: border-box;
				padding-left: 30px;
				font-size: 12px;
			}
				#question .questionBox .aTxt:before {
					content: "";
					position: absolute;
					background: url(../../img/common/sp/icon_answer.png)
					no-repeat center / contain;
					width: 23px;
					height: 30px;
					top: -4px;
					left: 0;
				}