@charset "UTF-8";


/* --------------------------------

 全体設定

-------------------------------- */
#lpbody{
	display:block;
	overflow:hidden;
	width:100%;
	max-width:640px;
	margin:0 auto;
	position:relative;
}


.cautionTxt{
	text-indent:-1em;
	margin-left:1em;
	font-weight:normal!important;
	line-height:155%!important;
}

span.kome{
	font-size:clamp(1.0rem,0.8em,1.2rem);
	vertical-align:top;
	line-height: initial;
}



/*******************************
 * 商品情報
*******************************/
.itemInfo{
	display:block;
	overflow:hidden;
	text-align:center;
	padding:40px 0;
}

.itemInfo h3{
	display:block;
	overflow:hidden;
	font-size:2.6rem;
	font-weight:700;
	line-height:155%;
	letter-spacing: 0.1em;
	margin-bottom: 0.75em;
}

.itemInfo > p{
	display:block;
	overflow:hidden;
	position:relative;
	padding-bottom:0;
	margin-bottom: 1em;
}
.itemInfo > p > img{
	width:100%;
	height:auto;
}


a.to__form{
	display:inline-block;
	overflow:hidden;
	width:500px;
	position:absolute;
	/*bottom:100px;*/
	bottom:20px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 25px;
	font-weight: 600;
	line-height: 1.6;
	color: #14539b;
}

#lpbody.pc a.to__form:hover{
	opacity:1.0;
	filter:brightness(1.5);
}

.itemInfo > p.cautionTxt{
	padding:0.5em 25px 0;
	text-align: left;
}


@media (max-width: 639px) {

	.itemInfo{
		padding:min(40px,6vw) 0;
	}

	a.to__form{
		width:min(500px,78vw);
		/*bottom:21vw;*/
		bottom:2.5vw;
		font-size: 3.5vw;
		line-height: 1.8;
	}

}



/*******************************
 * スライダー
*******************************/
.scBox{
	display:block;
	overflow:hidden;
}

.scBox > ul{
	display:block;
	overflow:hidden;
}

.scBox > ul+ul{
	margin-top:min(25px,4vw);
}


.scBox > ul li.slick-slide{
	width:min(640px,100vw);
}

.scBox > ul li > img{
	width:100%;
	height:auto;
}


.slick-prev {
	left:min(8px,0.5vw);
	z-index:50;
}
.slick-prev:before {
	content: '\025c0';
}
.slick-next {
	right:min(8px,0.5vw);
	z-index:51;
}
.slick-next:before {
	content: '\025b6';
}

.slick-dots{
	bottom:5px;
	z-index:52;
	white-space:nowrap;
}
.slick-dots li button:before{
	font-size:12px;
	color:#ffffff;
}
.slick-dots li.slick-active button:before {
	color:#ffffff;
}

.slick-dotted.slick-slider {
	margin-bottom:0;
}


@media (max-width: 639px) {


}



/*******************************
 * キャッチ
*******************************/
.catchTxt{
	display:block;
	overflow:hidden;
	position:relative;
	text-align:center;
	/*background: linear-gradient(45deg,  rgba(0,107,145,1) 0%,rgba(0,84,155,1) 100%);*/
	background: linear-gradient(to right,  #006b91 0%,#00549b 100%);
}

.catchTxt h2{
	display:block;
	overflow:hidden;
}

.catchTxt h2 img{
	width:100%;
	height:auto;
}


@media (max-width: 639px) {


}




/*******************************
 * タイトルカバー
*******************************/
#cover{
	display:block;
	overflow:hidden;
	background-color:#e0e9ee;
}

#cover > p{
	display:block;
	overflow:hidden;
}

#cover > p img{
	width:100%;
	height:auto;
}

#cover > p.cautionTxt{
	display:block;
	overflow:hidden;
	padding:0 4vw 4vw;
}


@media (max-width: 639px) {


}


/*******************************
 * FVスライドショー
*******************************/
#fvSlydeshow{
	display:block;
	overflow:hidden;
	position:relative;
	background-color:#ffffff;
}

#fvSlydeshow ul{
	display:block;
	overflow:hidden;
	position:relative;
}

#fvSlydeshow ul > li:nth-child(n+2){
	position:absolute;
	top:0;
	left:0;
	opacity:0.0;
}


#fvSlydeshow ul > li img{
	width:100%;
	height:auto;
}

#fvSlydeshow ul.show > li{
	animation :fadeSlyde 15s linear infinite;
}

#fvSlydeshow ul.show > li:nth-child(1){
	/*animation-delay: 10s;*/
}
#fvSlydeshow ul.show > li:nth-child(2){
	animation-delay: 5s;
}
#fvSlydeshow ul.show > li:nth-child(3){
	animation-delay: 10s;
}

@keyframes fadeSlyde {
	0%{
		opacity: 0;
	}
	7%{
		opacity: 1;
	}
	28%{
		opacity: 1;
	}
	35%{
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}



@media (max-width: 639px) {


}



/*******************************
 * これからの人生 もっともっと噛みしめる!
*******************************/
#info01{
	display:block;
	overflow:hidden;
}

#info01 h2{
	display:block;
	overflow:hidden;
	width:590px;
	margin:0 auto;
	/*padding-top:min(35px,5vw);*/
	padding-bottom:15px;
	font-size:4.6rem;
	font-weight:700;
	line-height:155%;
	letter-spacing:0.125em;
	text-align:center;
}

#info01 h2 > span{
	font-size:3.8rem;
}

#info01 h2 > img{
	width:100%;
	height:auto;
	margin-top:0.25em;
}

#info01 > .innerBox{
	display:block;
	overflow:hidden;
	position:relative;
}

#info01 > .innerBox > img{
	width:100%;
	height:auto;
}

#info0101{
	display:inline-block;
	overflow:hidden;
	width:590px;
	position:absolute;
	top:1020px;
	/*bottom:75px;*/
	left:25px;
}

#info0101 h3 > img{
	width:540px;
	height:auto;
}

#info0101 p:not(.cautionTxt){
	font-size: 18pt;
	/*letter-spacing: 0.15em;*/
	font-weight: 700;
	line-height: 165%;
	padding: 1em 0 0;
}

#info0101 + p.cautionTxt{
	width: 590px;
	margin:0 auto;
	padding:1em 0 0 1em;
	text-indent:-2em;
}

/*#info0101 p.cautionTxt+p.cautionTxt{
	margin-top:0;
}*/


@media (max-width: 639px) {

	#info01 h2{
		width:min(590px,96vw);
		padding-bottom:min(15px,2vw);
		font-size:clamp(2.2rem,8vw,4.6rem);
	}

	#info01 h2 > span{
		font-size:clamp(1.8rem,6vw,3.8rem);
	}

	#info0101{
		width:min(590px,92vw);
		top:160vw;
		/*bottom:min(75px,12vw);*/
		left:min(25px,4vw);
	}

	#info0101 h3 > img{
		width:min(540px,100%);
	}

	#info0101 p:not(.cautionTxt){
		line-height:155%;
		padding:0.75em 0;
		font-size:clamp(1.4rem,4vw,2.2rem);
	}

	#info0101 + p.cautionTxt{
		width:min(590px,92vw);
	}

}



/*******************************
 * もっと若々しい歯年齢を目指して。
*******************************/
#info02{
	display:block;
	overflow:hidden;
	position:relative;
}

#info02 > h2{
	display:block;
	overflow:hidden;
	padding:0.5em 0;
	font-size:3.8rem;
	font-weight:700;
	line-height:155%;
	text-align:center;
	color:#00549b;
}



#info02 > .innerBox{
	display:block;
	/*overflow:hidden;*/
	padding:50px 25px 0;
	position:relative;
}

#info02 > .innerBox > img:nth-child(1){
	width:240px;
	height:auto;
	position:absolute;
	top:-120px;
	right:50px;
}


#info0101 h3 > img{
	width:min(590px,100%);
	height:auto;
}

#info02 > .innerBox p{
	font-size:2.2rem;
	font-weight:700;
	line-height:175%;
	padding:1em 0;
}
#info02 > .innerBox p.cautionTxt{
	padding:0 0 0 1em;
	text-indent:-2em;
}

#info02 > .innerBox p.cautionTxt+p.cautionTxt{
	margin-top:0.5em;
}


@media (max-width: 639px) {


	#info02 > .innerBox{
		padding:min(50px,10vw) min(25px,4vw) 0;
	}

	#info02 > .innerBox > img:nth-child(1){
		width: min(240px,37vw);
		top:max(-120px,-18vw);
		right:min(50px,8vw);
	}

	#info02 > .innerBox p{
		font-size:clamp(1.4rem,4vw,2.2rem);
	}

}



/*******************************
 * 間違いだらけの「ホワイトニング」
*******************************/
#info03a{
	display:block;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color: #efefef;
	margin-top:25px;
	padding-bottom:25px;
}

#info03a > h2{
	display:block;
	overflow:hidden;
	padding:25px 0;
}

#info03a > p{
	display:block;
	overflow:hidden;
	margin: 1em 0;
	font-size:1.8rem;
	font-weight:700;
	line-height:175%;
}


/*******************************
 * 主成分は「ミラクルニーム」
*******************************/
#info03b{
	display:block;
	overflow:hidden;
	position:relative;
}

#info03b > h2{
	display:block;
	overflow:hidden;
	padding:25px 50px;
	font-size:4.6rem;
	font-weight:700;
	line-height:155%;
	text-align:center;
	color:#00549b;
}

#info03b > p{
	font-size:2.2rem;
	font-weight:700;
	line-height:175%;
	padding:1em 50px;
}


@media (max-width: 639px) {

	#info03b > h2{
		padding:min(25px,4vw) min(50px,8vw);
		font-size:clamp(2.1rem,8vw,4.6rem);
	}

	#info03b > p{
		font-size:clamp(1.4rem,4vw,2.2rem);
		padding:1em min(50px,8vw);
	}

}



/*******************************
 * 歯は老いる。
*******************************/
#info04{
	display:block;
	overflow:hidden;
	position:relative;
	margin-top:60px;
}

#info04 > .innerBox{
	display:block;
	width:540px;
	margin:0 auto;
	text-align:center;
}

#info04 > .innerBox > img{
	width:490px;
	height:auto;
}

#info04 > .innerBox > h3{
	display:block;
	margin-top:25px;
}

#info04 > .innerBox > h3 > img{
	width:540px;
	height:auto;
}

#info04 > .innerBox > p{
	font-size:2.2rem;
	font-weight:700;
	line-height:175%;
	text-align:left;
	padding:1.5em 0;
}

#info04 .imageBox + img{
	width:100%;
	height:auto;
}

#info04 p.cautionTxt{
	padding:0 25px;
	margin-top:1em;
}


@media (max-width: 639px) {

	#info04{
		margin-top:min(60px,10vw);
	}

	#info04 > .innerBox{
		width:min(540px,84vw);
	}

	#info04 > .innerBox > img{
		width:min(490px,76vw);
	}

	#info04 > .innerBox > h3{
		margin-top:min(25px,4vw);
	}

	#info04 > .innerBox > h3 > img{
		width:min(100%,540px);
	}

	#info04 > .innerBox > p{
		font-size:clamp(1.4rem,4vw,2.2rem);
	}

}



/*******************************
 * 間違いだらけの「歯磨きの常識」
#info05{
	display:block;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin-bottom:2vw;
}

#info05 > h2{
	margin-top:50px;
	margin-bottom:25px;
}


#info05 > h2 > img{
	width:540px;
	height:auto;
}

#info05 > p{
	font-size:4.0rem;
	font-weight:700;
	line-height:125%;
	letter-spacing: 0.1em;
	margin-top: 1em;
}

#info05 > p > span{
	line-height:75%;
}



@media (max-width: 639px) {

	#info05{
		margin-bottom:2vw;
	}

	#info05 > h2{
		margin-top:min(50px,8vw);
		margin-bottom:min(25px,4vw);
	}


	#info05 > h2 > img{
		width:min(100%,540px);
	}

	#info05 > p{
		font-size:clamp(1.8rem,7vw,4.0rem);
	}

}
*******************************/


/*******************************
 * キャッチ 01
#catch01{
	
}

#catch01 h2{
	line-height:175%;
	letter-spacing: 0.15em;
	text-decoration: underline solid #f8e806 0.2em;
}


@media (max-width: 639px) {


}

*******************************/

#catch04 {
	margin-top: 60px;
}


/*******************************
 * 3つのポイント
*******************************/
#info06{
	
}


#info06 h3{
	display:block;
	overflow:hidden;
	background-color:#b2e2f7;
	text-align:center;
	padding:20px 0;
}

#info06 h3 > img{
	width:136px;
	height:auto;
}

#info06 h3 > span{
	display:block;
	overflow:hidden;
	margin-top:0.25em;
	font-size: 4.6rem;
	font-weight: 700;
	line-height: 125%;
	letter-spacing: 0.05em;
}

/*#info06 h3 > span > strong{
	font-size: 6.2rem;
	letter-spacing:0;
}*/


#info06 #point02 h3 > span{
	font-size: 3.6rem;
	font-weight: 700;
}

#info06 #point02 h3 > span > strong{
	font-size: 4.6rem;
	line-height: 125%;
}


@media (max-width: 639px) {

	#info06 h3{
		padding:min(20px,3vw) 0;
	}

	#info06 h3 > img{
		width:min(136px,21vw);
	}

	#info06 h3 > span{
		font-size: clamp(1.8rem,8vw,4.6rem);
	}

	#info06 h3 > span > strong{
		font-size: clamp(2.2rem,6vw,6.2rem);
	}

}


/*Point 01*/
#point01 > .innerBox{
	display:block;
	overflow:hidden;
	margin-top:50px;
	padding:50px 0;
	background: url('../../../../Landing/Formlp/_custom/triaina/tr0103/images/g01_bg.svg') no-repeat 50% 50%;
	background-size:auto 100%;
	text-align:center;
}

#point01 > .innerBox > h4{
	display:block;
	overflow:hidden;
	margin:0.5em 0;
	font-size:3.8rem;
	font-weight: 700;
	line-height: 125%;
	letter-spacing:0.05em;
}

#point01 > .innerBox > p{
	display:block;
	overflow:hidden;
	font-size:2.4rem;
	font-weight: 700;
	line-height: 155%;
}

#point01 > .innerBox > p.cautionTxt{

}


ul.pointList{
	display:flex;
	flex-wrap:wrap;
	gap:50px 0;
	margin:50px auto;
	width:540px;
}

ul.pointList > li{
	width:50%;
	text-align:center;
	font-size:1.6rem;
	line-height: 155%;
}

ul.pointList > li > h5{
	font-size:2.8rem;
	font-weight:700;
	line-height: 155%;
	margin: 0.25em 0;
}

ul.pointList > li > p{
	display:inline-block;
	overflow:hidden;
	width:90%;
	font-size:2.1rem;
	line-height: 155%;
	text-align:left;
}

#point01 ul.pointList > li img{
	width:135px;
	height:auto;
	margin: 0 auto;
}



@media (max-width: 639px) {

	#point01 > .innerBox{
		margin-top:min(50px,8vw);
		padding:min(50px,8vw) 0;
	}

	#point01 > .innerBox > h4{
		font-size: clamp(1.7rem,7vw,3.8rem);
	}

	#point01 > .innerBox > p{
		font-size: clamp(1.6rem,4vw,2.4rem);
	}

	#point01 > .innerBox+p.cautionTxt{
		padding:0 8vw;
	}

	ul.pointList{
		width:calc(100vw - 8vw);
		gap:min(50px,8vw) 0;
		margin:min(50px,8vw) auto;
	}

	ul.pointList > li{
		font-size: clamp(1.4rem,14vw,1.6rem);
	}

	ul.pointList > li > h5{
		font-size: clamp(1.8rem,5.5vw,2.8rem);
	}

	ul.pointList > li > p{
		width:min(90%,12em);
		font-size: clamp(1.4rem,3vw,2.1rem);
	}

	#point01 ul.pointList > li img{
		width: min(135px,21vw);
	}

}



/*Point 02,03*/
#point02,
#point03{
	text-align:center;
	padding-bottom:50px;
}

#point02 > .innerBox{
	background:url('../../../../Landing/Formlp/_custom/triaina/tr0103/images/g02_01.webp') no-repeat 50% bottom;
	background-size:100% auto;
	min-height:660px;
}

#point02 > .innerBox > p,
#point03 > .innerBox > p{
	margin:0 auto;
	padding:1em 0;
	width:510px;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 155%;
	text-align:left;
}

#point02 img,
#point03 img{
	width: 510px;
	height:auto;
	margin: 0 auto;
}


@media (max-width: 639px) {

	#point02,
	#point03{
		padding-bottom:min(50px,8vw);
	}

	#point02 > .innerBox{
		min-height:min(140vw,660px);
	}

	#point02 > .innerBox > p,
	#point03 > .innerBox > p{
		width:min(510px,80vw);
		font-size: clamp(1.6rem,5vw,2.0rem);
	}

	#point02 img,
	#point03 img{
		width: min(510px,80vw);
	}

}



/*******************************
 * 100年続く歯と歯ぐきの健康を。
*******************************/
#info07{
	display:block;
	overflow:hidden;
	margin-top:50px;
	padding-bottom: 60px;
}


#info07 h2{
	display:block;
	overflow:hidden;
}

#info07 h2 img{
	width:100%;
	height:auto;
}

#info07 > .innerBox{
	margin:0 auto;
	width:510px;
	padding:50px 0 25px;
}

#info07 > .innerBox > ul{
	
}

#info07 > .innerBox > ul > li{
	text-align:center;
}

#info07 > .innerBox > ul > li > img{
	width: 170px;
	height:auto;
	margin: 0 auto;
}

#info07 > .innerBox > ul > li > p{
	font-size:1.6rem;
	line-height: 155%;
	text-align:left;
	margin-top:0.5em;
}
#info07 > .innerBox > ul > li:nth-child(2) > p{
	margin-top:0;
}

#info07 > .innerBox > ul > li > p > strong{
	font-weight:normal;
	text-decoration:underline;
}


#info07 .imgBox{
	display:block;
	position:relative;
	margin-top:90px;
}
#info07 .imgBox > img:nth-child(1){
	width:348px;
	height:auto;
	position:absolute;
	right:-4vw;
	top:-90px;
}


#info07 .imgBox > img:nth-child(2){
	width:100%;
	height:auto;
}

#info07 .imgBox > p{
	margin-top:1em;
	font-size:1.6rem;
	line-height:155%;
}

#info07 p.cautionTxt{
	padding:0 25px;
}



@media (max-width: 639px) {

	#info07{
		margin-top:min(50px,8vw);
		padding-bottom: min(50px,8vw);
	}

	#info07 > .innerBox{
		width:min(510px,80vw);
		/*padding:min(50px,8vw) 0 min(20vw,60px);*/
		padding:min(50px,8vw) 0;
	}

	#info07 > .innerBox > ul > li > img{
		width: min(170px,26vw);
	}

	#info07 > .innerBox > ul > li > p{
		font-size:clamp(1.4rem,4vw,1.6rem);
	}

	#info07 .imgBox{
		margin-top:max(90px,14vw);
	}
	#info07 .imgBox > img:nth-child(1){
		width:min(348px,54vw);
		right:-4vw;
		top:max(-90px,-14vw);
	}

	#info07 .imgBox > p{
		font-size:clamp(1.2rem,4vw,1.4rem);
	}

}



/*******************************
 * 植物の底力
*******************************/
#info08{
	background-color:#b8e1f2;
	padding-bottom:50px;
}

#info08 .innerBox{
	display:block;
	width:530px;
	margin:-60px auto 0;
	padding:25px;
	background-color:#ffffff;
	position:relative;
}

#info08 .innerBox >.tag{
	display:inline-block;
	overflow:hidden;
	padding:0.5em 3em;
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 125%;
	white-space:nowrap;
	color:#ffffff;
	background: linear-gradient(45deg,  rgba(0,107,145,1) 0%,rgba(0,84,155,1) 100%);
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	position:absolute;
	top:-4px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#info08 .innerBox > h3{
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 125%;
	margin:2em 0 0.75em;
	text-align:center;
}

#info08 .innerBox > p{
	font-size: 2.3rem;
	font-weight: 700;
	line-height: 155%;
}

#info08 .innerBox > p.cautionTxt{
	font-size: 1.6rem;
	font-weight: normal;
}




@media (max-width: 639px) {

	#info08{
		padding-bottom:min(50px,8vw);
	}

	#info08 .innerBox{
		width:min(530px,92vw);
		padding:min(25px,4vw);
	}

	#info08 .innerBox >.tag{
		font-size: clamp(1.8rem,5.5vw,3.0rem);
	}

	#info08 .innerBox > h3{
		font-size: clamp(1.8rem,6vw,3.2rem);
	}

	#info08 .innerBox > p{
		font-size: clamp(1.6rem,4vw,2.3rem);
	}

	#info08 .innerBox > p.cautionTxt{
		font-size: clamp(1.4rem,12vw,1.6rem);
		margin-top: 1em;
	}

}



/*******************************
 * 植物の底力
*******************************/
#info09{
	display:block;
	overflow:hidden;
	background: linear-gradient(to right,rgba(0,168,179,1) 0%,rgba(0,110,175,1) 75%,rgba(0,110,175,1) 100%);
	text-align:center;
	position:relative;
	padding-bottom:25px;
	margin-top:50px;
}

#info09::before{
	content:"";
	display:block;
	overflow:hidden;
	width:200vw;
	height:400px;
	background-color:#ffffff;
	position: absolute;
	top:-5%;
	left:-50%;
	rotate:5deg;
}

#info09 > img{
	position:relative;
	width:425px;
	height:auto;
	margin: 0 auto;
}



#info09 h2{
	font-size:3.6rem;
	font-weight: 700;
	line-height: 155%;
	color:#ffffff;
}

#info09 h2 > strong{
	display:block;
	overflow:hidden;
	font-size:5.6rem;
	line-height: 125%;
	color:#feeb00;
}

#info09 > .innerBox{
	margin-top:25px;
	padding:25px 50px;
	background:url('../../../../Landing/Formlp/_custom/triaina/tr0103/images/j_line.svg') no-repeat 0 0;
	background-size:contain;
}

#info09 ul.pointList{
	margin:0 0;
	width:100%;
	color:#ffffff;
}


#info09 ul.pointList > li img{
	width: 94px;
	height:auto;
	margin: 0 auto;
}


#info09 > .innerBox > section{
	margin-top:50px;
}

#info09 > .innerBox > section+section{
	margin-top:100px;
}

#info09 > .innerBox > section > img{
	width:534px;
	height:auto;
}

#info09 > .innerBox > section > h3{
	margin:0.75em 0;
	font-size:3.6rem;
	font-weight:700;
	line-height: 155%;
	color:#feeb00;
}

#info09 > .innerBox > section > p{
	font-size: 2.4rem;
	line-height: 155%;
	color:#ffffff;
	text-align:left;
}


@media (max-width: 639px) {

	#info09{
		padding-bottom:min(25px,4vw);
	}

	#info09::before{
		height:min(400px,50vw);
	}

	#info09 > img{
		width:min(425px,66vw);
	}

	#info09 h2{
		font-size: clamp(1.8rem,6vw,3.6rem);
	}

	#info09 h2 > strong{
		font-size: clamp(2.1rem,9vw,5.6rem);
	}

	#info09 > .innerBox{
		margin-top:min(25px,4vw);
		padding:min(25px,4vw) min(50px,8vw);
	}

	#info09 ul.pointList > li img{
		width: min(94px,14vw);
	}

	#info09 > .innerBox > section{
		margin-top:min(50px,8vw);
	}
	#info09 > .innerBox > section + section{
		margin-top:min(100px,15vw);
	}

	#info09 > .innerBox > section > img{
		width:min(534px,83vw);
	}

	#info09 > .innerBox > section > h3{
		font-size: clamp(1.8rem,7vw,3.6rem);
	}

	#info09 > .innerBox > section > p{
		font-size: clamp(1.4rem,4vw,2.4rem);
	}

}


/*******************************
 * 植物の底力
*******************************/
#info10{
	display:block;
	overflow:hidden;
	position:relative;
	padding:25px 0;
	background: url('../../../../Landing/Formlp/_custom/triaina/tr0103/images/upd_250301/info10/m_stripe.svg') no-repeat right 0;
	background-size: 100% auto;
}

#info10::before{
	content:"";
	width:;
}

#info10 h2{
	display:block;
	overflow:hidden;
	margin-bottom:25px;
	font-size:2.8rem;
	font-weight:700;
	line-height:125%;
	text-align:center;
}

#info10 h2 > span{
	display:block;
	overflow:hidden;
	font-size:0.9em;
	line-height:155%;
}


#info10 h3{
	display:block;
	overflow:hidden;
	margin-top:1em;
	padding:0 min(8vw,60px);
	font-size:2.1rem;
	font-weight:700;
	line-height:155%;
}


#info10 p{
	display:block;
	overflow:hidden;
	padding:0 min(8vw,60px);
	margin-top:1em;
	font-size:1.6rem;
	font-weight:700;
	line-height:155%;
}


@media (max-width: 639px) {


}



/*******************************
 * 2つの歯磨きジェル
*******************************/
section[id^="info11"]{
	display:block;
	overflow:hidden;
	position:relative;
}

section[id^="info11"] .sectionBody{
	background-color:#ebf5f2;
	padding-bottom:25px;
}

section[id^="info11"] article+article{
	margin-top:50px;
}


/*タイトルタブ*/
ul.jelTab{
	display:flex;
	border-bottom:1px solid #231815;
	line-height:100%;
	font-size:0;
	margin:25px 0 10px;
}

ul.jelTab > li{
	flex:1;
	text-align:center;
}

ul.jelTab > li > span{
	display:inline-block;
	overflow:hidden;
	font-size:1.4rem;
	font-weight:700;
	line-height:125%;
	color:#9fa0a0;
	letter-spacing: 0.1em;
	padding:0.5em 0.75em;
	background-color:#ffffff;
}

section#info11a ul.jelTab > li:nth-child(1) > span,
section#info11b ul.jelTab > li:nth-child(2) > span{
	color:#231815;
	border-top:1px solid #231815;
	border-left:1px solid #231815;
	border-right:1px solid #231815;
	position:relative;
	top:1px;
}


/*セクション タイトル*/
section#info11a h2{
	background: url("../../../../Landing/Formlp/_custom/triaina/tr0103/images/upd_250301/info11/n01_bg.webp") no-repeat 0 0;
	background-size:cover;
}

section#info11b h2{
	background: url("../../../../Landing/Formlp/_custom/triaina/tr0103/images/upd_250301/info11/n02_bg.webp") no-repeat 0 0;
	background-size:cover;
}


/*セクション サブタイトル*/
section[id^="info11"] h3{
	display:block;
	overflow:hidden;
	font-size:2.4rem;
	font-weight:700;
	line-height:155%;
	text-align:center;
	padding:25px 0;
	margin-bottom:25px;
	background: url("../../../../Landing/Formlp/_custom/triaina/tr0103/images/upd_250301/info11/n_line_01.svg") no-repeat 50% bottom;
}

section[id^="info11"] h3 > strong{
	display:block;
	overflow:hidden;
	font-size:1.4em;
	line-height:155%;
}

section[id^="info11"] h3 > span{
	display:block;
	overflow:hidden;
	font-size:0.6em;
	line-height:155%;
}


/*成分表*/
ul.materials{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	padding:0 4vw;
}

ul.materials > li{
	width:50%;
	padding:0 3vw;
	text-align:center;
	font-size:1.4rem;
	line-height:125%;
}

ul.materials > li img{
	width:min(100%,240px)!important;
	height:auto!important;
}

ul.materials > li > span{
	display:block;
	overflow:hidden;
	white-space: nowrap;
}


/*製品紹介文*/
.infoBlock{
	display:block;
	overflow:hidden;
	padding:25px 0;
	font-size:1.6rem;
	line-height:155%;
	text-align:center;
	background: url("../../../../Landing/Formlp/_custom/triaina/tr0103/images/upd_250301/info11/n_line_02.svg") no-repeat 50% top;
}

.infoBlock h4{
	display:block;
	overflow:hidden;
	margin:25px 0;
}

.infoBlock strong{
	display:inline-block;
	overflow:hidden;
	padding:0 0.25em;
	font-size:1.4em;
	line-height:155%;
	color:#ffffff;
	background-color:#00549b;
}


.infoBlock ul{
	padding:1em min(8vw,60px) 0;
}

.infoBlock ul > li{
	/*font-size:1.4rem;
	line-height:125%;*/
	padding:0.75em 1em;
	background-color:#c8e4e7;
}

.infoBlock ul > li + li{
	margin-top:0.75em;
}

.infoBlock h5{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	font-weight:700;
	line-height:155%;
	margin:0.75em 0;
}

.infoBlock p{
	display:block;
	overflow:hidden;
	font-weight:700;
	line-height:175%;
	padding:0 min(8vw,60px);
}

.infoBlock p > span{
	background: linear-gradient(transparent 60%, #94cef1 60%);
}


section#info11b .infoBlock strong{
	background-color:#f3adc4;
}

section#info11b .infoBlock ul > li{
	background-color:#fdecea;
}

section#info11b .infoBlock p > span{
	background: linear-gradient(transparent 60%, #fdecea 60%);
}

section#info11b .sectionBody > article > p.cautionTxt{
	text-align: right;
	margin-top:1em;
	padding-right:min(8vw,50px);
}



@media (max-width: 639px) {


}


/*******************************
 * キャッチ 08
*******************************/
#catch08{
	margin-top:25px;
	background: url("../../../../Landing/Formlp/_custom/triaina/tr0103/images/upd_250301/info11/n_line_03.svg") no-repeat 50% top;
	padding:25px 0 0;
}


@media (max-width: 639px) {


}




/*******************************
 * 電動歯ブラシの方にも断然おすすめ
*******************************/
#info12{
	display:block;
	overflow:hidden;
	position:relative;
	padding:0 min(8vw,60px) 50px;
}

#info12 > img{
	width: min(23vw,148px);
	height:auto;
	float:left;
}

#info12 > h2{
	display:block;
	width:calc(100% - min(23vw,148px));
	float:right;
}


#info12 > p{
	display:inline-block;
	width:calc(100% - min(23vw,148px));
	margin-top:2em;
	font-size: clamp(1.4rem, 2vw, 2.1rem);
	font-weight:700;
	line-height:155%;
	float:right;
}

@media (max-width: 639px) {
	

}



/*******************************
 * Last Catch
*******************************/
#endCatch{
	display:block;
	overflow:hidden;
	position:relative;
}

#endCatch img{
	width:100%;
	height:auto;
}


#endCatch h2{
	display:inline-block;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size:6.7rem;
	font-weight:700;
	line-height:155%;
	text-align:center;
	white-space:nowrap;
	text-decoration: underline solid #feeb00 0.5em;
	text-underline-offset: -0.3em;
}


#endCatch h2 > span{
	font-size:5.5rem;
	line-height:155%;
}



@media (max-width: 639px) {

	#endCatch h2{
		font-size:clamp(3.3rem,9vw,6.7rem);
	}

	#endCatch h2 > span{
		font-size:clamp(2.7rem,10vw,5.5rem);
	}

}





/*******************************
 * PRODUCT
*******************************/
#product{
	display:block;
	overflow:hidden;
	position:relative;
	margin-bottom:50px
}

#product h2{
	display:block;
	overflow:hidden;
	padding:65px 0;
}

#product h2 img{
	width:100%;
	height:auto;
}


#product > section{
	display:block;
	overflow:hidden;
	position:relative;
	padding:0 0 50px;
}

#product > section img {
	width: 100%;
}

#product > section + section{
	margin-top:50px;
}



@media (max-width: 639px) {

	#product{
		margin-bottom:min(50px,8vw)
	}

	#product h2{
		padding:min(65px,10vw) 0;
	}

	#product > section{
		padding:0 0 min(50px,8vw);
	}

	#product > section + section{
		margin-top:min(50px,8vw);
	}

}




#product .imgBox{
	display:block;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin-bottom:20px;
}

/*#product .imgBox > img:nth-child(1){
	width:212px;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}

#product .imgBox > img:nth-child(2){
	width:130px;
	height:auto;
	position:relative;
}*/

#product > section > h3{
	display:block;
	overflow:hidden;
	font-size:2.8rem;
	font-weight:700;
	line-height:155%;
	text-align:center;
}

#product > section > h3 > span{
	display:block;
	overflow:hidden;
	font-size:2.0rem;
	line-height:155%;
}


#product > section > .innerBox{
	display:block;
	overflow:hidden;
	padding:0 25px;
	font-size:2.1rem;
	line-height:155%;
}


#product > section > .innerBox > p{
	margin -top:1em;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	color: #14539b;
	margin-bottom: 20px;
	
}

#product > section > .innerBox > p.cautionTxt{
	margin:0.5em 0 0;
	padding:0 1em;
	text-align: left;
	color: black;
	margin-top: 40px;
}


@media (max-width: 639px) {

	/*#product .imgBox{
		margin-bottom:min(40px,6vw);
	}

	#product .imgBox > img:nth-child(1){
		width:min(212px,33vw);
	}

	#product .imgBox > img:nth-child(2){
		width:min(130px,20vw);
	}*/

	#product > section > h3{
		font-size:clamp(1.6rem,8vw,2.8rem);
	}

	#product > section > h3 > span{
		font-size:clamp(1.4rem,6vw,2.0rem);
	}

	#product > section > .innerBox{
		padding:0 min(25px,4vw);
		font-size:clamp(1.6rem,4vw,2.1rem);
	}
	#product > section > .innerBox > p{
		font-size: 4vw;
		margin-bottom: 10px;
	}

}

#offer01 {
	background-color: #e7f2f5;
}

#main.login .btn_logout {
  display: none !important;
}

#main.logout .btn_login {
  display: none !important;
}

#main .btn_her {
  margin-top: 20px;
}

@media (max-width: 639px) {
	#main .btn_her {
  		margin-top: 10px;
	}
}

.accordion-004 {
    max-width: 100%;
    margin-bottom: 10px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
}

.accordion-004 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-004 summary::-webkit-details-marker {
    display: none;
}

.accordion-004 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-004[open] summary::after {
    transform: rotate(225deg);
}

.accordion-004 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
	font-size: 1.6rem;
}

.accordion-004.box_xyl {
	margin-top: 30px;
}

.accordion-004[open] p {
    transform: none;
    opacity: 1;
}

@media (max-width: 639px) {
	.accordion-004 summary {
		padding: 1em;
	}
	.accordion-004 p {
		font-size: 1.2rem;
		padding: .3em 1em 1.5em;
	}
}



/*フレーバー*/
#product > section > .flavor{
	display:block;
	overflow:hidden;
	text-align:center;
	position:relative;
	margin-top:1em;
	margin-bottom:25px;
}

#product > section > .flavor > span{
	position: relative;
	display: inline-block;
	line-height: 150%;
	padding: 0 2.5rem;
	background-color: #cccccc;
	font-size:1.6rem;
	text-align: center;
}

#product > section > .flavor > span::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0px;
	height: 0px;
	border-width: 0.8em 0.75em 0.8em 0px;
	border-color: transparent #ffffff;
	border-style: solid;
	content: '';
}



@media (max-width: 639px) {

	#product > section > .flavor{
		margin-bottom:min(25px,4vw);
	}

	#product > section > .flavor > span{
		font-size:clamp(1.4rem,4vw,1.6rem);
	}

}


/*価格*/
.price{
	display:block;
	overflow:hidden;
	width:420px;
	margin:1em auto 1.5em;
	font-size:2.0rem;
	line-height:155%;
	text-align:center;

	border-top:1px solid #333333;
	padding-top:0.5em;
}

.price > strong{
	display:block;
	overflow:hidden;
	font-size:4.4rem;
	font-weight:700;
	line-height:155%;
}

.price > strong > span{
	font-size:2.8rem;
	line-height:155%;
}



@media (max-width: 639px) {

	.price{
		width:min(420px,80vw);
		font-size:clamp(1.2rem,4vw,2.0rem);
	}

	.price > strong{
		font-size:clamp(2.1rem,10vw,4.4rem);
	}

	.price > strong > span{
		font-size:clamp(1.6rem,6vw,2.8rem);
	}

}


#product h4{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	font-weight:700;
	line-height:125%;
	text-align:center;
	margin:1.5em 0;
}


/*効能リスト*/
ul.chkList{
	display:flex;
	flex-wrap:wrap;
	font-size:2.3rem;
	line-height:125%;
	color:#05397f;
	margin:1em 0 0.5em;
}

ul.chkList > li{
	width:50%;
	padding-left:1.5em;
	background:url('../../../../Landing/Formlp/_custom/triaina/tr0103/images/ckhbox.svg') no-repeat 0 -0.2em;
	background-size:1.4em auto;
}

ul.chkList > li+li{
	margin-top:0.25em;
}


@media (max-width: 639px) {

	ul.chkList{
		font-size:clamp(1.6rem,4vw,2.3rem);
	}

}



/*配合成分*/
.borderedBox{
	display:block;
	overflow:hidden;
	margin-top:25px;
	padding:1em 1em;
	border: 1px solid #333333;
}


.borderedBox > h4{
	font-size:2.4rem;
	font-weight:700;
	line-height:125%;
	text-align:center;
}

.borderedBox > p{
	margin-top: 1em;
	font-size:2.0rem;
	line-height:155%;
}

.borderedBox > p.cautionTxt{
	margin:1em 1em 0;
}



#product01{
	background-color:#e6f2f5;
}

#product > section#product01 > .flavor > span{
	background-color: #6fbcc5!important;
}

#product > section#product01 > .flavor > span::before {
	border-color: transparent #e6f2f5!important;
}


/*
#product02{
	background-color:#fcf6f0;
}

#product > section#product02 > .flavor > span{
	background-color: #e9d3ca;
}

#product > section#product02 > .flavor > span::before {
	border-color: transparent #fcf6f0;
}
*/

#product02{
	background-color:#fdeef2;
}


@media (max-width: 639px) {

	.borderedBox{
		margin-top:min(25px,4vw);
	}

	.borderedBox > h4{
		font-size:clamp(1.6rem,5vw,2.4rem);
	}

	.borderedBox > p{
		font-size:clamp(1.4rem,4vw,2.0rem);
	}

}



/*取り扱い歯医者さん急増中！*/
#dental{
	display:block;
	overflow:hidden;
	margin-top:min(50px,8vw);
}

#dental > ul{
	display:flex;
	overflow:hidden;
	padding:50px 30px 80px;
	min-height:min(108vw,690px);
	flex-wrap:wrap;
	font-size:1.6rem;
	line-height:125%;
	background:url('../../../../Landing/Formlp/_custom/triaina/tr0103/images/dental/dental_bg.webp') no-repeat 50% 50%;
	background-size:contain;
}


#dental > ul > li{
	width:50%;
	position:relative;
	font-size:clamp(1.2rem,1.9vw,1.6rem);
	line-height:155%;
}

#dental > ul > li > a{
	display:block;
	overflow:hidden;
}
#dental > ul > li img{
	width:min(8vw ,55px);
	height:auto;
	vertical-align:middle;
}

#dental > ul > li span{
	display:inline-block;
	overflow:hidden;
	padding-left: 1em;
	width:calc(100% - min(8vw ,55px));
	text-decoration:underline;
	vertical-align:middle;
}



@media (max-width: 639px) {

	#dental > ul{
		padding:8vw 6vw 16vw;
	}


}