@charset "UTF-8";

/*共通
---------------------------------------------------------*/
.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
}

.whitening .in_box {
	padding-bottom: 100px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.whitening .in_box {
	padding-bottom: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.whitening .in_box {
	padding-bottom: 12%;
}
}


/*lead
---------------------------------------------------------*/
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.whitening .com_lead p {
	letter-spacing: 0.08em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}



/*安全・確実な効果を得るために
---------------------------------------------------------*/
.whitening .safety_box {
	padding-bottom: 80px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.whitening .safety_box {
	padding-bottom: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.whitening .safety_box {
	padding-bottom: 12%;
}

/*qa
---------------------------------------------------------*/
.whitening .qa_box {
	padding-bottom: 150px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.whitening .qa_box {
	padding-bottom: 12%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.whitening .qa_box {
	padding-bottom: 15%;
}
}