@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main {
    margin: 0 auto 200px;
}

#conts .mbHl{
	margin-bottom: 52px;	
}

#conts .comTxtUl02 {
	margin-bottom: 77px;
}

#conts .comTxtUl02 .box02{
	padding-top: 28px;
}

#conts .comTxtUl02 .box02 li{
	margin-bottom: 20px;
}

#conts .sec01{
	margin-bottom: 155px;
}

#conts .sec02{
	margin-bottom: 142px;
}

#conts .sec02 .comPhotoBox{
	margin-bottom: 76px;
}

#conts .sec02 .photoBox{
	background: url("../img/whitening/photo03.jpg");
	height: 350px;
	margin-bottom: 35px;
}

#conts .sec02 .photoBox .txtBox01{
	padding-right: 19px;
	display: flex;
	flex-direction: column;
	width: 422px;
	align-items: center;
	float: right;
}


#conts .sec02 .photoBox .txt01{
	width: 100%;
	text-align: center;
	font-size: 3.5rem;
	font-weight: bold;
	background: #fff;
	display: inline-block;
	margin: 43px 0 25px;
	line-height: 1.2;
	letter-spacing: -0.9px;
}

#conts .sec02 .photoBox .txt02{
	font-size: 2.9rem;
	margin-bottom: 20px;
	font-weight: bold;
}

#conts .sec02 .photoBox .txtBox02{
	border: 6px solid #fff;
	width: 100%;
	background: rgba(255,255,255,0.5);
	text-align: center;
	padding: 21px 0;
}

#conts .sec02 .photoBox .txtBox02 .txt03{
	color: #fff;
	background: #000;
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 3px 20px 0;
	margin-bottom: 17px;	
}

#conts .sec02 .photoBox .txtBox02 .txt04{
	font-family: 'Times New Roman';
	font-size: 6.5rem;
}

#conts .sec02 .photoBox .txtBox02 .txt04 span{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.8rem;	
}

#conts .sec02 > .txt{
	margin-bottom: 55px;
}

#conts .sec03 {
	margin-bottom: 135px;
}

#conts .sec03 .comPhotoBox{
	margin-bottom: 70px;
}

#conts .sec03 .photoBox{
	background: url("../img/whitening/photo05.jpg");
	height: 350px;
	margin-bottom: 35px;
}

#conts .sec03 .photoBox .txtBox01{
	padding-right: 19px;
	display: flex;
	flex-direction: column;
	width: 375px;
	align-items: center;
	float: right;
	padding-top: 34px;
}

#conts .sec03 .photoBox .txt01{
	text-align: center;
	font-size: 3.3rem;
	font-weight: bold;
	background: #fff;
	display: inline-block;
	letter-spacing: -1px;
	width: 100%;
	margin-bottom: 16px;
	line-height: 1.2;
}

#conts .sec03 .photoBox .txtBox02{
	border: 6px solid #fff;
	width: 100%;
	background: rgba(216,230,239,0.6);
	text-align: center;
	padding: 19px 17px 13px;
	box-sizing: border-box;
}

#conts .sec03 .photoBox .txtBox02 .txt03{
	background: #fff;
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 3px 3px;
	margin-bottom: 17px;
	letter-spacing: -1px;
}

#conts .sec03 .photoBox .txtBox02 .txt03:first-child{
	margin-bottom: 3px;
}
#conts .sec03 .photoBox .txtBox02 .txt04{
	font-family: 'Times New Roman';
	font-size: 6.5rem;
}

#conts .sec03 .photoBox .txtBox02 .txt04 span{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.8rem;	
}

#conts .sec04 .ttl{
	font-weight: bold;
	font-size: 1.7rem;
	background: #2e70b0;
	color: #fff;
	display: inline-block;
	line-height: 1.5;
	padding-top: 2px;
	padding-left: 5px;
	width: 365px;
	margin-bottom: 33px;
}

#conts .sec04 .comPhotoBox {
	margin-bottom: 53px;
}

#conts .sec04 .comPhotoBox li{
	display: block;
	line-height: 1.85;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
	text-indent: -0.8em;
	margin-left: 0.8em;
}

#conts .sec04 .comPhotoBox li span{
	font-size: 10px;
	color: #2e70b0;
	vertical-align: middle;
	margin-right: 4px;
}

#conts .sec04 .borderUl {
	border: 5px solid #eef3f9;
	padding: 0 32px;
}

#conts .sec04 .borderUl li{
	border-bottom: 1px solid #e5e5e5;
	padding: 26px 0 28px;
	font-size: 1.4rem;
}

#conts .sec04 .borderUl li:last-child{
	border-bottom: none;
}

#conts .sec04 .borderUl .liTtl{
	font-size: 1.7rem;
	font-weight: bold;
	color: #2e70b0;
}


@media all and (max-width: 767px) {
	#main {
		margin: 0 auto 110px;
	}
	
	#conts {
		margin: 0 20px;
	}

	#conts .mbHl{
		line-height: 1.47;
		margin-bottom: 28px;
	}

	#conts .comTxtUl02 {
		margin-bottom: 50px;
	}
	
	#conts .comTxtUl02 .box02{
		padding-top: 23px;
	}

	#conts .sec01{
		margin-bottom: 95px;
	}

	#conts .sec02{
		margin-bottom: 105px;
	}

	#conts .sec02 .comPhotoBox{
		margin-bottom: 62px;
	}

	#conts .sec02 .photoBox{
		background: url("../img/whitening/sp_photo03.jpg") no-repeat;
		background-size: cover;
		height: 250px;
		margin: 0 -20px 35px;
	}

	#conts .sec02 .photoBox .txtBox01{
		width: 100%;
		float: none;
		padding: 0 20px;
		box-sizing: border-box;
	}

	#conts .sec02 .photoBox .txt01{
		text-align: center;
		font-size: 2.8rem;
		padding-top: 2px;
		margin: 21px 0 20px;
	}

	#conts .sec02 .photoBox .txt02{
		font-size: 2.3rem;
		margin-bottom: 14px;
	}

	#conts .sec02 .photoBox .txtBox02{
		border: 5px solid #fff;
		width: 100%;
		background: rgba(255,255,255,0.5);
		text-align: center;
		padding: 10px 0 4px;
	}

	#conts .sec02 .photoBox .txtBox02 .txt03{
		font-size: 1.6rem;
		font-weight: bold;
		padding: 3px 15px 0;
		margin-bottom: 6px;	
	}

	#conts .sec02 .photoBox .txtBox02 .txt04{
		font-family: 'Times New Roman';
		font-size: 6.5rem;
	}

	#conts .sec02 .photoBox .txtBox02 .txt04 span{
	}

	#conts .sec02 > .txt{
		margin-bottom: 40px;
	}

	#conts .sec02 .comBtn02 a{
		line-height: 1.4;
		padding: 10px 0 ;
	}
	
	#conts .sec03 {
		margin-bottom: 96px;
	}

	#conts .sec03 .photoBox{
		background: url("../img/whitening/sp_photo05.jpg") no-repeat;
		background-size: cover;
		height: 525px;
		margin: 0 -20px 35px;
	}

	#conts .sec03 .photoBox .txtBox01{
		width: 100%;
		float: none;
		padding: 225px 20px 0;
		box-sizing: border-box;
	}

	#conts .sec03 .photoBox .txt01{
		text-align: center;
		font-size: 2.8rem;
		padding-top: 2px;
		margin: 0 0 16px;
	}

	#conts .sec03 .photoBox .txtBox02{
		border: 5px solid #fff;
		text-align: center;
		margin-top: 20px;
		padding: 16px 0 4px;
	}

	#conts .sec03 .photoBox .txtBox02 .txt03{
		font-size: 1.6rem;
		font-weight: bold;
		padding: 2px 4px ;
		margin-bottom: 2px;
	}

	#conts .sec03 .photoBox .txtBox02 .txt03:first-child{
		margin-bottom: 4px;
	}

	#conts .sec03 .photoBox .txtBox02 .txt04{
		font-family: 'Times New Roman';
		font-size: 6.5rem;
	}

	#conts .sec03 .photoBox .txtBox02 .txt04 span{
	}
	
	#conts .sec04 .ttl{
		line-height: 2;
		width: 100%;
	}

	#conts .sec04 .comPhotoBox {
		margin-bottom: 34px;
	}

	#conts .sec04 .comPhotoBox li{
		line-height: 1.625;
	}

	#conts .sec04 .borderUl {
		margin: 0 -20px;
		border: 20px solid #eef3f9;
		padding: 0 18px;
	}

	#conts .sec04 .borderUl li{
		padding: 25px 0 20px;
		font-size: 1.4rem;
		line-height: 1.625;
	}
}