@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300&display=swap');

a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
	outline: none;
}
#serum .comm_contents{
	width:90%;
	max-width:1000px;
	margin:auto;
}


#serum #intro{
	margin:80px auto;
}

#serum #intro h2{
	font-size:40px;
	max-width:680px;
	margin:0 auto 30px;
	line-height:1.8;
}

#serum #intro h2 span{
	font-size:30px;
	display:block;
}

#serum #intro ul{
	width:95%;
	max-width:900px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

#serum #intro ul li{
	margin-bottom:15px;
	width:47%;
	text-align:left;
	background:url(../../img/special/eyelashserum-hikaku/icon.png) no-repeat;
	padding-left:25px;
}

@media only screen and (max-width:980px) { 
#serum #intro ul li{
	margin-bottom:15px;
	width:90%;
	max-width:480px;
}
}


@media only screen and (max-width:640px) { 
#serum #intro h2{
	font-size:30px;
	letter-spacing:normal;
}
#serum #intro h2 span{
	font-size:20px;
}
}




#serum #risou{
	background:#DAD9DD;
	padding:200px 0 170px;
	position:relative;
}

#serum #risou h2{
	max-width:1000px;
	font-size:50px;
	font-family: 'Noto Serif JP', serif;
	text-align:left;
	position:absolute;
	top:115px;
	width:90%;
	position:absolute;
	left: 45%;
	-webkit-transform: translateX(-45%);
	transform: translateX(-45%);
}

#serum #risou dl{
	width:90%;
	max-width:1000px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:auto;
}

#serum #risou dl dt{
	width:56%;
}

#serum #risou dl dd{
	width:40%;
	text-align:left;
	font-size:17px;
	line-height:1.8;
	font-family: 'Noto Serif JP', serif;
	font-weight:200;
}


@media only screen and (max-width:840px) { 
#serum #risou dl dt{
	width:100%;
	margin-bottom:20px;
}

#serum #risou dl dd{
	width:100%;
	max-width:534px;
	margin:auto;
}
}

@media only screen and (max-width:480px) { 
#serum #risou{
	padding:150px 0 100px;
}

#serum #risou h2{
	font-size:34px;
	top:80px;
}

}











#serum #hikaku{
	width:90%;
	max-width:1200px;
	margin:80px auto;
}


#serum #hikaku h2{
	font-size:40px;
	margin:0 auto 30px;
	letter-spacing:normal;
}

#serum #hikaku h2 br{
	display:none;
}

#serum #hikaku h2 span{
	font-size:30px;
	display:block;
	margin-top:30px;
}




@media only screen and (max-width:758px) { 
#serum #hikaku h2{
	font-size:25px;
}

#serum #hikaku h2 span{
	font-size:20px;
}
}


@media only screen and (max-width:480px) { 
#serum #hikaku h2 br{
	display:block;
}
}



/*マッピング*/
#mapping{
	background:#68A2B8;
	padding:130px 0 150px;
}


#mapping p{
	color:#FFFFFF;
	font-size:40px;
	border-bottom:#FFFFFF 1px dotted;
	line-height:2;
	width:800px;
	margin:0 auto 80px;
	text-align:center;
}

#mapping p br{
	display:none;
}



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

#mapping{
	padding:50px 10px 50px;
}


#mapping p{
	color:#FFFFFF;
	font-size:30px;
	border-bottom:#FFFFFF 1px dotted;
	line-height:1.5;
	width:90%;
	padding-bottom:15px;
	/*margin:0 auto 80px;*/
	text-align:center;
}


#mapping p br{
	display: block;
}


}